react-native-reanimated-carousel 4.0.0 → 4.0.2

package/README.md

@@ -13,46 +13,8 @@
 
 ## The best carousel component in React Native community. ⚡️
 
--   **It completely solved this** [problem](https://github.com/meliorence/react-native-snap-carousel/issues/632) **for `react-native-snap-carousel`**
--   **Fully implemented using Reanimated 3**
--   **[Examples](https://app.rn-carousel.dev)**
-
-## Getting Started
-
-Check out the [documentation](https://rn-carousel.dev) website.
-
-## Examples
-
-> Click on the image to see the code snippets [[Try it]](https://snack.expo.dev/@caspian.zhao/react-native-reanimated-carousel) 🍺
-
-|              <img src="assets/normal-horizontal.gif"/>               |                <img src="assets/normal-vertical.gif"/>                |              <img src="assets/parallax-horizontal.gif"/>               |
-| :------------------------------------------------------------------: | :-------------------------------------------------------------------: | :--------------------------------------------------------------------: |
-|  <a href="./example/app/src/pages/normal/index.tsx">normal-horizontal</a>  |   <a href="./example/app/src/pages/normal/index.tsx">normal-vertical</a>    | <a href="./example/app/src/pages/parallax/index.tsx">parallax-horizontal</a> |
-|              <img src="assets/parallax-vertical.gif"/>               |             <img src="assets/stack-horizontal-left.gif"/>             |             <img src="assets/stack-horizontal-right.gif"/>             |
-| <a href="./example/app/src/pages/parallax/index.tsx">parallax-vertical</a> | <a href="./example/app/src/pages/stack/index.tsx">stack-horizontal-left</a> | <a href="./example/app/src/pages/stack/index.tsx">stack-horizontal-right</a> |
-|             <img src="assets/stack-vertical-left.gif"/>              |             <img src="assets/stack-vertical-right.gif"/>              |             <img src="assets/stack-horizontal-right.gif"/>             |
-| <a href="./example/app/src/pages/stack/index.tsx">stack-vertical-left</a>  | <a href="./example/app/src/pages/stack/index.tsx">stack-vertical-right</a>  | <a href="./example/app/src/pages/stack/index.tsx">stack-horizontal-right</a> |
-|                  <img src="assets/left-align.gif"/>                  | |                  <img src="assets/right-align.gif" >                  |
-|   <a href="./example/app/src/pages/left-align/index.tsx">left-align</a>    |  |   <a href="./example/app/src/pages/right-align/index.tsx">right-align</a>    |
-
-> You can make cool animations with custom animation API [[Details]](https://rn-carousel.dev/custom-animations)
-
-|                          <img src="assets/advanced-parallax.gif"/>                          |                      <img src="assets/pause-advanced-parallax.gif"/>                      |                   <img src="assets/scale-fade-in-out.gif"/>                   |
-| :-----------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------: |
-|        <a href="./example/app/src/pages/advanced-parallax/index.tsx">advanced-parallax</a>        | <a href="./example/app/src/pages/pause-advanced-parallax/index.tsx">pause-advanced-parallax</a> | <a href="./example/app/src/pages/scale-fade-in-out/index.tsx">scale-fade-in-out</a> |
-|                      <img src="assets/rotate-scale-fade-in-out.gif"/>                       |                           <img src="assets/rotate-in-out.gif"/>                           |                     <img src="assets/anim-tab-bar.gif"/>                      |
-| <a href="./example/app/src/pages/rotate-scale-fade-in-out/index.tsx">rotate-scale-fade-in-out</a> |           <a href="./example/app/src/pages/rotate-in-out/index.tsx">rotate-in-out</a>           |      <a href="./example/app/src/pages/anim-tab-bar/index.tsx">anim-tab-bar</a>      |
-|                               <img src="assets/marquee.gif"/>                               |                             <img src="assets/multiple.gif"/>                              |                       <img src="assets/circular.gif"/>                        |
-|                  <a href="./example/app/src/pages/marquee/index.tsx">marquee</a>                  |                <a href="./example/app/src/pages/multiple/index.tsx">multiple</a>                |          <a href="./example/app/src/pages/circular/index.tsx">circular</a>          |
-|                                <img src="assets/fold.gif"/>                                 |                               <img src="assets/tear.gif"/>                                |                      <img src="assets/press-swipe.gif"/>                      |
-|                     <a href="./example/app/src/pages/fold/index.tsx">fold</a>                     |                    <a href="./example/app/src/pages/tear/index.tsx">tear</a>                    |       <a href="./example/app/src/pages/press-swipe/index.tsx">press-swipe</a>       |
-|                               <img src="assets/cube-3d.gif"/>                               |                           <img src="assets/blur-parallax.gif"/>                           |                   <img src="assets/curve.gif"/>                               |
-|                  <a href="./example/app/src/pages/cube-3d/index.tsx">cube-3d</a>                  |           <a href="./example/app/src/pages/blur-parallax/index.tsx">blur-parallax</a>           |               <a href="./example/app/src/pages/curve/index.tsx">curve</a>           |
-|                           <img src="assets/parallax-layers.gif"/>                           |                            <img src="assets/stack-cards.gif"/>                            |                         <img src="assets/flow.gif"/>                          |
-|          <a href="./example/app/src/pages/parallax-layers/index.tsx">parallax-layers</a>          |             <a href="./example/app/src/pages/stack-cards/index.tsx">stack-cards</a>             |              <a href="./example/app/src/pages/flow/index.tsx">flow</a>              |
-|                           <img src="assets/blur-rotate.gif"/>                           |                            ||
-|          <a href="./example/app/src/pages/blur-rotate/index.tsx">blur-rotate</a>          |                          |                            |
-
+-   [Getting Started](https://rn-carousel.dev)
+-   [Examples](https://rn-carousel.dev/Examples/summary)
 
 ## Sponsors
 

package/lib/commonjs/components/Carousel.js

@@ -1,43 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _useCommonVariables = require("../hooks/useCommonVariables");
-
-var _useInitProps = require("../hooks/useInitProps");
-
-var _usePropsErrorBoundary = require("../hooks/usePropsErrorBoundary");
-
-var _store = require("../store");
-
-var _CarouselLayout = require("./CarouselLayout");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Carousel = /*#__PURE__*/_react.default.forwardRef((_props, ref) => {
-  const props = (0, _useInitProps.useInitProps)(_props);
-  const {
-    dataLength
-  } = props;
-  const commonVariables = (0, _useCommonVariables.useCommonVariables)(props);
-  (0, _usePropsErrorBoundary.usePropsErrorBoundary)({ ...props,
-    dataLength
-  });
-  return /*#__PURE__*/_react.default.createElement(_store.GlobalStateProvider, {
-    value: {
-      props,
-      common: commonVariables
-    }
-  }, /*#__PURE__*/_react.default.createElement(_CarouselLayout.CarouselLayout, {
-    ref: ref
-  }));
-});
-
-var _default = Carousel;
-exports.default = _default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _useCommonVariables=require("../hooks/useCommonVariables");var _useInitProps=require("../hooks/useInitProps");var _usePropsErrorBoundary=require("../hooks/usePropsErrorBoundary");var _store=require("../store");var _CarouselLayout=require("./CarouselLayout");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/home/runner/work/react-native-reanimated-carousel/react-native-reanimated-carousel/src/components/Carousel.tsx";var Carousel=_react.default.forwardRef(function(_props,ref){var props=(0,_useInitProps.useInitProps)(_props);var dataLength=props.dataLength;var commonVariables=(0,_useCommonVariables.useCommonVariables)(props);(0,_usePropsErrorBoundary.usePropsErrorBoundary)(Object.assign({},props,{dataLength:dataLength}));return(0,_jsxRuntime.jsx)(_store.GlobalStateProvider,{value:{props:props,common:commonVariables},children:(0,_jsxRuntime.jsx)(_CarouselLayout.CarouselLayout,{ref:ref})});});var _default=Carousel;exports.default=_default;
 //# sourceMappingURL=Carousel.js.map

package/lib/commonjs/components/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Carousel.tsx"],"names":["Carousel","React","forwardRef","_props","ref","props","dataLength","commonVariables","common"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,QAAQ,gBAAGC,eAAMC,UAAN,CAAyD,CAACC,MAAD,EAASC,GAAT,KAAiB;AACzF,QAAMC,KAAK,GAAG,gCAAaF,MAAb,CAAd;AACA,QAAM;AAAEG,IAAAA;AAAF,MAAiBD,KAAvB;AACA,QAAME,eAAe,GAAG,4CAAmBF,KAAnB,CAAxB;AACA,oDAAsB,EAAE,GAAGA,KAAL;AAAYC,IAAAA;AAAZ,GAAtB;AAEA,sBACE,6BAAC,0BAAD;AAAqB,IAAA,KAAK,EAAE;AAAED,MAAAA,KAAF;AAASG,MAAAA,MAAM,EAAED;AAAjB;AAA5B,kBACE,6BAAC,8BAAD;AAAgB,IAAA,GAAG,EAAEH;AAArB,IADF,CADF;AAKD,CAXgB,CAAjB;;eAaeJ,Q","sourcesContent":["import React from \"react\";\nimport { useCommonVariables } from \"../hooks/useCommonVariables\";\nimport { useInitProps } from \"../hooks/useInitProps\";\nimport { usePropsErrorBoundary } from \"../hooks/usePropsErrorBoundary\";\nimport { GlobalStateProvider } from \"../store\";\nimport type { ICarouselInstance, TCarouselProps } from \"../types\";\nimport { CarouselLayout } from \"./CarouselLayout\";\n\nconst Carousel = React.forwardRef<ICarouselInstance, TCarouselProps<any>>((_props, ref) => {\n  const props = useInitProps(_props);\n  const { dataLength } = props;\n  const commonVariables = useCommonVariables(props);\n  usePropsErrorBoundary({ ...props, dataLength });\n\n  return (\n    <GlobalStateProvider value={{ props, common: commonVariables }}>\n      <CarouselLayout ref={ref} />\n    </GlobalStateProvider>\n  );\n});\n\nexport default Carousel as <T>(props: React.PropsWithChildren<TCarouselProps<T>>) => JSX.Element;\n"]}
+{"version":3,"sources":["Carousel.tsx"],"names":["Carousel","React","forwardRef","_props","ref","props","dataLength","commonVariables","common"],"mappings":"mKAAA,oDACA,+DACA,mDACA,qEACA,+BAEA,gD,2LAEA,GAAMA,CAAAA,QAAQ,CAAGC,eAAMC,UAAN,CAAyD,SAACC,MAAD,CAASC,GAAT,CAAiB,CACzF,GAAMC,CAAAA,KAAK,CAAG,+BAAaF,MAAb,CAAd,CACA,GAAQG,CAAAA,UAAR,CAAuBD,KAAvB,CAAQC,UAAR,CACA,GAAMC,CAAAA,eAAe,CAAG,2CAAmBF,KAAnB,CAAxB,CACA,kEAA2BA,KAA3B,EAAkCC,UAAU,CAAVA,UAAlC,IAEA,MACE,oBAAC,0BAAD,EAAqB,KAAK,CAAE,CAAED,KAAK,CAALA,KAAF,CAASG,MAAM,CAAED,eAAjB,CAA5B,UACE,oBAAC,8BAAD,EAAgB,GAAG,CAAEH,GAArB,EADF,EADF,CAKD,CAXgB,CAAjB,C,aAaeJ,Q","sourcesContent":["import React from \"react\";\nimport { useCommonVariables } from \"../hooks/useCommonVariables\";\nimport { useInitProps } from \"../hooks/useInitProps\";\nimport { usePropsErrorBoundary } from \"../hooks/usePropsErrorBoundary\";\nimport { GlobalStateProvider } from \"../store\";\nimport type { ICarouselInstance, TCarouselProps } from \"../types\";\nimport { CarouselLayout } from \"./CarouselLayout\";\n\nconst Carousel = React.forwardRef<ICarouselInstance, TCarouselProps<any>>((_props, ref) => {\n  const props = useInitProps(_props);\n  const { dataLength } = props;\n  const commonVariables = useCommonVariables(props);\n  usePropsErrorBoundary({ ...props, dataLength });\n\n  return (\n    <GlobalStateProvider value={{ props, common: commonVariables }}>\n      <CarouselLayout ref={ref} />\n    </GlobalStateProvider>\n  );\n});\n\nexport default Carousel as <T>(props: React.PropsWithChildren<TCarouselProps<T>>) => JSX.Element;\n"]}