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

package/lib/module/components/composites/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["Tooltip"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB","sourcesContent":["export { Tooltip } from './Tooltip';\r\nexport type { ITooltipProps } from './types';\r\n"]}
+{"version":3,"names":["Tooltip"],"sources":["index.ts"],"sourcesContent":["export { Tooltip } from './Tooltip';\r\nexport type { ITooltipProps } from './types';\r\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW","ignoreList":[]}

package/lib/module/components/composites/Tooltip/types.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=types.js.map

package/lib/module/components/composites/Tooltip/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { CustomProps } from '../../../components/types';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box';\r\n\r\nexport interface InterfaceTooltipProps\r\n  extends InterfaceBoxProps<ITooltipProps> {\r\n  /**\r\n   * Text to be placed in the tooltip\r\n   */\r\n  label: string;\r\n  /**\r\n   * Whether the tooltip is opened. Useful for conrolling the open state\r\n   */\r\n  isOpen?: boolean;\r\n  /**\r\n   * Whether the tooltip is disabled\r\n   */\r\n  isDisabled?: boolean;\r\n  /**\r\n   * If true, the popover will be opened by default\r\n   */\r\n  defaultIsOpen?: boolean;\r\n  /**\r\n   * This function will be invoked when tooltip is closed. It'll also be called when user attempts to close the tooltip via Escape key\r\n   */\r\n  onClose?: () => void;\r\n  /**\r\n   * This function will be invoked when tooltip is opened\r\n   */\r\n  onOpen?: () => void;\r\n  /**\r\n   * Duration in ms to wait till displaying the tooltip\r\n   * @default 0\r\n   */\r\n  openDelay?: number;\r\n  /**\r\n   * Duration in ms to wait till hiding the tooltip\r\n   * @default 0\r\n   */\r\n  closeDelay?: number;\r\n  /**\r\n   * Tooltip placement\r\n   * @default bottom\r\n   */\r\n  placement?:\r\n    | 'top'\r\n    | 'bottom'\r\n    | 'left'\r\n    | 'right'\r\n    | 'top left'\r\n    | 'top right'\r\n    | 'bottom left'\r\n    | 'bottom right'\r\n    | 'right top'\r\n    | 'right bottom'\r\n    | 'left top'\r\n    | 'left bottom';\r\n  /**\r\n   * Children passed will be used as Trigger element for the tooltip\r\n   */\r\n  children: any;\r\n  /**\r\n   * Whether tooltip should be closed on Trigger click\r\n   * @default true\r\n   */\r\n  closeOnClick?: boolean;\r\n  /**\r\n   * Size of the arrow\r\n   * @default 12\r\n   */\r\n  arrowSize?: number;\r\n  /**\r\n   * Whether tooltip should display arrow\r\n   * @default false\r\n   */\r\n  hasArrow?: boolean;\r\n  /**\r\n   * Distance between the trigger and the tooltip\r\n   */\r\n  offset?: number;\r\n}\r\n\r\nexport type ITooltipProps = InterfaceTooltipProps & CustomProps<'Tooltip'>;\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/composites/Transitions/Fade.js

@@ -1,10 +1,8 @@
-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 _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); }
 import React from 'react';
 import PresenceTransition from '../Transitions/PresenceTransition';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
 import { usePropsResolution } from '../../../hooks/';
-
 const Fade = ({
   children,
   ...props
@@ -14,25 +12,21 @@ const Fade = ({
     entryDuration,
     exitDuration,
     ...resolvedProps
-  } = usePropsResolution('Fade', props); //TODO: refactor for responsive prop
-
+  } = usePropsResolution('Fade', props);
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   if (entryDuration) {
     resolvedProps.animate.transition.duration = entryDuration;
   }
-
   if (exitDuration) {
     resolvedProps.exit.transition.duration = exitDuration;
   }
-
   return /*#__PURE__*/React.createElement(PresenceTransition, _extends({
     visible: animationState,
     ref: ref
   }, resolvedProps), children);
 };
-
-export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Fade));
+export default /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(Fade));
 //# sourceMappingURL=Fade.js.map

