@tecsinapse/react-native-kit 1.16.1 → 1.16.2

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Input/Input.tsx"],"names":["Input","React","forwardRef","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","rest","ref","_hint","Text","focused","handleBlur","handleFocus","displayName"],"mappings":";;;;;;;AAAA;;AAQA;;AACA;;AACA;;AACA;;;;;;AASA,MAAMA,KAA2B,GAAGC,eAAMC,UAAN,CAClC,CACE;AACEC,EAAAA,KADF;AAEEC,EAAAA,UAFF;AAGEC,EAAAA,iBAHF;AAIEC,EAAAA,cAJF;AAKEC,EAAAA,eALF;AAMEC,EAAAA,UANF;AAOEC,EAAAA,WAPF;AAQEC,EAAAA,aARF;AASEC,EAAAA,cATF;AAUEC,EAAAA,QAVF;AAWEC,EAAAA,KAXF;AAYEC,EAAAA,WAZF;AAaEC,EAAAA,oBAbF;AAcEC,EAAAA,cAAc,GAAG,SAdnB;AAeEC,EAAAA,eAAe,GAAG,MAfpB;AAgBEC,EAAAA,mBAhBF;AAiBEC,EAAAA,OAAO,GAAG,SAjBZ;AAkBEC,EAAAA,aAlBF;AAmBEC,EAAAA,IAnBF;AAoBEC,EAAAA,OApBF;AAqBEC,EAAAA,MArBF;AAsBE,KAAGC;AAtBL,CADF,EAyBEC,GAzBF,KA0BK;AACH,QAAMC,KAAK,GAAGN,aAAa,IACzB,6BAAC,eAAD;AAAM,IAAA,aAAa,EAAEO,UAArB;AAA2B,IAAA,IAAI,EAAEN,IAAjC;AAAuC,IAAA,OAAO,EAAEF;AAAhD,IADF;;AAGA,QAAM;AAAES,IAAAA,OAAF;AAAWC,IAAAA,UAAX;AAAuBC,IAAAA;AAAvB,MAAuC,8BAC3CR,OAD2C,EAE3CC,MAF2C,EAG3C,CAACX,QAH0C,CAA7C;AAMA,SACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC;AAAb,KACE,6BAAC,4BAAD;AACE,IAAA,KAAK,EAAEV,KADT;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,iBAAiB,EAAEC,iBAHrB;AAIE,IAAA,cAAc,EAAEC,cAJlB;AAKE,IAAA,eAAe,EAAEC,eALnB;AAME,IAAA,UAAU,EAAEC,UANd;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,IAAA,cAAc,EAAEkB,UARlB;AASE,IAAA,aAAa,EAAEjB,aATjB;AAUE,IAAA,cAAc,EAAEC,cAVlB;AAWE,IAAA,WAAW,EAAEG,WAXf;AAYE,IAAA,oBAAoB,EAAEC,oBAZxB;AAaE,IAAA,mBAAmB,EAAEG,mBAbvB;AAcE,IAAA,OAAO,EAAEU,OAdX;AAeE,IAAA,QAAQ,EAAEhB,QAfZ;AAgBE,IAAA,OAAO,EAAEO;AAhBX,KAkBE,6BAAC,yBAAD,eACMK,IADN;AAEE,IAAA,GAAG,EAAEC,GAFP;AAGE,IAAA,SAAS,EAAET,cAHb;AAIE,IAAA,UAAU,EAAEC,eAJd;AAKE,IAAA,QAAQ,EAAEL,QALZ;AAME,IAAA,OAAO,EAAEkB,WANX;AAOE,IAAA,MAAM,EAAED;AAPV,KAlBF,CADF,EA6BGR,IAAI,IAAIK,KA7BX,CADF;AAiCD,CAtEiC,CAApC;;AAyEA1B,KAAK,CAAC+B,WAAN,GAAoB,OAApB;eAEe/B,K","sourcesContent":["import {\n  FontStackType,\n  FontWeightType,\n  Hint,\n  InputContainerProps,\n  InputElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { Text } from '../Text';\nimport { StyledInputContainer, StyledNativeInput } from './styled';\n\nexport interface InputNativeProps\n  extends Omit<InputElementProps, 'style'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n}\n\nconst Input: FC<InputNativeProps> = React.forwardRef(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      style,\n      borderColor,\n      borderColorGradation,\n      inputFontStack = 'default',\n      inputFontWeight = 'bold',\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || (\n      <Hint TextComponent={Text} text={hint} variant={variant} />\n    );\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    return (\n      <View style={style}>\n        <StyledInputContainer\n          label={label}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          LabelComponent={Text}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={inputContainerStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledNativeInput\n            {...rest}\n            ref={ref}\n            fontStack={inputFontStack}\n            fontWeight={inputFontWeight}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </StyledInputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"file":"Input.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Input/Input.tsx"],"names":["Input","React","forwardRef","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","rest","ref","_hint","Text","focused","handleBlur","handleFocus","displayName"],"mappings":";;;;;AAAA;;AAQA;;AACA;;AACA;;AACA;;;;;;AASA,MAAMA,KAA2B,GAAGC,eAAMC,UAAN,CAClC,CACE;AACEC,EAAAA,KADF;AAEEC,EAAAA,UAFF;AAGEC,EAAAA,iBAHF;AAIEC,EAAAA,cAJF;AAKEC,EAAAA,eALF;AAMEC,EAAAA,UANF;AAOEC,EAAAA,WAPF;AAQEC,EAAAA,aARF;AASEC,EAAAA,cATF;AAUEC,EAAAA,QAVF;AAWEC,EAAAA,KAXF;AAYEC,EAAAA,WAZF;AAaEC,EAAAA,oBAbF;AAcEC,EAAAA,cAAc,GAAG,SAdnB;AAeEC,EAAAA,eAAe,GAAG,MAfpB;AAgBEC,EAAAA,mBAhBF;AAiBEC,EAAAA,OAAO,GAAG,SAjBZ;AAkBEC,EAAAA,aAlBF;AAmBEC,EAAAA,IAnBF;AAoBEC,EAAAA,OApBF;AAqBEC,EAAAA,MArBF;AAsBE,KAAGC;AAtBL,CADF,EAyBEC,GAzBF,KA0BK;AACH,QAAMC,KAAK,GAAGN,aAAa,IACzB,6BAAC,eAAD;AAAM,IAAA,aAAa,EAAEO,UAArB;AAA2B,IAAA,IAAI,EAAEN,IAAjC;AAAuC,IAAA,OAAO,EAAEF;AAAhD,IADF;;AAGA,QAAM;AAAES,IAAAA,OAAF;AAAWC,IAAAA,UAAX;AAAuBC,IAAAA;AAAvB,MAAuC,8BAC3CR,OAD2C,EAE3CC,MAF2C,EAG3C,CAACX,QAH0C,CAA7C;AAMA,SACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC;AAAb,KACE,6BAAC,4BAAD;AACE,IAAA,KAAK,EAAEV,KADT;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,iBAAiB,EAAEC,iBAHrB;AAIE,IAAA,cAAc,EAAEC,cAJlB;AAKE,IAAA,eAAe,EAAEC,eALnB;AAME,IAAA,UAAU,EAAEC,UANd;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,IAAA,cAAc,EAAEkB,UARlB;AASE,IAAA,aAAa,EAAEjB,aATjB;AAUE,IAAA,cAAc,EAAEC,cAVlB;AAWE,IAAA,WAAW,EAAEG,WAXf;AAYE,IAAA,oBAAoB,EAAEC,oBAZxB;AAaE,IAAA,mBAAmB,EAAEG,mBAbvB;AAcE,IAAA,OAAO,EAAEU,OAdX;AAeE,IAAA,QAAQ,EAAEhB,QAfZ;AAgBE,IAAA,OAAO,EAAEO;AAhBX,KAkBE,6BAAC,yBAAD,eACMK,IADN;AAEE,IAAA,GAAG,EAAEC,GAFP;AAGE,IAAA,SAAS,EAAET,cAHb;AAIE,IAAA,UAAU,EAAEC,eAJd;AAKE,IAAA,QAAQ,EAAEL,QALZ;AAME,IAAA,OAAO,EAAEkB,WANX;AAOE,IAAA,MAAM,EAAED;AAPV,KAlBF,CADF,EA6BGR,IAAI,IAAIK,KA7BX,CADF;AAiCD,CAtEiC,CAApC;;AAyEA1B,KAAK,CAAC+B,WAAN,GAAoB,OAApB;eAEe/B,K","sourcesContent":["import {\n  FontStackType,\n  FontWeightType,\n  Hint,\n  InputContainerProps,\n  InputElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { Text } from '../Text';\nimport { StyledInputContainer, StyledNativeInput } from './styled';\n\nexport interface InputNativeProps\n  extends Omit<InputElementProps, 'style'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n}\n\nconst Input: FC<InputNativeProps> = React.forwardRef(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      style,\n      borderColor,\n      borderColorGradation,\n      inputFontStack = 'default',\n      inputFontWeight = 'bold',\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || (\n      <Hint TextComponent={Text} text={hint} variant={variant} />\n    );\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    return (\n      <View style={style}>\n        <StyledInputContainer\n          label={label}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          LabelComponent={Text}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={inputContainerStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledNativeInput\n            {...rest}\n            ref={ref}\n            fontStack={inputFontStack}\n            fontWeight={inputFontWeight}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </StyledInputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"file":"Input.js"}

package/dist/components/atoms/Input/index.js

@@ -1,23 +1,13 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function () {
-    return _Input.default;
-  }
-});
-Object.defineProperty(exports, "InputNativeProps", {
-  enumerable: true,
-  get: function () {
-    return _Input.InputNativeProps;
-  }
-});
+exports.__esModule = true;
+exports.InputNativeProps = exports.Input = void 0;
 
 var _Input = _interopRequireWildcard(require("./Input"));
 
+exports.Input = _Input.default;
+exports.InputNativeProps = _Input.InputNativeProps;
+
 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; }

