@tecsinapse/react-core 1.19.0 → 1.21.0-beta.13

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

@@ -1 +1 @@
-{"version":3,"file":"useNumberMask.js","names":["DEFAULT_OPTIONS","symbol","separator","decimal","precision","getRegex","RegExp","getInternalNumberAndMask","value","options","mergedOptions","internalNumber","stringValue","String","decimalIndex","indexOf","currentPrecision","length","zeros","i","Number","onlyNumbers","extractNumbersFromString","padZeros","padStart","replace","MAX_SAFE_INTEGER","MIN_SAFE_INTEGER","useNumberMask","defaultValue","applyMask","useCallback","raw","formatted","currency","format","setValue","useState","handleChangeValue","formattedValue"],"sources":["../../../../../src/components/atoms/Input/hooks/useNumberMask.ts"],"sourcesContent":["import currency from 'currency.js';\nimport { useCallback, useState } from 'react';\nimport { extractNumbersFromString } from '../../../../utils/extractNumbersFromString';\nimport { MaskValue } from './useStringMask';\n\nexport type CurrencyOptions = currency.Options;\n\nconst DEFAULT_OPTIONS: CurrencyOptions = {\n  symbol: 'R$ ',\n  separator: '.',\n  decimal: ',',\n  precision: 2,\n};\n\nconst getRegex = (precision: number) =>\n  new RegExp(`\\\\B(?=(\\\\d{${precision}})(?!\\\\d))`, 'g');\n\nexport const getInternalNumberAndMask = (\n  value: string | number,\n  options?: CurrencyOptions\n): { internalNumber: number; mergedOptions: CurrencyOptions } => {\n  const mergedOptions = { ...DEFAULT_OPTIONS, ...options };\n  const { precision = -1 } = mergedOptions;\n\n  let internalNumber;\n\n  if (typeof value === 'number') {\n    if (precision) {\n      let stringValue = String(value);\n      const decimalIndex = stringValue.indexOf('.');\n      const currentPrecision = decimalIndex + precision;\n      if (decimalIndex !== -1 && currentPrecision <= stringValue.length) {\n        const zeros = stringValue.length + 1 - currentPrecision;\n        for (let i = 0; i < zeros; i++) stringValue = stringValue + `0`;\n      }\n      internalNumber = Number(stringValue);\n    } else {\n      internalNumber = value;\n    }\n  } else {\n    const onlyNumbers = String(extractNumbersFromString(value));\n    const padZeros = String(onlyNumbers).padStart(precision + 1, '0');\n    internalNumber = Number(padZeros.replace(getRegex(precision), '.'));\n  }\n\n  if (internalNumber > Number.MAX_SAFE_INTEGER) {\n    internalNumber = Number.MAX_SAFE_INTEGER;\n  }\n\n  if (internalNumber < Number.MIN_SAFE_INTEGER) {\n    internalNumber = Number.MIN_SAFE_INTEGER;\n  }\n\n  return {\n    internalNumber,\n    mergedOptions,\n  };\n};\n\n/**\n * TODO:\n * @param options\n * @param defaultValue\n * @returns\n */\nexport const useNumberMask = (\n  options?: CurrencyOptions,\n  defaultValue?: string | number\n): [MaskValue, (value: string | number) => void] => {\n  const applyMask = useCallback(\n    (value: string | number = 0): MaskValue => {\n      const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n        value,\n        options\n      );\n\n      return {\n        raw: internalNumber,\n        formatted: currency(internalNumber).format(mergedOptions),\n      };\n    },\n    [options, getRegex]\n  );\n\n  const [value, setValue] = useState<MaskValue>(applyMask(defaultValue));\n\n  const handleChangeValue = useCallback(\n    (formattedValue: string | number) => {\n      const { raw, formatted } = applyMask(formattedValue);\n      setValue({\n        raw,\n        formatted,\n      });\n    },\n    [applyMask, setValue]\n  );\n\n  return [value, handleChangeValue];\n};\n"],"mappings":"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"}
+{"version":3,"file":"useNumberMask.js","sources":["../../../../../src/components/atoms/Input/hooks/useNumberMask.ts"],"sourcesContent":["import currency from 'currency.js';\nimport { useCallback, useState } from 'react';\nimport { extractNumbersFromString } from '../../../../utils/extractNumbersFromString';\nimport { MaskValue } from './useStringMask';\n\nexport type CurrencyOptions = currency.Options;\n\nconst DEFAULT_OPTIONS: CurrencyOptions = {\n  symbol: 'R$ ',\n  separator: '.',\n  decimal: ',',\n  precision: 2,\n};\n\nconst getRegex = (precision: number) =>\n  new RegExp(`\\\\B(?=(\\\\d{${precision}})(?!\\\\d))`, 'g');\n\nexport const getInternalNumberAndMask = (\n  value: string | number,\n  options?: CurrencyOptions\n): { internalNumber: number; mergedOptions: CurrencyOptions } => {\n  const mergedOptions = { ...DEFAULT_OPTIONS, ...options };\n  const { precision = -1 } = mergedOptions;\n\n  let internalNumber;\n\n  if (typeof value === 'number') {\n    if (precision) {\n      let stringValue = String(value);\n      const decimalIndex = stringValue.indexOf('.');\n      const currentPrecision = decimalIndex + precision;\n      if (decimalIndex !== -1 && currentPrecision <= stringValue.length) {\n        const zeros = stringValue.length + 1 - currentPrecision;\n        for (let i = 0; i < zeros; i++) stringValue = stringValue + `0`;\n      }\n      internalNumber = Number(stringValue);\n    } else {\n      internalNumber = value;\n    }\n  } else {\n    const onlyNumbers = String(extractNumbersFromString(value));\n    const padZeros = String(onlyNumbers).padStart(precision + 1, '0');\n    internalNumber = Number(padZeros.replace(getRegex(precision), '.'));\n  }\n\n  if (internalNumber > Number.MAX_SAFE_INTEGER) {\n    internalNumber = Number.MAX_SAFE_INTEGER;\n  }\n\n  if (internalNumber < Number.MIN_SAFE_INTEGER) {\n    internalNumber = Number.MIN_SAFE_INTEGER;\n  }\n\n  return {\n    internalNumber,\n    mergedOptions,\n  };\n};\n\n/**\n * TODO:\n * @param options\n * @param defaultValue\n * @returns\n */\nexport const useNumberMask = (\n  options?: CurrencyOptions,\n  defaultValue?: string | number\n): [MaskValue, (value: string | number) => void] => {\n  const applyMask = useCallback(\n    (value: string | number = 0): MaskValue => {\n      const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n        value,\n        options\n      );\n\n      return {\n        raw: internalNumber,\n        formatted: currency(internalNumber).format(mergedOptions),\n      };\n    },\n    [options, getRegex]\n  );\n\n  const [value, setValue] = useState<MaskValue>(applyMask(defaultValue));\n\n  const handleChangeValue = useCallback(\n    (formattedValue: string | number) => {\n      const { raw, formatted } = applyMask(formattedValue);\n      setValue({\n        raw,\n        formatted,\n      });\n    },\n    [applyMask, setValue]\n  );\n\n  return [value, handleChangeValue];\n};\n"],"names":["extractNumbersFromString","useCallback","value","currency","useState"],"mappings":"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"}

