@react-native-ohos/native-base 3.4.29-rc.1 → 3.4.29-rc.3

package/lib/commonjs/components/composites/Transitions/Slide.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Slide.tsx"],"names":["holderStyle","top","right","left","bottom","Slide","children","props","ref","in","visible","placement","overlay","duration","_overlay","resolvedProps","containerOpacity","setContainerOpacity","React","useState","size","setSize","provideSize","layoutSize","width","height","transition","animationStyle","initial","translateY","animate","exit","translateX","slideComponent","position","e","nativeEvent","layout"],"mappings":"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","sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport type { ISlideProps } from './types';\r\nimport PresenceTransition from './PresenceTransition';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { Overlay } from '../../primitives/Overlay';\r\nimport { usePropsResolution } from '../../../hooks/';\r\n\r\nconst holderStyle: any = {\r\n  top: {\r\n    top: 0,\r\n    right: 0,\r\n    left: 0,\r\n  },\r\n  right: {\r\n    right: 0,\r\n    top: 0,\r\n    bottom: 0,\r\n  },\r\n  bottom: {\r\n    bottom: 0,\r\n    right: 0,\r\n    left: 0,\r\n  },\r\n  left: {\r\n    left: 0,\r\n    bottom: 0,\r\n    top: 0,\r\n  },\r\n};\r\n\r\nexport const Slide = memo(\r\n  forwardRef(({ children, ...props }: ISlideProps, ref: any) => {\r\n    const {\r\n      in: visible,\r\n      placement,\r\n      overlay,\r\n      duration,\r\n      _overlay,\r\n      ...resolvedProps\r\n    } = usePropsResolution('Slide', props);\r\n    const [containerOpacity, setContainerOpacity] = React.useState(0);\r\n    const [size, setSize] = React.useState(0);\r\n    const provideSize = (layoutSize: any) => {\r\n      if (placement === 'right' || placement === 'left')\r\n        setSize(layoutSize.width);\r\n      else setSize(layoutSize.height);\r\n      setContainerOpacity(1);\r\n    };\r\n\r\n    const transition = { duration };\r\n\r\n    const animationStyle: any = {\r\n      top: {\r\n        initial: {\r\n          translateY: -size,\r\n        },\r\n        animate: {\r\n          translateY: 0,\r\n          transition,\r\n        },\r\n      },\r\n      bottom: {\r\n        initial: {\r\n          translateY: size,\r\n        },\r\n        animate: {\r\n          translateY: 0,\r\n          transition,\r\n        },\r\n        exit: {\r\n          translateY: size,\r\n          transition,\r\n        },\r\n      },\r\n      left: {\r\n        initial: {\r\n          translateX: -size,\r\n        },\r\n        animate: {\r\n          translateX: 0,\r\n          transition,\r\n        },\r\n      },\r\n      right: {\r\n        initial: {\r\n          translateX: size,\r\n        },\r\n        animate: {\r\n          translateX: 0,\r\n          transition,\r\n        },\r\n      },\r\n    };\r\n\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n\r\n    const slideComponent = (\r\n      <PresenceTransition\r\n        visible={visible}\r\n        {...animationStyle[placement]}\r\n        style={[\r\n          { position: 'absolute' },\r\n          holderStyle[placement],\r\n          { height: '100%' },\r\n        ]}\r\n      >\r\n        <Box\r\n          {...resolvedProps}\r\n          opacity={containerOpacity}\r\n          ref={ref}\r\n          onLayout={(e) => provideSize(e.nativeEvent.layout)}\r\n        >\r\n          {children}\r\n        </Box>\r\n      </PresenceTransition>\r\n    );\r\n\r\n    if (overlay) {\r\n      return (\r\n        <>\r\n          <Overlay isKeyboardDismissable={false} {..._overlay}>\r\n            {slideComponent}\r\n          </Overlay>\r\n        </>\r\n      );\r\n    } else {\r\n      return slideComponent;\r\n    }\r\n  })\r\n);\r\n\r\nexport default Slide;\r\n"]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Box","_interopRequireDefault","_PresenceTransition","_useHasResponsiveProps","_Overlay","_hooks","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","holderStyle","top","right","left","bottom","Slide","exports","memo","forwardRef","children","props","ref","in","visible","placement","overlay","duration","_overlay","resolvedProps","usePropsResolution","containerOpacity","setContainerOpacity","React","useState","size","setSize","provideSize","layoutSize","width","height","transition","animationStyle","initial","translateY","animate","exit","translateX","useHasResponsiveProps","slideComponent","createElement","style","position","opacity","onLayout","nativeEvent","layout","Fragment","Overlay","isKeyboardDismissable","_default"],"sources":["Slide.tsx"],"sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport type { ISlideProps } from './types';\r\nimport PresenceTransition from './PresenceTransition';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { Overlay } from '../../primitives/Overlay';\r\nimport { usePropsResolution } from '../../../hooks/';\r\n\r\nconst holderStyle: any = {\r\n  top: {\r\n    top: 0,\r\n    right: 0,\r\n    left: 0,\r\n  },\r\n  right: {\r\n    right: 0,\r\n    top: 0,\r\n    bottom: 0,\r\n  },\r\n  bottom: {\r\n    bottom: 0,\r\n    right: 0,\r\n    left: 0,\r\n  },\r\n  left: {\r\n    left: 0,\r\n    bottom: 0,\r\n    top: 0,\r\n  },\r\n};\r\n\r\nexport const Slide = memo(\r\n  forwardRef(({ children, ...props }: ISlideProps, ref: any) => {\r\n    const {\r\n      in: visible,\r\n      placement,\r\n      overlay,\r\n      duration,\r\n      _overlay,\r\n      ...resolvedProps\r\n    } = usePropsResolution('Slide', props);\r\n    const [containerOpacity, setContainerOpacity] = React.useState(0);\r\n    const [size, setSize] = React.useState(0);\r\n    const provideSize = (layoutSize: any) => {\r\n      if (placement === 'right' || placement === 'left')\r\n        setSize(layoutSize.width);\r\n      else setSize(layoutSize.height);\r\n      setContainerOpacity(1);\r\n    };\r\n\r\n    const transition = { duration };\r\n\r\n    const animationStyle: any = {\r\n      top: {\r\n        initial: {\r\n          translateY: -size,\r\n        },\r\n        animate: {\r\n          translateY: 0,\r\n          transition,\r\n        },\r\n      },\r\n      bottom: {\r\n        initial: {\r\n          translateY: size,\r\n        },\r\n        animate: {\r\n          translateY: 0,\r\n          transition,\r\n        },\r\n        exit: {\r\n          translateY: size,\r\n          transition,\r\n        },\r\n      },\r\n      left: {\r\n        initial: {\r\n          translateX: -size,\r\n        },\r\n        animate: {\r\n          translateX: 0,\r\n          transition,\r\n        },\r\n      },\r\n      right: {\r\n        initial: {\r\n          translateX: size,\r\n        },\r\n        animate: {\r\n          translateX: 0,\r\n          transition,\r\n        },\r\n      },\r\n    };\r\n\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n\r\n    const slideComponent = (\r\n      <PresenceTransition\r\n        visible={visible}\r\n        {...animationStyle[placement]}\r\n        style={[\r\n          { position: 'absolute' },\r\n          holderStyle[placement],\r\n          { height: '100%' },\r\n        ]}\r\n      >\r\n        <Box\r\n          {...resolvedProps}\r\n          opacity={containerOpacity}\r\n          ref={ref}\r\n          onLayout={(e) => provideSize(e.nativeEvent.layout)}\r\n        >\r\n          {children}\r\n        </Box>\r\n      </PresenceTransition>\r\n    );\r\n\r\n    if (overlay) {\r\n      return (\r\n        <>\r\n          <Overlay isKeyboardDismissable={false} {..._overlay}>\r\n            {slideComponent}\r\n          </Overlay>\r\n        </>\r\n      );\r\n    } else {\r\n      return slideComponent;\r\n    }\r\n  })\r\n);\r\n\r\nexport default Slide;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/composites/Transitions/SlideFade.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Box = _interopRequireDefault(require("../../primitives/Box"));
-
 var _useThemeProps = require("../../../hooks/useThemeProps");