package/lib/module/components/composites/Transitions/Fade.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Fade.tsx"],"names":["React","PresenceTransition","useHasResponsiveProps","usePropsResolution","Fade","children","props","ref","in","animationState","entryDuration","exitDuration","resolvedProps","animate","transition","duration","exit","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,kBAAP,MAA+B,mCAA/B;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,kBAAT,QAAmC,iBAAnC;;AAEA,MAAMC,IAAI,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAqCC,GAArC,KAAmD;AAC9D,QAAM;AACJC,IAAAA,EAAE,EAAEC,cADA;AAEJC,IAAAA,aAFI;AAGJC,IAAAA,YAHI;AAIJ,OAAGC;AAJC,MAKFT,kBAAkB,CAAC,MAAD,EAASG,KAAT,CALtB,CAD8D,CAO9D;;AACA,MAAIJ,qBAAqB,CAACI,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,MAAII,aAAJ,EAAmB;AACjBE,IAAAA,aAAa,CAACC,OAAd,CAAsBC,UAAtB,CAAiCC,QAAjC,GAA4CL,aAA5C;AACD;;AACD,MAAIC,YAAJ,EAAkB;AAChBC,IAAAA,aAAa,CAACI,IAAd,CAAmBF,UAAnB,CAA8BC,QAA9B,GAAyCJ,YAAzC;AACD;;AAED,sBACE,oBAAC,kBAAD;AAAoB,IAAA,OAAO,EAAEF,cAA7B;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DK,aAA3D,GACGP,QADH,CADF;AAKD,CAxBD;;AA0BA,4BAAeL,KAAK,CAACiB,IAAN,eAAWjB,KAAK,CAACkB,UAAN,CAAiBd,IAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport PresenceTransition from '../Transitions/PresenceTransition';\r\nimport type { IFadeProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { usePropsResolution } from '../../../hooks/';\r\n\r\nconst Fade = ({ children, ...props }: IFadeProps, ref?: any) => {\r\n  const {\r\n    in: animationState,\r\n    entryDuration,\r\n    exitDuration,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Fade', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  if (entryDuration) {\r\n    resolvedProps.animate.transition.duration = entryDuration;\r\n  }\r\n  if (exitDuration) {\r\n    resolvedProps.exit.transition.duration = exitDuration;\r\n  }\r\n\r\n  return (\r\n    <PresenceTransition visible={animationState} ref={ref} {...resolvedProps}>\r\n      {children}\r\n    </PresenceTransition>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(Fade));\r\n"]}
+{"version":3,"names":["React","PresenceTransition","useHasResponsiveProps","usePropsResolution","Fade","children","props","ref","in","animationState","entryDuration","exitDuration","resolvedProps","animate","transition","duration","exit","createElement","_extends","visible","memo","forwardRef"],"sources":["Fade.tsx"],"sourcesContent":["import React from 'react';\r\nimport PresenceTransition from '../Transitions/PresenceTransition';\r\nimport type { IFadeProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { usePropsResolution } from '../../../hooks/';\r\n\r\nconst Fade = ({ children, ...props }: IFadeProps, ref?: any) => {\r\n  const {\r\n    in: animationState,\r\n    entryDuration,\r\n    exitDuration,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Fade', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  if (entryDuration) {\r\n    resolvedProps.animate.transition.duration = entryDuration;\r\n  }\r\n  if (exitDuration) {\r\n    resolvedProps.exit.transition.duration = exitDuration;\r\n  }\r\n\r\n  return (\r\n    <PresenceTransition visible={animationState} ref={ref} {...resolvedProps}>\r\n      {children}\r\n    </PresenceTransition>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(Fade));\r\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,kBAAkB,MAAM,mCAAmC;AAElE,SAASC,qBAAqB,QAAQ,sCAAsC;AAC5E,SAASC,kBAAkB,QAAQ,iBAAiB;AAEpD,MAAMC,IAAI,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAkB,CAAC,EAAEC,GAAS,KAAK;EAC9D,MAAM;IACJC,EAAE,EAAEC,cAAc;IAClBC,aAAa;IACbC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGT,kBAAkB,CAAC,MAAM,EAAEG,KAAK,CAAC;EACrC;EACA,IAAIJ,qBAAqB,CAACI,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EAEA,IAAII,aAAa,EAAE;IACjBE,aAAa,CAACC,OAAO,CAACC,UAAU,CAACC,QAAQ,GAAGL,aAAa;EAC3D;EACA,IAAIC,YAAY,EAAE;IAChBC,aAAa,CAACI,IAAI,CAACF,UAAU,CAACC,QAAQ,GAAGJ,YAAY;EACvD;EAEA,oBACEX,KAAA,CAAAiB,aAAA,CAAChB,kBAAkB,EAAAiB,QAAA;IAACC,OAAO,EAAEV,cAAe;IAACF,GAAG,EAAEA;EAAI,GAAKK,aAAa,GACrEP,QACiB,CAAC;AAEzB,CAAC;AAED,4BAAeL,KAAK,CAACoB,IAAI,cAACpB,KAAK,CAACqB,UAAU,CAACjB,IAAI,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/composites/Transitions/PresenceTransition.js

@@ -1,24 +1,22 @@
-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 _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); }
 import React, { memo, forwardRef } from 'react';
 import { ExitAnimationContext } from '../../primitives/Overlay/ExitAnimationContext';
 import { Transition } from './Transition';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
 const PresenceTransition = ({
   visible = false,
   onTransitionComplete,
   ...rest
 }, ref) => {
   // const [animationExited, setAnimationExited] = React.useState(!visible);
+
   const {
     setExited
-  } = React.useContext(ExitAnimationContext); //TODO: refactor for responsive prop
-
+  } = React.useContext(ExitAnimationContext);
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(rest)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(Transition, _extends({
     visible: visible,
     onTransitionComplete: state => {
@@ -27,13 +25,11 @@ const PresenceTransition = ({
       } else {
         setExited(false);
       }
-
       onTransitionComplete && onTransitionComplete(state);
     }
   }, rest, {
     ref: ref
   }));
 };
-
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(PresenceTransition));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(PresenceTransition));
 //# sourceMappingURL=PresenceTransition.js.map

package/lib/module/components/composites/Transitions/PresenceTransition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PresenceTransition.tsx"],"names":["React","memo","forwardRef","ExitAnimationContext","Transition","useHasResponsiveProps","PresenceTransition","visible","onTransitionComplete","rest","ref","setExited","useContext","state"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,oBAAT,QAAqC,+CAArC;AACA,SAASC,UAAT,QAA2B,cAA3B;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,kBAAkB,GAAG,CACzB;AAAEC,EAAAA,OAAO,GAAG,KAAZ;AAAmBC,EAAAA,oBAAnB;AAAyC,KAAGC;AAA5C,CADyB,EAEzBC,GAFyB,KAGtB;AACH;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAAgBX,KAAK,CAACY,UAAN,CAAiBT,oBAAjB,CAAtB,CAHG,CAIH;;AACA,MAAIE,qBAAqB,CAACI,IAAD,CAAzB,EAAiC;AAC/B,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,UAAD;AACE,IAAA,OAAO,EAAEF,OADX;AAEE,IAAA,oBAAoB,EAAGM,KAAD,IAAW;AAC/B,UAAIA,KAAK,KAAK,QAAd,EAAwB;AACtBF,QAAAA,SAAS,CAAC,IAAD,CAAT;AACD,OAFD,MAEO;AACLA,QAAAA,SAAS,CAAC,KAAD,CAAT;AACD;;AACDH,MAAAA,oBAAoB,IAAIA,oBAAoB,CAACK,KAAD,CAA5C;AACD;AATH,KAUMJ,IAVN;AAWE,IAAA,GAAG,EAAEC;AAXP,KADF;AAeD,CA3BD;;AA6BA,4BAAeT,IAAI,eAACC,UAAU,CAACI,kBAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { ExitAnimationContext } from '../../primitives/Overlay/ExitAnimationContext';\r\nimport { Transition } from './Transition';\r\nimport type { IPresenceTransitionProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst PresenceTransition = (\r\n  { visible = false, onTransitionComplete, ...rest }: IPresenceTransitionProps,\r\n  ref: any\r\n) => {\r\n  // const [animationExited, setAnimationExited] = React.useState(!visible);\r\n\r\n  const { setExited } = React.useContext(ExitAnimationContext);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(rest)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Transition\r\n      visible={visible}\r\n      onTransitionComplete={(state) => {\r\n        if (state === 'exited') {\r\n          setExited(true);\r\n        } else {\r\n          setExited(false);\r\n        }\r\n        onTransitionComplete && onTransitionComplete(state);\r\n      }}\r\n      {...rest}\r\n      ref={ref}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(PresenceTransition));\r\n"]}
+{"version":3,"names":["React","memo","forwardRef","ExitAnimationContext","Transition","useHasResponsiveProps","PresenceTransition","visible","onTransitionComplete","rest","ref","setExited","useContext","createElement","_extends","state"],"sources":["PresenceTransition.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { ExitAnimationContext } from '../../primitives/Overlay/ExitAnimationContext';\r\nimport { Transition } from './Transition';\r\nimport type { IPresenceTransitionProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst PresenceTransition = (\r\n  { visible = false, onTransitionComplete, ...rest }: IPresenceTransitionProps,\r\n  ref: any\r\n) => {\r\n  // const [animationExited, setAnimationExited] = React.useState(!visible);\r\n\r\n  const { setExited } = React.useContext(ExitAnimationContext);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(rest)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Transition\r\n      visible={visible}\r\n      onTransitionComplete={(state) => {\r\n        if (state === 'exited') {\r\n          setExited(true);\r\n        } else {\r\n          setExited(false);\r\n        }\r\n        onTransitionComplete && onTransitionComplete(state);\r\n      }}\r\n      {...rest}\r\n      ref={ref}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(PresenceTransition));\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAC/C,SAASC,oBAAoB,QAAQ,+CAA+C;AACpF,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,qBAAqB,QAAQ,sCAAsC;AAE5E,MAAMC,kBAAkB,GAAGA,CACzB;EAAEC,OAAO,GAAG,KAAK;EAAEC,oBAAoB;EAAE,GAAGC;AAA+B,CAAC,EAC5EC,GAAQ,KACL;EACH;;EAEA,MAAM;IAAEC;EAAU,CAAC,GAAGX,KAAK,CAACY,UAAU,CAACT,oBAAoB,CAAC;EAC5D;EACA,IAAIE,qBAAqB,CAACI,IAAI,CAAC,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,oBACET,KAAA,CAAAa,aAAA,CAACT,UAAU,EAAAU,QAAA;IACTP,OAAO,EAAEA,OAAQ;IACjBC,oBAAoB,EAAGO,KAAK,IAAK;MAC/B,IAAIA,KAAK,KAAK,QAAQ,EAAE;QACtBJ,SAAS,CAAC,IAAI,CAAC;MACjB,CAAC,MAAM;QACLA,SAAS,CAAC,KAAK,CAAC;MAClB;MACAH,oBAAoB,IAAIA,oBAAoB,CAACO,KAAK,CAAC;IACrD;EAAE,GACEN,IAAI;IACRC,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CAAC;AAED,4BAAeT,IAAI,cAACC,UAAU,CAACI,kBAAkB,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/composites/Transitions/ScaleFade.js

@@ -1,10 +1,8 @@
-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 _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); }
 import React from 'react';
 import PresenceTransition from './PresenceTransition';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
 import { usePropsResolution } from '../../../hooks/';
