pietile-carousel - npm Package Compare versions

Comparing version 3.0.0 to 3.0.1

CHANGELOG.md

 # Changelog
 
+## 3.0.1
+
+- Move back to just tsc build
+
 ## 3.0.0
@@ -4,0 +8,0 @@

dist/index.d.ts

 export { PietileCarousel as default, PietileCarouselHandle } from './PietileCarousel';

dist/index.js

@@ -1,2 +0,5 @@
-var n=require("react"),e=require("framer-motion");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,a,i=t(n);function o(){return(o=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(this,arguments)}function u(n,e){if(null==n)return{};var t,r,a={},i=Object.keys(n);for(r=0;r<i.length;r++)e.indexOf(t=i[r])>=0||(a[t]=n[t]);return a}function l(n,e){return e||(e=n.slice(0)),n.raw=e,n}function c(n){var t=n.children,a=n.childrenCount,o=n.index,u=n.margin,c=e.useTransform(n.startIndex,function(n){return 100*(n<=o?-n:a-n)}),f=e.useMotionTemplate(r||(r=l(["translateX(","%)"])),c);return i.default.createElemen(e.motion.div,{style:{boxSizing:"border-box",flex:1,transform:f,willChange:"transform",paddingRight:u}},t)}var f=i.default.forwardRef(function(n,t){var r=n.children,f=n.style,d=void 0===f?{}:f,s=n.margin,g=n.count,v=n.index,h=u(n,["children","style","margin","count","index"]),m=i.default.Children.count(r),x=m-g,p=100/m,C=e.useTransform(v,function(n){return x?n>=0?Math.floor(n/x)*x%m:(m+(Math.ceil(n/x)*x-x)%m)%m:0}),b=e.useTransform(v,function(n){return x?n>=0?p*(n%x):p*(x+n%x):0}),y=o({},d,{overflow:"hidden"}),M={height:"100%",transform:e.useMotionTemplate(a||(a=l(["translateX(-","%)"])),b),willChange:"transform",display:"flex",width:"calc(((100% - "+(g-1)*s+"px) / "+g+" + "+s+"px)*"+m+")"};return i.default.createElemen("div",Object.assign({ref:t,style:y},h),i.default.createElemen(e.motion.div,{style:M},i.default.Children.map(r,function(n,e){return i.default.createElemen(c,{childrenCount:m,index:e,margin:s,startIndex:C},n)})))});function d(n,t){e.animate(n,t,{bounce:0,type:"spring",velocity:0})}function s(n,e,t){return n.current?(n.current.getBoundingClientRect().width-t*(e-1))/e+t:0}var g=e.motion(f),v=i.default.forwardRef(function(t,r){var a=t.autoplayInterval,o=void 0===a?0:a,l=t.count,c=void 0===l?1:l,f=t.children,v=t.draggable,h=void 0===v||v,m=t.margin,x=void 0===m?0:m,p=t.onChange,C=u(t,["autoplayInterval","count","children","draggable","margin","onChange"]),b=i.default.useRef(null),y=e.useMotionValue(0);!function(e){var t=e.childrenCount,r=e.index,a=e.onChange;n.useEffect(function(){var n=0,e=r.onChange(function(e){if(a){var r=(Math.round(e)%t+t)%t;r!==n&&(n=r,a(r))}});return function(){e()}},[r,t,a])}({childrenCount:i.default.Children.count(f),index:y,onChange:p});var M=function(n,e){var t=i.default.useRef(0),r=i.default.useCallback(function(){t.current&&(window.clearInterval(t.current),t.current=0)},[t]),a=i.default.useCallback(function(){r(),e&&(t.current=window.setInterval(function(){d(n,Math.floor(n.get()+1))},e))},[n,e,t,r]);return i.default.useEffect(function(){return a(),function(){r()}},[a,r]),{start:a,stop:r}}(y,o);n.useImperativeHandle(r,function(){return{slideNext:function(){M.start();var n=Number(y.get().toFixed(4));d(y,Math.ceil(n+1))},slidePrev:function(){M.start();var n=Number(y.get().toFixed(4));d(y,Math.floor(n-1))},slideTo:function(n){M.start(),d(y,n)}}},[M,y]);var w=function(e){var t=e.count,r=e.index,a=e.margin,i=e.ref,o=n.useState(function(){return{dragging:!1,index:r.get(),itemWidth:s(i,t,a)}})[0],u=n.useCallback(function(){o.dragging=!0,o.index=r.get(),o.itemWidth=s(i,t,a)},[i,t,r,o,a]),l=n.useCallback(function(n,e){r.set(o.index-e.offset.x/o.itemWidth)},[r,o]),c=n.useCallback(function(n,e){var t,a;o.dragging=!1,n instanceof MouseEvent&&(null==(t=n.target)||t.addEventListener("click",function(n){n.preventDefault()},{once:!0})),a=e.velocity.x>100?Math.floor(r.get()):e.velocity.x<-100?Math.ceil(r.get()):Math.round(r.get()),d(r,a)},[r,o]);return n.useMemo(function(){return{onPanStart:u,onPan:l,onPanEnd:c}},[u,l,c])}({count:c,index:y,margin:x,ref:b}),E=n.useCallback(function(){M.stop(),w.onPanStart.apply(w,[].slice.call(arguments))},[M,w]),P=n.useCallback(function(){M.start(),w.onPanEnd.apply(w,[].slice.call(arguments))},[M,w]),k={};return h&&(k={onPanStart:E,onPan:w.onPan,onPanEnd:P}),i.default.createElemen(g,Object.assign({ref:b,index:y,count:c,margin:x},k,C),f)});module.exports=v;
-//# sourceMappingURL=index.js.map
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var PietileCarousel_1 = require("./PietileCarousel");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return PietileCarousel_1.PietileCarousel; } });

