@tecsinapse/react-core 1.19.0 → 1.20.0

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

@@ -0,0 +1,116 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+import { useCallback, useState } from 'react';
+export var mergeMask = function mergeMask() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var mask = arguments.length > 1 ? arguments[1] : undefined;
+  var formatted = '';
+  var raw = '';
+  var iMask = 0;
+  var iChars = 0;
+
+  while (!(iMask === mask.length || iChars === value.length)) {
+    var maskChar = mask[iMask];
+    var valueChar = value[iChars];
+
+    if (maskChar === valueChar) {
+      formatted += maskChar;
+      iChars++;
+      iMask++;
+      continue;
+    }
+
+    var rawValueChar = value[iChars];
+
+    if (_typeof(maskChar) === 'object') {
+      iChars++;
+      var maskCharRegex = Array.isArray(maskChar) ? maskChar[0] : maskChar;
+      var matchRegex = RegExp(maskCharRegex).test(valueChar);
+
+      if (matchRegex) {
+        formatted += valueChar;
+        raw += rawValueChar;
+        iMask++;
+      }
+    } else {
+      formatted += maskChar;
+      iMask++;
+    }
+  }
+
+  return {
+    raw: raw,
+    formatted: formatted
+  };
+};
+export var getMask = function getMask(mask, newValue) {
+  var maskArray;
+  var regexArray = [];
+
+  if (typeof mask === 'function') {
+    maskArray = mask(newValue);
+  } else {
+    maskArray = mask;
+  }
+
+  maskArray.forEach(function (exp) {
+    if (typeof exp !== 'string') {
+      if (Array.isArray(exp)) regexArray.push(exp);else regexArray.push(exp);
+    } else {
+      for (var i = 0; i < exp.length; 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]);
+        }
+      }
+    }
+  });
+  return regexArray;
+};
+export var useStringMask = function useStringMask(mask, defaultValue) {
+  var applyMask = useCallback(function () {
+    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var selectedMask = getMask(mask, value);
+
+    var _mergeMask = mergeMask(value, selectedMask),
+        formatted = _mergeMask.formatted,
+        raw = _mergeMask.raw;
+
+    return {
+      raw: raw,
+      formatted: formatted
+    };
+  }, [mask]);
+
+  var _useState = useState(applyMask(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.toString())),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  var handleChangeValue = useCallback(function (formattedValue) {
+    var _applyMask = applyMask(formattedValue === null || formattedValue === void 0 ? void 0 : formattedValue.toString()),
+        raw = _applyMask.raw,
+        formatted = _applyMask.formatted;
+
+    setValue({
+      raw: raw,
+      formatted: formatted
+    });
+  }, [applyMask, setValue]);
+  return [value, handleChangeValue];
+};
+//# sourceMappingURL=useStringMask.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStringMask.js","names":["useCallback","useState","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","selectedMask","toString","setValue","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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"}

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

@@ -0,0 +1,13 @@
+export { default as Hint } from './Hint';
+export * from './hooks/useInputFocus';
+export * from './hooks/useNumberMask';
+export * from './hooks/useStringMask';
+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/esm/components/atoms/Input/index.js

@@ -0,0 +1,10 @@
+export { default as Hint } from './Hint';
+export * from './hooks/useInputFocus';
+export * from './hooks/useNumberMask';
+export * from './hooks/useStringMask';
+export { default as InputContainer } from './InputContainer/InputContainer';
+export { default as InputElement } from './InputElement/InputElement';
+export { default as InputMaskElement } from './InputMaskElement/InputMaskElement';
+export { PressableInputContainer } from './PressableInputContainer';
+export { StyledBorderKeeper, disabledInputStyles } from './styled';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Hint","InputContainer","InputElement","InputMaskElement","PressableInputContainer","StyledBorderKeeper","disabledInputStyles"],"sources":["../../../../src/components/atoms/Input/index.ts"],"sourcesContent":["export { default as Hint } from './Hint';\nexport * from './hooks/useInputFocus';\nexport * from './hooks/useNumberMask';\nexport * from './hooks/useStringMask';\nexport { default as InputContainer } from './InputContainer/InputContainer';\nexport type {\n  InputContainerProps,\n  InputVariantType,\n} from './InputContainer/InputContainer';\nexport { default as InputElement } from './InputElement/InputElement';\nexport type { InputElementProps } from './InputElement/InputElement';\nexport { default as InputMaskElement } from './InputMaskElement/InputMaskElement';\nexport type { InputMaskElementProps } from './InputMaskElement/InputMaskElement';\nexport { PressableInputContainer } from './PressableInputContainer';\nexport type { PressableInputContainerProps } from './PressableInputContainer';\nexport { StyledBorderKeeper, disabledInputStyles } from './styled';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAApB,QAAgC,QAAhC;AACA,cAAc,uBAAd;AACA,cAAc,uBAAd;AACA,cAAc,uBAAd;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,iCAA1C;AAKA,SAASF,OAAO,IAAIG,YAApB,QAAwC,6BAAxC;AAEA,SAASH,OAAO,IAAII,gBAApB,QAA4C,qCAA5C;AAEA,SAASC,uBAAT,QAAwC,2BAAxC;AAEA,SAASC,kBAAT,EAA6BC,mBAA7B,QAAwD,UAAxD"}

