@tecsinapse/react-core 1.20.0 → 1.21.0

package/dist/components/molecules/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","names":["Snackbar","children","open","onClose","dismissable","timeout","undefined","leftIcon","colorTone","colorVariant","rightIcon","anchor","anchorDistance","style","fadeAnim","React","useRef","Animated","Value","current","duration","fadeIn","timing","toValue","useNativeDriver","start","fadeOut","delay","useEffect","setTimeout","opacity","setValue","direction"],"sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon, IconProps } from '../../atoms/Icon';\nimport {\n  ContentContainer,\n  DismissContainer,\n  IconContainer,\n  SnackbarContainer,\n  StyledContainerFlexRow,\n  StyledProgressBar,\n  TextContainer,\n} from './styled';\n\nexport interface SnackbarProps {\n  colorVariant?: ColorType;\n  colorTone?: ColorGradationType;\n  open: boolean;\n  /** Close callback */\n  onClose?: () => void;\n  /** Snackbar is closable */\n  dismissable?: boolean;\n  /** Time in miliseconds for auto hide */\n  timeout?: number;\n  leftIcon?: IconProps;\n  /** Properties for close icon */\n  rightIcon?: Omit<IconProps, 'name' | 'type'>;\n  anchor?: 'top' | 'bottom';\n  /** Distance from anchorage (results in px) */\n  anchorDistance?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport const Snackbar: React.FC<SnackbarProps> = ({\n  children,\n  open = true,\n  onClose,\n  dismissable = false,\n  timeout = undefined,\n  leftIcon,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  rightIcon = { colorTone: 'medium', colorVariant: 'primary' },\n  anchor = 'bottom',\n  anchorDistance,\n  style,\n}) => {\n  const fadeAnim = React.useRef(new Animated.Value(0)).current;\n  const duration = 500;\n\n  const fadeIn = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 1,\n      useNativeDriver: true,\n      duration,\n    }).start(() => timeout && fadeOut());\n  };\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      useNativeDriver: true,\n      duration,\n      delay: timeout ? timeout - duration : 0,\n    }).start();\n  };\n\n  React.useEffect(() => {\n    if (open) {\n      fadeIn();\n    }\n    if (open && timeout) {\n      setTimeout(() => {\n        onClose?.();\n      }, timeout + duration);\n    }\n  }, [open, timeout]);\n\n  return (\n    <SnackbarContainer\n      colorVariant={colorVariant}\n      colorTone={colorTone}\n      elevated\n      anchor={anchor}\n      anchorDistance={anchorDistance}\n      visible={open}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      timeout={timeout}\n    >\n      <StyledContainerFlexRow>\n        <ContentContainer>\n          {leftIcon && (\n            <IconContainer>\n              <Icon {...leftIcon} size=\"centi\" />\n            </IconContainer>\n          )}\n          <TextContainer>{children}</TextContainer>\n        </ContentContainer>\n        {dismissable && (\n          <DismissContainer\n            effect=\"none\"\n            onPress={() => {\n              fadeOut();\n              setTimeout(() => {\n                fadeAnim.setValue(0);\n                onClose?.();\n              }, duration);\n            }}\n          >\n            <Icon\n              {...rightIcon}\n              size=\"centi\"\n              name=\"close\"\n              type=\"material-community\"\n            />\n          </DismissContainer>\n        )}\n      </StyledContainerFlexRow>\n      {timeout && open && (\n        <StyledProgressBar\n          valueNow={0}\n          valueMax={100}\n          valueMin={0}\n          animate={true}\n          color={colorVariant}\n          colorTone=\"medium\"\n          animationParameters={{ direction: 'left', duration: timeout }}\n        />\n      )}\n    </SnackbarContainer>\n  );\n};\n\nexport default Snackbar;\n"],"mappings":"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"}
+{"version":3,"file":"Snackbar.js","sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon, IconProps } from '../../atoms/Icon';\nimport {\n  ContentContainer,\n  DismissContainer,\n  IconContainer,\n  SnackbarContainer,\n  StyledContainerFlexRow,\n  StyledProgressBar,\n  TextContainer,\n} from './styled';\n\nexport interface SnackbarProps {\n  colorVariant?: ColorType;\n  colorTone?: ColorGradationType;\n  open: boolean;\n  /** Close callback */\n  onClose?: () => void;\n  /** Snackbar is closable */\n  dismissable?: boolean;\n  /** Time in miliseconds for auto hide */\n  timeout?: number;\n  leftIcon?: IconProps;\n  /** Properties for close icon */\n  rightIcon?: Omit<IconProps, 'name' | 'type'>;\n  anchor?: 'top' | 'bottom';\n  /** Distance from anchorage (results in px) */\n  anchorDistance?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Snackbar: React.FC<SnackbarProps> = ({\n  children,\n  open = true,\n  onClose,\n  dismissable = false,\n  timeout = undefined,\n  leftIcon,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  rightIcon = { colorTone: 'medium', colorVariant: 'primary' },\n  anchor = 'bottom',\n  anchorDistance,\n  style,\n}) => {\n  const fadeAnim = React.useRef(new Animated.Value(0)).current;\n  const duration = 500;\n\n  const fadeIn = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 1,\n      useNativeDriver: true,\n      duration,\n    }).start(() => timeout && fadeOut());\n  };\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      useNativeDriver: true,\n      duration,\n      delay: timeout ? timeout - duration : 0,\n    }).start();\n  };\n\n  React.useEffect(() => {\n    if (open) {\n      fadeIn();\n    }\n    if (open && timeout) {\n      setTimeout(() => {\n        onClose?.();\n      }, timeout + duration);\n    }\n  }, [open, timeout]);\n\n  return (\n    <SnackbarContainer\n      colorVariant={colorVariant}\n      colorTone={colorTone}\n      elevated\n      anchor={anchor}\n      anchorDistance={anchorDistance}\n      visible={open}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      timeout={timeout}\n    >\n      <StyledContainerFlexRow>\n        <ContentContainer>\n          {leftIcon && (\n            <IconContainer>\n              <Icon {...leftIcon} size=\"centi\" />\n            </IconContainer>\n          )}\n          <TextContainer>{children}</TextContainer>\n        </ContentContainer>\n        {dismissable && (\n          <DismissContainer\n            effect=\"none\"\n            onPress={() => {\n              fadeOut();\n              setTimeout(() => {\n                fadeAnim.setValue(0);\n                onClose?.();\n              }, duration);\n            }}\n          >\n            <Icon\n              {...rightIcon}\n              size=\"centi\"\n              name=\"close\"\n              type=\"material-community\"\n            />\n          </DismissContainer>\n        )}\n      </StyledContainerFlexRow>\n      {timeout && open && (\n        <StyledProgressBar\n          valueNow={0}\n          valueMax={100}\n          valueMin={0}\n          animate={true}\n          color={colorVariant}\n          colorTone=\"medium\"\n          animationParameters={{ direction: 'left', duration: timeout }}\n        />\n      )}\n    </SnackbarContainer>\n  );\n};\n\nexport default Snackbar;\n"],"names":["React","Animated","SnackbarContainer","StyledContainerFlexRow","ContentContainer","IconContainer","TextContainer","DismissContainer","StyledProgressBar"],"mappings":"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"}

