@tecsinapse/react-native-kit 1.20.0 → 1.22.0-beta.13

package/dist/components/atoms/Modal/ui/BaseModalView.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseModalView.js","names":["BACKDROP_ALPHA","INTERPOLATION_STEPS","INTERPOLATION_DURATION","OPACITY_DURATION","ModalView","children","visible","BoxComponent","BoxContent","frozen","isLastShown","showCloseBar","close","onClose","bottom","useSafeAreaInsets","ready","setReady","useState","keyboardOpened","setKeyboardOpened","boxHeight","setBoxHeight","backgroundCarrier","useRef","Animated","Value","current","translationCarrier","opacityCarrier","offset","getKeyboardHeight","keyboard","wHeight","Math","ceil","Dimensions","get","height","sHeight","StatusBar","currentHeight","show","useCallback","sequence","timing","toValue","duration","easing","Easing","out","circle","useNativeDriver","start","hide","to","parallel","backgroundInterpolation","interpolate","inputRange","outputRange","handleBoxLayoutChanges","lce","boxHeightEvent","nativeEvent","layout","setValue","useEffect","requestAnimationFrame","Keyboard","dismiss","showEvent","addListener","e","endCoordinates","hideEvent","remove","undefined","backgroundColor","paddingBottom","opacity","transform","translateY"],"sources":["../../../../../src/components/atoms/Modal/ui/BaseModalView.tsx"],"sourcesContent":["import { BoxContent } from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  Animated,\n  Dimensions,\n  Easing,\n  Keyboard,\n  LayoutChangeEvent,\n  Pressable,\n  StatusBar,\n} from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { BackDropView, CloseBar, StyledPressableBackDrop } from './styled';\nimport { IBaseModal } from './types';\n\nconst BACKDROP_ALPHA = 0.65;\nconst INTERPOLATION_STEPS = 10;\nconst INTERPOLATION_DURATION = 195; //ms\nconst OPACITY_DURATION = 25; //ms\n\nexport const ModalView: FC<IBaseModal> = ({\n  children,\n  visible,\n  BoxComponent = BoxContent,\n  frozen,\n  isLastShown,\n  showCloseBar = true,\n  close,\n  onClose,\n}) => {\n  const { bottom } = useSafeAreaInsets();\n  const [ready, setReady] = useState(false);\n  const [keyboardOpened, setKeyboardOpened] = useState(0);\n  const [boxHeight, setBoxHeight] = useState(0);\n  const backgroundCarrier = useRef(new Animated.Value(0)).current;\n  const translationCarrier = useRef(new Animated.Value(0)).current;\n  const opacityCarrier = useRef(new Animated.Value(0)).current;\n  const offset = isLastShown && keyboardOpened > 0 ? 0 : bottom;\n\n  const getKeyboardHeight = (keyboard: number) => {\n    if (keyboard === 0) return 0;\n\n    const wHeight = Math.ceil(Dimensions.get('window').height);\n    const sHeight = Math.ceil(Dimensions.get('screen').height);\n    if (wHeight !== sHeight) {\n      return keyboard + (sHeight - wHeight - (StatusBar.currentHeight || 0));\n    }\n    return keyboard;\n  };\n\n  const show = useCallback(() => {\n    Animated.sequence([\n      Animated.timing(backgroundCarrier, {\n        toValue: INTERPOLATION_STEPS,\n        duration: INTERPOLATION_DURATION,\n        easing: Easing.out(Easing.circle),\n        useNativeDriver: false,\n      }),\n      Animated.timing(opacityCarrier, {\n        toValue: 1,\n        duration: OPACITY_DURATION,\n        useNativeDriver: true,\n      }),\n      Animated.timing(translationCarrier, {\n        toValue: 0,\n        duration: INTERPOLATION_DURATION,\n        easing: Easing.out(Easing.circle),\n        useNativeDriver: true,\n      }),\n    ]).start();\n  }, []);\n\n  const hide = useCallback(\n    (to: number) => {\n      Animated.sequence([\n        Animated.parallel([\n          Animated.timing(translationCarrier, {\n            toValue: to,\n            duration: INTERPOLATION_DURATION,\n            easing: Easing.out(Easing.circle),\n            useNativeDriver: true,\n          }),\n          Animated.timing(opacityCarrier, {\n            toValue: 0,\n            duration: INTERPOLATION_DURATION,\n            useNativeDriver: true,\n          }),\n        ]),\n        Animated.timing(backgroundCarrier, {\n          toValue: 0,\n          duration: INTERPOLATION_DURATION,\n          easing: Easing.out(Easing.circle),\n          useNativeDriver: false,\n        }),\n      ]).start(onClose);\n    },\n    [onClose]\n  );\n\n  const backgroundInterpolation = backgroundCarrier.interpolate({\n    inputRange: [0, INTERPOLATION_STEPS],\n    outputRange: ['rgba(0, 0, 0, 0)', `rgba(0, 0, 0, ${BACKDROP_ALPHA})`],\n  });\n\n  const handleBoxLayoutChanges = useCallback(\n    (lce: LayoutChangeEvent) => {\n      const boxHeightEvent = lce.nativeEvent.layout.height;\n      setBoxHeight(boxHeightEvent);\n\n      if (visible && !ready) {\n        translationCarrier.setValue(boxHeightEvent);\n        setReady(true);\n      }\n    },\n    [show, ready, visible, setReady]\n  );\n\n  useEffect(() => {\n    if (visible && ready) requestAnimationFrame(() => show());\n    if (!visible && !ready) {\n      Keyboard.dismiss();\n      requestAnimationFrame(() => hide(boxHeight));\n    }\n    if (!visible && ready) setReady(false);\n  }, [ready, visible]);\n\n  useEffect(() => {\n    const showEvent = Keyboard.addListener('keyboardDidShow', e =>\n      setKeyboardOpened(e.endCoordinates.height)\n    );\n    const hideEvent = Keyboard.addListener('keyboardDidHide', () =>\n      setKeyboardOpened(0)\n    );\n    return () => {\n      showEvent.remove();\n      hideEvent.remove();\n    };\n  }, []);\n\n  return (\n    <StyledPressableBackDrop onPress={!frozen ? close : undefined}>\n      <BackDropView style={{ backgroundColor: backgroundInterpolation }}>\n        <Animated.View\n          style={{\n            paddingBottom: isLastShown ? getKeyboardHeight(keyboardOpened) : 0,\n            opacity: opacityCarrier,\n            transform: [{ translateY: translationCarrier }],\n          }}\n        >\n          <Pressable>\n            <BoxComponent\n              onLayout={handleBoxLayoutChanges}\n              style={{ paddingBottom: offset }}\n              variant=\"bottom\"\n            >\n              {showCloseBar && <CloseBar />}\n              {children}\n            </BoxComponent>\n          </Pressable>\n        </Animated.View>\n      </BackDropView>\n    </StyledPressableBackDrop>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"BaseModalView.js","sources":["../../../../../src/components/atoms/Modal/ui/BaseModalView.tsx"],"sourcesContent":["import { BoxContent } from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  Animated,\n  Dimensions,\n  Easing,\n  Keyboard,\n  LayoutChangeEvent,\n  Pressable,\n  StatusBar,\n} from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { BackDropView, CloseBar, StyledPressableBackDrop } from './styled';\nimport { IBaseModal } from './types';\n\nconst BACKDROP_ALPHA = 0.65;\nconst INTERPOLATION_STEPS = 10;\nconst INTERPOLATION_DURATION = 195; //ms\nconst OPACITY_DURATION = 25; //ms\n\nexport const ModalView: FC<IBaseModal> = ({\n  children,\n  visible,\n  BoxComponent = BoxContent,\n  frozen,\n  isLastShown,\n  showCloseBar = true,\n  close,\n  onClose,\n}) => {\n  const { bottom } = useSafeAreaInsets();\n  const [ready, setReady] = useState(false);\n  const [keyboardOpened, setKeyboardOpened] = useState(0);\n  const [boxHeight, setBoxHeight] = useState(0);\n  const backgroundCarrier = useRef(new Animated.Value(0)).current;\n  const translationCarrier = useRef(new Animated.Value(0)).current;\n  const opacityCarrier = useRef(new Animated.Value(0)).current;\n  const offset = isLastShown && keyboardOpened > 0 ? 0 : bottom;\n\n  const getKeyboardHeight = (keyboard: number) => {\n    if (keyboard === 0) return 0;\n\n    const wHeight = Math.ceil(Dimensions.get('window').height);\n    const sHeight = Math.ceil(Dimensions.get('screen').height);\n    if (wHeight !== sHeight) {\n      return keyboard + (sHeight - wHeight - (StatusBar.currentHeight || 0));\n    }\n    return keyboard;\n  };\n\n  const show = useCallback(() => {\n    Animated.sequence([\n      Animated.timing(backgroundCarrier, {\n        toValue: INTERPOLATION_STEPS,\n        duration: INTERPOLATION_DURATION,\n        easing: Easing.out(Easing.circle),\n        useNativeDriver: false,\n      }),\n      Animated.timing(opacityCarrier, {\n        toValue: 1,\n        duration: OPACITY_DURATION,\n        useNativeDriver: true,\n      }),\n      Animated.timing(translationCarrier, {\n        toValue: 0,\n        duration: INTERPOLATION_DURATION,\n        easing: Easing.out(Easing.circle),\n        useNativeDriver: true,\n      }),\n    ]).start();\n  }, []);\n\n  const hide = useCallback(\n    (to: number) => {\n      Animated.sequence([\n        Animated.parallel([\n          Animated.timing(translationCarrier, {\n            toValue: to,\n            duration: INTERPOLATION_DURATION,\n            easing: Easing.out(Easing.circle),\n            useNativeDriver: true,\n          }),\n          Animated.timing(opacityCarrier, {\n            toValue: 0,\n            duration: INTERPOLATION_DURATION,\n            useNativeDriver: true,\n          }),\n        ]),\n        Animated.timing(backgroundCarrier, {\n          toValue: 0,\n          duration: INTERPOLATION_DURATION,\n          easing: Easing.out(Easing.circle),\n          useNativeDriver: false,\n        }),\n      ]).start(onClose);\n    },\n    [onClose]\n  );\n\n  const backgroundInterpolation = backgroundCarrier.interpolate({\n    inputRange: [0, INTERPOLATION_STEPS],\n    outputRange: ['rgba(0, 0, 0, 0)', `rgba(0, 0, 0, ${BACKDROP_ALPHA})`],\n  });\n\n  const handleBoxLayoutChanges = useCallback(\n    (lce: LayoutChangeEvent) => {\n      const boxHeightEvent = lce.nativeEvent.layout.height;\n      setBoxHeight(boxHeightEvent);\n\n      if (visible && !ready) {\n        translationCarrier.setValue(boxHeightEvent);\n        setReady(true);\n      }\n    },\n    [show, ready, visible, setReady]\n  );\n\n  useEffect(() => {\n    if (visible && ready) requestAnimationFrame(() => show());\n    if (!visible && !ready) {\n      Keyboard.dismiss();\n      requestAnimationFrame(() => hide(boxHeight));\n    }\n    if (!visible && ready) setReady(false);\n  }, [ready, visible]);\n\n  useEffect(() => {\n    const showEvent = Keyboard.addListener('keyboardDidShow', e =>\n      setKeyboardOpened(e.endCoordinates.height)\n    );\n    const hideEvent = Keyboard.addListener('keyboardDidHide', () =>\n      setKeyboardOpened(0)\n    );\n    return () => {\n      showEvent.remove();\n      hideEvent.remove();\n    };\n  }, []);\n\n  return (\n    <StyledPressableBackDrop onPress={!frozen ? close : undefined}>\n      <BackDropView style={{ backgroundColor: backgroundInterpolation }}>\n        <Animated.View\n          style={{\n            paddingBottom: isLastShown ? getKeyboardHeight(keyboardOpened) : 0,\n            opacity: opacityCarrier,\n            transform: [{ translateY: translationCarrier }],\n          }}\n        >\n          <Pressable>\n            <BoxComponent\n              onLayout={handleBoxLayoutChanges}\n              style={{ paddingBottom: offset }}\n              variant=\"bottom\"\n            >\n              {showCloseBar && <CloseBar />}\n              {children}\n            </BoxComponent>\n          </Pressable>\n        </Animated.View>\n      </BackDropView>\n    </StyledPressableBackDrop>\n  );\n};\n"],"names":["BoxContent","useSafeAreaInsets","useState","useRef","Animated","Dimensions","StatusBar","useCallback","Easing","useEffect","Keyboard","React","StyledPressableBackDrop","BackDropView","Pressable","CloseBar"],"mappings":"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"}