-
 const ScaleFade = ({
   children,
   ...props
@@ -14,28 +12,24 @@ const ScaleFade = ({
     duration,
     initialScale,
     ...resolvedProps
-  } = usePropsResolution('ScaleFade', props); //TODO: refactor for responsive prop
-
+  } = usePropsResolution('ScaleFade', props);
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   if (duration) {
     resolvedProps.animate.transition.duration = duration;
     resolvedProps.exit.transition.duration = duration;
   }
-
   if (initialScale) {
     resolvedProps.animate.initial.scale = initialScale;
     resolvedProps.exit.initial.scale = initialScale;
   }
-
   return /*#__PURE__*/React.createElement(PresenceTransition, _extends({
     visible: animationState
   }, resolvedProps, {
     ref: ref
   }), children);
 };
-
-export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(ScaleFade));
+export default /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(ScaleFade));
 //# sourceMappingURL=ScaleFade.js.map

package/lib/module/components/composites/Transitions/ScaleFade.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ScaleFade.tsx"],"names":["React","PresenceTransition","useHasResponsiveProps","usePropsResolution","ScaleFade","children","props","ref","in","animationState","duration","initialScale","resolvedProps","animate","transition","exit","initial","scale","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,kBAAP,MAA+B,sBAA/B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,kBAAT,QAAmC,iBAAnC;;AAEA,MAAMC,SAAS,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAA0CC,GAA1C,KAAwD;AACxE,QAAM;AACJC,IAAAA,EAAE,EAAEC,cADA;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,YAHI;AAIJ,OAAGC;AAJC,MAKFT,kBAAkB,CAAC,WAAD,EAAcG,KAAd,CALtB,CADwE,CAOxE;;AACA,MAAIJ,qBAAqB,CAACI,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,MAAII,QAAJ,EAAc;AACZE,IAAAA,aAAa,CAACC,OAAd,CAAsBC,UAAtB,CAAiCJ,QAAjC,GAA4CA,QAA5C;AACAE,IAAAA,aAAa,CAACG,IAAd,CAAmBD,UAAnB,CAA8BJ,QAA9B,GAAyCA,QAAzC;AACD;;AACD,MAAIC,YAAJ,EAAkB;AAChBC,IAAAA,aAAa,CAACC,OAAd,CAAsBG,OAAtB,CAA8BC,KAA9B,GAAsCN,YAAtC;AACAC,IAAAA,aAAa,CAACG,IAAd,CAAmBC,OAAnB,CAA2BC,KAA3B,GAAmCN,YAAnC;AACD;;AAED,sBACE,oBAAC,kBAAD;AAAoB,IAAA,OAAO,EAAEF;AAA7B,KAAiDG,aAAjD;AAAgE,IAAA,GAAG,EAAEL;AAArE,MACGF,QADH,CADF;AAKD,CAzBD;;AA2BA,4BAAeL,KAAK,CAACkB,IAAN,eAAWlB,KAAK,CAACmB,UAAN,CAAiBf,SAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport type { IScaleFadeProps } from './types';\r\nimport PresenceTransition from './PresenceTransition';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { usePropsResolution } from '../../../hooks/';\r\n\r\nconst ScaleFade = ({ children, ...props }: IScaleFadeProps, ref?: any) => {\r\n  const {\r\n    in: animationState,\r\n    duration,\r\n    initialScale,\r\n    ...resolvedProps\r\n  } = usePropsResolution('ScaleFade', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  if (duration) {\r\n    resolvedProps.animate.transition.duration = duration;\r\n    resolvedProps.exit.transition.duration = duration;\r\n  }\r\n  if (initialScale) {\r\n    resolvedProps.animate.initial.scale = initialScale;\r\n    resolvedProps.exit.initial.scale = initialScale;\r\n  }\r\n\r\n  return (\r\n    <PresenceTransition visible={animationState} {...resolvedProps} ref={ref}>\r\n      {children}\r\n    </PresenceTransition>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(ScaleFade));\r\n"]}
+{"version":3,"names":["React","PresenceTransition","useHasResponsiveProps","usePropsResolution","ScaleFade","children","props","ref","in","animationState","duration","initialScale","resolvedProps","animate","transition","exit","initial","scale","createElement","_extends","visible","memo","forwardRef"],"sources":["ScaleFade.tsx"],"sourcesContent":["import React from 'react';\r\nimport type { IScaleFadeProps } from './types';\r\nimport PresenceTransition from './PresenceTransition';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { usePropsResolution } from '../../../hooks/';\r\n\r\nconst ScaleFade = ({ children, ...props }: IScaleFadeProps, ref?: any) => {\r\n  const {\r\n    in: animationState,\r\n    duration,\r\n    initialScale,\r\n    ...resolvedProps\r\n  } = usePropsResolution('ScaleFade', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  if (duration) {\r\n    resolvedProps.animate.transition.duration = duration;\r\n    resolvedProps.exit.transition.duration = duration;\r\n  }\r\n  if (initialScale) {\r\n    resolvedProps.animate.initial.scale = initialScale;\r\n    resolvedProps.exit.initial.scale = initialScale;\r\n  }\r\n\r\n  return (\r\n    <PresenceTransition visible={animationState} {...resolvedProps} ref={ref}>\r\n      {children}\r\n    </PresenceTransition>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(ScaleFade));\r\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,qBAAqB,QAAQ,sCAAsC;AAC5E,SAASC,kBAAkB,QAAQ,iBAAiB;AAEpD,MAAMC,SAAS,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAuB,CAAC,EAAEC,GAAS,KAAK;EACxE,MAAM;IACJC,EAAE,EAAEC,cAAc;IAClBC,QAAQ;IACRC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGT,kBAAkB,CAAC,WAAW,EAAEG,KAAK,CAAC;EAC1C;EACA,IAAIJ,qBAAqB,CAACI,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EACA,IAAII,QAAQ,EAAE;IACZE,aAAa,CAACC,OAAO,CAACC,UAAU,CAACJ,QAAQ,GAAGA,QAAQ;IACpDE,aAAa,CAACG,IAAI,CAACD,UAAU,CAACJ,QAAQ,GAAGA,QAAQ;EACnD;EACA,IAAIC,YAAY,EAAE;IAChBC,aAAa,CAACC,OAAO,CAACG,OAAO,CAACC,KAAK,GAAGN,YAAY;IAClDC,aAAa,CAACG,IAAI,CAACC,OAAO,CAACC,KAAK,GAAGN,YAAY;EACjD;EAEA,oBACEX,KAAA,CAAAkB,aAAA,CAACjB,kBAAkB,EAAAkB,QAAA;IAACC,OAAO,EAAEX;EAAe,GAAKG,aAAa;IAAEL,GAAG,EAAEA;EAAI,IACtEF,QACiB,CAAC;AAEzB,CAAC;AAED,4BAAeL,KAAK,CAACqB,IAAI,cAACrB,KAAK,CAACsB,UAAU,CAAClB,SAAS,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/composites/Transitions/Slide.js

@@ -1,5 +1,4 @@
-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 _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); }
 import React, { forwardRef, memo } from 'react';
 import Box from '../../primitives/Box';
 import PresenceTransition from './PresenceTransition';
@@ -28,7 +27,7 @@ const holderStyle = {
     top: 0
   }
 };
-export const Slide = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+export const Slide = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   children,
   ...props
 }, ref) => {
@@ -42,12 +41,10 @@ export const Slide = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   } = usePropsResolution('Slide', props);
   const [containerOpacity, setContainerOpacity] = React.useState(0);
   const [size, setSize] = React.useState(0);