package/esm/components/atoms/Input/styled.d.ts

@@ -0,0 +1,64 @@
+/// <reference types="react" />
+import { TextInput } from 'react-native';
+import { InputElementProps } from '.';
+import { StyleProps } from '../../../types/defaults';
+import { InputContainerProps } from './InputContainer/InputContainer';
+export declare const disabledInputStyles: ({ disabled, theme, }: Partial<InputContainerProps> & Partial<StyleProps>) => false | import("@emotion/native").ReactNativeStyle | undefined;
+export declare const StyledIconContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const StyledInputContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<InputContainerProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const StyledInputElementBase: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & InputElementProps & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<TextInput> | undefined;
+}>;
+export declare const StyledLabelContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<InputContainerProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const StyledBorderKeeper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<InputContainerProps> & Partial<import("../../../types/defaults").ThemeProviderProps> & {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+export declare const StyledInputElement: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & InputElementProps & Partial<import("../../../types/defaults").ThemeProviderProps> & {
+    ref?: import("react").Ref<TextInput> | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+export declare const StyledHintContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const StyledHintIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -0,0 +1,93 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled, { css } from '@emotion/native';
+import { TextInput } from 'react-native';
+import { RFValueStr } from '../../../utils/ResponsiveFontSize';
+import { Icon } from '../Icon';
+
+var leftIconStyles = function leftIconStyles(_ref) {
+  var leftComponent = _ref.leftComponent,
+      theme = _ref.theme;
+  return !leftComponent && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding-left: ", ";\n  "])), theme.spacing.centi);
+};
+
+var rightIconStyles = function rightIconStyles(_ref2) {
+  var rightComponent = _ref2.rightComponent,
+      theme = _ref2.theme;
+  return !rightComponent && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding-right: ", ";\n  "])), theme.spacing.centi);
+};
+
+var disabledContainerStyles = function disabledContainerStyles(_ref3) {
+  var disabled = _ref3.disabled;
+  return disabled && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    background-color: transparent;\n  "])));
+};
+
+export var disabledInputStyles = function disabledInputStyles(_ref4) {
+  var disabled = _ref4.disabled,
+      theme = _ref4.theme;
+  return disabled && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), theme === null || theme === void 0 ? void 0 : theme.color.secondary.light);
+};
+
+var focusedStyles = function focusedStyles(_ref5) {
+  var focused = _ref5.focused,
+      _ref5$borderColor = _ref5.borderColor,
+      borderColor = _ref5$borderColor === void 0 ? 'secondary' : _ref5$borderColor,
+      theme = _ref5.theme;
+  return focused && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    border-width: ", ";\n    border-color: ", ";\n  "])), theme.borderWidth.nano, theme.color[borderColor].dark);
+};
+
+export var StyledIconContent = styled.View(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  z-index: ", ";\n  flex-direction: row;\n  align-items: center;\n"])), function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.zIndex["default"];
+});
+export var StyledInputContainer = styled.View(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  align-items: center;\n  min-height: ", ";\n"])), RFValueStr('44px'));
+export var StyledInputElementBase = styled(TextInput)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n"])), function (_ref7) {
+  var theme = _ref7.theme;
+  return "'".concat(theme.font.stack["default"], "'");
+}, function (_ref8) {
+  var theme = _ref8.theme;
+  return theme.typography.base.fontSize;
+}, function (_ref9) {
+  var theme = _ref9.theme;
+  return theme.font.weight.bold;
+}, function (_ref10) {
+  var theme = _ref10.theme;
+  return theme.font.color.dark;
+});
+export var StyledLabelContainer = styled.View(function (props) {
+  return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    flex: 1;\n    padding: ", " 0;\n    ", "\n    ", "\n  "])), props.theme.spacing.micro, leftIconStyles(props), rightIconStyles(props));
+});
+var StyledBorderKeeperBase = styled.View(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-color: ", ";\n  border-radius: ", ";\n  border-width: ", ";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n"])), function (_ref11) {
+  var theme = _ref11.theme;
+  return theme.miscellaneous.surfaceColor;
+}, function (_ref12) {
+  var theme = _ref12.theme,
+      _ref12$borderColor = _ref12.borderColor,
+      borderColor = _ref12$borderColor === void 0 ? 'secondary' : _ref12$borderColor,
+      _ref12$borderColorGra = _ref12.borderColorGradation,
+      borderColorGradation = _ref12$borderColorGra === void 0 ? 'light' : _ref12$borderColorGra;
+  return theme.color[borderColor][borderColorGradation];
+}, function (_ref13) {
+  var theme = _ref13.theme;
+  return theme.borderRadius.mili;
+}, function (_ref14) {
+  var theme = _ref14.theme;
+  return theme.borderWidth.pico;
+});
+export var StyledBorderKeeper = styled(StyledBorderKeeperBase)(function (props) {
+  return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), focusedStyles(props), disabledContainerStyles(props));
+});
+export var StyledInputElement = styled(StyledInputElementBase)(function (props) {
+  return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    ", "\n  "])), disabledInputStyles(props));
+});
+export var StyledHintContainer = styled.View(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  flex-direction: row;\n  align-items: center;\n"])), function (_ref15) {
+  var theme = _ref15.theme;
+  return theme.spacing.micro;
+});
+export var StyledHintIcon = styled(Icon)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), function (_ref16) {
+  var theme = _ref16.theme;
+  return theme.spacing.micro;
+});
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","css","TextInput","RFValueStr","Icon","leftIconStyles","leftComponent","theme","spacing","centi","rightIconStyles","rightComponent","disabledContainerStyles","disabled","disabledInputStyles","color","secondary","light","focusedStyles","focused","borderColor","borderWidth","nano","dark","StyledIconContent","View","zIndex","StyledInputContainer","StyledInputElementBase","font","stack","typography","base","fontSize","weight","bold","StyledLabelContainer","props","micro","StyledBorderKeeperBase","miscellaneous","surfaceColor","borderColorGradation","borderRadius","mili","pico","StyledBorderKeeper","StyledInputElement","StyledHintContainer","StyledHintIcon"],"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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"}