-
 var _reactNative = require("react-native");
-
 var _utils = require("../../../utils");
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SlideFade = ({
   children,
   ...props
@@ -30,13 +22,9 @@ const SlideFade = ({
     offsetX,
     offsetY
   } = (0, _useThemeProps.useThemeProps)('SlideFade', props);
-
   const fadeAnim = _react.default.useRef(new _reactNative.Animated.Value(0)).current;
-
   const slideAnimX = _react.default.useRef(new _reactNative.Animated.Value(0)).current;
-
   const slideAnimY = _react.default.useRef(new _reactNative.Animated.Value(0)).current;
-
   const animIn = () => {
     if (isDomUsable) {
       _reactNative.Animated.timing(fadeAnim, {
@@ -44,13 +32,11 @@ const SlideFade = ({
         duration: duration,
         useNativeDriver: _reactNative.Platform.OS !== 'web'
       }).start();
-
       _reactNative.Animated.timing(slideAnimX, {
         toValue: 0,
         duration: duration,
         useNativeDriver: _reactNative.Platform.OS !== 'web'
       }).start();
-
       _reactNative.Animated.timing(slideAnimY, {
         toValue: 0,
         duration: duration,
@@ -58,7 +44,6 @@ const SlideFade = ({
       }).start();
     }
   };
-
   const animOut = () => {
     if (isDomUsable) {
       _reactNative.Animated.timing(fadeAnim, {
@@ -66,7 +51,6 @@ const SlideFade = ({
         duration: duration,
         useNativeDriver: _reactNative.Platform.OS !== 'web'
       }).start();
-
       offsetX && _reactNative.Animated.timing(slideAnimX, {
         toValue: offsetX,
         duration: duration,
@@ -79,13 +63,11 @@ const SlideFade = ({
       }).start();
     }
   };
-
-  animationState ? animIn() : animOut(); //TODO: refactor for responsive prop
-
+  animationState ? animIn() : animOut();
+  //TODO: refactor for responsive prop
   if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
     style: [{
       opacity: fadeAnim,
@@ -97,8 +79,5 @@ const SlideFade = ({
     ref: ref
   }, /*#__PURE__*/_react.default.createElement(_Box.default, props, children));
 };
-
-var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(SlideFade));
-
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(SlideFade));
 //# sourceMappingURL=SlideFade.js.map

package/lib/commonjs/components/composites/Transitions/SlideFade.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SlideFade.tsx"],"names":["SlideFade","children","props","ref","isDomUsable","in","animationState","duration","offsetX","offsetY","fadeAnim","React","useRef","Animated","Value","current","slideAnimX","slideAnimY","animIn","timing","toValue","useNativeDriver","Platform","OS","start","animOut","opacity","transform","translateX","translateY","memo","forwardRef"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport { useThemeProps } from '../../../hooks/useThemeProps';\r\nimport { Animated, Platform } from 'react-native';\r\nimport type { ISlideFadeProps } from './types';\r\nimport { canUseDom } from '../../../utils';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst SlideFade = ({ children, ...props }: ISlideFadeProps, ref?: any) => {\r\n  const isDomUsable = canUseDom();\r\n\r\n  const { in: animationState, duration, offsetX, offsetY } = useThemeProps(\r\n    'SlideFade',\r\n    props\r\n  );\r\n  const fadeAnim = React.useRef(new Animated.Value(0)).current;\r\n  const slideAnimX = React.useRef(new Animated.Value(0)).current;\r\n  const slideAnimY = React.useRef(new Animated.Value(0)).current;\r\n\r\n  const animIn = () => {\r\n    if (isDomUsable) {\r\n      Animated.timing(fadeAnim, {\r\n        toValue: 1,\r\n        duration: duration,\r\n        useNativeDriver: Platform.OS !== 'web',\r\n      }).start();\r\n      Animated.timing(slideAnimX, {\r\n        toValue: 0,\r\n        duration: duration,\r\n        useNativeDriver: Platform.OS !== 'web',\r\n      }).start();\r\n      Animated.timing(slideAnimY, {\r\n        toValue: 0,\r\n        duration: duration,\r\n        useNativeDriver: Platform.OS !== 'web',\r\n      }).start();\r\n    }\r\n  };\r\n  const animOut = () => {\r\n    if (isDomUsable) {\r\n      Animated.timing(fadeAnim, {\r\n        toValue: 0,\r\n        duration: duration,\r\n        useNativeDriver: Platform.OS !== 'web',\r\n      }).start();\r\n      offsetX &&\r\n        Animated.timing(slideAnimX, {\r\n          toValue: offsetX,\r\n          duration: duration,\r\n          useNativeDriver: Platform.OS !== 'web',\r\n        }).start();\r\n      offsetY &&\r\n        Animated.timing(slideAnimY, {\r\n          toValue: offsetY,\r\n          duration: duration,\r\n          useNativeDriver: Platform.OS !== 'web',\r\n        }).start();\r\n    }\r\n  };\r\n  animationState ? animIn() : animOut();\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Animated.View\r\n      style={[\r\n        {\r\n          opacity: fadeAnim,\r\n          transform: [{ translateX: slideAnimX, translateY: slideAnimY }],\r\n        },\r\n      ]}\r\n      ref={ref}\r\n    >\r\n      <Box {...props}>{children}</Box>\r\n    </Animated.View>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(SlideFade));\r\n"]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Box","_useThemeProps","_reactNative","_utils","_useHasResponsiveProps","e","__esModule","default","SlideFade","children","props","ref","isDomUsable","canUseDom","in","animationState","duration","offsetX","offsetY","useThemeProps","fadeAnim","React","useRef","Animated","Value","current","slideAnimX","slideAnimY","animIn","timing","toValue","useNativeDriver","Platform","OS","start","animOut","useHasResponsiveProps","createElement","View","style","opacity","transform","translateX","translateY","_default","exports","memo","forwardRef"],"sources":["SlideFade.tsx"],"sourcesContent":["import React from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport { useThemeProps } from '../../../hooks/useThemeProps';\r\nimport { Animated, Platform } from 'react-native';\r\nimport type { ISlideFadeProps } from './types';\r\nimport { canUseDom } from '../../../utils';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst SlideFade = ({ children, ...props }: ISlideFadeProps, ref?: any) => {\r\n  const isDomUsable = canUseDom();\r\n\r\n  const { in: animationState, duration, offsetX, offsetY } = useThemeProps(\r\n    'SlideFade',\r\n    props\r\n  );\r\n  const fadeAnim = React.useRef(new Animated.Value(0)).current;\r\n  const slideAnimX = React.useRef(new Animated.Value(0)).current;\r\n  const slideAnimY = React.useRef(new Animated.Value(0)).current;\r\n\r\n  const animIn = () => {\r\n    if (isDomUsable) {\r\n      Animated.timing(fadeAnim, {\r\n        toValue: 1,\r\n        duration: duration,\r\n        useNativeDriver: Platform.OS !== 'web',\r\n      }).start();\r\n      Animated.timing(slideAnimX, {\r\n        toValue: 0,\r\n        duration: duration,\r\n        useNativeDriver: Platform.OS !== 'web',\r\n      }).start();\r\n      Animated.timing(slideAnimY, {\r\n        toValue: 0,\r\n        duration: duration,\r\n        useNativeDriver: Platform.OS !== 'web',\r\n      }).start();\r\n    }\r\n  };\r\n  const animOut = () => {\r\n    if (isDomUsable) {\r\n      Animated.timing(fadeAnim, {\r\n        toValue: 0,\r\n        duration: duration,\r\n        useNativeDriver: Platform.OS !== 'web',\r\n      }).start();\r\n      offsetX &&\r\n        Animated.timing(slideAnimX, {\r\n          toValue: offsetX,\r\n          duration: duration,\r\n          useNativeDriver: Platform.OS !== 'web',\r\n        }).start();\r\n      offsetY &&\r\n        Animated.timing(slideAnimY, {\r\n          toValue: offsetY,\r\n          duration: duration,\r\n          useNativeDriver: Platform.OS !== 'web',\r\n        }).start();\r\n    }\r\n  };\r\n  animationState ? animIn() : animOut();\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Animated.View\r\n      style={[\r\n        {\r\n          opacity: fadeAnim,\r\n          transform: [{ translateX: slideAnimX, translateY: slideAnimY }],\r\n        },\r\n      ]}\r\n      ref={ref}\r\n    >\r\n      <Box {...props}>{children}</Box>\r\n    </Animated.View>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(SlideFade));\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/composites/Transitions/Stagger.js

@@ -4,24 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _lodash = _interopRequireDefault(require("lodash.clonedeep"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _PresenceTransition = _interopRequireDefault(require("./PresenceTransition"));
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const defaultStaggerConfig = {
   offset: 0,
   reverse: false
 };
-
 const Stagger = ({
   children,
   ...restProps
@@ -30,46 +22,36 @@ const Stagger = ({
   if ((0, _useHasResponsiveProps.useHasResponsiveProps)(restProps)) {
     return null;
   }
-
   return _react.default.Children.map(children, (child, index) => {
     const clonedAnimationConfig = (0, _lodash.default)(restProps);
     const {
       animate,
       exit
     } = clonedAnimationConfig;
-
     if (animate) {
       var _animate$transition$d, _animate$transition$s;
-
       if (!animate.transition) {
         animate.transition = {};
       }
-
       animate.transition.delay = (_animate$transition$d = animate.transition.delay) !== null && _animate$transition$d !== void 0 ? _animate$transition$d : 0;
       const stagger = (_animate$transition$s = animate.transition.stagger) !== null && _animate$transition$s !== void 0 ? _animate$transition$s : defaultStaggerConfig;
       const offset = stagger.reverse ? (_react.default.Children.count(children) - 1 - index) * stagger.offset : index * stagger.offset;
       animate.transition.delay = animate.transition.delay + offset;
     }
-
     if (exit) {
       var _exit$transition$dela, _exit$transition$stag;
-
       if (!exit.transition) {
         exit.transition = {};
       }
-
       exit.transition.delay = (_exit$transition$dela = exit.transition.delay) !== null && _exit$transition$dela !== void 0 ? _exit$transition$dela : 0;
       const stagger = (_exit$transition$stag = exit.transition.stagger) !== null && _exit$transition$stag !== void 0 ? _exit$transition$stag : defaultStaggerConfig;
       const offset = stagger.reverse ? (_react.default.Children.count(children) - 1 - index) * stagger.offset : index * stagger.offset;
       exit.transition.delay = exit.transition.delay + offset;
     }
-
     return /*#__PURE__*/_react.default.createElement(_PresenceTransition.default, _extends({
       key: child.key
     }, clonedAnimationConfig), child);
   });
 };
-
-var _default = Stagger;
-exports.default = _default;
+var _default = exports.default = Stagger;
 //# sourceMappingURL=Stagger.js.map

package/lib/commonjs/components/composites/Transitions/Stagger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Stagger.tsx"],"names":["defaultStaggerConfig","offset","reverse","Stagger","children","restProps","React","Children","map","child","index","clonedAnimationConfig","animate","exit","transition","delay","stagger","count","key"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AA+BA,MAAMA,oBAAoC,GAAG;AAAEC,EAAAA,MAAM,EAAE,CAAV;AAAaC,EAAAA,OAAO,EAAE;AAAtB,CAA7C;;AAEA,MAAMC,OAAO,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,KAA+C;AAC7D;AACA,MAAI,kDAAsBA,SAAtB,CAAJ,EAAsC;AACpC,WAAO,IAAP;AACD;;AACD,SAAOC,eAAMC,QAAN,CAAeC,GAAf,CAAmBJ,QAAnB,EAA6B,CAACK,KAAD,EAAQC,KAAR,KAAkB;AACpD,UAAMC,qBAAqB,GAAG,qBAAUN,SAAV,CAA9B;AACA,UAAM;AAAEO,MAAAA,OAAF;AAAWC,MAAAA;AAAX,QAAoBF,qBAA1B;;AAEA,QAAIC,OAAJ,EAAa;AAAA;;AACX,UAAI,CAACA,OAAO,CAACE,UAAb,EAAyB;AACvBF,QAAAA,OAAO,CAACE,UAAR,GAAqB,EAArB;AACD;;AACDF,MAAAA,OAAO,CAACE,UAAR,CAAmBC,KAAnB,4BAA2BH,OAAO,CAACE,UAAR,CAAmBC,KAA9C,yEAAuD,CAAvD;AACA,YAAMC,OAAO,4BAAGJ,OAAO,CAACE,UAAR,CAAmBE,OAAtB,yEAAiChB,oBAA9C;AACA,YAAMC,MAAM,GAAGe,OAAO,CAACd,OAAR,GACX,CAACI,eAAMC,QAAN,CAAeU,KAAf,CAAqBb,QAArB,IAAiC,CAAjC,GAAqCM,KAAtC,IAA+CM,OAAO,CAACf,MAD5C,GAEXS,KAAK,GAAGM,OAAO,CAACf,MAFpB;AAGAW,MAAAA,OAAO,CAACE,UAAR,CAAmBC,KAAnB,GAA2BH,OAAO,CAACE,UAAR,CAAmBC,KAAnB,GAA2Bd,MAAtD;AACD;;AAED,QAAIY,IAAJ,EAAU;AAAA;;AACR,UAAI,CAACA,IAAI,CAACC,UAAV,EAAsB;AACpBD,QAAAA,IAAI,CAACC,UAAL,GAAkB,EAAlB;AACD;;AACDD,MAAAA,IAAI,CAACC,UAAL,CAAgBC,KAAhB,4BAAwBF,IAAI,CAACC,UAAL,CAAgBC,KAAxC,yEAAiD,CAAjD;AACA,YAAMC,OAAO,4BAAGH,IAAI,CAACC,UAAL,CAAgBE,OAAnB,yEAA8BhB,oBAA3C;AACA,YAAMC,MAAM,GAAGe,OAAO,CAACd,OAAR,GACX,CAACI,eAAMC,QAAN,CAAeU,KAAf,CAAqBb,QAArB,IAAiC,CAAjC,GAAqCM,KAAtC,IAA+CM,OAAO,CAACf,MAD5C,GAEXS,KAAK,GAAGM,OAAO,CAACf,MAFpB;AAGAY,MAAAA,IAAI,CAACC,UAAL,CAAgBC,KAAhB,GAAwBF,IAAI,CAACC,UAAL,CAAgBC,KAAhB,GAAwBd,MAAhD;AACD;;AAED,wBACE,6BAAC,2BAAD;AAAoB,MAAA,GAAG,EAAEQ,KAAK,CAACS;AAA/B,OAAwCP,qBAAxC,GACGF,KADH,CADF;AAKD,GAjCM,CAAP;AAkCD,CAvCD;;eAyCeN,O","sourcesContent":["import cloneDeep from 'lodash.clonedeep';\r\nimport React from 'react';\r\nimport PresenceTransition from './PresenceTransition';\r\nimport type { ISupportedTransitions, ITransitionConfig } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\ninterface IStaggerConfig {\r\n  offset: number;\r\n  reverse?: boolean;\r\n}\r\n\r\nexport interface IStaggerStyleProps extends ISupportedTransitions {\r\n  transition?: ITransitionConfig & { stagger?: IStaggerConfig };\r\n}\r\n\r\ninterface IStaggerProps {\r\n  children: any;\r\n  /**\r\n   * Initial styles before the transition starts\r\n   */\r\n  initial?: ISupportedTransitions;\r\n  /**\r\n   * The styles to which each child should animate to while entering.\r\n   */\r\n  animate?: IStaggerStyleProps;\r\n  /**\r\n   * The styles to which each child should animate to while exiting.\r\n   */\r\n  exit?: IStaggerStyleProps;\r\n  /**\r\n   * Determines whether to start the animation\r\n   */\r\n  visible?: boolean;\r\n}\r\n\r\nconst defaultStaggerConfig: IStaggerConfig = { offset: 0, reverse: false };\r\n\r\nconst Stagger = ({ children, ...restProps }: IStaggerProps) => {\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(restProps)) {\r\n    return null;\r\n  }\r\n  return React.Children.map(children, (child, index) => {\r\n    const clonedAnimationConfig = cloneDeep(restProps);\r\n    const { animate, exit } = clonedAnimationConfig;\r\n\r\n    if (animate) {\r\n      if (!animate.transition) {\r\n        animate.transition = {};\r\n      }\r\n      animate.transition.delay = animate.transition.delay ?? 0;\r\n      const stagger = animate.transition.stagger ?? defaultStaggerConfig;\r\n      const offset = stagger.reverse\r\n        ? (React.Children.count(children) - 1 - index) * stagger.offset\r\n        : index * stagger.offset;\r\n      animate.transition.delay = animate.transition.delay + offset;\r\n    }\r\n\r\n    if (exit) {\r\n      if (!exit.transition) {\r\n        exit.transition = {};\r\n      }\r\n      exit.transition.delay = exit.transition.delay ?? 0;\r\n      const stagger = exit.transition.stagger ?? defaultStaggerConfig;\r\n      const offset = stagger.reverse\r\n        ? (React.Children.count(children) - 1 - index) * stagger.offset\r\n        : index * stagger.offset;\r\n      exit.transition.delay = exit.transition.delay + offset;\r\n    }\r\n\r\n    return (\r\n      <PresenceTransition key={child.key} {...clonedAnimationConfig}>\r\n        {child}\r\n      </PresenceTransition>\r\n    );\r\n  });\r\n};\r\n\r\nexport default Stagger;\r\n"]}
+{"version":3,"names":["_lodash","_interopRequireDefault","require","_react","_PresenceTransition","_useHasResponsiveProps","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","defaultStaggerConfig","offset","reverse","Stagger","children","restProps","useHasResponsiveProps","React","Children","map","child","index","clonedAnimationConfig","cloneDeep","animate","exit","_animate$transition$d","_animate$transition$s","transition","delay","stagger","count","_exit$transition$dela","_exit$transition$stag","createElement","key","_default","exports"],"sources":["Stagger.tsx"],"sourcesContent":["import cloneDeep from 'lodash.clonedeep';\r\nimport React from 'react';\r\nimport PresenceTransition from './PresenceTransition';\r\nimport type { ISupportedTransitions, ITransitionConfig } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\ninterface IStaggerConfig {\r\n  offset: number;\r\n  reverse?: boolean;\r\n}\r\n\r\nexport interface IStaggerStyleProps extends ISupportedTransitions {\r\n  transition?: ITransitionConfig & { stagger?: IStaggerConfig };\r\n}\r\n\r\ninterface IStaggerProps {\r\n  children: any;\r\n  /**\r\n   * Initial styles before the transition starts\r\n   */\r\n  initial?: ISupportedTransitions;\r\n  /**\r\n   * The styles to which each child should animate to while entering.\r\n   */\r\n  animate?: IStaggerStyleProps;\r\n  /**\r\n   * The styles to which each child should animate to while exiting.\r\n   */\r\n  exit?: IStaggerStyleProps;\r\n  /**\r\n   * Determines whether to start the animation\r\n   */\r\n  visible?: boolean;\r\n}\r\n\r\nconst defaultStaggerConfig: IStaggerConfig = { offset: 0, reverse: false };\r\n\r\nconst Stagger = ({ children, ...restProps }: IStaggerProps) => {\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(restProps)) {\r\n    return null;\r\n  }\r\n  return React.Children.map(children, (child, index) => {\r\n    const clonedAnimationConfig = cloneDeep(restProps);\r\n    const { animate, exit } = clonedAnimationConfig;\r\n\r\n    if (animate) {\r\n      if (!animate.transition) {\r\n        animate.transition = {};\r\n      }\r\n      animate.transition.delay = animate.transition.delay ?? 0;\r\n      const stagger = animate.transition.stagger ?? defaultStaggerConfig;\r\n      const offset = stagger.reverse\r\n        ? (React.Children.count(children) - 1 - index) * stagger.offset\r\n        : index * stagger.offset;\r\n      animate.transition.delay = animate.transition.delay + offset;\r\n    }\r\n\r\n    if (exit) {\r\n      if (!exit.transition) {\r\n        exit.transition = {};\r\n      }\r\n      exit.transition.delay = exit.transition.delay ?? 0;\r\n      const stagger = exit.transition.stagger ?? defaultStaggerConfig;\r\n      const offset = stagger.reverse\r\n        ? (React.Children.count(children) - 1 - index) * stagger.offset\r\n        : index * stagger.offset;\r\n      exit.transition.delay = exit.transition.delay + offset;\r\n    }\r\n\r\n    return (\r\n      <PresenceTransition key={child.key} {...clonedAnimationConfig}>\r\n        {child}\r\n      </PresenceTransition>\r\n    );\r\n  });\r\n};\r\n\r\nexport default Stagger;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/composites/Transitions/Transition.js

@@ -4,17 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Transition = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable react-hooks/exhaustive-deps */
 const transformStylesMap = {
   translateY: true,
   translateX: true,
@@ -32,21 +25,17 @@ const defaultStyles = {
   scaleY: 1,
   rotate: '0deg'
 };
-
 const getAnimatedStyles = animateValue => (initial, to) => {
   const styles = {
     transform: []
   };
-
   for (let key in initial) {
     if (key === 'transition') {
       continue;
     }
-
     if (key in transformStylesMap) {
       var _styles$transform;
-
-      (_styles$transform = styles.transform) === null || _styles$transform === void 0 ? void 0 : _styles$transform.push({
+      (_styles$transform = styles.transform) === null || _styles$transform === void 0 || _styles$transform.push({
         [key]: animateValue.interpolate({
           inputRange: [0, 1],
           outputRange: [initial[key], to[key]]
@@ -59,17 +48,15 @@ const getAnimatedStyles = animateValue => (initial, to) => {
       });
     }
   }
-
   return styles;
 };
-
 const defaultTransitionConfig = {
   type: 'timing',
   useNativeDriver: true,
   duration: 250,
   delay: 0
 };
-const Transition = /*#__PURE__*/(0, _react.forwardRef)(({
+const Transition = exports.Transition = /*#__PURE__*/(0, _react.forwardRef)(({
   children,
   onTransitionComplete,
   visible = false,
@@ -81,33 +68,29 @@ const Transition = /*#__PURE__*/(0, _react.forwardRef)(({
   ...rest
 }, ref) => {
   const animateValue = _react.default.useRef(new _reactNative.Animated.Value(0)).current;
-
   const Component = _react.default.useMemo(() => {
     if (as) {
       return _reactNative.Animated.createAnimatedComponent(as);
     }
-
     return _reactNative.Animated.View;
   }, [as]);
-
   const [animationState, setAnimationState] = _react.default.useState('');
-
   const prevVisible = _react.default.useRef(visible);
-
   _react.default.useEffect(() => {
     if (animationState === 'entering' || animationState === 'exiting') {
       var _transition$type;
-
-      const entryTransition = { ...defaultTransitionConfig,
+      const entryTransition = {
+        ...defaultTransitionConfig,
         ...(animate === null || animate === void 0 ? void 0 : animate.transition)
       };
-      const exitTransition = { ...defaultTransitionConfig,
+      const exitTransition = {
+        ...defaultTransitionConfig,
         ...(exit === null || exit === void 0 ? void 0 : exit.transition)
       };
       const startAnimation = animationState === 'entering' ? 1 : 0;
       const transition = startAnimation ? entryTransition : exitTransition;
-
-      _reactNative.Animated.sequence([// @ts-ignore - delay is present in defaultTransitionConfig
+      _reactNative.Animated.sequence([
+      // @ts-ignore - delay is present in defaultTransitionConfig
       _reactNative.Animated.delay(transition.delay), _reactNative.Animated[(_transition$type = transition.type) !== null && _transition$type !== void 0 ? _transition$type : 'timing'](animateValue, {
         toValue: startAnimation,
         useNativeDriver: true,
@@ -118,63 +101,69 @@ const Transition = /*#__PURE__*/(0, _react.forwardRef)(({
         } else if (animationState === 'exiting') {
           setAnimationState('exited');
         }
-      }); // });
-
+      });
+      // });
     }
-
     if (animationState === 'exited') {
       onTransitionComplete && onTransitionComplete('exited');
     } else if (animationState === 'entered') {
       onTransitionComplete && onTransitionComplete('entered');
-    } // if (animationState === 'entering') {
+    }
+    // if (animationState === 'entering') {
     //   //
     // }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-
   }, [animationState, onTransitionComplete]);
-
   _react.default.useEffect(() => {
     // if (!visible) {
     if (prevVisible.current !== visible && !visible) {
       setAnimationState('exiting');
     }
-
     if (visible) {
       setAnimationState('entering');
     }
+    prevVisible.current = visible;
+    // }
+  }, [visible]);
 
-    prevVisible.current = visible; // }
-  }, [visible]); // If exit animation is present and state is exiting, we replace 'initial' with 'exit' animation
-  //  const initialState = { ...defaultStyles, ...initial };
-
+  // If exit animation is present and state is exiting, we replace 'initial' with 'exit' animation
 
-  const initialState = animationState === 'exited' && exit ? { ...defaultStyles,
+  //  const initialState = { ...defaultStyles, ...initial };
+  const initialState = animationState === 'exited' && exit ? {
+    ...defaultStyles,
     ...exit
-  } : { ...defaultStyles,
+  } : {
+    ...defaultStyles,
     ...initial
-  }; // const initialState = { ...defaultStyles, ...initial };
+  };
+  // const initialState = { ...defaultStyles, ...initial };
+
   // initial =
   //   animationState === 'exited'
   //     ? { ...defaultStyles, ...exit }
   //     : { ...defaultStyles, ...initial };
 
-  const animateState = { ...defaultStyles,
+  const animateState = {
+    ...defaultStyles,
     ...animate
-  }; // const [initialState, setInitialState] = React.useState({
+  };
+
+  // const [initialState, setInitialState] = React.useState({
   //   ...defaultStyles,
   //   ...initial,
   // });
   // console.log('Initial state ', initial);
-  // const [animateState] = React.useState({ ...defaultStyles, ...animate });
 
+  // const [animateState] = React.useState({ ...defaultStyles, ...animate });
   const styles = _react.default.useMemo(() => {
     // console.log('display state here', initial);
     return [getAnimatedStyles(animateValue)(initialState, animateState), style];
   }, [animateValue, initial, animate, style]);
-
-  return /*#__PURE__*/_react.default.createElement(Component // pointerEvents="box-none"
+  return /*#__PURE__*/_react.default.createElement(Component
+  // pointerEvents="box-none"
   , _extends({
-    pointerEvents: !visible ? 'none' : 'box-none' // https://github.com/facebook/react-native/issues/23090#issuecomment-710803743
+    pointerEvents: !visible ? 'none' : 'box-none'
+    // https://github.com/facebook/react-native/issues/23090#issuecomment-710803743
     // needsOffscreenAlphaCompositing
     // style={[styles]}
     ,
@@ -182,5 +171,4 @@ const Transition = /*#__PURE__*/(0, _react.forwardRef)(({
     ref: ref
   }, rest), children);
 });
-exports.Transition = Transition;
 //# sourceMappingURL=Transition.js.map

package/lib/commonjs/components/composites/Transitions/Transition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Transition.tsx"],"names":["transformStylesMap","translateY","translateX","scale","scaleX","scaleY","rotate","defaultStyles","opacity","getAnimatedStyles","animateValue","initial","to","styles","transform","key","push","interpolate","inputRange","outputRange","defaultTransitionConfig","type","useNativeDriver","duration","delay","Transition","children","onTransitionComplete","visible","animate","exit","style","as","rest","ref","React","useRef","Animated","Value","current","Component","useMemo","createAnimatedComponent","View","animationState","setAnimationState","useState","prevVisible","useEffect","entryTransition","transition","exitTransition","startAnimation","sequence","toValue","start","initialState","animateState"],"mappings":"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","sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { forwardRef } from 'react';\r\nimport { Animated } from 'react-native';\r\nimport type {\r\n  ISupportedTransitions,\r\n  ITransitionConfig,\r\n  ITransitionProps,\r\n} from './types';\r\n\r\nconst transformStylesMap = {\r\n  translateY: true,\r\n  translateX: true,\r\n  scale: true,\r\n  scaleX: true,\r\n  scaleY: true,\r\n  rotate: true,\r\n};\r\n\r\nconst defaultStyles = {\r\n  opacity: 1,\r\n  translateY: 0,\r\n  translateX: 0,\r\n  scale: 1,\r\n  scaleX: 1,\r\n  scaleY: 1,\r\n  rotate: '0deg',\r\n};\r\n\r\nconst getAnimatedStyles = (animateValue: any) => (\r\n  initial: ISupportedTransitions,\r\n  to: ISupportedTransitions\r\n) => {\r\n  const styles: any = {\r\n    transform: [],\r\n  };\r\n  for (let key in initial) {\r\n    if (key === 'transition') {\r\n      continue;\r\n    }\r\n\r\n    if (key in transformStylesMap) {\r\n      styles.transform?.push({\r\n        [key]: animateValue.interpolate({\r\n          inputRange: [0, 1],\r\n          outputRange: [(initial as any)[key], (to as any)[key]],\r\n        }),\r\n      } as any);\r\n    } else {\r\n      styles[key] = animateValue.interpolate({\r\n        inputRange: [0, 1],\r\n        outputRange: [(initial as any)[key], (to as any)[key]],\r\n      });\r\n    }\r\n  }\r\n\r\n  return styles;\r\n};\r\n\r\nconst defaultTransitionConfig: ITransitionConfig = {\r\n  type: 'timing',\r\n  useNativeDriver: true,\r\n  duration: 250,\r\n  delay: 0,\r\n};\r\n\r\nexport const Transition = forwardRef(\r\n  (\r\n    {\r\n      children,\r\n      onTransitionComplete,\r\n      visible = false,\r\n      initial,\r\n      animate,\r\n      exit,\r\n      style,\r\n      as,\r\n      ...rest\r\n    }: ITransitionProps,\r\n    ref: any\r\n  ) => {\r\n    const animateValue = React.useRef(new Animated.Value(0)).current;\r\n\r\n    const Component = React.useMemo(() => {\r\n      if (as) {\r\n        return Animated.createAnimatedComponent(as);\r\n      }\r\n      return Animated.View;\r\n    }, [as]);\r\n\r\n    const [animationState, setAnimationState] = React.useState('');\r\n\r\n    const prevVisible = React.useRef(visible);\r\n\r\n    React.useEffect(() => {\r\n      if (animationState === 'entering' || animationState === 'exiting') {\r\n        const entryTransition = {\r\n          ...defaultTransitionConfig,\r\n          ...animate?.transition,\r\n        };\r\n        const exitTransition = {\r\n          ...defaultTransitionConfig,\r\n          ...exit?.transition,\r\n        };\r\n\r\n        const startAnimation = animationState === 'entering' ? 1 : 0;\r\n\r\n        const transition = startAnimation ? entryTransition : exitTransition;\r\n\r\n        Animated.sequence([\r\n          // @ts-ignore - delay is present in defaultTransitionConfig\r\n          Animated.delay(transition.delay),\r\n          Animated[transition.type ?? 'timing'](animateValue, {\r\n            toValue: startAnimation,\r\n            useNativeDriver: true,\r\n            ...transition,\r\n          }),\r\n        ]).start(() => {\r\n          if (animationState === 'entering') {\r\n            setAnimationState('entered');\r\n          } else if (animationState === 'exiting') {\r\n            setAnimationState('exited');\r\n          }\r\n        });\r\n        // });\r\n      }\r\n\r\n      if (animationState === 'exited') {\r\n        onTransitionComplete && onTransitionComplete('exited');\r\n      } else if (animationState === 'entered') {\r\n        onTransitionComplete && onTransitionComplete('entered');\r\n      }\r\n      // if (animationState === 'entering') {\r\n      //   //\r\n      // }\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [animationState, onTransitionComplete]);\r\n\r\n    React.useEffect(() => {\r\n      // if (!visible) {\r\n      if (prevVisible.current !== visible && !visible) {\r\n        setAnimationState('exiting');\r\n      }\r\n\r\n      if (visible) {\r\n        setAnimationState('entering');\r\n      }\r\n      prevVisible.current = visible;\r\n      // }\r\n    }, [visible]);\r\n\r\n    // If exit animation is present and state is exiting, we replace 'initial' with 'exit' animation\r\n\r\n    //  const initialState = { ...defaultStyles, ...initial };\r\n    const initialState =\r\n      animationState === 'exited' && exit\r\n        ? { ...defaultStyles, ...exit }\r\n        : { ...defaultStyles, ...initial };\r\n    // const initialState = { ...defaultStyles, ...initial };\r\n\r\n    // initial =\r\n    //   animationState === 'exited'\r\n    //     ? { ...defaultStyles, ...exit }\r\n    //     : { ...defaultStyles, ...initial };\r\n\r\n    const animateState = { ...defaultStyles, ...animate };\r\n\r\n    // const [initialState, setInitialState] = React.useState({\r\n    //   ...defaultStyles,\r\n    //   ...initial,\r\n    // });\r\n    // console.log('Initial state ', initial);\r\n\r\n    // const [animateState] = React.useState({ ...defaultStyles, ...animate });\r\n    const styles = React.useMemo(() => {\r\n      // console.log('display state here', initial);\r\n      return [\r\n        getAnimatedStyles(animateValue)(\r\n          initialState as ISupportedTransitions,\r\n          animateState as ISupportedTransitions\r\n        ),\r\n        style,\r\n      ];\r\n    }, [animateValue, initial, animate, style]);\r\n\r\n    return (\r\n      <Component\r\n        // pointerEvents=\"box-none\"\r\n        pointerEvents={!visible ? 'none' : 'box-none'}\r\n        // https://github.com/facebook/react-native/issues/23090#issuecomment-710803743\r\n        // needsOffscreenAlphaCompositing\r\n        // style={[styles]}\r\n        style={[styles]}\r\n        ref={ref}\r\n        {...rest}\r\n      >\r\n        {children}\r\n      </Component>\r\n    );\r\n  }\r\n);\r\n"]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","transformStylesMap","translateY","translateX","scale","scaleX","scaleY","rotate","defaultStyles","opacity","getAnimatedStyles","animateValue","initial","to","styles","transform","key","_styles$transform","push","interpolate","inputRange","outputRange","defaultTransitionConfig","type","useNativeDriver","duration","delay","Transition","exports","forwardRef","children","onTransitionComplete","visible","animate","exit","style","as","rest","ref","React","useRef","Animated","Value","current","Component","useMemo","createAnimatedComponent","View","animationState","setAnimationState","useState","prevVisible","useEffect","_transition$type","entryTransition","transition","exitTransition","startAnimation","sequence","toValue","start","initialState","animateState","createElement","pointerEvents"],"sources":["Transition.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { forwardRef } from 'react';\r\nimport { Animated } from 'react-native';\r\nimport type {\r\n  ISupportedTransitions,\r\n  ITransitionConfig,\r\n  ITransitionProps,\r\n} from './types';\r\n\r\nconst transformStylesMap = {\r\n  translateY: true,\r\n  translateX: true,\r\n  scale: true,\r\n  scaleX: true,\r\n  scaleY: true,\r\n  rotate: true,\r\n};\r\n\r\nconst defaultStyles = {\r\n  opacity: 1,\r\n  translateY: 0,\r\n  translateX: 0,\r\n  scale: 1,\r\n  scaleX: 1,\r\n  scaleY: 1,\r\n  rotate: '0deg',\r\n};\r\n\r\nconst getAnimatedStyles = (animateValue: any) => (\r\n  initial: ISupportedTransitions,\r\n  to: ISupportedTransitions\r\n) => {\r\n  const styles: any = {\r\n    transform: [],\r\n  };\r\n  for (let key in initial) {\r\n    if (key === 'transition') {\r\n      continue;\r\n    }\r\n\r\n    if (key in transformStylesMap) {\r\n      styles.transform?.push({\r\n        [key]: animateValue.interpolate({\r\n          inputRange: [0, 1],\r\n          outputRange: [(initial as any)[key], (to as any)[key]],\r\n        }),\r\n      } as any);\r\n    } else {\r\n      styles[key] = animateValue.interpolate({\r\n        inputRange: [0, 1],\r\n        outputRange: [(initial as any)[key], (to as any)[key]],\r\n      });\r\n    }\r\n  }\r\n\r\n  return styles;\r\n};\r\n\r\nconst defaultTransitionConfig: ITransitionConfig = {\r\n  type: 'timing',\r\n  useNativeDriver: true,\r\n  duration: 250,\r\n  delay: 0,\r\n};\r\n\r\nexport const Transition = forwardRef(\r\n  (\r\n    {\r\n      children,\r\n      onTransitionComplete,\r\n      visible = false,\r\n      initial,\r\n      animate,\r\n      exit,\r\n      style,\r\n      as,\r\n      ...rest\r\n    }: ITransitionProps,\r\n    ref: any\r\n  ) => {\r\n    const animateValue = React.useRef(new Animated.Value(0)).current;\r\n\r\n    const Component = React.useMemo(() => {\r\n      if (as) {\r\n        return Animated.createAnimatedComponent(as);\r\n      }\r\n      return Animated.View;\r\n    }, [as]);\r\n\r\n    const [animationState, setAnimationState] = React.useState('');\r\n\r\n    const prevVisible = React.useRef(visible);\r\n\r\n    React.useEffect(() => {\r\n      if (animationState === 'entering' || animationState === 'exiting') {\r\n        const entryTransition = {\r\n          ...defaultTransitionConfig,\r\n          ...animate?.transition,\r\n        };\r\n        const exitTransition = {\r\n          ...defaultTransitionConfig,\r\n          ...exit?.transition,\r\n        };\r\n\r\n        const startAnimation = animationState === 'entering' ? 1 : 0;\r\n\r\n        const transition = startAnimation ? entryTransition : exitTransition;\r\n\r\n        Animated.sequence([\r\n          // @ts-ignore - delay is present in defaultTransitionConfig\r\n          Animated.delay(transition.delay),\r\n          Animated[transition.type ?? 'timing'](animateValue, {\r\n            toValue: startAnimation,\r\n            useNativeDriver: true,\r\n            ...transition,\r\n          }),\r\n        ]).start(() => {\r\n          if (animationState === 'entering') {\r\n            setAnimationState('entered');\r\n          } else if (animationState === 'exiting') {\r\n            setAnimationState('exited');\r\n          }\r\n        });\r\n        // });\r\n      }\r\n\r\n      if (animationState === 'exited') {\r\n        onTransitionComplete && onTransitionComplete('exited');\r\n      } else if (animationState === 'entered') {\r\n        onTransitionComplete && onTransitionComplete('entered');\r\n      }\r\n      // if (animationState === 'entering') {\r\n      //   //\r\n      // }\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [animationState, onTransitionComplete]);\r\n\r\n    React.useEffect(() => {\r\n      // if (!visible) {\r\n      if (prevVisible.current !== visible && !visible) {\r\n        setAnimationState('exiting');\r\n      }\r\n\r\n      if (visible) {\r\n        setAnimationState('entering');\r\n      }\r\n      prevVisible.current = visible;\r\n      // }\r\n    }, [visible]);\r\n\r\n    // If exit animation is present and state is exiting, we replace 'initial' with 'exit' animation\r\n\r\n    //  const initialState = { ...defaultStyles, ...initial };\r\n    const initialState =\r\n      animationState === 'exited' && exit\r\n        ? { ...defaultStyles, ...exit }\r\n        : { ...defaultStyles, ...initial };\r\n    // const initialState = { ...defaultStyles, ...initial };\r\n\r\n    // initial =\r\n    //   animationState === 'exited'\r\n    //     ? { ...defaultStyles, ...exit }\r\n    //     : { ...defaultStyles, ...initial };\r\n\r\n    const animateState = { ...defaultStyles, ...animate };\r\n\r\n    // const [initialState, setInitialState] = React.useState({\r\n    //   ...defaultStyles,\r\n    //   ...initial,\r\n    // });\r\n    // console.log('Initial state ', initial);\r\n\r\n    // const [animateState] = React.useState({ ...defaultStyles, ...animate });\r\n    const styles = React.useMemo(() => {\r\n      // console.log('display state here', initial);\r\n      return [\r\n        getAnimatedStyles(animateValue)(\r\n          initialState as ISupportedTransitions,\r\n          animateState as ISupportedTransitions\r\n        ),\r\n        style,\r\n      ];\r\n    }, [animateValue, initial, animate, style]);\r\n\r\n    return (\r\n      <Component\r\n        // pointerEvents=\"box-none\"\r\n        pointerEvents={!visible ? 'none' : 'box-none'}\r\n        // https://github.com/facebook/react-native/issues/23090#issuecomment-710803743\r\n        // needsOffscreenAlphaCompositing\r\n        // style={[styles]}\r\n        style={[styles]}\r\n        ref={ref}\r\n        {...rest}\r\n      >\r\n        {children}\r\n      </Component>\r\n    );\r\n  }\r\n);\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/composites/Transitions/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "Fade", {
     return _Fade.default;
   }
 });
+Object.defineProperty(exports, "PresenceTransition", {
+  enumerable: true,
+  get: function () {
+    return _PresenceTransition.default;
+  }
+});
 Object.defineProperty(exports, "ScaleFade", {
   enumerable: true,
   get: function () {
@@ -33,24 +39,11 @@ Object.defineProperty(exports, "Stagger", {
     return _Stagger.default;
   }
 });
-Object.defineProperty(exports, "PresenceTransition", {
-  enumerable: true,
-  get: function () {
-    return _PresenceTransition.default;
-  }
-});
-
 var _Fade = _interopRequireDefault(require("./Fade"));
-
 var _ScaleFade = _interopRequireDefault(require("./ScaleFade"));
-
 var _Slide = _interopRequireDefault(require("./Slide"));
-
 var _SlideFade = _interopRequireDefault(require("./SlideFade"));
-
 var _Stagger = _interopRequireDefault(require("./Stagger"));
-
 var _PresenceTransition = _interopRequireDefault(require("./PresenceTransition"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/composites/Transitions/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { default as Fade } from './Fade';\r\nexport { default as ScaleFade } from './ScaleFade';\r\nexport { default as Slide } from './Slide';\r\nexport { default as SlideFade } from './SlideFade';\r\nexport { default as Stagger } from './Stagger';\r\nexport { default as PresenceTransition } from './PresenceTransition';\r\nexport type {\r\n  IFadeProps,\r\n  IScaleFadeProps,\r\n  ISlideProps,\r\n  ISlideFadeProps,\r\n} from './types';\r\n"]}
+{"version":3,"names":["_Fade","_interopRequireDefault","require","_ScaleFade","_Slide","_SlideFade","_Stagger","_PresenceTransition","e","__esModule","default"],"sources":["index.tsx"],"sourcesContent":["export { default as Fade } from './Fade';\r\nexport { default as ScaleFade } from './ScaleFade';\r\nexport { default as Slide } from './Slide';\r\nexport { default as SlideFade } from './SlideFade';\r\nexport { default as Stagger } from './Stagger';\r\nexport { default as PresenceTransition } from './PresenceTransition';\r\nexport type {\r\n  IFadeProps,\r\n  IScaleFadeProps,\r\n  ISlideProps,\r\n  ISlideFadeProps,\r\n} from './types';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,QAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,mBAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAqE,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/components/composites/Transitions/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/lib/commonjs/components/composites/Transitions/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\r\nimport type { ViewProps } from 'react-native';\r\nimport type { CustomProps } from '../../../components/types';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box';\r\nimport type { IOverlayProps } from '../../primitives/Overlay';\r\nexport type IFadeProps = InterfaceBoxProps<IFadeProps> & {\r\n  in?: boolean;\r\n  entryDuration?: number;\r\n  exitDuration?: number;\r\n  delay?: number;\r\n  initial?: ISupportedTransitions;\r\n  animate?: ITransitionStyleProps;\r\n  exit?: ITransitionStyleProps;\r\n};\r\nexport type IScaleFadeProps = InterfaceBoxProps<IScaleFadeProps> & {\r\n  in?: boolean;\r\n  duration?: number;\r\n  delay?: number;\r\n  initialScale?: number;\r\n  initial?: ISupportedTransitions;\r\n  animate?: ITransitionStyleProps;\r\n  exit?: ITransitionStyleProps;\r\n};\r\nexport type ISlideProps = InterfaceBoxProps<ISlideProps> & {\r\n  in?: boolean;\r\n  duration?: number;\r\n  delay?: number;\r\n  placement?: 'top' | 'bottom' | 'right' | 'left';\r\n  overlay?: boolean;\r\n  /**\r\n   * Props to be passed to the Overlay used inside of Slide when overlay is true.\r\n   */\r\n  _overlay?: IOverlayProps;\r\n};\r\nexport type ISlideFadeProps = InterfaceBoxProps<ISlideFadeProps> & {\r\n  in?: boolean;\r\n  delay?: number;\r\n  duration?: number;\r\n  offsetX?: number;\r\n  offsetY?: number;\r\n} & CustomProps<'Slide'>;\r\n\r\nexport interface ISupportedTransitions {\r\n  opacity?: number;\r\n  translateY?: number;\r\n  translateX?: number;\r\n  scale?: number;\r\n  scaleX?: number;\r\n  scaleY?: number;\r\n  rotate?: string;\r\n}\r\n\r\nexport interface ITransitionConfig {\r\n  type?: 'timing' | 'spring';\r\n  easing?: (value: number) => number;\r\n  overshootClamping?: boolean;\r\n  restDisplacementThreshold?: number;\r\n  restSpeedThreshold?: number;\r\n  velocity?: number | { x: number; y: number };\r\n  bounciness?: number;\r\n  speed?: number;\r\n  tension?: number;\r\n  friction?: number;\r\n  stiffness?: number;\r\n  mass?: number;\r\n  damping?: number;\r\n  delay?: number;\r\n  duration?: number;\r\n  useNativeDriver?: boolean;\r\n}\r\n\r\nexport interface ITransitionStyleProps extends ISupportedTransitions {\r\n  transition?: ITransitionConfig;\r\n}\r\nexport interface ITransitionProps extends ViewProps {\r\n  /**\r\n   * Callback invoked when the transition is completed.\r\n   */\r\n  onTransitionComplete?: (s: 'entered' | 'exited') => any;\r\n  /**\r\n   * Styles before the transition starts\r\n   */\r\n  initial?: ISupportedTransitions;\r\n  /**\r\n   * Entry animation styles\r\n   */\r\n  animate?: ITransitionStyleProps;\r\n  /**\r\n   * Exit animation styles\r\n   */\r\n  exit?: ITransitionStyleProps;\r\n  /**\r\n   * Determines whether to start the animation\r\n   */\r\n  visible?: boolean;\r\n\r\n  animationExited?: boolean;\r\n  children?: any;\r\n  as?: any;\r\n}\r\n\r\nexport interface IPresenceTransitionProps extends ViewProps {\r\n  /**\r\n   * Callback invoked when the transition is completed.\r\n   */\r\n  onTransitionComplete?: (s: 'entered' | 'exited') => any;\r\n  /**\r\n   * Styles before the transition starts.\r\n   */\r\n  initial?: ISupportedTransitions;\r\n  /**\r\n   * Entry animation styles.\r\n   */\r\n  animate?: ITransitionStyleProps;\r\n  /**\r\n   * Exit animation styles.\r\n   */\r\n  exit?: ITransitionStyleProps;\r\n  /**\r\n   * Determines whether to start the animation.\r\n   */\r\n  visible?: boolean;\r\n  children?: ReactNode;\r\n  /**\r\n   * Accepts a Component to be rendered as Wrapper. Defaults to `View`.\r\n   */\r\n  as?: ReactNode;\r\n}\r\n"],"mappings":"","ignoreList":[]}