package/dist/components/molecules/Snackbar/styled.js

@@ -1,85 +1,104 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextContainer = exports.StyledProgressBar = exports.StyledContainerFlexRow = exports.SnackbarContainer = exports.IconContainer = exports.DismissContainer = exports.ContentContainer = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireWildcard(require("@emotion/native"));
+var styled = require('@emotion/native');
+var reactNative = require('react-native');
+require('react');
+require('../../atoms/Text/styled.js');
+require('../../atoms/Input/styled.js');
+require('currency.js');
+require('../../atoms/Input/InputElement/InputElement.js');
+require('../../atoms/Input/InputMaskElement/InputMaskElement.js');
+require('../../atoms/Input/PressableInputContainer/styled.js');
+var ResponsiveFontSize = require('../../../utils/ResponsiveFontSize.js');
+var Paper = require('../../atoms/Paper/Paper.js');
+var PressableSurface = require('../../atoms/PressableSurface/PressableSurface.js');
+var ProgressBar = require('../../atoms/ProgressBar/ProgressBar.js');
 
-var _reactNative = require("react-native");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _utils = require("../../../utils");
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _Paper = require("../../atoms/Paper");
-
-var _PressableSurface = require("../../atoms/PressableSurface");
-
-var _ProgressBar = require("../../atoms/ProgressBar");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const baseStyles = _ref => {
-  let {
-    theme,
-    colorTone = 'xlight',
-    colorVariant = 'primary',
-    visible
-  } = _ref;
-  return (0, _native.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0;\n  border-radius: ", ";\n  background-color: ", ";\n  position: absolute;\n  z-index: ", ";\n  display: ", ";\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: stretch;\n"])), theme.borderRadius.mili, theme.color[colorVariant][colorTone], theme.zIndex.modal, visible ? 'flex' : 'none');
-};
-
-const anchorTop = _ref2 => {
-  let {
-    theme,
-    anchor,
-    anchorDistance
-  } = _ref2;
-  return anchor === 'top' && (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      top: ", ";\n    "])), anchorDistance ? "".concat((0, _utils.RFValue)(anchorDistance), "px") : theme.spacing.deca);
+const baseStyles = ({
+  theme,
+  colorTone = "xlight",
+  colorVariant = "primary",
+  visible
+}) => styled.css`
+  padding: 0;
+  border-radius: ${theme.borderRadius.mili};
+  background-color: ${theme.color[colorVariant][colorTone]};
+  position: absolute;
+  z-index: ${theme.zIndex.modal};
+  display: ${visible ? "flex" : "none"};
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: stretch;
+`;
+const anchorTop = ({
+  theme,
+  anchor,
+  anchorDistance
+}) => {
+  return anchor === "top" && styled.css`
+      top: ${anchorDistance ? `${ResponsiveFontSize.RFValue(anchorDistance)}px` : theme.spacing.deca};
+    `;
 };
-
-const anchorBottom = _ref3 => {
-  let {
-    theme,
-    anchor,
-    anchorDistance
-  } = _ref3;
-  return anchor === 'bottom' && (0, _native.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      bottom: ", ";\n    "])), anchorDistance ? "".concat((0, _utils.RFValue)(anchorDistance), "px") : theme.spacing.deca);
+const anchorBottom = ({
+  theme,
+  anchor,
+  anchorDistance
+}) => {
+  return anchor === "bottom" && styled.css`
+      bottom: ${anchorDistance ? `${ResponsiveFontSize.RFValue(anchorDistance)}px` : theme.spacing.deca};
+    `;
 };
+const SnackbarContainer = styled__default["default"](Paper)(
+  (props) => styled.css`
+    ${baseStyles(props)}
+    ${anchorBottom(props)}
+    ${anchorTop(props)}
+  `
+);
+const ContentContainer = styled__default["default"](reactNative.View)`
+  flex-direction: row;
+  display: flex;
+  align-items: center;
+  flex-shrink: 1;
+`;
+const IconContainer = styled__default["default"](reactNative.View)`
+  flex-direction: row;
+  display: flex;
+  align-items: center;
+  margin-right: ${({ theme }) => theme.spacing.mili};
+`;
+const DismissContainer = styled__default["default"](PressableSurface)`
+  flex-direction: row;
+  display: flex;
+  align-items: center;
+  margin-left: ${({ theme }) => theme.spacing.mili};
+`;
+const StyledProgressBar = styled__default["default"](ProgressBar)`
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+`;
+const StyledContainerFlexRow = styled__default["default"](reactNative.View)`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: ${({ theme }) => theme.spacing.mili};
+`;
+const TextContainer = styled__default["default"](reactNative.View)`
+  display: flex;
+  flex-shrink: 1;
+`;
 
-const SnackbarContainer = (0, _native.default)(_Paper.Paper)(props => (0, _native.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n  "])), baseStyles(props), anchorBottom(props), anchorTop(props)));
-exports.SnackbarContainer = SnackbarContainer;
-const ContentContainer = (0, _native.default)(_reactNative.View)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  flex-shrink: 1;\n"])));
 exports.ContentContainer = ContentContainer;
-const IconContainer = (0, _native.default)(_reactNative.View)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-right: ", ";\n"])), _ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return theme.spacing.mili;
-});
-exports.IconContainer = IconContainer;
-const DismissContainer = (0, _native.default)(_PressableSurface.PressableSurface)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-left: ", ";\n"])), _ref5 => {
-  let {
-    theme
-  } = _ref5;
-  return theme.spacing.mili;
-});
 exports.DismissContainer = DismissContainer;
-const StyledProgressBar = (0, _native.default)(_ProgressBar.ProgressBar)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"])));
-exports.StyledProgressBar = StyledProgressBar;
-const StyledContainerFlexRow = (0, _native.default)(_reactNative.View)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: ", ";\n"])), _ref6 => {
-  let {
-    theme
-  } = _ref6;
-  return theme.spacing.mili;
-});
+exports.IconContainer = IconContainer;
+exports.SnackbarContainer = SnackbarContainer;
 exports.StyledContainerFlexRow = StyledContainerFlexRow;
-const TextContainer = (0, _native.default)(_reactNative.View)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-shrink: 1;\n"])));
+exports.StyledProgressBar = StyledProgressBar;
 exports.TextContainer = TextContainer;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

package/dist/components/molecules/Snackbar/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["baseStyles","theme","colorTone","colorVariant","visible","css","borderRadius","mili","color","zIndex","modal","anchorTop","anchor","anchorDistance","RFValue","spacing","deca","anchorBottom","SnackbarContainer","styled","Paper","props","ContentContainer","View","IconContainer","DismissContainer","PressableSurface","StyledProgressBar","ProgressBar","StyledContainerFlexRow","TextContainer"],"sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { Paper } from '../../atoms/Paper';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { ProgressBar } from '../../atoms/ProgressBar';\nimport { SnackbarProps } from './Snackbar';\n\nconst baseStyles = ({\n  theme,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  visible,\n}: StyleProps & Partial<SnackbarProps> & { visible: boolean }) => css`\n  padding: 0;\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.color[colorVariant][colorTone]};\n  position: absolute;\n  z-index: ${theme.zIndex.modal};\n  display: ${visible ? 'flex' : 'none'};\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: stretch;\n`;\n\nconst anchorTop = ({\n  theme,\n  anchor,\n  anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n  return (\n    anchor === 'top' &&\n    css`\n      top: ${anchorDistance\n        ? `${RFValue(anchorDistance)}px`\n        : theme.spacing.deca};\n    `\n  );\n};\n\nconst anchorBottom = ({\n  theme,\n  anchor,\n  anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n  return (\n    anchor === 'bottom' &&\n    css`\n      bottom: ${anchorDistance\n        ? `${RFValue(anchorDistance)}px`\n        : theme.spacing.deca};\n    `\n  );\n};\n\nexport const SnackbarContainer = styled(Paper)<\n  Partial<SnackbarProps & StyleProps> & { visible: boolean }\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n  `\n);\n\nexport const ContentContainer = styled(View)`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  flex-shrink: 1;\n`;\n\nexport const IconContainer = styled(View)<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const DismissContainer = styled(PressableSurface)<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)<Partial<StyleProps>>`\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n`;\n\nexport const StyledContainerFlexRow = styled(View)<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const TextContainer = styled(View)`\n  display: flex;\n  flex-shrink: 1;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,MAAMA,UAAU,GAAG;EAAA,IAAC;IAClBC,KADkB;IAElBC,SAAS,GAAG,QAFM;IAGlBC,YAAY,GAAG,SAHG;IAIlBC;EAJkB,CAAD;EAAA,WAK+CC,WAL/C,6RAOAJ,KAAK,CAACK,YAAN,CAAmBC,IAPnB,EAQGN,KAAK,CAACO,KAAN,CAAYL,YAAZ,EAA0BD,SAA1B,CARH,EAUND,KAAK,CAACQ,MAAN,CAAaC,KAVP,EAWNN,OAAO,GAAG,MAAH,GAAY,MAXb;AAAA,CAAnB;;AAiBA,MAAMO,SAAS,GAAG,SAIyB;EAAA,IAJxB;IACjBV,KADiB;IAEjBW,MAFiB;IAGjBC;EAHiB,CAIwB;EACzC,OACED,MAAM,KAAK,KAAX,QACAP,WADA,iGAESQ,cAAc,aACd,IAAAC,cAAA,EAAQD,cAAR,CADc,UAEjBZ,KAAK,CAACc,OAAN,CAAcC,IAJpB,CADF;AAQD,CAbD;;AAeA,MAAMC,YAAY,GAAG,SAIsB;EAAA,IAJrB;IACpBhB,KADoB;IAEpBW,MAFoB;IAGpBC;EAHoB,CAIqB;EACzC,OACED,MAAM,KAAK,QAAX,QACAP,WADA,oGAEYQ,cAAc,aACjB,IAAAC,cAAA,EAAQD,cAAR,CADiB,UAEpBZ,KAAK,CAACc,OAAN,CAAcC,IAJpB,CADF;AAQD,CAbD;;AAeO,MAAME,iBAAiB,GAAG,IAAAC,eAAA,EAAOC,YAAP,EAG/BC,KAAK,QAAIhB,WAAJ,2GACDL,UAAU,CAACqB,KAAD,CADT,EAEDJ,YAAY,CAACI,KAAD,CAFX,EAGDV,SAAS,CAACU,KAAD,CAHR,CAH0B,CAA1B;;AAUA,MAAMC,gBAAgB,GAAG,IAAAH,eAAA,EAAOI,iBAAP,CAAH,8JAAtB;;AAOA,MAAMC,aAAa,GAAG,IAAAL,eAAA,EAAOI,iBAAP,CAAH,mKAIR;EAAA,IAAC;IAAEtB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACc,OAAN,CAAcR,IAA7B;AAAA,CAJQ,CAAnB;;AAOA,MAAMkB,gBAAgB,GAAG,IAAAN,eAAA,EAAOO,kCAAP,CAAH,kKAIZ;EAAA,IAAC;IAAEzB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACc,OAAN,CAAcR,IAA7B;AAAA,CAJY,CAAtB;;AAOA,MAAMoB,iBAAiB,GAAG,IAAAR,eAAA,EAAOS,wBAAP,CAAH,sIAAvB;;AAKA,MAAMC,sBAAsB,GAAG,IAAAV,eAAA,EAAOI,iBAAP,CAAH,yKAItB;EAAA,IAAC;IAAEtB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACc,OAAN,CAAcR,IAA7B;AAAA,CAJsB,CAA5B;;AAOA,MAAMuB,aAAa,GAAG,IAAAX,eAAA,EAAOI,iBAAP,CAAH,gHAAnB"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { Paper } from '../../atoms/Paper';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { ProgressBar } from '../../atoms/ProgressBar';\nimport { SnackbarProps } from './Snackbar';\n\nconst baseStyles = ({\n  theme,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  visible,\n}: StyleProps & Partial<SnackbarProps> & { visible: boolean }) => css`\n  padding: 0;\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.color[colorVariant][colorTone]};\n  position: absolute;\n  z-index: ${theme.zIndex.modal};\n  display: ${visible ? 'flex' : 'none'};\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: stretch;\n`;\n\nconst anchorTop = ({\n  theme,\n  anchor,\n  anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n  return (\n    anchor === 'top' &&\n    css`\n      top: ${anchorDistance\n        ? `${RFValue(anchorDistance)}px`\n        : theme.spacing.deca};\n    `\n  );\n};\n\nconst anchorBottom = ({\n  theme,\n  anchor,\n  anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n  return (\n    anchor === 'bottom' &&\n    css`\n      bottom: ${anchorDistance\n        ? `${RFValue(anchorDistance)}px`\n        : theme.spacing.deca};\n    `\n  );\n};\n\nexport const SnackbarContainer = styled(Paper)<\n  Partial<SnackbarProps & StyleProps> & { visible: boolean }\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n  `\n);\n\nexport const ContentContainer = styled(View)`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  flex-shrink: 1;\n`;\n\nexport const IconContainer = styled(View)<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const DismissContainer = styled(PressableSurface)<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)<Partial<StyleProps>>`\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n`;\n\nexport const StyledContainerFlexRow = styled(View)<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const TextContainer = styled(View)`\n  display: flex;\n  flex-shrink: 1;\n`;\n"],"names":["css","RFValue","styled","View"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,SAAY,GAAA,QAAA;AAAA,EACZ,YAAe,GAAA,SAAA;AAAA,EACf,OAAA;AACF,CAAkE,KAAAA,UAAA,CAAA;AAAA;AAAA,iBAAA,EAE/C,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAChB,EAAA,KAAA,CAAM,MAAM,YAAc,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA;AAAA,WAAA,EAEnC,MAAM,MAAO,CAAA,KAAA,CAAA;AAAA,WAAA,EACb,UAAU,MAAS,GAAA,MAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMhC,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2C,KAAA;AACzC,EAAA,OACE,WAAW,KACX,IAAAA,UAAA,CAAA;AAAA,WAAA,EACS,iBACH,CAAG,EAAAC,0BAAA,CAAQ,cAAc,CAAA,CAAA,EAAA,CAAA,GACzB,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGxB,CAAA,CAAA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2C,KAAA;AACzC,EAAA,OACE,WAAW,QACX,IAAAD,UAAA,CAAA;AAAA,cAAA,EACY,iBACN,CAAG,EAAAC,0BAAA,CAAQ,cAAc,CAAA,CAAA,EAAA,CAAA,GACzB,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGxB,CAAA,CAAA;AAEa,MAAA,iBAAA,GAAoBC,2BAAO,KAAK,CAAA;AAAA,EAG3C,CAAS,KAAA,KAAAF,UAAA,CAAA;AAAA,IAAA,EACL,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,aAAa,KAAK,CAAA,CAAA;AAAA,IAAA,EAClB,UAAU,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAErB,EAAA;AAEa,MAAA,gBAAA,GAAmBE,2BAAOC,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAO9B,MAAA,aAAA,GAAgBD,2BAAOC,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAItB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,gBAAA,GAAmBD,2BAAO,gBAAgB,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAItC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGjC,MAAA,iBAAA,GAAoBA,2BAAO,WAAW,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKtC,MAAA,sBAAA,GAAyBA,2BAAOC,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAG7B,MAAA,aAAA,GAAgBD,2BAAOC,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;;;;;;;"}

package/dist/components/molecules/TextArea/TextArea.js

@@ -1,24 +1,57 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var React = require('react');
+var reactNative = require('react-native');
+var Hint = require('../../atoms/Input/Hint.js');
+require('currency.js');
+var Text = require('../../atoms/Text/Text.js');
+require('../../atoms/Input/styled.js');
+require('../../atoms/Input/InputElement/InputElement.js');
+require('../../atoms/Input/InputMaskElement/InputMaskElement.js');
+require('../../atoms/Input/PressableInputContainer/styled.js');
+var styled = require('./styled.js');
 
-var _react = _interopRequireDefault(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 _Input = require("../../atoms/Input");
-
-var _Text = require("../../atoms/Text");
-
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const TextArea = _ref => {
-  let {
+const TextArea = ({
+  label,
+  labelColor,
+  labelColorVariant,
+  labelColorTone,
+  labelTypography,
+  labelStack,
+  labelWeight,
+  leftComponent,
+  rightComponent,
+  disabled,
+  style,
+  borderColor,
+  borderColorGradation,
+  inputContainerStyle,
+  variant = "default",
+  hintComponent,
+  hint,
+  TextComponent = Text,
+  focused,
+  children,
+  maxLength: _maxLenght,
+  value: _value
+}) => {
+  let length = _value.length;
+  const maxLength = _maxLenght;
+  if (maxLength && length > maxLength) {
+    length = maxLength;
+  }
+  const _hint = hintComponent || /* @__PURE__ */ React__default["default"].createElement(Hint, {
+    TextComponent,
+    text: hint,
+    variant
+  });
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, {
+    style
+  }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledInputContainer, {
     label,
     labelColor,
     labelColorVariant,
@@ -26,66 +59,24 @@ const TextArea = _ref => {
     labelTypography,
     labelStack,
     labelWeight,
+    LabelComponent: TextComponent,
     leftComponent,
     rightComponent,
-    disabled,
-    style,
     borderColor,
     borderColorGradation,
     inputContainerStyle,
-    variant = 'default',
-    hintComponent,
-    hint,
-    TextComponent = _Text.Text,
     focused,
-    children,
-    maxLength: _maxLenght,
-    value: _value
-  } = _ref;
-  let length = _value.length;
-  const maxLength = _maxLenght;
-
-  if (maxLength && length > maxLength) {
-    length = maxLength;
-  }
-
-  const _hint = hintComponent || _react.default.createElement(_Input.Hint, {
-    TextComponent: TextComponent,
-    text: hint,
-    variant: variant
-  });
-
-  return _react.default.createElement(_reactNative.View, {
-    style: style
-  }, _react.default.createElement(_styled.StyledInputContainer, {
-    label: label,
-    labelColor: labelColor,
-    labelColorVariant: labelColorVariant,
-    labelColorTone: labelColorTone,
-    labelTypography: labelTypography,
-    labelStack: labelStack,
-    labelWeight: labelWeight,
-    LabelComponent: TextComponent,
-    leftComponent: leftComponent,
-    rightComponent: rightComponent,
-    borderColor: borderColor,
-    borderColorGradation: borderColorGradation,
-    inputContainerStyle: inputContainerStyle,
-    focused: focused,
-    disabled: disabled,
-    variant: variant
-  }, children, maxLength && _react.default.createElement(TextComponent, {
-    colorVariant: 'secondary',
-    colorTone: 'medium',
-    typography: 'label',
-    fontStack: 'default',
-    fontWeight: 'bold',
-    style: {
-      textAlign: 'right'
-    }
-  }, "".concat(length, "/").concat(maxLength))), hint && _hint);
+    disabled,
+    variant
+  }, children, maxLength && /* @__PURE__ */ React__default["default"].createElement(TextComponent, {
+    colorVariant: "secondary",
+    colorTone: "medium",
+    typography: "label",
+    fontStack: "default",
+    fontWeight: "bold",
+    style: { textAlign: "right" }
+  }, `${length}/${maxLength}`)), hint && _hint);
 };
 
-var _default = TextArea;
-exports.default = _default;
-//# sourceMappingURL=TextArea.js.map
+module.exports = TextArea;
+//# sourceMappingURL=TextArea.js.map

package/dist/components/molecules/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["TextArea","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","TextComponent","Text","focused","children","maxLength","_maxLenght","value","_value","length","_hint","textAlign"],"sources":["../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { FontStackType, FontWeightType } from '@tecsinapse/react-core';\nimport {\n  Hint,\n  InputContainerProps,\n  InputElementProps,\n} from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { StyledInputContainer } from './styled';\n\nexport interface TextAreaProps\n  extends Omit<InputElementProps, 'style' | 'multiline' | 'value'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n  maxCharCount?: number;\n  value: string;\n  // Omit below\n  TextComponent?: FC<TextProps>;\n  focused?: boolean;\n}\n\nconst TextArea: FC<TextAreaProps> = ({\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  inputContainerStyle,\n  variant = 'default',\n  hintComponent,\n  hint,\n  TextComponent = Text,\n  focused,\n  children,\n  maxLength: _maxLenght,\n  value: _value,\n}) => {\n  let length = _value.length;\n  const maxLength = _maxLenght;\n  if (maxLength && length > maxLength) {\n    length = maxLength;\n  }\n\n  const _hint = hintComponent || (\n    <Hint TextComponent={TextComponent} text={hint} variant={variant} />\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={TextComponent}\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        {children}\n        {maxLength && (\n          <TextComponent\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n            typography={'label'}\n            fontStack={'default'}\n            fontWeight={'bold'}\n            style={{ textAlign: 'right' }}\n          >\n            {`${length}/${maxLength}`}\n          </TextComponent>\n        )}\n      </StyledInputContainer>\n      {hint && _hint}\n    </View>\n  );\n};\n\nexport default TextArea;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;;;AAcA,MAAMA,QAA2B,GAAG,QAuB9B;EAAA,IAvB+B;IACnCC,KADmC;IAEnCC,UAFmC;IAGnCC,iBAHmC;IAInCC,cAJmC;IAKnCC,eALmC;IAMnCC,UANmC;IAOnCC,WAPmC;IAQnCC,aARmC;IASnCC,cATmC;IAUnCC,QAVmC;IAWnCC,KAXmC;IAYnCC,WAZmC;IAanCC,oBAbmC;IAcnCC,mBAdmC;IAenCC,OAAO,GAAG,SAfyB;IAgBnCC,aAhBmC;IAiBnCC,IAjBmC;IAkBnCC,aAAa,GAAGC,UAlBmB;IAmBnCC,OAnBmC;IAoBnCC,QApBmC;IAqBnCC,SAAS,EAAEC,UArBwB;IAsBnCC,KAAK,EAAEC;EAtB4B,CAuB/B;EACJ,IAAIC,MAAM,GAAGD,MAAM,CAACC,MAApB;EACA,MAAMJ,SAAS,GAAGC,UAAlB;;EACA,IAAID,SAAS,IAAII,MAAM,GAAGJ,SAA1B,EAAqC;IACnCI,MAAM,GAAGJ,SAAT;EACD;;EAED,MAAMK,KAAK,GAAGX,aAAa,IACzB,6BAAC,WAAD;IAAM,aAAa,EAAEE,aAArB;IAAoC,IAAI,EAAED,IAA1C;IAAgD,OAAO,EAAEF;EAAzD,EADF;;EAIA,OACE,6BAAC,iBAAD;IAAM,KAAK,EAAEJ;EAAb,GACE,6BAAC,4BAAD;IACE,KAAK,EAAEV,KADT;IAEE,UAAU,EAAEC,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,cAAc,EAAEW,aARlB;IASE,aAAa,EAAEV,aATjB;IAUE,cAAc,EAAEC,cAVlB;IAWE,WAAW,EAAEG,WAXf;IAYE,oBAAoB,EAAEC,oBAZxB;IAaE,mBAAmB,EAAEC,mBAbvB;IAcE,OAAO,EAAEM,OAdX;IAeE,QAAQ,EAAEV,QAfZ;IAgBE,OAAO,EAAEK;EAhBX,GAkBGM,QAlBH,EAmBGC,SAAS,IACR,6BAAC,aAAD;IACE,YAAY,EAAE,WADhB;IAEE,SAAS,EAAE,QAFb;IAGE,UAAU,EAAE,OAHd;IAIE,SAAS,EAAE,SAJb;IAKE,UAAU,EAAE,MALd;IAME,KAAK,EAAE;MAAEM,SAAS,EAAE;IAAb;EANT,aAQMF,MARN,cAQgBJ,SARhB,EApBJ,CADF,EAiCGL,IAAI,IAAIU,KAjCX,CADF;AAqCD,CAvED;;eAyEe3B,Q"}
+{"version":3,"file":"TextArea.js","sources":["../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { FontStackType, FontWeightType } from '@tecsinapse/react-core';\nimport {\n  Hint,\n  InputContainerProps,\n  InputElementProps,\n} from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { StyledInputContainer } from './styled';\n\nexport interface TextAreaProps\n  extends Omit<InputElementProps, 'style' | 'multiline' | 'value'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n  maxCharCount?: number;\n  value: string;\n  // Omit below\n  TextComponent?: FC<TextProps>;\n  focused?: boolean;\n}\n\nconst TextArea: FC<TextAreaProps> = ({\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  inputContainerStyle,\n  variant = 'default',\n  hintComponent,\n  hint,\n  TextComponent = Text,\n  focused,\n  children,\n  maxLength: _maxLenght,\n  value: _value,\n}) => {\n  let length = _value.length;\n  const maxLength = _maxLenght;\n  if (maxLength && length > maxLength) {\n    length = maxLength;\n  }\n\n  const _hint = hintComponent || (\n    <Hint TextComponent={TextComponent} text={hint} variant={variant} />\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={TextComponent}\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        {children}\n        {maxLength && (\n          <TextComponent\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n            typography={'label'}\n            fontStack={'default'}\n            fontWeight={'bold'}\n            style={{ textAlign: 'right' }}\n          >\n            {`${length}/${maxLength}`}\n          </TextComponent>\n        )}\n      </StyledInputContainer>\n      {hint && _hint}\n    </View>\n  );\n};\n\nexport default TextArea;\n"],"names":["React","View","StyledInputContainer"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAM,WAA8B,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,aAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAgB,GAAA,IAAA;AAAA,EAChB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAW,EAAA,UAAA;AAAA,EACX,KAAO,EAAA,MAAA;AACT,CAAM,KAAA;AACJ,EAAA,IAAI,SAAS,MAAO,CAAA,MAAA,CAAA;AACpB,EAAA,MAAM,SAAY,GAAA,UAAA,CAAA;AAClB,EAAI,IAAA,SAAA,IAAa,SAAS,SAAW,EAAA;AACnC,IAAS,MAAA,GAAA,SAAA,CAAA;AAAA,GACX;AAEA,EAAM,MAAA,KAAA,GAAQ,iCACXA,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,aAAA;AAAA,IAA8B,IAAM,EAAA,IAAA;AAAA,IAAM,OAAA;AAAA,GAAkB,CAAA,CAAA;AAGpE,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA;AAAA,IAAK,KAAA;AAAA,GAAA,kBACHD,yBAAA,CAAA,aAAA,CAAAE,2BAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAgB,EAAA,aAAA;AAAA,IAChB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,GAEC,EAAA,QAAA,EACA,6BACEF,yBAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,YAAc,EAAA,WAAA;AAAA,IACd,SAAW,EAAA,QAAA;AAAA,IACX,UAAY,EAAA,OAAA;AAAA,IACZ,SAAW,EAAA,SAAA;AAAA,IACX,UAAY,EAAA,MAAA;AAAA,IACZ,KAAA,EAAO,EAAE,SAAA,EAAW,OAAQ,EAAA;AAAA,GAAA,EAE3B,GAAG,MAAU,CAAA,CAAA,EAAA,SAAA,CAAA,CAChB,CAEJ,CAAA,EACC,QAAQ,KACX,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/TextArea/styled.js

@@ -1,30 +1,36 @@
-"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/native');
+var extractNumbersFromString = require('../../../utils/extractNumbersFromString.js');
+require('react');
+require('../../atoms/Text/styled.js');
+require('../../atoms/Input/styled.js');
+require('currency.js');
+var InputContainer = require('../../atoms/Input/InputContainer/InputContainer.js');
+var InputElement = require('../../atoms/Input/InputElement/InputElement.js');
+require('../../atoms/Input/InputMaskElement/InputMaskElement.js');
+require('../../atoms/Input/PressableInputContainer/styled.js');
+require('react-native');
+var ResponsiveFontSize = require('../../../utils/ResponsiveFontSize.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledInputContainer = styled__default["default"](InputContainer)`
+  min-height: ${ResponsiveFontSize.RFValueStr("50px")};
+`;
+const TextAreaInputBase = styled__default["default"](InputElement)`
+  max-height: ${({ theme, numberOfLines }) => `${ResponsiveFontSize.RFValue(
+  extractNumbersFromString.extractNumbersFromString(theme.typography.h5.lineHeight) * (numberOfLines || 1)
+)}px`};
+  width: 100%;
+  padding: 0;
+  margin: ${ResponsiveFontSize.RFValueStr("3px")} 0;
+`;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextAreaInputBase = exports.StyledInputContainer = void 0;
-
-var _native = _interopRequireDefault(require("@emotion/native"));
-
-var _utils = require("../../../utils");
-
-var _Input = require("../../atoms/Input");
-
-var _templateObject, _templateObject2;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const StyledInputContainer = (0, _native.default)(_Input.InputContainer)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-height: ", ";\n"])), (0, _utils.RFValueStr)('50px'));
 exports.StyledInputContainer = StyledInputContainer;
-const TextAreaInputBase = (0, _native.default)(_Input.InputElement)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  max-height: ", ";\n  width: 100%;\n  padding: 0;\n  margin: ", " 0;\n"])), _ref => {
-  let {
-    theme,
-    numberOfLines
-  } = _ref;
-  return "".concat((0, _utils.RFValue)((0, _utils.extractNumbersFromString)(theme.typography.h5.lineHeight) * (numberOfLines || 1)), "px");
-}, (0, _utils.RFValueStr)('3px'));
 exports.TextAreaInputBase = TextAreaInputBase;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

package/dist/components/molecules/TextArea/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledInputContainer","styled","InputContainer","RFValueStr","TextAreaInputBase","InputElement","theme","numberOfLines","RFValue","extractNumbersFromString","typography","h5","lineHeight"],"sources":["../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { extractNumbersFromString, RFValue, RFValueStr } from '../../../utils';\nimport { InputContainer, InputElement } from '../../atoms/Input';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n  min-height: ${RFValueStr('50px')};\n`;\n\nexport const TextAreaInputBase = styled(InputElement)<\n  Partial<TextAreaProps> & Partial<StyleProps>\n>`\n  max-height: ${({ theme, numberOfLines }) =>\n    `${RFValue(\n      extractNumbersFromString(theme.typography.h5.lineHeight) *\n        (numberOfLines || 1)\n    )}px`};\n  width: 100%;\n  padding: 0;\n  margin: ${RFValueStr('3px')} 0;\n`;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;AAGO,MAAMA,oBAAoB,GAAG,IAAAC,eAAA,EAAOC,qBAAP,CAAH,6FACjB,IAAAC,iBAAA,EAAW,MAAX,CADiB,CAA1B;;AAIA,MAAMC,iBAAiB,GAAG,IAAAH,eAAA,EAAOI,mBAAP,CAAH,iJAGd;EAAA,IAAC;IAAEC,KAAF;IAASC;EAAT,CAAD;EAAA,iBACT,IAAAC,cAAA,EACD,IAAAC,+BAAA,EAAyBH,KAAK,CAACI,UAAN,CAAiBC,EAAjB,CAAoBC,UAA7C,KACGL,aAAa,IAAI,CADpB,CADC,CADS;AAAA,CAHc,EAUlB,IAAAJ,iBAAA,EAAW,KAAX,CAVkB,CAAvB"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { extractNumbersFromString, RFValue, RFValueStr } from '../../../utils';\nimport { InputContainer, InputElement } from '../../atoms/Input';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n  min-height: ${RFValueStr('50px')};\n`;\n\nexport const TextAreaInputBase = styled(InputElement)<\n  Partial<TextAreaProps> & Partial<StyleProps>\n>`\n  max-height: ${({ theme, numberOfLines }) =>\n    `${RFValue(\n      extractNumbersFromString(theme.typography.h5.lineHeight) *\n        (numberOfLines || 1)\n    )}px`};\n  width: 100%;\n  padding: 0;\n  margin: ${RFValueStr('3px')} 0;\n`;\n"],"names":["styled","RFValueStr","RFValue","extractNumbersFromString"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMa,MAAA,oBAAA,GAAuBA,2BAAO,cAAc,CAAA,CAAA;AAAA,cAAA,EACzCC,8BAAW,MAAM,CAAA,CAAA;AAAA,EAAA;AAGpB,MAAA,iBAAA,GAAoBD,2BAAO,YAAY,CAAA,CAAA;AAAA,cAAA,EAGpC,CAAC,EAAE,KAAO,EAAA,aAAA,OACtB,CAAG,EAAAE,0BAAA;AAAA,EACDC,kDAAyB,KAAM,CAAA,UAAA,CAAW,EAAG,CAAA,UAAU,KACpD,aAAiB,IAAA,CAAA,CAAA;AACtB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA;AAAA;AAAA,UAAA,EAGQF,8BAAW,KAAK,CAAA,CAAA;AAAA;;;;;"}

package/dist/hooks/useDebouncedState.js

@@ -1,20 +1,20 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDebouncedState = useDebouncedState;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _react = require("react");
+var React = require('react');
 
-function useDebouncedState(initialState, timeoutCallback) {
-  let timeoutMs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 166;
-  const timeoutId = (0, _react.useRef)();
-  const [state, setState] = (0, _react.useState)(initialState);
-  (0, _react.useEffect)(() => {
-    if (timeoutId.current) clearTimeout(timeoutId.current);
-    if (timeoutCallback) timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);
+function useDebouncedState(initialState, timeoutCallback, timeoutMs = 166) {
+  const timeoutId = React.useRef();
+  const [state, setState] = React.useState(initialState);
+  React.useEffect(() => {
+    if (timeoutId.current)
+      clearTimeout(timeoutId.current);
+    if (timeoutCallback)
+      timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);
   }, [state]);
   return [state, setState];
 }
-//# sourceMappingURL=useDebouncedState.js.map
+
+exports.useDebouncedState = useDebouncedState;
+//# sourceMappingURL=useDebouncedState.js.map

package/dist/hooks/useDebouncedState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedState.js","names":["useDebouncedState","initialState","timeoutCallback","timeoutMs","timeoutId","useRef","state","setState","useState","useEffect","current","clearTimeout","setTimeout"],"sources":["../../src/hooks/useDebouncedState.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';\n\n/**\n * @param initialState\n * @param timeoutCallback callback to be called after bouncing ends. Should be memoized.\n * @param timeoutMs\n */\nexport function useDebouncedState<S>(\n  initialState: S | (() => S),\n  timeoutCallback?: (state: S) => void,\n  timeoutMs = 166\n): [S, Dispatch<SetStateAction<S>>] {\n  const timeoutId = useRef<number>();\n\n  const [state, setState] = useState<S>(initialState);\n\n  useEffect(() => {\n    if (timeoutId.current) clearTimeout(timeoutId.current);\n    if (timeoutCallback)\n      timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);\n  }, [state]);\n\n  return [state, setState];\n}\n"],"mappings":";;;;;;;AAAA;;AAOO,SAASA,iBAAT,CACLC,YADK,EAELC,eAFK,EAI6B;EAAA,IADlCC,SACkC,uEADtB,GACsB;EAClC,MAAMC,SAAS,GAAG,IAAAC,aAAA,GAAlB;EAEA,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,IAAAC,eAAA,EAAYP,YAAZ,CAA1B;EAEA,IAAAQ,gBAAA,EAAU,MAAM;IACd,IAAIL,SAAS,CAACM,OAAd,EAAuBC,YAAY,CAACP,SAAS,CAACM,OAAX,CAAZ;IACvB,IAAIR,eAAJ,EACEE,SAAS,CAACM,OAAV,GAAoBE,UAAU,CAAC,MAAMV,eAAe,CAACI,KAAD,CAAtB,EAA+BH,SAA/B,CAA9B;EACH,CAJD,EAIG,CAACG,KAAD,CAJH;EAMA,OAAO,CAACA,KAAD,EAAQC,QAAR,CAAP;AACD"}
+{"version":3,"file":"useDebouncedState.js","sources":["../../src/hooks/useDebouncedState.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';\n\n/**\n * @param initialState\n * @param timeoutCallback callback to be called after bouncing ends. Should be memoized.\n * @param timeoutMs\n */\nexport function useDebouncedState<S>(\n  initialState: S | (() => S),\n  timeoutCallback?: (state: S) => void,\n  timeoutMs = 166\n): [S, Dispatch<SetStateAction<S>>] {\n  const timeoutId = useRef<number>();\n\n  const [state, setState] = useState<S>(initialState);\n\n  useEffect(() => {\n    if (timeoutId.current) clearTimeout(timeoutId.current);\n    if (timeoutCallback)\n      timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);\n  }, [state]);\n\n  return [state, setState];\n}\n"],"names":["useRef","useState","useEffect"],"mappings":";;;;;;AAOO,SAAS,iBACd,CAAA,YAAA,EACA,eACA,EAAA,SAAA,GAAY,GACsB,EAAA;AAClC,EAAA,MAAM,YAAYA,YAAe,EAAA,CAAA;AAEjC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIC,eAAY,YAAY,CAAA,CAAA;AAElD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAU,CAAA,OAAA;AAAS,MAAA,YAAA,CAAa,UAAU,OAAO,CAAA,CAAA;AACrD,IAAI,IAAA,eAAA;AACF,MAAA,SAAA,CAAU,UAAU,UAAW,CAAA,MAAM,eAAgB,CAAA,KAAK,GAAG,SAAS,CAAA,CAAA;AAAA,GAC1E,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAO,OAAA,CAAC,OAAO,QAAQ,CAAA,CAAA;AACzB;;;;"}

package/dist/hooks/useTheme.js

@@ -1,13 +1,10 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTheme = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _react = require("@emotion/react");
+var react = require('@emotion/react');
 
-const useTheme = () => (0, _react.useTheme)();
+const useTheme = () => react.useTheme();
 
 exports.useTheme = useTheme;
-//# sourceMappingURL=useTheme.js.map
+//# sourceMappingURL=useTheme.js.map

package/dist/hooks/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","names":["useTheme","useEmotionTheme"],"sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useTheme as useEmotionTheme } from '@emotion/react';\nimport { ThemeProp } from '../types/defaults';\n\nexport const useTheme = (): ThemeProp => useEmotionTheme() as ThemeProp;\n"],"mappings":";;;;;;;AAAA;;AAGO,MAAMA,QAAQ,GAAG,MAAiB,IAAAC,eAAA,GAAlC"}
+{"version":3,"file":"useTheme.js","sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useTheme as useEmotionTheme } from '@emotion/react';\nimport { ThemeProp } from '../types/defaults';\n\nexport const useTheme = (): ThemeProp => useEmotionTheme() as ThemeProp;\n"],"names":["useEmotionTheme"],"mappings":";;;;;;AAGa,MAAA,QAAA,GAAW,MAAiBA,cAAgB;;;;"}