package/esm/components/atoms/Paper/Paper.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface PaperProps {
+    elevated?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+declare const Paper: FC<PaperProps>;
+export default Paper;

package/esm/components/atoms/Paper/Paper.js

@@ -0,0 +1,24 @@
+var _excluded = ["children", "elevated"];
+
+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); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import { StyledPaper } from './styled';
+
+var Paper = function Paper(_ref) {
+  var children = _ref.children,
+      _ref$elevated = _ref.elevated,
+      elevated = _ref$elevated === void 0 ? false : _ref$elevated,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return React.createElement(StyledPaper, _extends({}, rest, {
+    elevated: elevated
+  }), children);
+};
+
+export default Paper;
+//# sourceMappingURL=Paper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.js","names":["React","StyledPaper","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,OAAOA,KAAP,MAA0B,OAA1B;AAEA,SAASC,WAAT,QAA4B,UAA5B;;AAQA,IAAMC,KAAqB,GAAG,SAAxBA,KAAwB;EAAA,IAC5BC,QAD4B,QAC5BA,QAD4B;EAAA,yBAE5BC,QAF4B;EAAA,IAE5BA,QAF4B,8BAEjB,KAFiB;EAAA,IAGzBC,IAHyB;;EAAA,OAK5B,oBAAC,WAAD,eAAiBA,IAAjB;IAAuB,QAAQ,EAAED;EAAjC,IACGD,QADH,CAL4B;AAAA,CAA9B;;AAUA,eAAeD,KAAf"}

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

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

package/esm/components/atoms/Paper/index.js

@@ -0,0 +1,2 @@
+export { default as Paper } from './Paper';
+//# sourceMappingURL=index.js.map

package/esm/components/atoms/Paper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Paper"],"sources":["../../../../src/components/atoms/Paper/index.ts"],"sourcesContent":["export { default as Paper } from './Paper';\nexport type { PaperProps } from './Paper';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAApB,QAAiC,SAAjC"}

