@interop-ui/react-aspect-ratio - npm Package Compare versions

Comparing version 0.0.1-12 to 0.0.1-13

dist/index.d.ts

@@ -1,12 +0,6 @@
-import * as React from "react";
-declare const DEFAULT_TAG = "div";
-type AspectRatioDOMProps = React.ComponentPropsWithoutRef<typeof DEFAULT_TAG>;
 type AspectRatioOwnProps = {
     ratio?: number;
 };
-export type AspectRatioProps = AspectRatioDOMProps & AspectRatioOwnProps;
-export const AspectRatio: import("@interop-ui/react-utils").ForwardRefExoticComponentWithAs<"div", AspectRatioProps> & {
-    displayName: string;
-};
+export const AspectRatio: import("@interop-ui/react-polymorphic").ForwardRefExoticComponentWithAs<"div", AspectRatioOwnProps>;
 
 //# sourceMappingURL=index.d.ts.map

dist/index.js

@@ -1,2 +0,2 @@
-var e,t,r=require("@interop-ui/react-utils").forwardRef,n=require("@interop-ui/utils").getPartDataAttrObj,o=(e={},t=require("react"),Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e);function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){u(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var p=r((function(e,t){var r=e.as,c=void 0===r?"div":r,u=e.ratio,p=void 0===u?1:u,f=e.style,s=e.children,b=l(e,["as","ratio","style","children"]);return o.createElement("div",{style:{position:"relative",width:"100%",paddingBottom:"".concat(100/p,"%")}},o.createElement(c,i({},b,n("AspectRatio"),{ref:t,style:a(a({},f),{},{position:"absolute",top:0,right:0,bottom:0,left:0})}),s))}));exports.AspectRatio=p,p.displayName="AspectRatio";
+var e,t,r=require("@interop-ui/react-polymorphic").forwardRefWithAs,n=require("@interop-ui/utils").getPartDataAttrObj,o=(e={},t=require("react"),Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e);function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){l(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var p=r((function(e,t){var r=e.as,c=void 0===r?"div":r,l=e.ratio,p=void 0===l?1:l,f=e.style,s=e.children,b=u(e,["as","ratio","style","children"]);return o.createElement("div",{style:{position:"relative",width:"100%",paddingBottom:"".concat(100/p,"%")}},o.createElement(c,i({},b,n("AspectRatio"),{ref:t,style:a(a({},f),{},{position:"absolute",top:0,right:0,bottom:0,left:0})}),s))}));exports.AspectRatio=p,p.displayName="AspectRatio";
 //# sourceMappingURL=index.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import{forwardRef as t}from"@interop-ui/react-utils";import{getPartDataAttrObj as e}from"@interop-ui/utils";import*as r from"react";function n(){return(n=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}function o(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function i(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach((function(e){c(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function c(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}const p="div";export const AspectRatio=t((function(t,o){const{as:c=p,ratio:l=1,style:s,children:u}=t,f=a(t,["as","ratio","style","children"]);return r.createElement("div",{style:{position:"relative",width:"100%",paddingBottom:"".concat(100/l,"%")}},r.createElement(c,n({},f,e("AspectRatio"),{ref:o,style:i(i({},s),{},{position:"absolute",top:0,right:0,bottom:0,left:0})}),u))}));AspectRatio.displayName="AspectRatio";
+import{forwardRefWithAs as t}from"@interop-ui/react-polymorphic";import{getPartDataAttrObj as e}from"@interop-ui/utils";import*as r from"react";function o(){return(o=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}function n(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function i(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?n(Object(r),!0).forEach((function(e){c(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function c(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function p(t,e){if(null==t)return{};var r,o,n=function(t,e){if(null==t)return{};var r,o,n={},i=Object.keys(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||(n[r]=t[r]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}const a="div";export const AspectRatio=t(((t,n)=>{const{as:c=a,ratio:l=1,style:s,children:u}=t,f=p(t,["as","ratio","style","children"]);return r.createElement("div",{style:{position:"relative",width:"100%",paddingBottom:"".concat(100/l,"%")}},r.createElement(c,o({},f,e("AspectRatio"),{ref:n,style:i(i({},s),{},{position:"absolute",top:0,right:0,bottom:0,left:0})}),u))}));AspectRatio.displayName="AspectRatio";
 //# sourceMappingURL=index.module.js.map

package.json

 {
   "name": "@interop-ui/react-aspect-ratio",
-  "version": "0.0.1-12",
+  "version": "0.0.1-13",
   "license": "MIT",
@@ -20,4 +20,5 @@ "source": "src/index.ts",
   "dependencies": {
-    "@interop-ui/react-utils": "0.0.1-12",
-    "@interop-ui/utils": "0.0.1-4"
+    "@interop-ui/react-polymorphic": "0.0.1-0",
+    "@interop-ui/react-utils": "0.0.1-13",
+    "@interop-ui/utils": "0.0.1-5"
   },
@@ -24,0 +25,0 @@ "devDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

12035

decreased by-4.19%

Dependency count

4

increased by33.33%

Lines of code

23

decreased by-17.86%

Dependency changes

• + Added@interop-ui/react-polymorphic@0.0.1-0

• + Added@interop-ui/react-polymorphic@0.0.1-0(transitive)

• + Added@interop-ui/react-utils@0.0.1-13(transitive)

• + Added@interop-ui/utils@0.0.1-5(transitive)

• - Removed@interop-ui/react-utils@0.0.1-12(transitive)

• - Removed@interop-ui/utils@0.0.1-4(transitive)

• Updated@interop-ui/react-utils@0.0.1-13

• Updated@interop-ui/utils@0.0.1-5