package/dist/components/atoms/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA","sourcesContent":["export { default as Input, InputNativeProps } from './Input';\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Input/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Input, InputNativeProps } from './Input';\n"],"file":"index.js"}

package/dist/components/atoms/Input/styled.js

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.StyledNativeInput = exports.StyledInputContainer = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));

package/dist/components/atoms/Input/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Input/styled.ts"],"names":["StyledInputContainer","InputContainer","StyledNativeInputBase","InputElement","theme","typography","h5","lineHeight","StyledNativeInput","fontStyles"],"mappings":";;;;;;;AAAA;;AACA;;AAMA;;;;AAGO,MAAMA,oBAAoB,GAAG,qBAAOC,yBAAP,CAA4C;AAChF,gBAAgB,2BAAW,MAAX,CAAmB;AACnC,CAFO;;AAIP,MAAMC,qBAAqB,GAAG,qBAAOC,uBAAP,CAE5B;AACF,YAAY,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,UAAN,CAAiBC,EAAjB,CAAoBC,UAAW;AAC1D;AACA;AACA,CANA;AAQO,MAAMC,iBAAiB,GAAG,qBAAON,qBAAP,EAE/BO,kBAF+B,CAA1B","sourcesContent":["import styled from '@emotion/native';\nimport {\n  InputContainer,\n  InputElement,\n  RFValueStr,\n  StyleProps\n} from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputNativeProps } from './Input';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n  min-height: ${RFValueStr('50px')};\n`;\n\nconst StyledNativeInputBase = styled(InputElement)<\n  Partial<InputNativeProps> & Partial<StyleProps>\n>`\n  height: ${({ theme }) => theme.typography.h5.lineHeight};\n  width: 100%;\n  padding: 0;\n`;\n\nexport const StyledNativeInput = styled(StyledNativeInputBase)<\n  Font & Partial<InputNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Input/styled.ts"],"names":["StyledInputContainer","InputContainer","StyledNativeInputBase","InputElement","theme","typography","h5","lineHeight","StyledNativeInput","fontStyles"],"mappings":";;;;;AAAA;;AACA;;AAMA;;;;AAGO,MAAMA,oBAAoB,GAAG,qBAAOC,yBAAP,CAA4C;AAChF,gBAAgB,2BAAW,MAAX,CAAmB;AACnC,CAFO;;AAIP,MAAMC,qBAAqB,GAAG,qBAAOC,uBAAP,CAE5B;AACF,YAAY,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,UAAN,CAAiBC,EAAjB,CAAoBC,UAAW;AAC1D;AACA;AACA,CANA;AAQO,MAAMC,iBAAiB,GAAG,qBAAON,qBAAP,EAE/BO,kBAF+B,CAA1B","sourcesContent":["import styled from '@emotion/native';\nimport {\n  InputContainer,\n  InputElement,\n  RFValueStr,\n  StyleProps\n} from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputNativeProps } from './Input';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n  min-height: ${RFValueStr('50px')};\n`;\n\nconst StyledNativeInputBase = styled(InputElement)<\n  Partial<InputNativeProps> & Partial<StyleProps>\n>`\n  height: ${({ theme }) => theme.typography.h5.lineHeight};\n  width: 100%;\n  padding: 0;\n`;\n\nexport const StyledNativeInput = styled(StyledNativeInputBase)<\n  Font & Partial<InputNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"file":"styled.js"}

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

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.ModalGroupManager = exports.modalLifecycle = void 0;
 
 var _react = _interopRequireWildcard(require("react"));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Modal/ModalGroupManager.tsx"],"names":["modalLifecycle","ModalGroupManager","children","others","attach","_render","render","hasModals","length"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAGO,MAAMA,cAAc,GAAG,yDAAvB;;;AAQA,MAAMC,iBAAiC,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,KAA6B;AAE1EH,EAAAA,cAAc,CAACI,MAAf,CAAsB,qBAAqC,EAArC,CAAtB;;AACA,QAAMC,OAAO,GAAGL,cAAc,CAACM,MAAf,EAAhB;;AACA,QAAMC,SAAS,GAAGF,OAAO,CAACG,MAAR,GAAiB,CAAnC;AAEA,SACI,4DACKN,QADL,EAEI,6BAAC,kBAAD;AAAS,IAAA,WAAW,MAApB;AAAqB,IAAA,oBAAoB,MAAzC;AAA0C,IAAA,aAAa,EAAC,MAAxD;AAA+D,IAAA,OAAO,EAAEK;AAAxE,KAAuFJ,MAAvF,GACKE,OADL,CAFJ,CADJ;AAQH,CAdM","sourcesContent":["import React, { FC, ReactElement, useState } from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { createModalLifecycleHandler } from './ModalLifecycleHandler';\nimport { IBaseModal } from './ui/types';\n\nexport const modalLifecycle = createModalLifecycleHandler()\n\n/**\n * It's responsable for rendering all the modal components.\n * \n * @param param0 \n * @returns \n */\nexport const ModalGroupManager: FC<ModalProps> = ({ children, ...others }) => {\n\n    modalLifecycle.attach(useState<ReactElement<IBaseModal>[]>([]))\n    const _render = modalLifecycle.render()\n    const hasModals = _render.length > 0\n    \n    return (\n        <>\n            {children}\n            <RNModal transparent statusBarTranslucent animationType='none' visible={hasModals} {...others}>\n                {_render}\n            </RNModal>\n        </>\n    )\n}\n"],"file":"ModalGroupManager.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Modal/ModalGroupManager.tsx"],"names":["modalLifecycle","ModalGroupManager","children","others","attach","_render","render","hasModals","length"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;;;AAGO,MAAMA,cAAc,GAAG,yDAAvB;;;AAQA,MAAMC,iBAAiC,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,KAA6B;AAE1EH,EAAAA,cAAc,CAACI,MAAf,CAAsB,qBAAqC,EAArC,CAAtB;;AACA,QAAMC,OAAO,GAAGL,cAAc,CAACM,MAAf,EAAhB;;AACA,QAAMC,SAAS,GAAGF,OAAO,CAACG,MAAR,GAAiB,CAAnC;AAEA,SACI,4DACKN,QADL,EAEI,6BAAC,kBAAD;AAAS,IAAA,WAAW,MAApB;AAAqB,IAAA,oBAAoB,MAAzC;AAA0C,IAAA,aAAa,EAAC,MAAxD;AAA+D,IAAA,OAAO,EAAEK;AAAxE,KAAuFJ,MAAvF,GACKE,OADL,CAFJ,CADJ;AAQH,CAdM","sourcesContent":["import React, { FC, ReactElement, useState } from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { createModalLifecycleHandler } from './ModalLifecycleHandler';\nimport { IBaseModal } from './ui/types';\n\nexport const modalLifecycle = createModalLifecycleHandler()\n\n/**\n * It's responsable for rendering all the modal components.\n * \n * @param param0 \n * @returns \n */\nexport const ModalGroupManager: FC<ModalProps> = ({ children, ...others }) => {\n\n    modalLifecycle.attach(useState<ReactElement<IBaseModal>[]>([]))\n    const _render = modalLifecycle.render()\n    const hasModals = _render.length > 0\n    \n    return (\n        <>\n            {children}\n            <RNModal transparent statusBarTranslucent animationType='none' visible={hasModals} {...others}>\n                {_render}\n            </RNModal>\n        </>\n    )\n}\n"],"file":"ModalGroupManager.js"}

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

@@ -1,28 +1,24 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.createModalLifecycleHandler = exports.ModalLifecycleHandler = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 class ModalLifecycleHandler {
   constructor() {
-    _defineProperty(this, "attach", state => {
+    this.attach = state => {
       this.state = state;
-    });
+    };
 
-    _defineProperty(this, "update", () => {
+    this.update = () => {
       requestAnimationFrame(() => {
         const nodes = Array.from(this.nodeGroup.values()).filter(node => node.visible || !!node.lastVisualization).sort((nodeA, nodeB) => {
           var _nodeA$lastVisualizat, _nodeB$lastVisualizat;
 
-          return (((_nodeA$lastVisualizat = nodeA.lastVisualization) === null || _nodeA$lastVisualizat === void 0 ? void 0 : _nodeA$lastVisualizat.getTime()) || 0) - (((_nodeB$lastVisualizat = nodeB.lastVisualization) === null || _nodeB$lastVisualizat === void 0 ? void 0 : _nodeB$lastVisualizat.getTime()) || 0);
+          return (((_nodeA$lastVisualizat = nodeA.lastVisualization) == null ? void 0 : _nodeA$lastVisualizat.getTime()) || 0) - (((_nodeB$lastVisualizat = nodeB.lastVisualization) == null ? void 0 : _nodeB$lastVisualizat.getTime()) || 0);
         }).map((node, index, filteredNodes) => {
           let modalElement = node.modal();
           let {
@@ -34,24 +30,22 @@ class ModalLifecycleHandler {
             isLastShown: filteredNodes.length - 1 === index,
             close: () => this.close(node.id),
             onClose: () => {
-              var _props$onClose;
-
               this.remove(node.id);
-              (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
+              props.onClose == null ? void 0 : props.onClose();
             }
           });
         });
         const [, updateState] = this.state || [];
-        updateState === null || updateState === void 0 ? void 0 : updateState(nodes);
+        updateState == null ? void 0 : updateState(nodes);
       });
-    });
+    };
 
-    _defineProperty(this, "render", () => {
+    this.render = () => {
       const [modals] = this.state || [];
       return modals || [];
-    });
+    };
 
-    _defineProperty(this, "sync", (id, modal) => {
+    this.sync = (id, modal) => {
       if (this.nodeGroup.has(id)) {
         const savedNode = this.nodeGroup.get(id);
         savedNode && this.nodeGroup.set(id, { ...savedNode,
@@ -64,37 +58,37 @@ class ModalLifecycleHandler {
         id,
         modal
       });
-    });
+    };
 
-    _defineProperty(this, "destroy", id => {
+    this.destroy = id => {
       this.nodeGroup.delete(id);
       this.update();
-    });
+    };
 
-    _defineProperty(this, "remove", id => {
+    this.remove = id => {
       const savedNode = this.nodeGroup.get(id);
       savedNode && this.nodeGroup.set(id, { ...savedNode,
         lastVisualization: undefined
       });
       this.update();
-    });
+    };
 
-    _defineProperty(this, "show", id => {
+    this.show = id => {
       const savedNode = this.nodeGroup.get(id);
       savedNode && this.nodeGroup.set(id, { ...savedNode,
         visible: true,
         lastVisualization: new Date()
       });
       this.update();
-    });
+    };
 
-    _defineProperty(this, "close", id => {
+    this.close = id => {
       const savedNode = this.nodeGroup.get(id);
       savedNode && this.nodeGroup.set(id, { ...savedNode,
         visible: false
       });
       this.update();
-    });
+    };
 
     this.nodeGroup = new Map();
     this.state = undefined;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Modal/ModalLifecycleHandler.ts"],"names":["ModalLifecycleHandler","constructor","state","requestAnimationFrame","nodes","Array","from","nodeGroup","values","filter","node","visible","lastVisualization","sort","nodeA","nodeB","getTime","map","index","filteredNodes","modalElement","modal","props","React","cloneElement","key","id","isLastShown","length","close","onClose","remove","updateState","modals","has","savedNode","get","set","delete","update","undefined","Date","Map","createModalLifecycleHandler"],"mappings":"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","sourcesContent":["import React, { Dispatch, ReactElement } from \"react\"\nimport { IBaseModal } from \"./ui/types\"\n\n/**\n * It Represents a node (usually a modal component) in the modal's lifecycle handler.\n */\ninterface ModalNode {\n    id: string\n    visible?: boolean\n    lastVisualization?: Date\n    modal: () => ReactElement<IBaseModal>\n}\n\n/**\n * Manage all modal's lifecycle.\n */\nexport class ModalLifecycleHandler {\n    \n    nodeGroup: Map<string, ModalNode>\n    state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>] | undefined\n\n    constructor() {\n        this.nodeGroup = new Map()\n        this.state = undefined\n    }\n\n    /**\n     * Holds the ModalGroupManager state.\n     * \n     * @param state \n     */\n    public attach = (state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]) => {\n        this.state = state\n    }\n\n    /**\n     * Updates all the modal components.\n     */\n    public update = () => {\n        requestAnimationFrame(() => {\n            const nodes = Array.from(this.nodeGroup.values())\n                .filter(node => node.visible || !!node.lastVisualization)\n                .sort((nodeA, nodeB) => (nodeA.lastVisualization?.getTime() || 0) - (nodeB.lastVisualization?.getTime() || 0))\n                .map((node, index, filteredNodes) => {\n                    let modalElement = node.modal()\n                    let { props } = modalElement\n                    return React.cloneElement(modalElement, {\n                        ...props,\n                        key: node.id,\n                        visible: node.visible,\n                        isLastShown: filteredNodes.length - 1 === index,\n                        close: () => this.close(node.id),\n                        onClose: () => {\n                            this.remove(node.id)\n                            props.onClose?.()\n                        }\n                    })\n                })\n                \n            const [, updateState ] = this.state || []\n            updateState?.(nodes)\n        })\n    }\n\n    /**\n     * Renders all selected modals.\n     * \n     * @returns \n     */\n    public render = (): ReactElement<IBaseModal>[] => {\n        const [ modals ] = this.state || []\n        return modals || []\n    }\n\n    /**\n     * Tells to the lifecycle handler that a modal component needs to be handled.\n     * \n     * @param id \n     * @param modal \n     * @returns \n     */\n    public sync = (id: string, modal: () => ReactElement<IBaseModal>) => {\n        if (this.nodeGroup.has(id)) {\n            const savedNode = this.nodeGroup.get(id)\n            savedNode && this.nodeGroup.set(id, { ...savedNode, modal })\n            return\n        }\n        this.nodeGroup.set(id, { id, modal })\n    }\n\n    /**\n     * Destroy a modal from the lifecycle handler.\n     * \n     * @param id \n     */\n    public destroy = (id: string) => {\n        this.nodeGroup.delete(id)\n        this.update()\n    }\n\n    /**\n     * Removes a modal from the rendering stack. It tells to the lifecycle handler that a modal \n     * component is no longer used by the application.\n     * \n     * @param id \n     */\n    private remove = (id: string) => {\n        const savedNode = this.nodeGroup.get(id)\n        savedNode && this.nodeGroup.set(id, { ...savedNode, lastVisualization: undefined })\n        this.update()\n    }\n\n    /**\n     * Makes a modal appears.\n     * \n     * @param id \n     */\n    public show = (id: string) => {\n        const savedNode = this.nodeGroup.get(id)\n        savedNode && this.nodeGroup.set(id, { ...savedNode, visible: true, lastVisualization: new Date() })\n        this.update()\n    }\n\n    /**\n     * Makes a modal disappears.\n     * \n     * @param id \n     */\n    public close = (id: string) => {\n        const savedNode = this.nodeGroup.get(id)\n        savedNode && this.nodeGroup.set(id, { ...savedNode, visible: false })\n        this.update()\n    }\n}\n\n/**\n * Creates a new ModalLifecycleHandlere instance.\n * \n * @returns \n */\nexport const createModalLifecycleHandler = () => {\n    return new ModalLifecycleHandler()\n}\n"],"file":"ModalLifecycleHandler.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Modal/ModalLifecycleHandler.ts"],"names":["ModalLifecycleHandler","constructor","attach","state","update","requestAnimationFrame","nodes","Array","from","nodeGroup","values","filter","node","visible","lastVisualization","sort","nodeA","nodeB","getTime","map","index","filteredNodes","modalElement","modal","props","React","cloneElement","key","id","isLastShown","length","close","onClose","remove","updateState","render","modals","sync","has","savedNode","get","set","destroy","delete","undefined","show","Date","Map","createModalLifecycleHandler"],"mappings":"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","sourcesContent":["import React, { Dispatch, ReactElement } from \"react\"\nimport { IBaseModal } from \"./ui/types\"\n\n/**\n * It Represents a node (usually a modal component) in the modal's lifecycle handler.\n */\ninterface ModalNode {\n    id: string\n    visible?: boolean\n    lastVisualization?: Date\n    modal: () => ReactElement<IBaseModal>\n}\n\n/**\n * Manage all modal's lifecycle.\n */\nexport class ModalLifecycleHandler {\n    \n    nodeGroup: Map<string, ModalNode>\n    state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>] | undefined\n\n    constructor() {\n        this.nodeGroup = new Map()\n        this.state = undefined\n    }\n\n    /**\n     * Holds the ModalGroupManager state.\n     * \n     * @param state \n     */\n    public attach = (state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]) => {\n        this.state = state\n    }\n\n    /**\n     * Updates all the modal components.\n     */\n    public update = () => {\n        requestAnimationFrame(() => {\n            const nodes = Array.from(this.nodeGroup.values())\n                .filter(node => node.visible || !!node.lastVisualization)\n                .sort((nodeA, nodeB) => (nodeA.lastVisualization?.getTime() || 0) - (nodeB.lastVisualization?.getTime() || 0))\n                .map((node, index, filteredNodes) => {\n                    let modalElement = node.modal()\n                    let { props } = modalElement\n                    return React.cloneElement(modalElement, {\n                        ...props,\n                        key: node.id,\n                        visible: node.visible,\n                        isLastShown: filteredNodes.length - 1 === index,\n                        close: () => this.close(node.id),\n                        onClose: () => {\n                            this.remove(node.id)\n                            props.onClose?.()\n                        }\n                    })\n                })\n                \n            const [, updateState ] = this.state || []\n            updateState?.(nodes)\n        })\n    }\n\n    /**\n     * Renders all selected modals.\n     * \n     * @returns \n     */\n    public render = (): ReactElement<IBaseModal>[] => {\n        const [ modals ] = this.state || []\n        return modals || []\n    }\n\n    /**\n     * Tells to the lifecycle handler that a modal component needs to be handled.\n     * \n     * @param id \n     * @param modal \n     * @returns \n     */\n    public sync = (id: string, modal: () => ReactElement<IBaseModal>) => {\n        if (this.nodeGroup.has(id)) {\n            const savedNode = this.nodeGroup.get(id)\n            savedNode && this.nodeGroup.set(id, { ...savedNode, modal })\n            return\n        }\n        this.nodeGroup.set(id, { id, modal })\n    }\n\n    /**\n     * Destroy a modal from the lifecycle handler.\n     * \n     * @param id \n     */\n    public destroy = (id: string) => {\n        this.nodeGroup.delete(id)\n        this.update()\n    }\n\n    /**\n     * Removes a modal from the rendering stack. It tells to the lifecycle handler that a modal \n     * component is no longer used by the application.\n     * \n     * @param id \n     */\n    private remove = (id: string) => {\n        const savedNode = this.nodeGroup.get(id)\n        savedNode && this.nodeGroup.set(id, { ...savedNode, lastVisualization: undefined })\n        this.update()\n    }\n\n    /**\n     * Makes a modal appears.\n     * \n     * @param id \n     */\n    public show = (id: string) => {\n        const savedNode = this.nodeGroup.get(id)\n        savedNode && this.nodeGroup.set(id, { ...savedNode, visible: true, lastVisualization: new Date() })\n        this.update()\n    }\n\n    /**\n     * Makes a modal disappears.\n     * \n     * @param id \n     */\n    public close = (id: string) => {\n        const savedNode = this.nodeGroup.get(id)\n        savedNode && this.nodeGroup.set(id, { ...savedNode, visible: false })\n        this.update()\n    }\n}\n\n/**\n * Creates a new ModalLifecycleHandlere instance.\n * \n * @returns \n */\nexport const createModalLifecycleHandler = () => {\n    return new ModalLifecycleHandler()\n}\n"],"file":"ModalLifecycleHandler.js"}

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

@@ -1,20 +1,13 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 
 var _ModalGroupManager = require("./ModalGroupManager");
 
 Object.keys(_ModalGroupManager).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ModalGroupManager[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ModalGroupManager[key];
-    }
-  });
+  exports[key] = _ModalGroupManager[key];
 });
 
 var _ModalLifecycleHandler = require("./ModalLifecycleHandler");