package/dist/components/atoms/Input/hooks/useStringMask.js

@@ -1,34 +1,28 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.useStringMask = exports.mergeMask = exports.getMask = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _react = require("react");
+var React = require('react');
 
-const mergeMask = (value = '', mask) => {
-  let formatted = '';
-  let raw = '';
+const mergeMask = (value = "", mask) => {
+  let formatted = "";
+  let raw = "";
   let iMask = 0;
   let iChars = 0;
-
   while (!(iMask === mask.length || iChars === value.length)) {
     const maskChar = mask[iMask];
     const valueChar = value[iChars];
-
     if (maskChar === valueChar) {
       formatted += maskChar;
       iChars++;
       iMask++;
       continue;
     }
-
     const rawValueChar = value[iChars];
-
-    if (typeof maskChar === 'object') {
+    if (typeof maskChar === "object") {
       iChars++;
       const maskCharRegex = Array.isArray(maskChar) ? maskChar[0] : maskChar;
       const matchRegex = RegExp(maskCharRegex).test(valueChar);
-
       if (matchRegex) {
         formatted += valueChar;
         raw += rawValueChar;
@@ -39,69 +33,69 @@ const mergeMask = (value = '', mask) => {
       iMask++;
     }
   }
-
-  return {
-    raw,
-    formatted
-  };
+  return { raw, formatted };
 };
-
-exports.mergeMask = mergeMask;
-
 const getMask = (mask, newValue) => {
   let maskArray;
   const regexArray = [];
-
-  if (typeof mask === 'function') {
+  if (typeof mask === "function") {
     maskArray = mask(newValue);
   } else {
     maskArray = mask;
   }
-
-  maskArray.forEach(exp => {
-    if (typeof exp !== 'string') {
-      if (Array.isArray(exp)) regexArray.push(exp);else regexArray.push(exp);
+  maskArray.forEach((exp) => {
+    if (typeof exp !== "string") {
+      if (Array.isArray(exp))
+        regexArray.push(exp);
+      else
+        regexArray.push(exp);
     } else {
       for (let i = 0; i < exp.length; i++) {
-        if (exp[i] === '\\') {
+        if (exp[i] === "\\") {
           regexArray.push(exp[i + 1]);
           i++;
         } else {
-          if (exp[i] === '9') regexArray.push(/\d/);else if (exp[i] === 'a') regexArray.push(/[a-zA-Z]/);else regexArray.push(exp[i]);
+          if (exp[i] === "9")
+            regexArray.push(/\d/);
+          else if (exp[i] === "a")
+            regexArray.push(/[a-zA-Z]/);
+          else
+            regexArray.push(exp[i]);
         }
       }
     }
   });
   return regexArray;
 };
-
-exports.getMask = getMask;
-
 const useStringMask = (mask, defaultValue) => {
-  const applyMask = (0, _react.useCallback)((value = '') => {
-    const selectedMask = getMask(mask, value);
-    const {
-      formatted,
-      raw
-    } = mergeMask(value, selectedMask);
-    return {
-      raw,
-      formatted
-    };
-  }, [mask]);
-  const [value, setValue] = (0, _react.useState)(applyMask(defaultValue == null ? void 0 : defaultValue.toString()));
-  const handleChangeValue = (0, _react.useCallback)(formattedValue => {
-    const {
-      raw,
-      formatted
-    } = applyMask(formattedValue == null ? void 0 : formattedValue.toString());
-    setValue({
-      raw,
-      formatted
-    });
-  }, [applyMask, setValue]);
+  const applyMask = React.useCallback(
+    (value2 = "") => {
+      const selectedMask = getMask(mask, value2);
+      const { formatted, raw } = mergeMask(value2, selectedMask);
+      return {
+        raw,
+        formatted
+      };
+    },
+    [mask]
+  );
+  const [value, setValue] = React.useState(
+    applyMask(defaultValue == null ? void 0 : defaultValue.toString())
+  );
+  const handleChangeValue = React.useCallback(
+    (formattedValue) => {
+      const { raw, formatted } = applyMask(formattedValue == null ? void 0 : formattedValue.toString());
+      setValue({
+        raw,
+        formatted
+      });
+    },
+    [applyMask, setValue]
+  );
   return [value, handleChangeValue];
 };
 
+exports.getMask = getMask;
+exports.mergeMask = mergeMask;
 exports.useStringMask = useStringMask;
-//# sourceMappingURL=useStringMask.js.map
+//# sourceMappingURL=useStringMask.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useStringMask.js","names":["mergeMask","value","mask","formatted","raw","iMask","iChars","length","maskChar","valueChar","rawValueChar","maskCharRegex","Array","isArray","matchRegex","RegExp","test","getMask","newValue","maskArray","regexArray","forEach","exp","push","i","useStringMask","defaultValue","applyMask","useCallback","selectedMask","setValue","useState","toString","handleChangeValue","formattedValue"],"sources":["../../../../../src/components/atoms/Input/hooks/useStringMask.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport interface MaskValue {\n  formatted?: string;\n  raw?: string | number;\n}\n\nexport type MaskType = string | RegExp | Array<RegExp>;\n\n/**\n * TODO:\n * @param value\n * @param mask\n * @returns\n */\nexport const mergeMask = (value = '', mask: MaskType[]): MaskValue => {\n  let formatted = '';\n  let raw = '';\n  let iMask = 0;\n  let iChars = 0;\n\n  while (!(iMask === mask.length || iChars === value.length)) {\n    const maskChar = mask[iMask];\n    const valueChar = value[iChars];\n\n    if (maskChar === valueChar) {\n      formatted += maskChar;\n      iChars++;\n      iMask++;\n      continue;\n    }\n\n    const rawValueChar = value[iChars];\n\n    if (typeof maskChar === 'object') {\n      iChars++;\n\n      const maskCharRegex = Array.isArray(maskChar) ? maskChar[0] : maskChar;\n      const matchRegex = RegExp(maskCharRegex).test(valueChar);\n\n      if (matchRegex) {\n        formatted += valueChar;\n        raw += rawValueChar;\n        iMask++;\n      }\n    } else {\n      formatted += maskChar;\n      iMask++;\n    }\n  }\n\n  return { raw, formatted };\n};\n\nexport const getMask = (\n  mask: MaskType[] | ((value: string) => MaskType[]),\n  newValue: string\n): MaskType[] => {\n  let maskArray: MaskType[];\n  const regexArray: MaskType[] = [];\n\n  if (typeof mask === 'function') {\n    maskArray = mask(newValue);\n  } else {\n    maskArray = mask;\n  }\n\n  maskArray.forEach(exp => {\n    if (typeof exp !== 'string') {\n      if (Array.isArray(exp)) regexArray.push(exp);\n      else regexArray.push(exp);\n    } else {\n      for (let i = 0; i < exp.length; i++) {\n        if (exp[i] === '\\\\') {\n          regexArray.push(exp[i + 1]);\n          i++;\n        } else {\n          if (exp[i] === '9') regexArray.push(/\\d/);\n          else if (exp[i] === 'a') regexArray.push(/[a-zA-Z]/);\n          else regexArray.push(exp[i]);\n        }\n      }\n    }\n  });\n\n  return regexArray;\n};\n\n/**\n * TODO:\n * @param mask\n * @param defaultValue\n * @returns\n */\nexport const useStringMask = (\n  mask: MaskType[] | ((value: string) => MaskType[]),\n  defaultValue?: string | number\n): [MaskValue, (text: string | number) => void] => {\n  const applyMask = useCallback(\n    (value = ''): MaskValue => {\n      const selectedMask = getMask(mask, value);\n      const { formatted, raw } = mergeMask(value, selectedMask);\n\n      return {\n        raw,\n        formatted,\n      };\n    },\n    [mask]\n  );\n\n  const [value, setValue] = useState<MaskValue>(\n    applyMask(defaultValue?.toString())\n  );\n\n  const handleChangeValue = useCallback(\n    (formattedValue: string | number) => {\n      const { raw, formatted } = applyMask(formattedValue?.toString());\n      setValue({\n        raw,\n        formatted,\n      });\n    },\n    [applyMask, setValue]\n  );\n\n  return [value, handleChangeValue];\n};\n"],"mappings":"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"}
+{"version":3,"file":"useStringMask.js","sources":["../../../../../src/components/atoms/Input/hooks/useStringMask.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport interface MaskValue {\n  formatted?: string;\n  raw?: string | number;\n}\n\nexport type MaskType = string | RegExp | Array<RegExp>;\n\n/**\n * TODO:\n * @param value\n * @param mask\n * @returns\n */\nexport const mergeMask = (value = '', mask: MaskType[]): MaskValue => {\n  let formatted = '';\n  let raw = '';\n  let iMask = 0;\n  let iChars = 0;\n\n  while (!(iMask === mask.length || iChars === value.length)) {\n    const maskChar = mask[iMask];\n    const valueChar = value[iChars];\n\n    if (maskChar === valueChar) {\n      formatted += maskChar;\n      iChars++;\n      iMask++;\n      continue;\n    }\n\n    const rawValueChar = value[iChars];\n\n    if (typeof maskChar === 'object') {\n      iChars++;\n\n      const maskCharRegex = Array.isArray(maskChar) ? maskChar[0] : maskChar;\n      const matchRegex = RegExp(maskCharRegex).test(valueChar);\n\n      if (matchRegex) {\n        formatted += valueChar;\n        raw += rawValueChar;\n        iMask++;\n      }\n    } else {\n      formatted += maskChar;\n      iMask++;\n    }\n  }\n\n  return { raw, formatted };\n};\n\nexport const getMask = (\n  mask: MaskType[] | ((value: string) => MaskType[]),\n  newValue: string\n): MaskType[] => {\n  let maskArray: MaskType[];\n  const regexArray: MaskType[] = [];\n\n  if (typeof mask === 'function') {\n    maskArray = mask(newValue);\n  } else {\n    maskArray = mask;\n  }\n\n  maskArray.forEach(exp => {\n    if (typeof exp !== 'string') {\n      if (Array.isArray(exp)) regexArray.push(exp);\n      else regexArray.push(exp);\n    } else {\n      for (let i = 0; i < exp.length; i++) {\n        if (exp[i] === '\\\\') {\n          regexArray.push(exp[i + 1]);\n          i++;\n        } else {\n          if (exp[i] === '9') regexArray.push(/\\d/);\n          else if (exp[i] === 'a') regexArray.push(/[a-zA-Z]/);\n          else regexArray.push(exp[i]);\n        }\n      }\n    }\n  });\n\n  return regexArray;\n};\n\n/**\n * TODO:\n * @param mask\n * @param defaultValue\n * @returns\n */\nexport const useStringMask = (\n  mask: MaskType[] | ((value: string) => MaskType[]),\n  defaultValue?: string | number\n): [MaskValue, (text: string | number) => void] => {\n  const applyMask = useCallback(\n    (value = ''): MaskValue => {\n      const selectedMask = getMask(mask, value);\n      const { formatted, raw } = mergeMask(value, selectedMask);\n\n      return {\n        raw,\n        formatted,\n      };\n    },\n    [mask]\n  );\n\n  const [value, setValue] = useState<MaskValue>(\n    applyMask(defaultValue?.toString())\n  );\n\n  const handleChangeValue = useCallback(\n    (formattedValue: string | number) => {\n      const { raw, formatted } = applyMask(formattedValue?.toString());\n      setValue({\n        raw,\n        formatted,\n      });\n    },\n    [applyMask, setValue]\n  );\n\n  return [value, handleChangeValue];\n};\n"],"names":["useCallback","value","useState"],"mappings":"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"}

package/dist/components/atoms/Input/index.d.ts

@@ -2,8 +2,12 @@ export { default as Hint } from './Hint';
 export * from './hooks/useInputFocus';
 export * from './hooks/useNumberMask';
 export * from './hooks/useStringMask';
-export { default as InputContainer, InputContainerProps, InputVariantType, } from './InputContainer/InputContainer';
-export { default as InputElement, InputElementProps, } from './InputElement/InputElement';
-export { default as InputMaskElement, InputMaskElementProps, } from './InputMaskElement/InputMaskElement';
-export { PressableInputContainer, PressableInputContainerProps, } from './PressableInputContainer';
+export { default as InputContainer } from './InputContainer/InputContainer';
+export type { InputContainerProps, InputVariantType, } from './InputContainer/InputContainer';
+export { default as InputElement } from './InputElement/InputElement';
+export type { InputElementProps } from './InputElement/InputElement';
+export { default as InputMaskElement } from './InputMaskElement/InputMaskElement';
+export type { InputMaskElementProps } from './InputMaskElement/InputMaskElement';
+export { PressableInputContainer } from './PressableInputContainer';
+export type { PressableInputContainerProps } from './PressableInputContainer';
 export { StyledBorderKeeper, disabledInputStyles } from './styled';

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

@@ -1,136 +1,111 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.disabledInputStyles = exports.StyledLabelContainer = exports.StyledInputElementBase = exports.StyledInputElement = exports.StyledInputContainer = exports.StyledIconContent = exports.StyledHintIcon = exports.StyledHintContainer = exports.StyledBorderKeeper = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireWildcard(require("@emotion/native"));
+var styled = require('@emotion/native');
+var reactNative = require('react-native');
+var ResponsiveFontSize = require('../../../utils/ResponsiveFontSize.js');
+var Icon = require('../Icon/Icon.js');
 
-var _reactNative = require("react-native");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _ResponsiveFontSize = require("../../../utils/ResponsiveFontSize");
-
-var _Icon = require("../Icon");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const leftIconStyles = ({
   leftComponent,
   theme
-}) => !leftComponent && (0, _native.css)`
+}) => !leftComponent && styled.css`
     padding-left: ${theme.spacing.centi};
   `;
-
 const rightIconStyles = ({
   rightComponent,
   theme
-}) => !rightComponent && (0, _native.css)`
+}) => !rightComponent && styled.css`
     padding-right: ${theme.spacing.centi};
   `;
-
 const disabledContainerStyles = ({
   disabled
-}) => disabled && (0, _native.css)`
+}) => disabled && styled.css`
     background-color: transparent;
   `;
-
 const disabledInputStyles = ({
   disabled,
   theme
-}) => disabled && (0, _native.css)`
+}) => disabled && styled.css`
     color: ${theme == null ? void 0 : theme.color.secondary.light};
   `;
-
-exports.disabledInputStyles = disabledInputStyles;
-
 const focusedStyles = ({
   focused,
-  borderColor = 'secondary',
+  borderColor = "secondary",
   theme
-}) => focused && (0, _native.css)`
+}) => focused && styled.css`
     border-width: ${theme.borderWidth.nano};
     border-color: ${theme.color[borderColor].dark};
   `;
-
-const StyledIconContent = _native.default.View`
-  z-index: ${({
-  theme
-}) => theme.zIndex.default};
+const StyledIconContent = styled__default["default"].View`
+  z-index: ${({ theme }) => theme.zIndex.default};
   flex-direction: row;
   align-items: center;
 `;
-exports.StyledIconContent = StyledIconContent;
-const StyledInputContainer = _native.default.View`
+const StyledInputContainer = styled__default["default"].View`
   flex-direction: row;
   align-items: center;
-  min-height: ${(0, _ResponsiveFontSize.RFValueStr)('44px')};
+  min-height: ${ResponsiveFontSize.RFValueStr("44px")};
 `;
-exports.StyledInputContainer = StyledInputContainer;
-const StyledInputElementBase = (0, _native.default)(_reactNative.TextInput)`
-  font-family: ${({
-  theme
-}) => `'${theme.font.stack.default}'`};
-  font-size: ${({
-  theme
-}) => theme.typography.base.fontSize};
-  font-weight: ${({
-  theme
-}) => theme.font.weight.bold};
-  color: ${({
-  theme
-}) => theme.font.color.dark};
+const StyledInputElementBase = styled__default["default"](reactNative.TextInput)`
+  font-family: ${({ theme }) => `'${theme.font.stack.default}'`};
+  font-size: ${({ theme }) => theme.typography.base.fontSize};
+  font-weight: ${({ theme }) => theme.font.weight.bold};
+  color: ${({ theme }) => theme.font.color.dark};
 `;
-exports.StyledInputElementBase = StyledInputElementBase;
-
-const StyledLabelContainer = _native.default.View(props => (0, _native.css)`
+const StyledLabelContainer = styled__default["default"].View(
+  (props) => styled.css`
     flex: 1;
     padding: ${props.theme.spacing.micro} 0;
     ${leftIconStyles(props)}
     ${rightIconStyles(props)}
-  `);
-
-exports.StyledLabelContainer = StyledLabelContainer;
-const StyledBorderKeeperBase = _native.default.View`
-  background-color: ${({
-  theme
-}) => theme.miscellaneous.surfaceColor};
+  `
+);
+const StyledBorderKeeperBase = styled__default["default"].View`
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
   border-color: ${({
   theme,
-  borderColor = 'secondary',
-  borderColorGradation = 'light'
+  borderColor = "secondary",
+  borderColorGradation = "light"
 }) => theme.color[borderColor][borderColorGradation]};
-  border-radius: ${({
-  theme
-}) => theme.borderRadius.mili};
-  border-width: ${({
-  theme
-}) => theme.borderWidth.pico};
+  border-radius: ${({ theme }) => theme.borderRadius.mili};
+  border-width: ${({ theme }) => theme.borderWidth.pico};
   position: absolute;
   width: 100%;
   height: 100%;
 `;
-const StyledBorderKeeper = (0, _native.default)(StyledBorderKeeperBase)(props => (0, _native.css)`
+const StyledBorderKeeper = styled__default["default"](StyledBorderKeeperBase)(
+  (props) => styled.css`
     ${focusedStyles(props)}
     ${disabledContainerStyles(props)}
-  `);
-exports.StyledBorderKeeper = StyledBorderKeeper;
-const StyledInputElement = (0, _native.default)(StyledInputElementBase)(props => (0, _native.css)`
+  `
+);
+const StyledInputElement = styled__default["default"](StyledInputElementBase)(
+  (props) => styled.css`
     ${disabledInputStyles(props)}
-  `);
-exports.StyledInputElement = StyledInputElement;
-const StyledHintContainer = _native.default.View`
-  margin-top: ${({
-  theme
-}) => theme.spacing.micro};
+  `
+);
+const StyledHintContainer = styled__default["default"].View`
+  margin-top: ${({ theme }) => theme.spacing.micro};
   flex-direction: row;
   align-items: center;
 `;
-exports.StyledHintContainer = StyledHintContainer;
-const StyledHintIcon = (0, _native.default)(_Icon.Icon)`
-  margin-right: ${({
-  theme
-}) => theme.spacing.micro};
+const StyledHintIcon = styled__default["default"](Icon)`
+  margin-right: ${({ theme }) => theme.spacing.micro};
 `;
+
+exports.StyledBorderKeeper = StyledBorderKeeper;
+exports.StyledHintContainer = StyledHintContainer;
 exports.StyledHintIcon = StyledHintIcon;
-//# sourceMappingURL=styled.js.map
+exports.StyledIconContent = StyledIconContent;
+exports.StyledInputContainer = StyledInputContainer;
+exports.StyledInputElement = StyledInputElement;
+exports.StyledInputElementBase = StyledInputElementBase;
+exports.StyledLabelContainer = StyledLabelContainer;
+exports.disabledInputStyles = disabledInputStyles;
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["leftIconStyles","leftComponent","theme","css","spacing","centi","rightIconStyles","rightComponent","disabledContainerStyles","disabled","disabledInputStyles","color","secondary","light","focusedStyles","focused","borderColor","borderWidth","nano","dark","StyledIconContent","styled","View","zIndex","default","StyledInputContainer","RFValueStr","StyledInputElementBase","TextInput","font","stack","typography","base","fontSize","weight","bold","StyledLabelContainer","props","micro","StyledBorderKeeperBase","miscellaneous","surfaceColor","borderColorGradation","borderRadius","mili","pico","StyledBorderKeeper","StyledInputElement","StyledHintContainer","StyledHintIcon","Icon"],"sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { TextInput } from 'react-native';\nimport { InputElementProps } from '.';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils/ResponsiveFontSize';\nimport { Icon } from '../Icon';\nimport { InputContainerProps } from './InputContainer/InputContainer';\n\nconst leftIconStyles = ({\n  leftComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !leftComponent &&\n  css`\n    padding-left: ${theme.spacing.centi};\n  `;\n\nconst rightIconStyles = ({\n  rightComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !rightComponent &&\n  css`\n    padding-right: ${theme.spacing.centi};\n  `;\n\nconst disabledContainerStyles = ({\n  disabled,\n}: Partial<InputContainerProps> & StyleProps) =>\n  disabled &&\n  css`\n    background-color: transparent;\n  `;\n\nexport const disabledInputStyles = ({\n  disabled,\n  theme,\n}: Partial<InputContainerProps> & Partial<StyleProps>) =>\n  disabled &&\n  css`\n    color: ${theme?.color.secondary.light};\n  `;\n\nconst focusedStyles = ({\n  focused,\n  borderColor = 'secondary',\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  focused &&\n  css`\n    border-width: ${theme.borderWidth.nano};\n    border-color: ${theme.color[borderColor].dark};\n  `;\n\nexport const StyledIconContent = styled.View<Partial<StyleProps>>`\n  z-index: ${({ theme }) => theme.zIndex.default};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledInputContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  flex-direction: row;\n  align-items: center;\n  min-height: ${RFValueStr('44px')};\n`;\n\nexport const StyledInputElementBase = styled(TextInput)<\n  InputElementProps & Partial<StyleProps>\n>`\n  font-family: ${({ theme }) => `'${theme.font.stack.default}'`};\n  font-size: ${({ theme }) => theme.typography.base.fontSize};\n  font-weight: ${({ theme }) => theme.font.weight.bold};\n  color: ${({ theme }) => theme.font.color.dark};\n`;\n\nexport const StyledLabelContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>(\n  props => css`\n    flex: 1;\n    padding: ${props.theme.spacing.micro} 0;\n    ${leftIconStyles(props)}\n    ${rightIconStyles(props)}\n  `\n);\n\nconst StyledBorderKeeperBase = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  border-color: ${({\n    theme,\n    borderColor = 'secondary',\n    borderColorGradation = 'light',\n  }) => theme.color[borderColor][borderColorGradation]};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  border-width: ${({ theme }) => theme.borderWidth.pico};\n  position: absolute;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBorderKeeper = styled(StyledBorderKeeperBase)<\n  Partial<StyleProps>\n>(\n  props => css`\n    ${focusedStyles(props)}\n    ${disabledContainerStyles(props)}\n  `\n);\n\nexport const StyledInputElement = styled(StyledInputElementBase)<\n  InputElementProps & Partial<StyleProps>\n>(\n  props => css`\n    ${disabledInputStyles(props)}\n  `\n);\n\nexport const StyledHintContainer = styled.View<Partial<StyleProps>>`\n  margin-top: ${({ theme }) => theme.spacing.micro};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledHintIcon = styled(Icon)<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n"],"mappings":"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"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { TextInput } from 'react-native';\nimport { InputElementProps } from '.';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils/ResponsiveFontSize';\nimport { Icon } from '../Icon';\nimport { InputContainerProps } from './InputContainer/InputContainer';\n\nconst leftIconStyles = ({\n  leftComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !leftComponent &&\n  css`\n    padding-left: ${theme.spacing.centi};\n  `;\n\nconst rightIconStyles = ({\n  rightComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !rightComponent &&\n  css`\n    padding-right: ${theme.spacing.centi};\n  `;\n\nconst disabledContainerStyles = ({\n  disabled,\n}: Partial<InputContainerProps> & StyleProps) =>\n  disabled &&\n  css`\n    background-color: transparent;\n  `;\n\nexport const disabledInputStyles = ({\n  disabled,\n  theme,\n}: Partial<InputContainerProps> & Partial<StyleProps>) =>\n  disabled &&\n  css`\n    color: ${theme?.color.secondary.light};\n  `;\n\nconst focusedStyles = ({\n  focused,\n  borderColor = 'secondary',\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  focused &&\n  css`\n    border-width: ${theme.borderWidth.nano};\n    border-color: ${theme.color[borderColor].dark};\n  `;\n\nexport const StyledIconContent = styled.View<Partial<StyleProps>>`\n  z-index: ${({ theme }) => theme.zIndex.default};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledInputContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  flex-direction: row;\n  align-items: center;\n  min-height: ${RFValueStr('44px')};\n`;\n\nexport const StyledInputElementBase = styled(TextInput)<\n  InputElementProps & Partial<StyleProps>\n>`\n  font-family: ${({ theme }) => `'${theme.font.stack.default}'`};\n  font-size: ${({ theme }) => theme.typography.base.fontSize};\n  font-weight: ${({ theme }) => theme.font.weight.bold};\n  color: ${({ theme }) => theme.font.color.dark};\n`;\n\nexport const StyledLabelContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>(\n  props => css`\n    flex: 1;\n    padding: ${props.theme.spacing.micro} 0;\n    ${leftIconStyles(props)}\n    ${rightIconStyles(props)}\n  `\n);\n\nconst StyledBorderKeeperBase = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  border-color: ${({\n    theme,\n    borderColor = 'secondary',\n    borderColorGradation = 'light',\n  }) => theme.color[borderColor][borderColorGradation]};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  border-width: ${({ theme }) => theme.borderWidth.pico};\n  position: absolute;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBorderKeeper = styled(StyledBorderKeeperBase)<\n  Partial<StyleProps>\n>(\n  props => css`\n    ${focusedStyles(props)}\n    ${disabledContainerStyles(props)}\n  `\n);\n\nexport const StyledInputElement = styled(StyledInputElementBase)<\n  InputElementProps & Partial<StyleProps>\n>(\n  props => css`\n    ${disabledInputStyles(props)}\n  `\n);\n\nexport const StyledHintContainer = styled.View<Partial<StyleProps>>`\n  margin-top: ${({ theme }) => theme.spacing.micro};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledHintIcon = styled(Icon)<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n"],"names":["css","styled","RFValueStr","TextInput"],"mappings":"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"}

package/dist/components/atoms/Paper/Paper.js

@@ -1,24 +1,55 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = void 0;
+var React = require('react');
+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 _styled = require("./styled");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Paper = (_a) => {
+  var _b = _a, {
+    children,
+    elevated = false
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "elevated"
+  ]);
+  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledPaper, __spreadProps(__spreadValues({}, rest), {
+    elevated
+  }), children);
+};
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Paper = ({
-  children,
-  elevated = false,
-  ...rest
-}) => _react.default.createElement(_styled.StyledPaper, _extends({}, rest, {
-  elevated: elevated
-}), children);
-
-var _default = Paper;
-exports.default = _default;
-//# sourceMappingURL=Paper.js.map
+module.exports = Paper;
+//# sourceMappingURL=Paper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","names":["Paper","children","elevated","rest"],"sources":["../../../../src/components/atoms/Paper/Paper.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { StyledPaper } from './styled';\n\nexport interface PaperProps {\n  /** Creates elevation shadow */\n  elevated?: boolean;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Paper: FC<PaperProps> = ({\n  children,\n  elevated = false,\n  ...rest\n}): JSX.Element => (\n  <StyledPaper {...rest} elevated={elevated}>\n    {children}\n  </StyledPaper>\n);\n\nexport default Paper;\n"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAQA,MAAMA,KAAqB,GAAG,CAAC;EAC7BC,QAD6B;EAE7BC,QAAQ,GAAG,KAFkB;EAG7B,GAAGC;AAH0B,CAAD,KAK5B,6BAAC,mBAAD,eAAiBA,IAAjB;EAAuB,QAAQ,EAAED;AAAjC,IACGD,QADH,CALF;;eAUeD,K"}
+{"version":3,"file":"Paper.js","sources":["../../../../src/components/atoms/Paper/Paper.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { StyledPaper } from './styled';\n\nexport interface PaperProps {\n  /** Creates elevation shadow */\n  elevated?: boolean;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Paper: FC<PaperProps> = ({\n  children,\n  elevated = false,\n  ...rest\n}): JSX.Element => (\n  <StyledPaper {...rest} elevated={elevated}>\n    {children}\n  </StyledPaper>\n);\n\nexport default Paper;\n"],"names":["React","StyledPaper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,KAAA,GAAwB,CAAC,EAIf,KAAA;AAJe,EAC7B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,GAZb,GAU+B,EAG1B,EAAA,IAAA,GAAA,SAAA,CAH0B,EAG1B,EAAA;AAAA,IAFH,UAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBAAAA,yBAAA,CAAA,aAAA,CAACC,qDAAgB,IAAhB,CAAA,EAAA;AAAA,IAAsB,QAAA;AAAA,GAAA,CAAA,EACpB,QACH,CAAA,CAAA;AAAA;;;;"}

package/dist/components/atoms/Paper/Paper.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story } from '@storybook/react';
+import React from 'react';
+import { PaperProps } from './Paper';
+declare const _default: {
+    title: string;
+    component: React.FC<PaperProps>;
+};
+export default _default;
+export declare const Base: Story<PaperProps>;

package/dist/components/atoms/Paper/index.d.ts

@@ -1 +1,2 @@
-export { default as Paper, PaperProps } from './Paper';
+export { default as Paper } from './Paper';
+export type { PaperProps } from './Paper';