dist/PietileCarousel.d.ts

@@ -0,0 +0,0 @@ import React from 'react';

dist/Slider/index.d.ts

 export * from './Slider';

dist/Slider/ItemWrapper.d.ts

@@ -0,0 +0,0 @@ import React from 'react';

dist/Slider/Slider.d.ts

@@ -10,3 +10,3 @@ import React from 'react';
 } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-export declare const Slider: React.ForwardRefExoticComponent<Pick<Props, "margin" | "count" | "index" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
+export declare const Slider: React.ForwardRefExoticComponent<Pick<Props, "margin" | "key" | "index" | keyof React.HTMLAttributes<HTMLDivElement> | "count"> & React.RefAttributes<HTMLDivElement>>;
 export {};

dist/useAutoplay.d.ts

@@ -0,0 +0,0 @@ import { MotionValue } from 'framer-motion';

dist/useOnChange.d.ts

@@ -0,0 +0,0 @@ import { MotionValue } from 'framer-motion';

dist/usePan.d.ts

@@ -0,0 +0,0 @@ import React from 'react';

dist/utils.d.ts

 import { MotionValue } from 'framer-motion';
 export declare function animateSpring(index: MotionValue<number>, to: number): void;

package.json

 {
   "name": "pietile-carousel",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "React Carousel",
@@ -10,7 +10,3 @@ "keywords": [
   "license": "MIT",
-  "source": "src/index.ts",
   "main": "dist/index.js",
-  "exports": "./dist/foo.modern.js",
-  "module": "dist/foo.module.js",
-  "unpkg": "dist/foo.umd.js",
   "typings": "dist/index.d.ts",
@@ -22,4 +18,4 @@ "files": [
   "scripts": {
-    "build": "rimraf dist && microbundle --jsx React.createElemen",
-    "dev": "rimraf dist && microbundle --jsx React.createElemen --watch"
+    "build": "rimraf dist && tsc",
+    "dev": "tsc --watch"
   },
@@ -26,0 +22,0 @@ "peerDependencies": {

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Number of package files

22

increased by4.76%

Lines of code

432

increased by206.38%

Number of low quality alerts

1

decreased by-66.67%

Worsened metrics

Total package byte prevSize

23985

decreased by-71.95%

No dependency changes