-
   const provideSize = layoutSize => {
     if (placement === 'right' || placement === 'left') setSize(layoutSize.width);else setSize(layoutSize.height);
     setContainerOpacity(1);
   };
-
   const transition = {
     duration
   };
@@ -92,12 +89,12 @@ export const Slide = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
         transition
       }
     }
-  }; //TODO: refactor for responsive prop
+  };
 
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   const slideComponent = /*#__PURE__*/React.createElement(PresenceTransition, _extends({
     visible: visible
   }, animationStyle[placement], {
@@ -111,7 +108,6 @@ export const Slide = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     ref: ref,
     onLayout: e => provideSize(e.nativeEvent.layout)
   }), children));
-
   if (overlay) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Overlay, _extends({
       isKeyboardDismissable: false

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

@@ -1 +1 @@
-{"version":3,"sources":["Slide.tsx"],"names":["React","forwardRef","memo","Box","PresenceTransition","useHasResponsiveProps","Overlay","usePropsResolution","holderStyle","top","right","left","bottom","Slide","children","props","ref","in","visible","placement","overlay","duration","_overlay","resolvedProps","containerOpacity","setContainerOpacity","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","forwardRef","memo","Box","PresenceTransition","useHasResponsiveProps","Overlay","usePropsResolution","holderStyle","top","right","left","bottom","Slide","children","props","ref","in","visible","placement","overlay","duration","_overlay","resolvedProps","containerOpacity","setContainerOpacity","useState","size","setSize","provideSize","layoutSize","width","height","transition","animationStyle","initial","translateY","animate","exit","translateX","slideComponent","createElement","_extends","style","position","opacity","onLayout","e","nativeEvent","layout","Fragment","isKeyboardDismissable"],"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/module/components/composites/Transitions/SlideFade.js

@@ -4,7 +4,6 @@ import { useThemeProps } from '../../../hooks/useThemeProps';
 import { Animated, Platform } from 'react-native';
 import { canUseDom } from '../../../utils';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
 const SlideFade = ({
   children,
   ...props
@@ -19,7 +18,6 @@ const SlideFade = ({
   const fadeAnim = React.useRef(new Animated.Value(0)).current;
   const slideAnimX = React.useRef(new Animated.Value(0)).current;
   const slideAnimY = React.useRef(new Animated.Value(0)).current;
-
   const animIn = () => {
     if (isDomUsable) {
       Animated.timing(fadeAnim, {
@@ -39,7 +37,6 @@ const SlideFade = ({
       }).start();
     }
   };
-
   const animOut = () => {
     if (isDomUsable) {
       Animated.timing(fadeAnim, {
@@ -59,13 +56,11 @@ const SlideFade = ({
       }).start();
     }
   };
-
-  animationState ? animIn() : animOut(); //TODO: refactor for responsive prop
-
+  animationState ? animIn() : animOut();
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(Animated.View, {
     style: [{
       opacity: fadeAnim,
@@ -77,6 +72,5 @@ const SlideFade = ({
     ref: ref
   }, /*#__PURE__*/React.createElement(Box, props, children));
 };
-
-export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(SlideFade));
+export default /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(SlideFade));
 //# sourceMappingURL=SlideFade.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["SlideFade.tsx"],"names":["React","Box","useThemeProps","Animated","Platform","canUseDom","useHasResponsiveProps","SlideFade","children","props","ref","isDomUsable","in","animationState","duration","offsetX","offsetY","fadeAnim","useRef","Value","current","slideAnimX","slideAnimY","animIn","timing","toValue","useNativeDriver","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","Box","useThemeProps","Animated","Platform","canUseDom","useHasResponsiveProps","SlideFade","children","props","ref","isDomUsable","in","animationState","duration","offsetX","offsetY","fadeAnim","useRef","Value","current","slideAnimX","slideAnimY","animIn","timing","toValue","useNativeDriver","OS","start","animOut","createElement","View","style","opacity","transform","translateX","translateY","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/module/components/composites/Transitions/Stagger.js

@@ -1,5 +1,4 @@
-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 _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); }
 import cloneDeep from 'lodash.clonedeep';
 import React from 'react';
 import PresenceTransition from './PresenceTransition';
@@ -8,7 +7,6 @@ const defaultStaggerConfig = {
   offset: 0,
   reverse: false
 };
-
 const Stagger = ({
   children,
   ...restProps
@@ -17,45 +15,36 @@ const Stagger = ({
   if (useHasResponsiveProps(restProps)) {
     return null;
   }
-
   return React.Children.map(children, (child, index) => {
     const clonedAnimationConfig = cloneDeep(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.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.Children.count(children) - 1 - index) * stagger.offset : index * stagger.offset;
       exit.transition.delay = exit.transition.delay + offset;
     }
-
     return /*#__PURE__*/React.createElement(PresenceTransition, _extends({
       key: child.key
     }, clonedAnimationConfig), child);
   });
 };
-
 export default Stagger;
 //# sourceMappingURL=Stagger.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Stagger.tsx"],"names":["cloneDeep","React","PresenceTransition","useHasResponsiveProps","defaultStaggerConfig","offset","reverse","Stagger","children","restProps","Children","map","child","index","clonedAnimationConfig","animate","exit","transition","delay","stagger","count","key"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,kBAAtB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,kBAAP,MAA+B,sBAA/B;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AA+BA,MAAMC,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,MAAIN,qBAAqB,CAACM,SAAD,CAAzB,EAAsC;AACpC,WAAO,IAAP;AACD;;AACD,SAAOR,KAAK,CAACS,QAAN,CAAeC,GAAf,CAAmBH,QAAnB,EAA6B,CAACI,KAAD,EAAQC,KAAR,KAAkB;AACpD,UAAMC,qBAAqB,GAAGd,SAAS,CAACS,SAAD,CAAvC;AACA,UAAM;AAAEM,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,yEAAiCf,oBAA9C;AACA,YAAMC,MAAM,GAAGc,OAAO,CAACb,OAAR,GACX,CAACL,KAAK,CAACS,QAAN,CAAeU,KAAf,CAAqBZ,QAArB,IAAiC,CAAjC,GAAqCK,KAAtC,IAA+CM,OAAO,CAACd,MAD5C,GAEXQ,KAAK,GAAGM,OAAO,CAACd,MAFpB;AAGAU,MAAAA,OAAO,CAACE,UAAR,CAAmBC,KAAnB,GAA2BH,OAAO,CAACE,UAAR,CAAmBC,KAAnB,GAA2Bb,MAAtD;AACD;;AAED,QAAIW,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,yEAA8Bf,oBAA3C;AACA,YAAMC,MAAM,GAAGc,OAAO,CAACb,OAAR,GACX,CAACL,KAAK,CAACS,QAAN,CAAeU,KAAf,CAAqBZ,QAArB,IAAiC,CAAjC,GAAqCK,KAAtC,IAA+CM,OAAO,CAACd,MAD5C,GAEXQ,KAAK,GAAGM,OAAO,CAACd,MAFpB;AAGAW,MAAAA,IAAI,CAACC,UAAL,CAAgBC,KAAhB,GAAwBF,IAAI,CAACC,UAAL,CAAgBC,KAAhB,GAAwBb,MAAhD;AACD;;AAED,wBACE,oBAAC,kBAAD;AAAoB,MAAA,GAAG,EAAEO,KAAK,CAACS;AAA/B,OAAwCP,qBAAxC,GACGF,KADH,CADF;AAKD,GAjCM,CAAP;AAkCD,CAvCD;;AAyCA,eAAeL,OAAf","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":["cloneDeep","React","PresenceTransition","useHasResponsiveProps","defaultStaggerConfig","offset","reverse","Stagger","children","restProps","Children","map","child","index","clonedAnimationConfig","animate","exit","_animate$transition$d","_animate$transition$s","transition","delay","stagger","count","_exit$transition$dela","_exit$transition$stag","createElement","_extends","key"],"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":";AAAA,OAAOA,SAAS,MAAM,kBAAkB;AACxC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,kBAAkB,MAAM,sBAAsB;AAErD,SAASC,qBAAqB,QAAQ,sCAAsC;AA+B5E,MAAMC,oBAAoC,GAAG;EAAEC,MAAM,EAAE,CAAC;EAAEC,OAAO,EAAE;AAAM,CAAC;AAE1E,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAyB,CAAC,KAAK;EAC7D;EACA,IAAIN,qBAAqB,CAACM,SAAS,CAAC,EAAE;IACpC,OAAO,IAAI;EACb;EACA,OAAOR,KAAK,CAACS,QAAQ,CAACC,GAAG,CAACH,QAAQ,EAAE,CAACI,KAAK,EAAEC,KAAK,KAAK;IACpD,MAAMC,qBAAqB,GAAGd,SAAS,CAACS,SAAS,CAAC;IAClD,MAAM;MAAEM,OAAO;MAAEC;IAAK,CAAC,GAAGF,qBAAqB;IAE/C,IAAIC,OAAO,EAAE;MAAA,IAAAE,qBAAA,EAAAC,qBAAA;MACX,IAAI,CAACH,OAAO,CAACI,UAAU,EAAE;QACvBJ,OAAO,CAACI,UAAU,GAAG,CAAC,CAAC;MACzB;MACAJ,OAAO,CAACI,UAAU,CAACC,KAAK,IAAAH,qBAAA,GAAGF,OAAO,CAACI,UAAU,CAACC,KAAK,cAAAH,qBAAA,cAAAA,qBAAA,GAAI,CAAC;MACxD,MAAMI,OAAO,IAAAH,qBAAA,GAAGH,OAAO,CAACI,UAAU,CAACE,OAAO,cAAAH,qBAAA,cAAAA,qBAAA,GAAId,oBAAoB;MAClE,MAAMC,MAAM,GAAGgB,OAAO,CAACf,OAAO,GAC1B,CAACL,KAAK,CAACS,QAAQ,CAACY,KAAK,CAACd,QAAQ,CAAC,GAAG,CAAC,GAAGK,KAAK,IAAIQ,OAAO,CAAChB,MAAM,GAC7DQ,KAAK,GAAGQ,OAAO,CAAChB,MAAM;MAC1BU,OAAO,CAACI,UAAU,CAACC,KAAK,GAAGL,OAAO,CAACI,UAAU,CAACC,KAAK,GAAGf,MAAM;IAC9D;IAEA,IAAIW,IAAI,EAAE;MAAA,IAAAO,qBAAA,EAAAC,qBAAA;MACR,IAAI,CAACR,IAAI,CAACG,UAAU,EAAE;QACpBH,IAAI,CAACG,UAAU,GAAG,CAAC,CAAC;MACtB;MACAH,IAAI,CAACG,UAAU,CAACC,KAAK,IAAAG,qBAAA,GAAGP,IAAI,CAACG,UAAU,CAACC,KAAK,cAAAG,qBAAA,cAAAA,qBAAA,GAAI,CAAC;MAClD,MAAMF,OAAO,IAAAG,qBAAA,GAAGR,IAAI,CAACG,UAAU,CAACE,OAAO,cAAAG,qBAAA,cAAAA,qBAAA,GAAIpB,oBAAoB;MAC/D,MAAMC,MAAM,GAAGgB,OAAO,CAACf,OAAO,GAC1B,CAACL,KAAK,CAACS,QAAQ,CAACY,KAAK,CAACd,QAAQ,CAAC,GAAG,CAAC,GAAGK,KAAK,IAAIQ,OAAO,CAAChB,MAAM,GAC7DQ,KAAK,GAAGQ,OAAO,CAAChB,MAAM;MAC1BW,IAAI,CAACG,UAAU,CAACC,KAAK,GAAGJ,IAAI,CAACG,UAAU,CAACC,KAAK,GAAGf,MAAM;IACxD;IAEA,oBACEJ,KAAA,CAAAwB,aAAA,CAACvB,kBAAkB,EAAAwB,QAAA;MAACC,GAAG,EAAEf,KAAK,CAACe;IAAI,GAAKb,qBAAqB,GAC1DF,KACiB,CAAC;EAEzB,CAAC,CAAC;AACJ,CAAC;AAED,eAAeL,OAAO","ignoreList":[]}

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

@@ -1,5 +1,4 @@
-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 _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 */
 import React, { forwardRef } from 'react';
 import { Animated } from 'react-native';
@@ -20,21 +19,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]]
@@ -47,10 +42,8 @@ const getAnimatedStyles = animateValue => (initial, to) => {
       });
     }
   }
-
   return styles;
 };
-
 const defaultTransitionConfig = {
   type: 'timing',
   useNativeDriver: true,
@@ -73,7 +66,6 @@ export const Transition = /*#__PURE__*/forwardRef(({
     if (as) {
       return Animated.createAnimatedComponent(as);
     }
-
     return Animated.View;
   }, [as]);
   const [animationState, setAnimationState] = React.useState('');
@@ -81,16 +73,18 @@ export const Transition = /*#__PURE__*/forwardRef(({
   React.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;
-      Animated.sequence([// @ts-ignore - delay is present in defaultTransitionConfig
+      Animated.sequence([
+      // @ts-ignore - delay is present in defaultTransitionConfig
       Animated.delay(transition.delay), Animated[(_transition$type = transition.type) !== null && _transition$type !== void 0 ? _transition$type : 'timing'](animateValue, {
         toValue: startAnimation,
         useNativeDriver: true,
@@ -101,59 +95,69 @@ export const Transition = /*#__PURE__*/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.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.useMemo(() => {
     // console.log('display state here', initial);
     return [getAnimatedStyles(animateValue)(initialState, animateState), style];
   }, [animateValue, initial, animate, style]);
-  return /*#__PURE__*/React.createElement(Component // pointerEvents="box-none"
+  return /*#__PURE__*/React.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]}
     ,