@@ -22,12 +15,7 @@ var _ModalLifecycleHandler = require("./ModalLifecycleHandler");
 Object.keys(_ModalLifecycleHandler).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ModalLifecycleHandler[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ModalLifecycleHandler[key];
-    }
-  });
+  exports[key] = _ModalLifecycleHandler[key];
 });
 
 var _BaseModalView = require("./ui/BaseModalView");
@@ -35,12 +23,7 @@ var _BaseModalView = require("./ui/BaseModalView");
 Object.keys(_BaseModalView).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _BaseModalView[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _BaseModalView[key];
-    }
-  });
+  exports[key] = _BaseModalView[key];
 });
 
 var _types = require("./ui/types");
@@ -48,12 +31,7 @@ var _types = require("./ui/types");
 Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
+  exports[key] = _types[key];
 });
 
 var _useModalManager = require("./useModalManager");
@@ -61,12 +39,7 @@ var _useModalManager = require("./useModalManager");
 Object.keys(_useModalManager).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _useModalManager[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useModalManager[key];
-    }
-  });
+  exports[key] = _useModalManager[key];
 });
 
 var _useLazyModalManager = require("./useLazyModalManager");
@@ -74,11 +47,6 @@ var _useLazyModalManager = require("./useLazyModalManager");
 Object.keys(_useLazyModalManager).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _useLazyModalManager[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useLazyModalManager[key];
-    }
-  });
+  exports[key] = _useLazyModalManager[key];
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Modal/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './ModalGroupManager'\nexport * from './ModalLifecycleHandler'\nexport * from './ui/BaseModalView'\nexport * from './ui/types'\nexport * from './useModalManager'\nexport * from './useLazyModalManager'"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Modal/index.ts"],"names":[],"mappings":";;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './ModalGroupManager'\nexport * from './ModalLifecycleHandler'\nexport * from './ui/BaseModalView'\nexport * from './ui/types'\nexport * from './useModalManager'\nexport * from './useLazyModalManager'"],"file":"index.js"}

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

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.ModalView = void 0;
 
 var _reactCore = require("@tecsinapse/react-core");

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

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

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

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.CloseBar = exports.BackDropView = exports.StyledPressableBackDrop = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Modal/ui/styled.ts"],"names":["StyledPressableBackDrop","styled","Pressable","BackDropView","Animated","View","CloseBar","theme","color","secondary","light"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,uBAAuB,GAAGC,gBAAOC,SAA+B;AAC7E;AACA;AACA;AACA;AACA,CALO;;AAOA,MAAMC,YAAY,GAAG,qBAAOC,sBAASC,IAAhB,CAA2C;AACvE;AACA;AACA,CAHO;;AAKA,MAAMC,QAAQ,GAAGL,gBAAOI,IAA0B;AACzD,wBAAwB,CAAC;AAAEE,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,KAAN,CAAYC,SAAZ,CAAsBC,KAAM;AACnE,qBAAqB,2BAAW,MAAX,CAAmB;AACxC,cAAe,GAAE,2BAAW,KAAX,CAAkB,OAAO;AAC1C,aAAa,2BAAW,MAAX,CAAmB;AAChC,cAAc,2BAAW,KAAX,CAAkB;AAChC,CANO","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`"],"file":"styled.js"}
+{"version":3,"sources":["../../../../../src/components/atoms/Modal/ui/styled.ts"],"names":["StyledPressableBackDrop","styled","Pressable","BackDropView","Animated","View","CloseBar","theme","color","secondary","light"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,uBAAuB,GAAGC,gBAAOC,SAA+B;AAC7E;AACA;AACA;AACA;AACA,CALO;;AAOA,MAAMC,YAAY,GAAG,qBAAOC,sBAASC,IAAhB,CAA2C;AACvE;AACA;AACA,CAHO;;AAKA,MAAMC,QAAQ,GAAGL,gBAAOI,IAA0B;AACzD,wBAAwB,CAAC;AAAEE,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,KAAN,CAAYC,SAAZ,CAAsBC,KAAM;AACnE,qBAAqB,2BAAW,MAAX,CAAmB;AACxC,cAAe,GAAE,2BAAW,KAAX,CAAkB,OAAO;AAC1C,aAAa,2BAAW,MAAX,CAAmB;AAChC,cAAc,2BAAW,KAAX,CAAkB;AAChC,CANO","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`"],"file":"styled.js"}

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

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

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

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.useLazyModalManager = void 0;
 
 var _react = require("react");

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Modal/useLazyModalManager.ts"],"names":["useLazyModalManager","id","requestUpdate","modalLifecycle","update","sync","modal","show","close","destroy"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAWO,MAAMA,mBAAmB,GAAG,MAAM;AAErC,QAAM,CAACC,EAAD,IAAO,qBAAS,eAAT,CAAb;AAEA,QAAMC,aAAa,GAAG,wBAAY,MAAMC,kCAAeC,MAAf,EAAlB,EAA2C,EAA3C,CAAtB;AAEA,QAAMC,IAAI,GAAG,wBAAaC,KAAD,IAAqC;AAC1DH,sCAAeE,IAAf,CAAoBJ,EAApB,EAAwB,MAAMK,KAA9B;;AACA,WAAO,IAAP;AACH,GAHY,EAGV,CAACL,EAAD,CAHU,CAAb;AAKA,QAAMM,IAAI,GAAG,wBAAY,MAAM;AAC3BJ,sCAAeI,IAAf,CAAoBN,EAApB;AACH,GAFY,EAEV,CAACA,EAAD,CAFU,CAAb;AAIA,QAAMO,KAAK,GAAG,wBAAY,MAAM;AAC5BL,sCAAeK,KAAf,CAAqBP,EAArB;AACH,GAFa,EAEX,CAACA,EAAD,CAFW,CAAd;AAIA,wBAAU,MAAM;AACZ,WAAO,MAAME,kCAAeM,OAAf,CAAuBR,EAAvB,CAAb;AACH,GAFD,EAEG,EAFH;AAIA,SAAO;AACHC,IAAAA,aADG;AAEHG,IAAAA,IAFG;AAGHE,IAAAA,IAHG;AAIHC,IAAAA;AAJG,GAAP;AAMH,CA7BM","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 useLazyModalManager = () => {\n\n    const [id] = useState(uuidv4())\n\n    const requestUpdate = useCallback(() => modalLifecycle.update(), [])\n\n    const sync = useCallback((modal: ReactElement<IBaseModal>) => {\n        modalLifecycle.sync(id, () => modal)\n        return null\n    }, [id])\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}"],"file":"useLazyModalManager.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Modal/useLazyModalManager.ts"],"names":["useLazyModalManager","id","requestUpdate","modalLifecycle","update","sync","modal","show","close","destroy"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAWO,MAAMA,mBAAmB,GAAG,MAAM;AAErC,QAAM,CAACC,EAAD,IAAO,qBAAS,eAAT,CAAb;AAEA,QAAMC,aAAa,GAAG,wBAAY,MAAMC,kCAAeC,MAAf,EAAlB,EAA2C,EAA3C,CAAtB;AAEA,QAAMC,IAAI,GAAG,wBAAaC,KAAD,IAAqC;AAC1DH,sCAAeE,IAAf,CAAoBJ,EAApB,EAAwB,MAAMK,KAA9B;;AACA,WAAO,IAAP;AACH,GAHY,EAGV,CAACL,EAAD,CAHU,CAAb;AAKA,QAAMM,IAAI,GAAG,wBAAY,MAAM;AAC3BJ,sCAAeI,IAAf,CAAoBN,EAApB;AACH,GAFY,EAEV,CAACA,EAAD,CAFU,CAAb;AAIA,QAAMO,KAAK,GAAG,wBAAY,MAAM;AAC5BL,sCAAeK,KAAf,CAAqBP,EAArB;AACH,GAFa,EAEX,CAACA,EAAD,CAFW,CAAd;AAIA,wBAAU,MAAM;AACZ,WAAO,MAAME,kCAAeM,OAAf,CAAuBR,EAAvB,CAAb;AACH,GAFD,EAEG,EAFH;AAIA,SAAO;AACHC,IAAAA,aADG;AAEHG,IAAAA,IAFG;AAGHE,IAAAA,IAHG;AAIHC,IAAAA;AAJG,GAAP;AAMH,CA7BM","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 useLazyModalManager = () => {\n\n    const [id] = useState(uuidv4())\n\n    const requestUpdate = useCallback(() => modalLifecycle.update(), [])\n\n    const sync = useCallback((modal: ReactElement<IBaseModal>) => {\n        modalLifecycle.sync(id, () => modal)\n        return null\n    }, [id])\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}"],"file":"useLazyModalManager.js"}

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

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.useModalManager = void 0;
 
 var _react = require("react");

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Modal/useModalManager.ts"],"names":["useModalManager","modal","id","modalLifecycle","sync","show","close","destroy"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAWO,MAAMA,eAAe,GAAIC,KAAD,IAA2C;AAEtE,QAAM,CAACC,EAAD,IAAO,qBAAS,eAAT,CAAb;;AACAC,oCAAeC,IAAf,CAAoBF,EAApB,EAAwBD,KAAxB;;AAEA,QAAMI,IAAI,GAAG,wBAAY,MAAM;AAC3BF,sCAAeE,IAAf,CAAoBH,EAApB;AACH,GAFY,EAEV,CAACA,EAAD,CAFU,CAAb;AAIA,QAAMI,KAAK,GAAG,wBAAY,MAAM;AAC5BH,sCAAeG,KAAf,CAAqBJ,EAArB;AACH,GAFa,EAEX,CAACA,EAAD,CAFW,CAAd;AAIA,wBAAU,MAAM;AACZ,WAAO,MAAMC,kCAAeI,OAAf,CAAuBL,EAAvB,CAAb;AACH,GAFD,EAEG,EAFH;AAIA,SAAO;AACHG,IAAAA,IADG;AAEHC,IAAAA;AAFG,GAAP;AAIH,CArBM","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 = (modal: () => ReactElement<IBaseModal>) => {\n\n    const [id] = useState(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}"],"file":"useModalManager.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Modal/useModalManager.ts"],"names":["useModalManager","modal","id","modalLifecycle","sync","show","close","destroy"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAWO,MAAMA,eAAe,GAAIC,KAAD,IAA2C;AAEtE,QAAM,CAACC,EAAD,IAAO,qBAAS,eAAT,CAAb;;AACAC,oCAAeC,IAAf,CAAoBF,EAApB,EAAwBD,KAAxB;;AAEA,QAAMI,IAAI,GAAG,wBAAY,MAAM;AAC3BF,sCAAeE,IAAf,CAAoBH,EAApB;AACH,GAFY,EAEV,CAACA,EAAD,CAFU,CAAb;AAIA,QAAMI,KAAK,GAAG,wBAAY,MAAM;AAC5BH,sCAAeG,KAAf,CAAqBJ,EAArB;AACH,GAFa,EAEX,CAACA,EAAD,CAFW,CAAd;AAIA,wBAAU,MAAM;AACZ,WAAO,MAAMC,kCAAeI,OAAf,CAAuBL,EAAvB,CAAb;AACH,GAFD,EAEG,EAFH;AAIA,SAAO;AACHG,IAAAA,IADG;AAEHC,IAAAA;AAFG,GAAP;AAIH,CArBM","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 = (modal: () => ReactElement<IBaseModal>) => {\n\n    const [id] = useState(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}"],"file":"useModalManager.js"}

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

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.Pulse = void 0;
 
 var _reactNative = require("react-native");

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Skeleton/Pulse.tsx"],"names":["Pulse","active","width","height","childrenLayout","animatedValue","Animated","Value","current","backgroundColor","position","top","x","left","y","zIndex","overflow","opacity"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGO,MAAMA,KAAK,GAAG,CAAC;AACpBC,EAAAA,MAAM,GAAG,IADW;AAEpBC,EAAAA,KAFoB;AAGpBC,EAAAA,MAHoB;AAIpBC,EAAAA;AAJoB,CAAD,KAKM;AACzB,QAAMC,aAAa,GAAG,mBAAO,IAAIC,sBAASC,KAAb,CAAmB,CAAnB,CAAP,EAA8BC,OAApD;AAEA,wBAAU,MAAM;AACd,mCAAeP,MAAf,EAAuBI,aAAvB;AACD,GAFD,EAEG,CAACJ,MAAD,CAFH;AAIA,SACE,6BAAC,qBAAD,CAAU,IAAV;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEA,KAAK,IAAIE,cAAc,CAACF,KAD1B;AAELC,MAAAA,MAAM,EAAEA,MAAM,IAAIC,cAAc,CAACD,MAF5B;AAGLM,MAAAA,eAAe,EAAE,kBAHZ;AAILC,MAAAA,QAAQ,EAAE,UAJL;AAKLC,MAAAA,GAAG,EAAEP,cAAc,CAACQ,CAAf,IAAoB,CALpB;AAMLC,MAAAA,IAAI,EAAET,cAAc,CAACU,CAAf,IAAoB,CANrB;AAOLC,MAAAA,MAAM,EAAE,CAPH;AAQLC,MAAAA,QAAQ,EAAE,QARL;AASLC,MAAAA,OAAO,EAAEZ;AATJ;AADT,IADF;AAeD,CA3BM","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"],"file":"Pulse.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Skeleton/Pulse.tsx"],"names":["Pulse","active","width","height","childrenLayout","animatedValue","Animated","Value","current","backgroundColor","position","top","x","left","y","zIndex","overflow","opacity"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAGO,MAAMA,KAAK,GAAG,CAAC;AACpBC,EAAAA,MAAM,GAAG,IADW;AAEpBC,EAAAA,KAFoB;AAGpBC,EAAAA,MAHoB;AAIpBC,EAAAA;AAJoB,CAAD,KAKM;AACzB,QAAMC,aAAa,GAAG,mBAAO,IAAIC,sBAASC,KAAb,CAAmB,CAAnB,CAAP,EAA8BC,OAApD;AAEA,wBAAU,MAAM;AACd,mCAAeP,MAAf,EAAuBI,aAAvB;AACD,GAFD,EAEG,CAACJ,MAAD,CAFH;AAIA,SACE,6BAAC,qBAAD,CAAU,IAAV;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEA,KAAK,IAAIE,cAAc,CAACF,KAD1B;AAELC,MAAAA,MAAM,EAAEA,MAAM,IAAIC,cAAc,CAACD,MAF5B;AAGLM,MAAAA,eAAe,EAAE,kBAHZ;AAILC,MAAAA,QAAQ,EAAE,UAJL;AAKLC,MAAAA,GAAG,EAAEP,cAAc,CAACQ,CAAf,IAAoB,CALpB;AAMLC,MAAAA,IAAI,EAAET,cAAc,CAACU,CAAf,IAAoB,CANrB;AAOLC,MAAAA,MAAM,EAAE,CAPH;AAQLC,MAAAA,QAAQ,EAAE,QARL;AASLC,MAAAA,OAAO,EAAEZ;AATJ;AADT,IADF;AAeD,CA3BM","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"],"file":"Pulse.js"}

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

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
@@ -54,12 +52,12 @@ const Skeleton = ({
     width: width,
     height: height,
     childrenLayout: childrenLayout
-  }) : _react.default.createElement(_Pulse.Pulse, {
+  }) : _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(_reactNative.View, {
+  }) : _react.default.createElement(_react.default.Fragment, null), _react.default.createElement(_reactNative.View, {
     onLayout: event => getChildrenLayout(event),
     style: {
       opacity: active ? 0 : 1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"names":["Skeleton","children","width","height","radius","active","animation","rest","childrenLayout","setChildrenLayout","y","x","Error","getChildrenLayout","event","nativeEvent","layout","opacity"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAWA,MAAMA,QAAiC,GAAG,CAAC;AACzCC,EAAAA,QADyC;AAEzCC,EAAAA,KAFyC;AAGzCC,EAAAA,MAHyC;AAIzCC,EAAAA,MAJyC;AAKzCC,EAAAA,MAAM,GAAG,IALgC;AAMzCC,EAAAA,SAAS,GAAG,MAN6B;AAOzC,KAAGC;AAPsC,CAAD,KAQpC;AACJ,QAAM,CAACC,cAAD,EAAiBC,iBAAjB,IAAsC,qBAAyB;AACnEP,IAAAA,KAAK,EAAE,CAD4D;AAEnEC,IAAAA,MAAM,EAAE,CAF2D;AAGnEO,IAAAA,CAAC,EAAE,CAHgE;AAInEC,IAAAA,CAAC,EAAE;AAJgE,GAAzB,CAA5C;;AAOA,MAAI,CAACT,KAAD,IAAU,CAACC,MAAX,IAAqB,CAACF,QAA1B,EAAoC;AAClC,UAAM,IAAIW,KAAJ,CACJ,oEADI,CAAN;AAGD;;AAED,QAAMC,iBAAiB,GAAIC,KAAD,IAA8B;AACtDL,IAAAA,iBAAiB,CAACK,KAAK,CAACC,WAAN,CAAkBC,MAAnB,CAAjB;AACD,GAFD;;AAIA,SACE,6BAAC,eAAD;AAAS,IAAA,KAAK,EAAEd,KAAhB;AAAuB,IAAA,MAAM,EAAEC,MAA/B;AAAuC,IAAA,MAAM,EAAEC;AAA/C,KAA2DG,IAA3D,GACGF,MAAM,IAAIC,SAAS,KAAK,MAAxB,GACC,6BAAC,UAAD;AACE,IAAA,MAAM,EAAED,MADV;AAEE,IAAA,KAAK,EAAEH,KAFT;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,cAAc,EAAEK;AAJlB,IADD,GAQC,6BAAC,YAAD;AACE,IAAA,MAAM,EAAEH,MADV;AAEE,IAAA,KAAK,EAAEH,KAFT;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,cAAc,EAAEK;AAJlB,IATJ,EAgBE,6BAAC,iBAAD;AACE,IAAA,QAAQ,EAAEM,KAAK,IAAID,iBAAiB,CAACC,KAAD,CADtC;AAEE,IAAA,KAAK,EAAE;AAAEG,MAAAA,OAAO,EAAEZ,MAAM,GAAG,CAAH,GAAO;AAAxB,KAFT;AAGE,IAAA,aAAa,EAAEA,MAAM,GAAG,MAAH,GAAY;AAHnC,KAKGJ,QALH,CAhBF,CADF;AA0BD,CApDD;;eAsDeD,Q","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        <Pulse\n          active={active}\n          width={width}\n          height={height}\n          childrenLayout={childrenLayout}\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"],"file":"Skeleton.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"names":["Skeleton","children","width","height","radius","active","animation","rest","childrenLayout","setChildrenLayout","y","x","Error","getChildrenLayout","event","nativeEvent","layout","opacity"],"mappings":";;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAWA,MAAMA,QAAiC,GAAG,CAAC;AACzCC,EAAAA,QADyC;AAEzCC,EAAAA,KAFyC;AAGzCC,EAAAA,MAHyC;AAIzCC,EAAAA,MAJyC;AAKzCC,EAAAA,MAAM,GAAG,IALgC;AAMzCC,EAAAA,SAAS,GAAG,MAN6B;AAOzC,KAAGC;AAPsC,CAAD,KAQpC;AACJ,QAAM,CAACC,cAAD,EAAiBC,iBAAjB,IAAsC,qBAAyB;AACnEP,IAAAA,KAAK,EAAE,CAD4D;AAEnEC,IAAAA,MAAM,EAAE,CAF2D;AAGnEO,IAAAA,CAAC,EAAE,CAHgE;AAInEC,IAAAA,CAAC,EAAE;AAJgE,GAAzB,CAA5C;;AAOA,MAAI,CAACT,KAAD,IAAU,CAACC,MAAX,IAAqB,CAACF,QAA1B,EAAoC;AAClC,UAAM,IAAIW,KAAJ,CACJ,oEADI,CAAN;AAGD;;AAED,QAAMC,iBAAiB,GAAIC,KAAD,IAA8B;AACtDL,IAAAA,iBAAiB,CAACK,KAAK,CAACC,WAAN,CAAkBC,MAAnB,CAAjB;AACD,GAFD;;AAIA,SACE,6BAAC,eAAD;AAAS,IAAA,KAAK,EAAEd,KAAhB;AAAuB,IAAA,MAAM,EAAEC,MAA/B;AAAuC,IAAA,MAAM,EAAEC;AAA/C,KAA2DG,IAA3D,GACGF,MAAM,IAAIC,SAAS,KAAK,MAAxB,GACC,6BAAC,UAAD;AACE,IAAA,MAAM,EAAED,MADV;AAEE,IAAA,KAAK,EAAEH,KAFT;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,cAAc,EAAEK;AAJlB,IADD,GAQC,2DATJ,EAYGH,MAAM,IAAIC,SAAS,KAAK,OAAxB,GACC,6BAAC,YAAD;AACE,IAAA,MAAM,EAAED,MADV;AAEE,IAAA,KAAK,EAAEH,KAFT;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,cAAc,EAAEK;AAJlB,IADD,GAQC,2DApBJ,EAsBE,6BAAC,iBAAD;AACE,IAAA,QAAQ,EAAEM,KAAK,IAAID,iBAAiB,CAACC,KAAD,CADtC;AAEE,IAAA,KAAK,EAAE;AAAEG,MAAAA,OAAO,EAAEZ,MAAM,GAAG,CAAH,GAAO;AAAxB,KAFT;AAGE,IAAA,aAAa,EAAEA,MAAM,GAAG,MAAH,GAAY;AAHnC,KAKGJ,QALH,CAtBF,CADF;AAgCD,CA1DD;;eA4DeD,Q","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"],"file":"Skeleton.js"}

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

@@ -1,8 +1,6 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.Wave = void 0;
 
 var _react = _interopRequireWildcard(require("react"));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Skeleton/Wave.tsx"],"names":["AnimatedLinearGradient","Animated","createAnimatedComponent","LinearGradient","Wave","active","width","height","childrenLayout","range","animatedValue","Value","current","translateX","interpolate","inputRange","outputRange","x","y","position","top","left","zIndex","overflow","transform"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,sBAAsB,GAAGC,sBAASC,uBAAT,CAAiCC,kCAAjC,CAA/B;;AAEO,MAAMC,IAAI,GAAG,CAAC;AACnBC,EAAAA,MAAM,GAAG,IADU;AAEnBC,EAAAA,KAFmB;AAGnBC,EAAAA,MAHmB;AAInBC,EAAAA;AAJmB,CAAD,KAKO;AACzB,QAAMC,KAAK,GAAGH,KAAK,IAAIE,cAAc,CAACF,KAAtC;AACA,QAAMI,aAAa,GAAG,mBAAO,IAAIT,sBAASU,KAAb,CAAmB,CAAnB,CAAP,EAA8BC,OAApD;AAEA,QAAMC,UAAU,GAAGH,aAAa,CAACI,WAAd,CAA0B;AAC3CC,IAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,CAD+B;AAE3CC,IAAAA,WAAW,EAAE,CAAC,CAACP,KAAF,EAASA,KAAT;AAF8B,GAA1B,CAAnB;AAKA,wBAAU,MAAM;AACd,kCAAcJ,MAAd,EAAsBK,aAAtB;AACD,GAFD,EAEG,CAACL,MAAD,CAFH;AAIA,SACE,6BAAC,sBAAD;AACE,IAAA,MAAM,EAAE,CACN,aADM,EAEN,kBAFM,EAGN,iBAHM,EAIN,aAJM,CADV;AAOE,IAAA,KAAK,EAAE;AAAEY,MAAAA,CAAC,EAAE,CAAL;AAAQC,MAAAA,CAAC,EAAE;AAAX,KAPT;AAQE,IAAA,GAAG,EAAE;AAAED,MAAAA,CAAC,EAAE,CAAL;AAAQC,MAAAA,CAAC,EAAE;AAAX,KARP;AASE,IAAA,KAAK,EAAE;AACLZ,MAAAA,KAAK,EAAEA,KAAK,IAAIE,cAAc,CAACF,KAD1B;AAELC,MAAAA,MAAM,EAAEA,MAAM,IAAIC,cAAc,CAACD,MAF5B;AAGLY,MAAAA,QAAQ,EAAE,UAHL;AAILC,MAAAA,GAAG,EAAEZ,cAAc,CAACU,CAAf,IAAoB,CAJpB;AAKLG,MAAAA,IAAI,EAAEb,cAAc,CAACS,CAAf,IAAoB,CALrB;AAMLK,MAAAA,MAAM,EAAE,CANH;AAOLC,MAAAA,QAAQ,EAAE,QAPL;AAQLC,MAAAA,SAAS,EAAE,CACT;AACEX,QAAAA,UAAU,EAAEA;AADd,OADS;AARN;AATT,IADF;AA0BD,CA5CM","sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated } from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport { waveAnimation } from './animation';\nimport { IAnimationComponent } from './types';\n\nconst AnimatedLinearGradient = Animated.createAnimatedComponent(LinearGradient);\n\nexport const Wave = ({\n  active = true,\n  width,\n  height,\n  childrenLayout,\n}: IAnimationComponent) => {\n  const range = width ?? childrenLayout.width;\n  const animatedValue = useRef(new Animated.Value(0)).current;\n\n  const translateX = animatedValue.interpolate({\n    inputRange: [0, 1],\n    outputRange: [-range, range],\n  });\n\n  useEffect(() => {\n    waveAnimation(active, animatedValue);\n  }, [active]);\n\n  return (\n    <AnimatedLinearGradient\n      colors={[\n        'transparent',\n        'rgba(0,0,0,0.05)',\n        'rgba(0,0,0,0.1)',\n        'transparent',\n      ]}\n      start={{ x: 0, y: 0 }}\n      end={{ x: 1, y: 0 }}\n      style={{\n        width: width ?? childrenLayout.width,\n        height: height ?? childrenLayout.height,\n        position: 'absolute',\n        top: childrenLayout.y ?? 0,\n        left: childrenLayout.x ?? 0,\n        zIndex: 2,\n        overflow: 'hidden',\n        transform: [\n          {\n            translateX: translateX,\n          },\n        ],\n      }}\n    />\n  );\n};\n"],"file":"Wave.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Skeleton/Wave.tsx"],"names":["AnimatedLinearGradient","Animated","createAnimatedComponent","LinearGradient","Wave","active","width","height","childrenLayout","range","animatedValue","Value","current","translateX","interpolate","inputRange","outputRange","x","y","position","top","left","zIndex","overflow","transform"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,sBAAsB,GAAGC,sBAASC,uBAAT,CAAiCC,kCAAjC,CAA/B;;AAEO,MAAMC,IAAI,GAAG,CAAC;AACnBC,EAAAA,MAAM,GAAG,IADU;AAEnBC,EAAAA,KAFmB;AAGnBC,EAAAA,MAHmB;AAInBC,EAAAA;AAJmB,CAAD,KAKO;AACzB,QAAMC,KAAK,GAAGH,KAAK,IAAIE,cAAc,CAACF,KAAtC;AACA,QAAMI,aAAa,GAAG,mBAAO,IAAIT,sBAASU,KAAb,CAAmB,CAAnB,CAAP,EAA8BC,OAApD;AAEA,QAAMC,UAAU,GAAGH,aAAa,CAACI,WAAd,CAA0B;AAC3CC,IAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,CAD+B;AAE3CC,IAAAA,WAAW,EAAE,CAAC,CAACP,KAAF,EAASA,KAAT;AAF8B,GAA1B,CAAnB;AAKA,wBAAU,MAAM;AACd,kCAAcJ,MAAd,EAAsBK,aAAtB;AACD,GAFD,EAEG,CAACL,MAAD,CAFH;AAIA,SACE,6BAAC,sBAAD;AACE,IAAA,MAAM,EAAE,CACN,aADM,EAEN,kBAFM,EAGN,iBAHM,EAIN,aAJM,CADV;AAOE,IAAA,KAAK,EAAE;AAAEY,MAAAA,CAAC,EAAE,CAAL;AAAQC,MAAAA,CAAC,EAAE;AAAX,KAPT;AAQE,IAAA,GAAG,EAAE;AAAED,MAAAA,CAAC,EAAE,CAAL;AAAQC,MAAAA,CAAC,EAAE;AAAX,KARP;AASE,IAAA,KAAK,EAAE;AACLZ,MAAAA,KAAK,EAAEA,KAAK,IAAIE,cAAc,CAACF,KAD1B;AAELC,MAAAA,MAAM,EAAEA,MAAM,IAAIC,cAAc,CAACD,MAF5B;AAGLY,MAAAA,QAAQ,EAAE,UAHL;AAILC,MAAAA,GAAG,EAAEZ,cAAc,CAACU,CAAf,IAAoB,CAJpB;AAKLG,MAAAA,IAAI,EAAEb,cAAc,CAACS,CAAf,IAAoB,CALrB;AAMLK,MAAAA,MAAM,EAAE,CANH;AAOLC,MAAAA,QAAQ,EAAE,QAPL;AAQLC,MAAAA,SAAS,EAAE,CACT;AACEX,QAAAA,UAAU,EAAEA;AADd,OADS;AARN;AATT,IADF;AA0BD,CA5CM","sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated } from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport { waveAnimation } from './animation';\nimport { IAnimationComponent } from './types';\n\nconst AnimatedLinearGradient = Animated.createAnimatedComponent(LinearGradient);\n\nexport const Wave = ({\n  active = true,\n  width,\n  height,\n  childrenLayout,\n}: IAnimationComponent) => {\n  const range = width ?? childrenLayout.width;\n  const animatedValue = useRef(new Animated.Value(0)).current;\n\n  const translateX = animatedValue.interpolate({\n    inputRange: [0, 1],\n    outputRange: [-range, range],\n  });\n\n  useEffect(() => {\n    waveAnimation(active, animatedValue);\n  }, [active]);\n\n  return (\n    <AnimatedLinearGradient\n      colors={[\n        'transparent',\n        'rgba(0,0,0,0.05)',\n        'rgba(0,0,0,0.1)',\n        'transparent',\n      ]}\n      start={{ x: 0, y: 0 }}\n      end={{ x: 1, y: 0 }}\n      style={{\n        width: width ?? childrenLayout.width,\n        height: height ?? childrenLayout.height,\n        position: 'absolute',\n        top: childrenLayout.y ?? 0,\n        left: childrenLayout.x ?? 0,\n        zIndex: 2,\n        overflow: 'hidden',\n        transform: [\n          {\n            translateX: translateX,\n          },\n        ],\n      }}\n    />\n  );\n};\n"],"file":"Wave.js"}