package/esm/components/atoms/Paper/styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Animated } from 'react-native';
+import { PaperProps } from './Paper';
+export declare const StyledPaper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PaperProps & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

package/esm/components/atoms/Paper/styled.js

@@ -0,0 +1,11 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import { Animated } from 'react-native';
+import styled, { css } from '@emotion/native';
+import { baseStyles, elevatedStyles } from '../shared/PaperAndCard';
+export var StyledPaper = styled(Animated.View)(function (props) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), baseStyles(props), elevatedStyles(props));
+});
+//# sourceMappingURL=styled.js.map

package/esm/components/atoms/Paper/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["Animated","styled","css","baseStyles","elevatedStyles","StyledPaper","View","props"],"sources":["../../../../src/components/atoms/Paper/styled.ts"],"sourcesContent":["import { Animated } from 'react-native';\nimport styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { PaperProps } from './Paper';\nimport { baseStyles, elevatedStyles } from '../shared/PaperAndCard';\n\nexport const StyledPaper = styled(Animated.View)<\n  PaperProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${elevatedStyles(props)}\n  `\n);\n"],"mappings":";;;;AAAA,SAASA,QAAT,QAAyB,cAAzB;AACA,OAAOC,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AAGA,SAASC,UAAT,EAAqBC,cAArB,QAA2C,wBAA3C;AAEA,OAAO,IAAMC,WAAW,GAAGJ,MAAM,CAACD,QAAQ,CAACM,IAAV,CAAN,CAGzB,UAAAC,KAAK;EAAA,OAAIL,GAAJ,8FACDC,UAAU,CAACI,KAAD,CADT,EAEDH,cAAc,CAACG,KAAD,CAFb;AAAA,CAHoB,CAApB"}

package/esm/components/atoms/PressableSurface/PressableSurface.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { PressableProps, StyleProp, ViewStyle } from 'react-native';
+export interface PressableSurfaceProps extends PressableProps {
+    effect?: 'darken' | 'lighten' | 'none';
+    surfaceColor?: string;
+    effectIntensity?: number;
+    effectStyle?: (pressed: boolean) => StyleProp<ViewStyle>;
+}
+declare const PressableSurface: FC<PressableSurfaceProps>;
+export default PressableSurface;

package/esm/components/atoms/PressableSurface/PressableSurface.js

@@ -0,0 +1,86 @@
+var _excluded = ["children", "surfaceColor", "effect", "effectIntensity", "effectStyle", "style"];
+
+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); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { useTheme } from '@emotion/react';
+import React from 'react';
+import { Pressable } from 'react-native';
+import { lightenDarkenColor } from '../../../utils';
+var COLOR_VARIATION_FACTOR = 25;
+
+var PressableSurface = function PressableSurface(_ref) {
+  var children = _ref.children,
+      surfaceColor = _ref.surfaceColor,
+      effect = _ref.effect,
+      effectIntensity = _ref.effectIntensity,
+      effectStyle = _ref.effectStyle,
+      style = _ref.style,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var theme = useTheme();
+  var effectBaseColor = theme.miscellaneous.surfaceColor;
+  var bgColor = 'transparent';
+
+  if (surfaceColor) {
+    effectBaseColor = surfaceColor;
+    bgColor = effectBaseColor;
+  }
+
+  var readyStyle = prepareStyle({
+    effect: effect,
+    effectIntensity: effectIntensity,
+    style: style,
+    effectStyle: effectStyle
+  }, effectBaseColor, bgColor);
+  return React.createElement(Pressable, _extends({}, rest, {
+    style: readyStyle
+  }), children);
+};
+
+var prepareStyle = function prepareStyle(props, effectColor, bgColor) {
+  var _props$effect = props.effect,
+      effect = _props$effect === void 0 ? 'darken' : _props$effect,
+      _props$effectIntensit = props.effectIntensity,
+      effectIntensity = _props$effectIntensit === void 0 ? COLOR_VARIATION_FACTOR : _props$effectIntensit,
+      style = props.style,
+      effectStyle = props.effectStyle;
+  var lighten = lightenDarkenColor(effectColor, effectIntensity);
+  var darken = lightenDarkenColor(effectColor, -effectIntensity);
+  var composedStyle = [{
+    backgroundColor: bgColor
+  }, style];
+
+  if (effectStyle) {
+    return function (_ref2) {
+      var pressed = _ref2.pressed;
+      return [composedStyle, effectStyle(pressed)];
+    };
+  }
+
+  switch (effect) {
+    case 'darken':
+      return applyEffectStyle(composedStyle, darken);
+
+    case 'lighten':
+      return applyEffectStyle(composedStyle, lighten);
+
+    case 'none':
+      return composedStyle;
+  }
+};
+
+var applyEffectStyle = function applyEffectStyle(style, variation) {
+  return function (_ref3) {
+    var pressed = _ref3.pressed;
+    return [style, pressed && {
+      backgroundColor: variation
+    }];
+  };
+};
+
+export default PressableSurface;
+//# sourceMappingURL=PressableSurface.js.map