package/dist/components/atoms/Modal/ui/styled.js

@@ -1,36 +1,34 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.StyledPressableBackDrop = exports.CloseBar = exports.BackDropView = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+var styled = require('@emotion/native');
+var reactCore = require('@tecsinapse/react-core');
+var reactNative = require('react-native');
 
-var _reactCore = require("@tecsinapse/react-core");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactNative = require("react-native");
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const StyledPressableBackDrop = _native.default.Pressable`
+const StyledPressableBackDrop = styled__default["default"].Pressable`
   flex: 1;
   position: absolute;
   width: 100%;
   height: 100%;
 `;
-exports.StyledPressableBackDrop = StyledPressableBackDrop;
-const BackDropView = (0, _native.default)(_reactNative.Animated.View)`
+const BackDropView = styled__default["default"](reactNative.Animated.View)`
   justify-content: flex-end;
   flex: 1;
 `;
-exports.BackDropView = BackDropView;
-const CloseBar = _native.default.View`
-  background-color: ${({
-  theme
-}) => theme.color.secondary.light};
-  border-radius: ${(0, _reactCore.RFValueStr)('10px')};
-  margin: ${`${(0, _reactCore.RFValueStr)('5px')} auto`};
-  width: ${(0, _reactCore.RFValueStr)('42px')};
-  height: ${(0, _reactCore.RFValueStr)('5px')};
+const CloseBar = styled__default["default"].View`
+  background-color: ${({ theme }) => theme.color.secondary.light};
+  border-radius: ${reactCore.RFValueStr("10px")};
+  margin: ${`${reactCore.RFValueStr("5px")} auto`};
+  width: ${reactCore.RFValueStr("42px")};
+  height: ${reactCore.RFValueStr("5px")};
 `;
+
+exports.BackDropView = BackDropView;
 exports.CloseBar = CloseBar;
-//# sourceMappingURL=styled.js.map
+exports.StyledPressableBackDrop = StyledPressableBackDrop;
+//# sourceMappingURL=styled.js.map

package/dist/components/atoms/Modal/ui/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledPressableBackDrop","styled","Pressable","BackDropView","Animated","View","CloseBar","theme","color","secondary","light","RFValueStr"],"sources":["../../../../../src/components/atoms/Modal/ui/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { Animated } from 'react-native';\n\nexport const StyledPressableBackDrop = styled.Pressable<Partial<StyleProps>>`\n  flex: 1;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const BackDropView = styled(Animated.View)<Partial<StyleProps>>`\n  justify-content: flex-end;\n  flex: 1;\n`;\n\nexport const CloseBar = styled.View<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.color.secondary.light};\n  border-radius: ${RFValueStr('10px')};\n  margin: ${`${RFValueStr('5px')} auto`};\n  width: ${RFValueStr('42px')};\n  height: ${RFValueStr('5px')};\n`;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,uBAAuB,GAAGC,eAAA,CAAOC,SAA+B;AAC7E;AACA;AACA;AACA;AACA,CALO;;AAOA,MAAMC,YAAY,GAAG,IAAAF,eAAA,EAAOG,qBAAA,CAASC,IAAhB,CAA2C;AACvE;AACA;AACA,CAHO;;AAKA,MAAMC,QAAQ,GAAGL,eAAA,CAAOI,IAA0B;AACzD,sBAAsB,CAAC;EAAEE;AAAF,CAAD,KAAeA,KAAK,CAACC,KAAN,CAAYC,SAAZ,CAAsBC,KAAM;AACjE,mBAAmB,IAAAC,qBAAA,EAAW,MAAX,CAAmB;AACtC,YAAa,GAAE,IAAAA,qBAAA,EAAW,KAAX,CAAkB,OAAO;AACxC,WAAW,IAAAA,qBAAA,EAAW,MAAX,CAAmB;AAC9B,YAAY,IAAAA,qBAAA,EAAW,KAAX,CAAkB;AAC9B,CANO"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Modal/ui/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { Animated } from 'react-native';\n\nexport const StyledPressableBackDrop = styled.Pressable<Partial<StyleProps>>`\n  flex: 1;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const BackDropView = styled(Animated.View)<Partial<StyleProps>>`\n  justify-content: flex-end;\n  flex: 1;\n`;\n\nexport const CloseBar = styled.View<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.color.secondary.light};\n  border-radius: ${RFValueStr('10px')};\n  margin: ${`${RFValueStr('5px')} auto`};\n  width: ${RFValueStr('42px')};\n  height: ${RFValueStr('5px')};\n`;\n"],"names":["styled","Animated","RFValueStr"],"mappings":";;;;;;;;;;;;AAIO,MAAM,0BAA0BA,0BAAO,CAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOjC,MAAA,YAAA,GAAeA,0BAAO,CAAAC,oBAAA,CAAS,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKzC,MAAM,WAAWD,0BAAO,CAAA,IAAA,CAAA;AAAA,oBAAA,EACT,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,KAAA,CAAA;AAAA,iBAAA,EACxCE,qBAAW,MAAM,CAAA,CAAA;AAAA,UACxB,EAAA,CAAA,EAAGA,qBAAW,KAAK,CAAA,CAAA,KAAA,CAAA,CAAA;AAAA,SAAA,EACpBA,qBAAW,MAAM,CAAA,CAAA;AAAA,UAAA,EAChBA,qBAAW,KAAK,CAAA,CAAA;AAAA;;;;;;"}

package/dist/components/atoms/Modal/useLazyModalManager.js

@@ -1,30 +1,29 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.useLazyModalManager = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _react = require("react");
+var React = require('react');
+var uuid = require('uuid');
+var ModalGroupManager = require('./ModalGroupManager.js');
 
-var _uuid = require("uuid");
-
-var _ModalGroupManager = require("./ModalGroupManager");
-
-const useLazyModalManager = modalId => {
-  const [id] = (0, _react.useState)(modalId ?? (0, _uuid.v4)());
-  const requestUpdate = (0, _react.useCallback)(() => _ModalGroupManager.modalLifecycle.update(), []);
-  const sync = (0, _react.useCallback)(modal => {
-    _ModalGroupManager.modalLifecycle.sync(id, () => modal);
-
-    return null;
-  }, [id]);
-  const show = (0, _react.useCallback)(() => {
-    _ModalGroupManager.modalLifecycle.show(id);
+const useLazyModalManager = (modalId) => {
+  const [id] = React.useState(modalId != null ? modalId : uuid.v4());
+  const requestUpdate = React.useCallback(() => ModalGroupManager.modalLifecycle.update(), []);
+  const sync = React.useCallback(
+    (modal) => {
+      ModalGroupManager.modalLifecycle.sync(id, () => modal);
+      return null;
+    },
+    [id]
+  );
+  const show = React.useCallback(() => {
+    ModalGroupManager.modalLifecycle.show(id);
   }, [id]);
-  const close = (0, _react.useCallback)(() => {
-    _ModalGroupManager.modalLifecycle.close(id);
+  const close = React.useCallback(() => {
+    ModalGroupManager.modalLifecycle.close(id);
   }, [id]);
-  (0, _react.useEffect)(() => {
-    return () => _ModalGroupManager.modalLifecycle.destroy(id);
+  React.useEffect(() => {
+    return () => ModalGroupManager.modalLifecycle.destroy(id);
   }, []);
   return {
     requestUpdate,
@@ -35,4 +34,4 @@ const useLazyModalManager = modalId => {
 };
 
 exports.useLazyModalManager = useLazyModalManager;
-//# sourceMappingURL=useLazyModalManager.js.map
+//# sourceMappingURL=useLazyModalManager.js.map

package/dist/components/atoms/Modal/useLazyModalManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLazyModalManager.js","names":["useLazyModalManager","modalId","id","useState","uuidv4","requestUpdate","useCallback","modalLifecycle","update","sync","modal","show","close","useEffect","destroy"],"sources":["../../../../src/components/atoms/Modal/useLazyModalManager.ts"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { modalLifecycle } from './ModalGroupManager';\nimport { IBaseModal } from './ui/types';\n\n/**\n * Use this hook to tell the modal lifecycle handler that you want to add\n * a new modal component.\n *\n * @returns\n * @param modalId\n */\nexport const useLazyModalManager = (modalId?: string) => {\n  const [id] = useState(modalId ?? uuidv4());\n\n  const requestUpdate = useCallback(() => modalLifecycle.update(), []);\n\n  const sync = useCallback(\n    (modal: ReactElement<IBaseModal>) => {\n      modalLifecycle.sync(id, () => modal);\n      return null;\n    },\n    [id]\n  );\n\n  const show = useCallback(() => {\n    modalLifecycle.show(id);\n  }, [id]);\n\n  const close = useCallback(() => {\n    modalLifecycle.close(id);\n  }, [id]);\n\n  useEffect(() => {\n    return () => modalLifecycle.destroy(id);\n  }, []);\n\n  return {\n    requestUpdate,\n    sync,\n    show,\n    close,\n  };\n};\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAUO,MAAMA,mBAAmB,GAAIC,OAAD,IAAsB;EACvD,MAAM,CAACC,EAAD,IAAO,IAAAC,eAAA,EAASF,OAAO,IAAI,IAAAG,QAAA,GAApB,CAAb;EAEA,MAAMC,aAAa,GAAG,IAAAC,kBAAA,EAAY,MAAMC,iCAAA,CAAeC,MAAf,EAAlB,EAA2C,EAA3C,CAAtB;EAEA,MAAMC,IAAI,GAAG,IAAAH,kBAAA,EACVI,KAAD,IAAqC;IACnCH,iCAAA,CAAeE,IAAf,CAAoBP,EAApB,EAAwB,MAAMQ,KAA9B;;IACA,OAAO,IAAP;EACD,CAJU,EAKX,CAACR,EAAD,CALW,CAAb;EAQA,MAAMS,IAAI,GAAG,IAAAL,kBAAA,EAAY,MAAM;IAC7BC,iCAAA,CAAeI,IAAf,CAAoBT,EAApB;EACD,CAFY,EAEV,CAACA,EAAD,CAFU,CAAb;EAIA,MAAMU,KAAK,GAAG,IAAAN,kBAAA,EAAY,MAAM;IAC9BC,iCAAA,CAAeK,KAAf,CAAqBV,EAArB;EACD,CAFa,EAEX,CAACA,EAAD,CAFW,CAAd;EAIA,IAAAW,gBAAA,EAAU,MAAM;IACd,OAAO,MAAMN,iCAAA,CAAeO,OAAf,CAAuBZ,EAAvB,CAAb;EACD,CAFD,EAEG,EAFH;EAIA,OAAO;IACLG,aADK;IAELI,IAFK;IAGLE,IAHK;IAILC;EAJK,CAAP;AAMD,CA/BM"}
+{"version":3,"file":"useLazyModalManager.js","sources":["../../../../src/components/atoms/Modal/useLazyModalManager.ts"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { modalLifecycle } from './ModalGroupManager';\nimport { IBaseModal } from './ui/types';\n\n/**\n * Use this hook to tell the modal lifecycle handler that you want to add\n * a new modal component.\n *\n * @returns\n * @param modalId\n */\nexport const useLazyModalManager = (modalId?: string) => {\n  const [id] = useState(modalId ?? uuidv4());\n\n  const requestUpdate = useCallback(() => modalLifecycle.update(), []);\n\n  const sync = useCallback(\n    (modal: ReactElement<IBaseModal>) => {\n      modalLifecycle.sync(id, () => modal);\n      return null;\n    },\n    [id]\n  );\n\n  const show = useCallback(() => {\n    modalLifecycle.show(id);\n  }, [id]);\n\n  const close = useCallback(() => {\n    modalLifecycle.close(id);\n  }, [id]);\n\n  useEffect(() => {\n    return () => modalLifecycle.destroy(id);\n  }, []);\n\n  return {\n    requestUpdate,\n    sync,\n    show,\n    close,\n  };\n};\n"],"names":["useState","uuidv4","useCallback","modalLifecycle","useEffect"],"mappings":";;;;;;;;AAYa,MAAA,mBAAA,GAAsB,CAAC,OAAqB,KAAA;AACvD,EAAA,MAAM,CAAC,EAAE,CAAA,GAAIA,cAAS,CAAA,OAAA,IAAA,IAAA,GAAA,OAAA,GAAWC,SAAQ,CAAA,CAAA;AAEzC,EAAA,MAAM,gBAAgBC,iBAAY,CAAA,MAAMC,iCAAe,MAAO,EAAA,EAAG,EAAE,CAAA,CAAA;AAEnE,EAAA,MAAM,IAAO,GAAAD,iBAAA;AAAA,IACX,CAAC,KAAoC,KAAA;AACnC,MAAeC,gCAAA,CAAA,IAAA,CAAK,EAAI,EAAA,MAAM,KAAK,CAAA,CAAA;AACnC,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAAA,IACA,CAAC,EAAE,CAAA;AAAA,GACL,CAAA;AAEA,EAAM,MAAA,IAAA,GAAOD,kBAAY,MAAM;AAC7B,IAAAC,gCAAA,CAAe,KAAK,EAAE,CAAA,CAAA;AAAA,GACxB,EAAG,CAAC,EAAE,CAAC,CAAA,CAAA;AAEP,EAAM,MAAA,KAAA,GAAQD,kBAAY,MAAM;AAC9B,IAAAC,gCAAA,CAAe,MAAM,EAAE,CAAA,CAAA;AAAA,GACzB,EAAG,CAAC,EAAE,CAAC,CAAA,CAAA;AAEP,EAAAC,eAAA,CAAU,MAAM;AACd,IAAO,OAAA,MAAMD,gCAAe,CAAA,OAAA,CAAQ,EAAE,CAAA,CAAA;AAAA,GACxC,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA;AAAA,IACL,aAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/components/atoms/Modal/useModalManager.js

@@ -1,27 +1,22 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.useModalManager = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _react = require("react");
-
-var _uuid = require("uuid");
-
-var _ModalGroupManager = require("./ModalGroupManager");
+var React = require('react');
+var uuid = require('uuid');
+var ModalGroupManager = require('./ModalGroupManager.js');
 
 const useModalManager = (modal, modalId) => {
-  const [id] = (0, _react.useState)(modalId ?? (0, _uuid.v4)());
-
-  _ModalGroupManager.modalLifecycle.sync(id, modal);
-
-  const show = (0, _react.useCallback)(() => {
-    _ModalGroupManager.modalLifecycle.show(id);
+  const [id] = React.useState(modalId != null ? modalId : uuid.v4());
+  ModalGroupManager.modalLifecycle.sync(id, modal);
+  const show = React.useCallback(() => {
+    ModalGroupManager.modalLifecycle.show(id);
   }, [id]);
-  const close = (0, _react.useCallback)(() => {
-    _ModalGroupManager.modalLifecycle.close(id);
+  const close = React.useCallback(() => {
+    ModalGroupManager.modalLifecycle.close(id);
   }, [id]);
-  (0, _react.useEffect)(() => {
-    return () => _ModalGroupManager.modalLifecycle.destroy(id);
+  React.useEffect(() => {
+    return () => ModalGroupManager.modalLifecycle.destroy(id);
   }, []);
   return {
     show,
@@ -30,4 +25,4 @@ const useModalManager = (modal, modalId) => {
 };
 
 exports.useModalManager = useModalManager;
-//# sourceMappingURL=useModalManager.js.map
+//# sourceMappingURL=useModalManager.js.map

package/dist/components/atoms/Modal/useModalManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModalManager.js","names":["useModalManager","modal","modalId","id","useState","uuidv4","modalLifecycle","sync","show","useCallback","close","useEffect","destroy"],"sources":["../../../../src/components/atoms/Modal/useModalManager.ts"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { modalLifecycle } from './ModalGroupManager';\nimport { IBaseModal } from './ui/types';\n\n/**\n * Use this hook to tell the modal lifecycle handler that you want to add\n * a new modal component.\n *\n * @param id\n * @param modal\n * @returns\n */\nexport const useModalManager = (\n  modal: () => ReactElement<IBaseModal>,\n  modalId?: string\n) => {\n  const [id] = useState(modalId ?? uuidv4());\n  modalLifecycle.sync(id, modal);\n\n  const show = useCallback(() => {\n    modalLifecycle.show(id);\n  }, [id]);\n\n  const close = useCallback(() => {\n    modalLifecycle.close(id);\n  }, [id]);\n\n  useEffect(() => {\n    return () => modalLifecycle.destroy(id);\n  }, []);\n\n  return {\n    show,\n    close,\n  };\n};\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAWO,MAAMA,eAAe,GAAG,CAC7BC,KAD6B,EAE7BC,OAF6B,KAG1B;EACH,MAAM,CAACC,EAAD,IAAO,IAAAC,eAAA,EAASF,OAAO,IAAI,IAAAG,QAAA,GAApB,CAAb;;EACAC,iCAAA,CAAeC,IAAf,CAAoBJ,EAApB,EAAwBF,KAAxB;;EAEA,MAAMO,IAAI,GAAG,IAAAC,kBAAA,EAAY,MAAM;IAC7BH,iCAAA,CAAeE,IAAf,CAAoBL,EAApB;EACD,CAFY,EAEV,CAACA,EAAD,CAFU,CAAb;EAIA,MAAMO,KAAK,GAAG,IAAAD,kBAAA,EAAY,MAAM;IAC9BH,iCAAA,CAAeI,KAAf,CAAqBP,EAArB;EACD,CAFa,EAEX,CAACA,EAAD,CAFW,CAAd;EAIA,IAAAQ,gBAAA,EAAU,MAAM;IACd,OAAO,MAAML,iCAAA,CAAeM,OAAf,CAAuBT,EAAvB,CAAb;EACD,CAFD,EAEG,EAFH;EAIA,OAAO;IACLK,IADK;IAELE;EAFK,CAAP;AAID,CAvBM"}
+{"version":3,"file":"useModalManager.js","sources":["../../../../src/components/atoms/Modal/useModalManager.ts"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { modalLifecycle } from './ModalGroupManager';\nimport { IBaseModal } from './ui/types';\n\n/**\n * Use this hook to tell the modal lifecycle handler that you want to add\n * a new modal component.\n *\n * @param id\n * @param modal\n * @returns\n */\nexport const useModalManager = (\n  modal: () => ReactElement<IBaseModal>,\n  modalId?: string\n) => {\n  const [id] = useState(modalId ?? uuidv4());\n  modalLifecycle.sync(id, modal);\n\n  const show = useCallback(() => {\n    modalLifecycle.show(id);\n  }, [id]);\n\n  const close = useCallback(() => {\n    modalLifecycle.close(id);\n  }, [id]);\n\n  useEffect(() => {\n    return () => modalLifecycle.destroy(id);\n  }, []);\n\n  return {\n    show,\n    close,\n  };\n};\n"],"names":["useState","uuidv4","modalLifecycle","useCallback","useEffect"],"mappings":";;;;;;;;AAaa,MAAA,eAAA,GAAkB,CAC7B,KAAA,EACA,OACG,KAAA;AACH,EAAA,MAAM,CAAC,EAAE,CAAA,GAAIA,cAAS,CAAA,OAAA,IAAA,IAAA,GAAA,OAAA,GAAWC,SAAQ,CAAA,CAAA;AACzC,EAAeC,gCAAA,CAAA,IAAA,CAAK,IAAI,KAAK,CAAA,CAAA;AAE7B,EAAM,MAAA,IAAA,GAAOC,kBAAY,MAAM;AAC7B,IAAAD,gCAAA,CAAe,KAAK,EAAE,CAAA,CAAA;AAAA,GACxB,EAAG,CAAC,EAAE,CAAC,CAAA,CAAA;AAEP,EAAM,MAAA,KAAA,GAAQC,kBAAY,MAAM;AAC9B,IAAAD,gCAAA,CAAe,MAAM,EAAE,CAAA,CAAA;AAAA,GACzB,EAAG,CAAC,EAAE,CAAC,CAAA,CAAA;AAEP,EAAAE,eAAA,CAAU,MAAM;AACd,IAAO,OAAA,MAAMF,gCAAe,CAAA,OAAA,CAAQ,EAAE,CAAA,CAAA;AAAA,GACxC,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/components/atoms/Modal/useModalRemoteControl.js

@@ -1,18 +1,16 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.useModalRemoteControl = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _react = require("react");
+var React = require('react');
+var ModalGroupManager = require('./ModalGroupManager.js');
 
-var _ModalGroupManager = require("./ModalGroupManager");
-
-const useModalRemoteControl = modalId => {
-  const show = (0, _react.useCallback)(() => {
-    _ModalGroupManager.modalLifecycle.show(modalId);
+const useModalRemoteControl = (modalId) => {
+  const show = React.useCallback(() => {
+    ModalGroupManager.modalLifecycle.show(modalId);
   }, [modalId]);
-  const close = (0, _react.useCallback)(() => {
-    _ModalGroupManager.modalLifecycle.close(modalId);
+  const close = React.useCallback(() => {
+    ModalGroupManager.modalLifecycle.close(modalId);
   }, [modalId]);
   return {
     show,
@@ -21,4 +19,4 @@ const useModalRemoteControl = modalId => {
 };
 
 exports.useModalRemoteControl = useModalRemoteControl;
-//# sourceMappingURL=useModalRemoteControl.js.map
+//# sourceMappingURL=useModalRemoteControl.js.map

package/dist/components/atoms/Modal/useModalRemoteControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModalRemoteControl.js","names":["useModalRemoteControl","modalId","show","useCallback","modalLifecycle","close"],"sources":["../../../../src/components/atoms/Modal/useModalRemoteControl.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { modalLifecycle } from './ModalGroupManager';\n\n/**\n * Use it to control a specific modal wherever it's.\n * Just provide an id of a specific instance.\n *\n * @param modalId\n * @returns\n */\nexport const useModalRemoteControl = (modalId: string) => {\n  const show = useCallback(() => {\n    modalLifecycle.show(modalId);\n  }, [modalId]);\n\n  const close = useCallback(() => {\n    modalLifecycle.close(modalId);\n  }, [modalId]);\n\n  return {\n    show,\n    close,\n  };\n};\n"],"mappings":";;;;;AAAA;;AACA;;AASO,MAAMA,qBAAqB,GAAIC,OAAD,IAAqB;EACxD,MAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAY,MAAM;IAC7BC,iCAAA,CAAeF,IAAf,CAAoBD,OAApB;EACD,CAFY,EAEV,CAACA,OAAD,CAFU,CAAb;EAIA,MAAMI,KAAK,GAAG,IAAAF,kBAAA,EAAY,MAAM;IAC9BC,iCAAA,CAAeC,KAAf,CAAqBJ,OAArB;EACD,CAFa,EAEX,CAACA,OAAD,CAFW,CAAd;EAIA,OAAO;IACLC,IADK;IAELG;EAFK,CAAP;AAID,CAbM"}
+{"version":3,"file":"useModalRemoteControl.js","sources":["../../../../src/components/atoms/Modal/useModalRemoteControl.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { modalLifecycle } from './ModalGroupManager';\n\n/**\n * Use it to control a specific modal wherever it's.\n * Just provide an id of a specific instance.\n *\n * @param modalId\n * @returns\n */\nexport const useModalRemoteControl = (modalId: string) => {\n  const show = useCallback(() => {\n    modalLifecycle.show(modalId);\n  }, [modalId]);\n\n  const close = useCallback(() => {\n    modalLifecycle.close(modalId);\n  }, [modalId]);\n\n  return {\n    show,\n    close,\n  };\n};\n"],"names":["useCallback","modalLifecycle"],"mappings":";;;;;;;AAUa,MAAA,qBAAA,GAAwB,CAAC,OAAoB,KAAA;AACxD,EAAM,MAAA,IAAA,GAAOA,kBAAY,MAAM;AAC7B,IAAAC,gCAAA,CAAe,KAAK,OAAO,CAAA,CAAA;AAAA,GAC7B,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAM,MAAA,KAAA,GAAQD,kBAAY,MAAM;AAC9B,IAAAC,gCAAA,CAAe,MAAM,OAAO,CAAA,CAAA;AAAA,GAC9B,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/components/atoms/Skeleton/Pulse.js

@@ -1,17 +1,14 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.Pulse = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _reactNative = require("react-native");
+var reactNative = require('react-native');
+var React = require('react');
+var animation = require('./animation.js');
 
-var _react = _interopRequireWildcard(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _animation = require("./animation");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const Pulse = ({
   active = true,
@@ -19,24 +16,25 @@ const Pulse = ({
   height,
   childrenLayout
 }) => {
-  const animatedValue = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  (0, _react.useEffect)(() => {
-    (0, _animation.pulseAnimation)(active, animatedValue);
+  var _a, _b;
+  const animatedValue = React.useRef(new reactNative.Animated.Value(0)).current;
+  React.useEffect(() => {
+    animation.pulseAnimation(active, animatedValue);
   }, [active]);
-  return _react.default.createElement(_reactNative.Animated.View, {
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.Animated.View, {
     style: {
-      width: width ?? childrenLayout.width,
-      height: height ?? childrenLayout.height,
-      backgroundColor: 'rgba(0,0,0,0.05)',
-      position: 'absolute',
-      top: childrenLayout.x ?? 0,
-      left: childrenLayout.y ?? 0,
+      width: width != null ? width : childrenLayout.width,
+      height: height != null ? height : childrenLayout.height,
+      backgroundColor: "rgba(0,0,0,0.05)",
+      position: "absolute",
+      top: (_a = childrenLayout.x) != null ? _a : 0,
+      left: (_b = childrenLayout.y) != null ? _b : 0,
       zIndex: 2,
-      overflow: 'hidden',
+      overflow: "hidden",
       opacity: animatedValue
     }
   });
 };
 
 exports.Pulse = Pulse;
-//# sourceMappingURL=Pulse.js.map
+//# sourceMappingURL=Pulse.js.map

package/dist/components/atoms/Skeleton/Pulse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pulse.js","names":["Pulse","active","width","height","childrenLayout","animatedValue","useRef","Animated","Value","current","useEffect","pulseAnimation","backgroundColor","position","top","x","left","y","zIndex","overflow","opacity"],"sources":["../../../../src/components/atoms/Skeleton/Pulse.tsx"],"sourcesContent":["import { Animated } from 'react-native';\nimport React, { useEffect, useRef } from 'react';\nimport { pulseAnimation } from './animation';\nimport { IAnimationComponent } from './types';\n\nexport const Pulse = ({\n  active = true,\n  width,\n  height,\n  childrenLayout,\n}: IAnimationComponent) => {\n  const animatedValue = useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    pulseAnimation(active, animatedValue);\n  }, [active]);\n\n  return (\n    <Animated.View\n      style={{\n        width: width ?? childrenLayout.width,\n        height: height ?? childrenLayout.height,\n        backgroundColor: 'rgba(0,0,0,0.05)',\n        position: 'absolute',\n        top: childrenLayout.x ?? 0,\n        left: childrenLayout.y ?? 0,\n        zIndex: 2,\n        overflow: 'hidden',\n        opacity: animatedValue,\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAGO,MAAMA,KAAK,GAAG,CAAC;EACpBC,MAAM,GAAG,IADW;EAEpBC,KAFoB;EAGpBC,MAHoB;EAIpBC;AAJoB,CAAD,KAKM;EACzB,MAAMC,aAAa,GAAG,IAAAC,aAAA,EAAO,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAAP,EAA8BC,OAApD;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,IAAAC,yBAAA,EAAeV,MAAf,EAAuBI,aAAvB;EACD,CAFD,EAEG,CAACJ,MAAD,CAFH;EAIA,OACE,6BAAC,qBAAD,CAAU,IAAV;IACE,KAAK,EAAE;MACLC,KAAK,EAAEA,KAAK,IAAIE,cAAc,CAACF,KAD1B;MAELC,MAAM,EAAEA,MAAM,IAAIC,cAAc,CAACD,MAF5B;MAGLS,eAAe,EAAE,kBAHZ;MAILC,QAAQ,EAAE,UAJL;MAKLC,GAAG,EAAEV,cAAc,CAACW,CAAf,IAAoB,CALpB;MAMLC,IAAI,EAAEZ,cAAc,CAACa,CAAf,IAAoB,CANrB;MAOLC,MAAM,EAAE,CAPH;MAQLC,QAAQ,EAAE,QARL;MASLC,OAAO,EAAEf;IATJ;EADT,EADF;AAeD,CA3BM"}
+{"version":3,"file":"Pulse.js","sources":["../../../../src/components/atoms/Skeleton/Pulse.tsx"],"sourcesContent":["import { Animated } from 'react-native';\nimport React, { useEffect, useRef } from 'react';\nimport { pulseAnimation } from './animation';\nimport { IAnimationComponent } from './types';\n\nexport const Pulse = ({\n  active = true,\n  width,\n  height,\n  childrenLayout,\n}: IAnimationComponent) => {\n  const animatedValue = useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    pulseAnimation(active, animatedValue);\n  }, [active]);\n\n  return (\n    <Animated.View\n      style={{\n        width: width ?? childrenLayout.width,\n        height: height ?? childrenLayout.height,\n        backgroundColor: 'rgba(0,0,0,0.05)',\n        position: 'absolute',\n        top: childrenLayout.x ?? 0,\n        left: childrenLayout.y ?? 0,\n        zIndex: 2,\n        overflow: 'hidden',\n        opacity: animatedValue,\n      }}\n    />\n  );\n};\n"],"names":["useRef","Animated","useEffect","pulseAnimation","React"],"mappings":";;;;;;;;;;;;AAKO,MAAM,QAAQ,CAAC;AAAA,EACpB,MAAS,GAAA,IAAA;AAAA,EACT,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2B,KAAA;AAV3B,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAWE,EAAA,MAAM,gBAAgBA,YAAO,CAAA,IAAIC,qBAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,OAAA,CAAA;AAEpD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAAC,wBAAA,CAAe,QAAQ,aAAa,CAAA,CAAA;AAAA,GACtC,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EACE,uBAAAC,yBAAA,CAAA,aAAA,CAACH,qBAAS,IAAT,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,KAAA,EAAO,wBAAS,cAAe,CAAA,KAAA;AAAA,MAC/B,MAAA,EAAQ,0BAAU,cAAe,CAAA,MAAA;AAAA,MACjC,eAAiB,EAAA,kBAAA;AAAA,MACjB,QAAU,EAAA,UAAA;AAAA,MACV,GAAA,EAAA,CAAK,EAAe,GAAA,cAAA,CAAA,CAAA,KAAf,IAAoB,GAAA,EAAA,GAAA,CAAA;AAAA,MACzB,IAAA,EAAA,CAAM,EAAe,GAAA,cAAA,CAAA,CAAA,KAAf,IAAoB,GAAA,EAAA,GAAA,CAAA;AAAA,MAC1B,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,QAAA;AAAA,MACV,OAAS,EAAA,aAAA;AAAA,KACX;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Skeleton/Skeleton.js

@@ -1,71 +1,93 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = void 0;
+var React = require('react');
+var reactNative = require('react-native');
+var styled = require('./styled.js');
+var Wave = require('./Wave.js');
+var Pulse = require('./Pulse.js');
 
-var _react = _interopRequireWildcard(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactNative = require("react-native");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _styled = require("./styled");
-
-var _Wave = require("./Wave");
-
-var _Pulse = require("./Pulse");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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); }
-
-const Skeleton = ({
-  children,
-  width,
-  height,
-  radius,
-  active = true,
-  animation = 'wave',
-  ...rest
-}) => {
-  const [childrenLayout, setChildrenLayout] = (0, _react.useState)({
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Skeleton = (_a) => {
+  var _b = _a, {
+    children,
+    width,
+    height,
+    radius,
+    active = true,
+    animation = "wave"
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "width",
+    "height",
+    "radius",
+    "active",
+    "animation"
+  ]);
+  const [childrenLayout, setChildrenLayout] = React.useState({
     width: 0,
     height: 0,
     y: 0,
     x: 0
   });
-
   if (!width && !height && !children) {
-    throw new Error('[Skeleton] You should provide children or specify width and height');
+    throw new Error(
+      "[Skeleton] You should provide children or specify width and height"
+    );
   }
-
-  const getChildrenLayout = event => {
+  const getChildrenLayout = (event) => {
     setChildrenLayout(event.nativeEvent.layout);
   };
-
-  return _react.default.createElement(_styled.Wrapper, _extends({
-    width: width,
-    height: height,
-    radius: radius
-  }, rest), active && animation === 'wave' ? _react.default.createElement(_Wave.Wave, {
-    active: active,
-    width: width,
-    height: height,
-    childrenLayout: childrenLayout
-  }) : _react.default.createElement(_react.default.Fragment, null), active && animation === 'pulse' ? _react.default.createElement(_Pulse.Pulse, {
-    active: active,
-    width: width,
-    height: height,
-    childrenLayout: childrenLayout
-  }) : _react.default.createElement(_react.default.Fragment, null), _react.default.createElement(_reactNative.View, {
-    onLayout: event => getChildrenLayout(event),
-    style: {
-      opacity: active ? 0 : 1
-    },
-    pointerEvents: active ? 'none' : 'auto'
+  return /* @__PURE__ */ React__default["default"].createElement(styled.Wrapper, __spreadValues({
+    width,
+    height,
+    radius
+  }, rest), active && animation === "wave" ? /* @__PURE__ */ React__default["default"].createElement(Wave.Wave, {
+    active,
+    width,
+    height,
+    childrenLayout
+  }) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null), active && animation === "pulse" ? /* @__PURE__ */ React__default["default"].createElement(Pulse.Pulse, {
+    active,
+    width,
+    height,
+    childrenLayout
+  }) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, {
+    onLayout: (event) => getChildrenLayout(event),
+    style: { opacity: active ? 0 : 1 },
+    pointerEvents: active ? "none" : "auto"
   }, children));
 };
 
-var _default = Skeleton;
-exports.default = _default;
-//# sourceMappingURL=Skeleton.js.map
+module.exports = Skeleton;
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/atoms/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["Skeleton","children","width","height","radius","active","animation","rest","childrenLayout","setChildrenLayout","useState","y","x","Error","getChildrenLayout","event","nativeEvent","layout","opacity"],"sources":["../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { LayoutChangeEvent, View, ViewProps } from 'react-native';\nimport { Wrapper } from './styled';\nimport { Wave } from './Wave';\nimport { Pulse } from './Pulse';\nimport { ChildrenLayout } from './types';\n\nexport interface SkeletonProps extends ViewProps {\n  width?: number;\n  height?: number;\n  radius?: BorderRadiusType;\n  active?: boolean;\n  animation?: 'wave' | 'pulse';\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  children,\n  width,\n  height,\n  radius,\n  active = true,\n  animation = 'wave',\n  ...rest\n}) => {\n  const [childrenLayout, setChildrenLayout] = useState<ChildrenLayout>({\n    width: 0,\n    height: 0,\n    y: 0,\n    x: 0,\n  });\n\n  if (!width && !height && !children) {\n    throw new Error(\n      '[Skeleton] You should provide children or specify width and height'\n    );\n  }\n\n  const getChildrenLayout = (event: LayoutChangeEvent) => {\n    setChildrenLayout(event.nativeEvent.layout);\n  };\n\n  return (\n    <Wrapper width={width} height={height} radius={radius} {...rest}>\n      {active && animation === 'wave' ? (\n        <Wave\n          active={active}\n          width={width}\n          height={height}\n          childrenLayout={childrenLayout}\n        />\n      ) : (\n        <></>\n      )}\n\n      {active && animation === 'pulse' ? (\n        <Pulse\n          active={active}\n          width={width}\n          height={height}\n          childrenLayout={childrenLayout}\n        />\n      ) : (\n        <></>\n      )}\n      <View\n        onLayout={event => getChildrenLayout(event)}\n        style={{ opacity: active ? 0 : 1 }}\n        pointerEvents={active ? 'none' : 'auto'}\n      >\n        {children}\n      </View>\n    </Wrapper>\n  );\n};\n\nexport default Skeleton;\n"],"mappings":";;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAWA,MAAMA,QAAiC,GAAG,CAAC;EACzCC,QADyC;EAEzCC,KAFyC;EAGzCC,MAHyC;EAIzCC,MAJyC;EAKzCC,MAAM,GAAG,IALgC;EAMzCC,SAAS,GAAG,MAN6B;EAOzC,GAAGC;AAPsC,CAAD,KAQpC;EACJ,MAAM,CAACC,cAAD,EAAiBC,iBAAjB,IAAsC,IAAAC,eAAA,EAAyB;IACnER,KAAK,EAAE,CAD4D;IAEnEC,MAAM,EAAE,CAF2D;IAGnEQ,CAAC,EAAE,CAHgE;IAInEC,CAAC,EAAE;EAJgE,CAAzB,CAA5C;;EAOA,IAAI,CAACV,KAAD,IAAU,CAACC,MAAX,IAAqB,CAACF,QAA1B,EAAoC;IAClC,MAAM,IAAIY,KAAJ,CACJ,oEADI,CAAN;EAGD;;EAED,MAAMC,iBAAiB,GAAIC,KAAD,IAA8B;IACtDN,iBAAiB,CAACM,KAAK,CAACC,WAAN,CAAkBC,MAAnB,CAAjB;EACD,CAFD;;EAIA,OACE,6BAAC,eAAD;IAAS,KAAK,EAAEf,KAAhB;IAAuB,MAAM,EAAEC,MAA/B;IAAuC,MAAM,EAAEC;EAA/C,GAA2DG,IAA3D,GACGF,MAAM,IAAIC,SAAS,KAAK,MAAxB,GACC,6BAAC,UAAD;IACE,MAAM,EAAED,MADV;IAEE,KAAK,EAAEH,KAFT;IAGE,MAAM,EAAEC,MAHV;IAIE,cAAc,EAAEK;EAJlB,EADD,GAQC,2DATJ,EAYGH,MAAM,IAAIC,SAAS,KAAK,OAAxB,GACC,6BAAC,YAAD;IACE,MAAM,EAAED,MADV;IAEE,KAAK,EAAEH,KAFT;IAGE,MAAM,EAAEC,MAHV;IAIE,cAAc,EAAEK;EAJlB,EADD,GAQC,2DApBJ,EAsBE,6BAAC,iBAAD;IACE,QAAQ,EAAEO,KAAK,IAAID,iBAAiB,CAACC,KAAD,CADtC;IAEE,KAAK,EAAE;MAAEG,OAAO,EAAEb,MAAM,GAAG,CAAH,GAAO;IAAxB,CAFT;IAGE,aAAa,EAAEA,MAAM,GAAG,MAAH,GAAY;EAHnC,GAKGJ,QALH,CAtBF,CADF;AAgCD,CA1DD;;eA4DeD,Q"}
+{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { LayoutChangeEvent, View, ViewProps } from 'react-native';\nimport { Wrapper } from './styled';\nimport { Wave } from './Wave';\nimport { Pulse } from './Pulse';\nimport { ChildrenLayout } from './types';\n\nexport interface SkeletonProps extends ViewProps {\n  width?: number;\n  height?: number;\n  radius?: BorderRadiusType;\n  active?: boolean;\n  animation?: 'wave' | 'pulse';\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  children,\n  width,\n  height,\n  radius,\n  active = true,\n  animation = 'wave',\n  ...rest\n}) => {\n  const [childrenLayout, setChildrenLayout] = useState<ChildrenLayout>({\n    width: 0,\n    height: 0,\n    y: 0,\n    x: 0,\n  });\n\n  if (!width && !height && !children) {\n    throw new Error(\n      '[Skeleton] You should provide children or specify width and height'\n    );\n  }\n\n  const getChildrenLayout = (event: LayoutChangeEvent) => {\n    setChildrenLayout(event.nativeEvent.layout);\n  };\n\n  return (\n    <Wrapper width={width} height={height} radius={radius} {...rest}>\n      {active && animation === 'wave' ? (\n        <Wave\n          active={active}\n          width={width}\n          height={height}\n          childrenLayout={childrenLayout}\n        />\n      ) : (\n        <></>\n      )}\n\n      {active && animation === 'pulse' ? (\n        <Pulse\n          active={active}\n          width={width}\n          height={height}\n          childrenLayout={childrenLayout}\n        />\n      ) : (\n        <></>\n      )}\n      <View\n        onLayout={event => getChildrenLayout(event)}\n        style={{ opacity: active ? 0 : 1 }}\n        pointerEvents={active ? 'none' : 'auto'}\n      >\n        {children}\n      </View>\n    </Wrapper>\n  );\n};\n\nexport default Skeleton;\n"],"names":["useState","React","Wrapper","Wave","Pulse","View"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBM,MAAA,QAAA,GAAoC,CAAC,EAQrC,KAAA;AARqC,EACzC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAS,GAAA,IAAA;AAAA,IACT,SAAY,GAAA,MAAA;AAAA,GAtBd,GAgB2C,EAOtC,EAAA,IAAA,GAAA,SAAA,CAPsC,EAOtC,EAAA;AAAA,IANH,UAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIA,cAAyB,CAAA;AAAA,IACnE,KAAO,EAAA,CAAA;AAAA,IACP,MAAQ,EAAA,CAAA;AAAA,IACR,CAAG,EAAA,CAAA;AAAA,IACH,CAAG,EAAA,CAAA;AAAA,GACJ,CAAA,CAAA;AAED,EAAA,IAAI,CAAC,KAAA,IAAS,CAAC,MAAA,IAAU,CAAC,QAAU,EAAA;AAClC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,oEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,KAA6B,KAAA;AACtD,IAAkB,iBAAA,CAAA,KAAA,CAAM,YAAY,MAAM,CAAA,CAAA;AAAA,GAC5C,CAAA;AAEA,EAAA,uBACGC,yBAAA,CAAA,aAAA,CAAAC,cAAA,EAAA,cAAA,CAAA;AAAA,IAAQ,KAAA;AAAA,IAAc,MAAA;AAAA,IAAgB,MAAA;AAAA,GAAA,EAAoB,IACxD,CAAA,EAAA,MAAA,IAAU,SAAc,KAAA,MAAA,mBACtBD,yBAAA,CAAA,aAAA,CAAAE,SAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA;AAAA,GACF,oBAEEF,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,CAAA,EAGH,MAAU,IAAA,SAAA,KAAc,0BACtBA,yBAAA,CAAA,aAAA,CAAAG,WAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA,mBAEEH,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEHA,yBAAA,CAAA,aAAA,CAAAI,gBAAA,EAAA;AAAA,IACC,QAAA,EAAU,CAAS,KAAA,KAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,IAC1C,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,GAAS,IAAI,CAAE,EAAA;AAAA,IACjC,aAAA,EAAe,SAAS,MAAS,GAAA,MAAA;AAAA,GAAA,EAEhC,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}