package/esm/components/atoms/PressableSurface/PressableSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PressableSurface.js","names":["useTheme","React","Pressable","lightenDarkenColor","COLOR_VARIATION_FACTOR","PressableSurface","children","surfaceColor","effect","effectIntensity","effectStyle","style","rest","theme","effectBaseColor","miscellaneous","bgColor","readyStyle","prepareStyle","props","effectColor","lighten","darken","composedStyle","backgroundColor","pressed","applyEffectStyle","variation"],"sources":["../../../../src/components/atoms/PressableSurface/PressableSurface.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { Pressable, PressableProps, StyleProp, ViewStyle } from 'react-native';\nimport { ThemeProp } from '../../../types/defaults';\nimport { lightenDarkenColor } from '../../../utils';\n\nconst COLOR_VARIATION_FACTOR = 25;\n\nexport interface PressableSurfaceProps extends PressableProps {\n  effect?: 'darken' | 'lighten' | 'none';\n  surfaceColor?: string;\n  effectIntensity?: number;\n  effectStyle?: (pressed: boolean) => StyleProp<ViewStyle>;\n}\n\nconst PressableSurface: FC<PressableSurfaceProps> = ({\n  children,\n  surfaceColor,\n  effect,\n  effectIntensity,\n  effectStyle,\n  style,\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n  let effectBaseColor = theme.miscellaneous.surfaceColor;\n  let bgColor = 'transparent';\n\n  if (surfaceColor) {\n    effectBaseColor = surfaceColor;\n    bgColor = effectBaseColor;\n  }\n\n  const readyStyle = prepareStyle(\n    { effect, effectIntensity, style, effectStyle },\n    effectBaseColor,\n    bgColor\n  );\n  return (\n    <Pressable {...rest} style={readyStyle}>\n      {children}\n    </Pressable>\n  );\n};\n\nconst prepareStyle = (\n  props: PressableSurfaceProps,\n  effectColor: string,\n  bgColor: string\n): any => {\n  const {\n    effect = 'darken',\n    effectIntensity = COLOR_VARIATION_FACTOR,\n    style,\n    effectStyle,\n  } = props;\n\n  const lighten = lightenDarkenColor(effectColor, effectIntensity);\n  const darken = lightenDarkenColor(effectColor, -effectIntensity);\n  const composedStyle = [{ backgroundColor: bgColor }, style];\n\n  if (effectStyle) {\n    return ({ pressed }) => [composedStyle, effectStyle(pressed)];\n  }\n\n  switch (effect) {\n    case 'darken':\n      return applyEffectStyle(composedStyle, darken);\n\n    case 'lighten':\n      return applyEffectStyle(composedStyle, lighten);\n\n    case 'none':\n      return composedStyle;\n  }\n};\n\nconst applyEffectStyle = (style: any, variation: string) => {\n  return ({ pressed }) => [style, pressed && { backgroundColor: variation }];\n};\n\nexport default PressableSurface;\n"],"mappings":";;;;;;;;AAAA,SAASA,QAAT,QAAyB,gBAAzB;AACA,OAAOC,KAAP,MAA0B,OAA1B;AACA,SAASC,SAAT,QAAgE,cAAhE;AAEA,SAASC,kBAAT,QAAmC,gBAAnC;AAEA,IAAMC,sBAAsB,GAAG,EAA/B;;AASA,IAAMC,gBAA2C,GAAG,SAA9CA,gBAA8C,OAQ9C;EAAA,IAPJC,QAOI,QAPJA,QAOI;EAAA,IANJC,YAMI,QANJA,YAMI;EAAA,IALJC,MAKI,QALJA,MAKI;EAAA,IAJJC,eAII,QAJJA,eAII;EAAA,IAHJC,WAGI,QAHJA,WAGI;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,IADDC,IACC;;EACJ,IAAMC,KAAK,GAAGb,QAAQ,EAAtB;EACA,IAAIc,eAAe,GAAGD,KAAK,CAACE,aAAN,CAAoBR,YAA1C;EACA,IAAIS,OAAO,GAAG,aAAd;;EAEA,IAAIT,YAAJ,EAAkB;IAChBO,eAAe,GAAGP,YAAlB;IACAS,OAAO,GAAGF,eAAV;EACD;;EAED,IAAMG,UAAU,GAAGC,YAAY,CAC7B;IAAEV,MAAM,EAANA,MAAF;IAAUC,eAAe,EAAfA,eAAV;IAA2BE,KAAK,EAALA,KAA3B;IAAkCD,WAAW,EAAXA;EAAlC,CAD6B,EAE7BI,eAF6B,EAG7BE,OAH6B,CAA/B;EAKA,OACE,oBAAC,SAAD,eAAeJ,IAAf;IAAqB,KAAK,EAAEK;EAA5B,IACGX,QADH,CADF;AAKD,CA5BD;;AA8BA,IAAMY,YAAY,GAAG,SAAfA,YAAe,CACnBC,KADmB,EAEnBC,WAFmB,EAGnBJ,OAHmB,EAIX;EACR,oBAKIG,KALJ,CACEX,MADF;EAAA,IACEA,MADF,8BACW,QADX;EAAA,4BAKIW,KALJ,CAEEV,eAFF;EAAA,IAEEA,eAFF,sCAEoBL,sBAFpB;EAAA,IAGEO,KAHF,GAKIQ,KALJ,CAGER,KAHF;EAAA,IAIED,WAJF,GAKIS,KALJ,CAIET,WAJF;EAOA,IAAMW,OAAO,GAAGlB,kBAAkB,CAACiB,WAAD,EAAcX,eAAd,CAAlC;EACA,IAAMa,MAAM,GAAGnB,kBAAkB,CAACiB,WAAD,EAAc,CAACX,eAAf,CAAjC;EACA,IAAMc,aAAa,GAAG,CAAC;IAAEC,eAAe,EAAER;EAAnB,CAAD,EAA+BL,KAA/B,CAAtB;;EAEA,IAAID,WAAJ,EAAiB;IACf,OAAO;MAAA,IAAGe,OAAH,SAAGA,OAAH;MAAA,OAAiB,CAACF,aAAD,EAAgBb,WAAW,CAACe,OAAD,CAA3B,CAAjB;IAAA,CAAP;EACD;;EAED,QAAQjB,MAAR;IACE,KAAK,QAAL;MACE,OAAOkB,gBAAgB,CAACH,aAAD,EAAgBD,MAAhB,CAAvB;;IAEF,KAAK,SAAL;MACE,OAAOI,gBAAgB,CAACH,aAAD,EAAgBF,OAAhB,CAAvB;;IAEF,KAAK,MAAL;MACE,OAAOE,aAAP;EARJ;AAUD,CA9BD;;AAgCA,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACf,KAAD,EAAagB,SAAb,EAAmC;EAC1D,OAAO;IAAA,IAAGF,OAAH,SAAGA,OAAH;IAAA,OAAiB,CAACd,KAAD,EAAQc,OAAO,IAAI;MAAED,eAAe,EAAEG;IAAnB,CAAnB,CAAjB;EAAA,CAAP;AACD,CAFD;;AAIA,eAAetB,gBAAf"}

package/esm/components/atoms/PressableSurface/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PressableSurface } from './PressableSurface';
+export type { PressableSurfaceProps } from './PressableSurface';

package/esm/components/atoms/PressableSurface/index.js

@@ -0,0 +1,2 @@
+export { default as PressableSurface } from './PressableSurface';
+//# sourceMappingURL=index.js.map

package/esm/components/atoms/PressableSurface/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","PressableSurface"],"sources":["../../../../src/components/atoms/PressableSurface/index.ts"],"sourcesContent":["export { default as PressableSurface } from './PressableSurface';\nexport type { PressableSurfaceProps } from './PressableSurface';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAApB,QAA4C,oBAA5C"}

package/esm/components/atoms/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
+export interface ProgressBarProps extends ViewProps {
+    segments?: number;
+    valueMin?: number;
+    valueMax?: number;
+    valueNow: number | string;
+    color?: ColorType;
+    colorTone?: ColorGradationType;
+    animate: boolean;
+    animationParameters?: {
+        direction: 'left' | 'right';
+        duration: number;
+    };
+}
+declare const ProgressBar: React.FC<ProgressBarProps>;
+export default ProgressBar;