@tecsinapse/react-core 1.20.0 → 1.21.0

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

@@ -1,108 +1,91 @@
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import currency from 'currency.js';
 import { useCallback, useState } from 'react';
-import { extractNumbersFromString } from '../../../../utils/extractNumbersFromString';
-var DEFAULT_OPTIONS = {
-  symbol: 'R$ ',
-  separator: '.',
-  decimal: ',',
-  precision: 2
+import { extractNumbersFromString } from '../../../../utils/extractNumbersFromString.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
 };
-
-var getRegex = function getRegex(precision) {
-  return new RegExp("\\B(?=(\\d{".concat(precision, "})(?!\\d))"), 'g');
+const DEFAULT_OPTIONS = {
+  symbol: "R$ ",
+  separator: ".",
+  decimal: ",",
+  precision: 2
 };
-
-export var getInternalNumberAndMask = function getInternalNumberAndMask(value, options) {
-  var mergedOptions = _objectSpread(_objectSpread({}, DEFAULT_OPTIONS), options);
-
-  var _mergedOptions$precis = mergedOptions.precision,
-      precision = _mergedOptions$precis === void 0 ? -1 : _mergedOptions$precis;
-  var internalNumber;
-
-  if (typeof value === 'number') {
+const getRegex = (precision) => new RegExp(`\\B(?=(\\d{${precision}})(?!\\d))`, "g");
+const getInternalNumberAndMask = (value, options) => {
+  const mergedOptions = __spreadValues(__spreadValues({}, DEFAULT_OPTIONS), options);
+  const { precision = -1 } = mergedOptions;
+  let internalNumber;
+  if (typeof value === "number") {
     if (precision) {
-      var stringValue = String(value);
-      var decimalIndex = stringValue.indexOf('.');
-      var currentPrecision = decimalIndex + precision;
-
+      let stringValue = String(value);
+      const decimalIndex = stringValue.indexOf(".");
+      const currentPrecision = decimalIndex + precision;
       if (decimalIndex !== -1 && currentPrecision <= stringValue.length) {
-        var zeros = stringValue.length + 1 - currentPrecision;
-
-        for (var i = 0; i < zeros; i++) {
-          stringValue = stringValue + "0";
-        }
+        const zeros = stringValue.length + 1 - currentPrecision;
+        for (let i = 0; i < zeros; i++)
+          stringValue = stringValue + `0`;
       }
-
       internalNumber = Number(stringValue);
     } else {
       internalNumber = value;
     }
   } else {
-    var onlyNumbers = String(extractNumbersFromString(value));
-    var padZeros = String(onlyNumbers).padStart(precision + 1, '0');
-    internalNumber = Number(padZeros.replace(getRegex(precision), '.'));
+    const onlyNumbers = String(extractNumbersFromString(value));
+    const padZeros = String(onlyNumbers).padStart(precision + 1, "0");
+    internalNumber = Number(padZeros.replace(getRegex(precision), "."));
   }
-
   if (internalNumber > Number.MAX_SAFE_INTEGER) {
     internalNumber = Number.MAX_SAFE_INTEGER;
   }
-
   if (internalNumber < Number.MIN_SAFE_INTEGER) {
     internalNumber = Number.MIN_SAFE_INTEGER;
   }
-
   return {
-    internalNumber: internalNumber,
-    mergedOptions: mergedOptions
+    internalNumber,
+    mergedOptions
   };
 };
-export var useNumberMask = function useNumberMask(options, defaultValue) {
-  var applyMask = useCallback(function () {
-    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-
-    var _getInternalNumberAnd = getInternalNumberAndMask(value, options),
-        internalNumber = _getInternalNumberAnd.internalNumber,
-        mergedOptions = _getInternalNumberAnd.mergedOptions;
-
-    return {
-      raw: internalNumber,
-      formatted: currency(internalNumber).format(mergedOptions)
-    };
-  }, [options, getRegex]);
-
-  var _useState = useState(applyMask(defaultValue)),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  var handleChangeValue = useCallback(function (formattedValue) {
-    var _applyMask = applyMask(formattedValue),
-        raw = _applyMask.raw,
-        formatted = _applyMask.formatted;
-
-    setValue({
-      raw: raw,
-      formatted: formatted
-    });
-  }, [applyMask, setValue]);
+const useNumberMask = (options, defaultValue) => {
+  const applyMask = useCallback(
+    (value2 = 0) => {
+      const { internalNumber, mergedOptions } = getInternalNumberAndMask(
+        value2,
+        options
+      );
+      return {
+        raw: internalNumber,
+        formatted: currency(internalNumber).format(mergedOptions)
+      };
+    },
+    [options, getRegex]
+  );
+  const [value, setValue] = useState(applyMask(defaultValue));
+  const handleChangeValue = useCallback(
+    (formattedValue) => {
+      const { raw, formatted } = applyMask(formattedValue);
+      setValue({
+        raw,
+        formatted
+      });
+    },
+    [applyMask, setValue]
+  );
   return [value, handleChangeValue];
 };
-//# sourceMappingURL=useNumberMask.js.map
+
+export { getInternalNumberAndMask, useNumberMask };
+//# sourceMappingURL=useNumberMask.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useNumberMask.js","names":["currency","useCallback","useState","extractNumbersFromString","DEFAULT_OPTIONS","symbol","separator","decimal","precision","getRegex","RegExp","getInternalNumberAndMask","value","options","mergedOptions","internalNumber","stringValue","String","decimalIndex","indexOf","currentPrecision","length","zeros","i","Number","onlyNumbers","padZeros","padStart","replace","MAX_SAFE_INTEGER","MIN_SAFE_INTEGER","useNumberMask","defaultValue","applyMask","raw","formatted","format","setValue","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":";;;;;;;;;;;;;;;;;;AAAA,OAAOA,QAAP,MAAqB,aAArB;AACA,SAASC,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AACA,SAASC,wBAAT,QAAyC,4CAAzC;AAKA,IAAMC,eAAgC,GAAG;EACvCC,MAAM,EAAE,KAD+B;EAEvCC,SAAS,EAAE,GAF4B;EAGvCC,OAAO,EAAE,GAH8B;EAIvCC,SAAS,EAAE;AAJ4B,CAAzC;;AAOA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACD,SAAD;EAAA,OACf,IAAIE,MAAJ,sBAAyBF,SAAzB,iBAAgD,GAAhD,CADe;AAAA,CAAjB;;AAGA,OAAO,IAAMG,wBAAwB,GAAG,SAA3BA,wBAA2B,CACtCC,KADsC,EAEtCC,OAFsC,EAGyB;EAC/D,IAAMC,aAAa,mCAAQV,eAAR,GAA4BS,OAA5B,CAAnB;;EACA,4BAA2BC,aAA3B,CAAQN,SAAR;EAAA,IAAQA,SAAR,sCAAoB,CAAC,CAArB;EAEA,IAAIO,cAAJ;;EAEA,IAAI,OAAOH,KAAP,KAAiB,QAArB,EAA+B;IAC7B,IAAIJ,SAAJ,EAAe;MACb,IAAIQ,WAAW,GAAGC,MAAM,CAACL,KAAD,CAAxB;MACA,IAAMM,YAAY,GAAGF,WAAW,CAACG,OAAZ,CAAoB,GAApB,CAArB;MACA,IAAMC,gBAAgB,GAAGF,YAAY,GAAGV,SAAxC;;MACA,IAAIU,YAAY,KAAK,CAAC,CAAlB,IAAuBE,gBAAgB,IAAIJ,WAAW,CAACK,MAA3D,EAAmE;QACjE,IAAMC,KAAK,GAAGN,WAAW,CAACK,MAAZ,GAAqB,CAArB,GAAyBD,gBAAvC;;QACA,KAAK,IAAIG,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGD,KAApB,EAA2BC,CAAC,EAA5B;UAAgCP,WAAW,GAAGA,WAAW,MAAzB;QAAhC;MACD;;MACDD,cAAc,GAAGS,MAAM,CAACR,WAAD,CAAvB;IACD,CATD,MASO;MACLD,cAAc,GAAGH,KAAjB;IACD;EACF,CAbD,MAaO;IACL,IAAMa,WAAW,GAAGR,MAAM,CAACd,wBAAwB,CAACS,KAAD,CAAzB,CAA1B;IACA,IAAMc,QAAQ,GAAGT,MAAM,CAACQ,WAAD,CAAN,CAAoBE,QAApB,CAA6BnB,SAAS,GAAG,CAAzC,EAA4C,GAA5C,CAAjB;IACAO,cAAc,GAAGS,MAAM,CAACE,QAAQ,CAACE,OAAT,CAAiBnB,QAAQ,CAACD,SAAD,CAAzB,EAAsC,GAAtC,CAAD,CAAvB;EACD;;EAED,IAAIO,cAAc,GAAGS,MAAM,CAACK,gBAA5B,EAA8C;IAC5Cd,cAAc,GAAGS,MAAM,CAACK,gBAAxB;EACD;;EAED,IAAId,cAAc,GAAGS,MAAM,CAACM,gBAA5B,EAA8C;IAC5Cf,cAAc,GAAGS,MAAM,CAACM,gBAAxB;EACD;;EAED,OAAO;IACLf,cAAc,EAAdA,cADK;IAELD,aAAa,EAAbA;EAFK,CAAP;AAID,CAxCM;AAgDP,OAAO,IAAMiB,aAAa,GAAG,SAAhBA,aAAgB,CAC3BlB,OAD2B,EAE3BmB,YAF2B,EAGuB;EAClD,IAAMC,SAAS,GAAGhC,WAAW,CAC3B,YAA2C;IAAA,IAA1CW,KAA0C,uEAAjB,CAAiB;;IACzC,4BAA0CD,wBAAwB,CAChEC,KADgE,EAEhEC,OAFgE,CAAlE;IAAA,IAAQE,cAAR,yBAAQA,cAAR;IAAA,IAAwBD,aAAxB,yBAAwBA,aAAxB;;IAKA,OAAO;MACLoB,GAAG,EAAEnB,cADA;MAELoB,SAAS,EAAEnC,QAAQ,CAACe,cAAD,CAAR,CAAyBqB,MAAzB,CAAgCtB,aAAhC;IAFN,CAAP;EAID,CAX0B,EAY3B,CAACD,OAAD,EAAUJ,QAAV,CAZ2B,CAA7B;;EAeA,gBAA0BP,QAAQ,CAAY+B,SAAS,CAACD,YAAD,CAArB,CAAlC;EAAA;EAAA,IAAOpB,KAAP;EAAA,IAAcyB,QAAd;;EAEA,IAAMC,iBAAiB,GAAGrC,WAAW,CACnC,UAACsC,cAAD,EAAqC;IACnC,iBAA2BN,SAAS,CAACM,cAAD,CAApC;IAAA,IAAQL,GAAR,cAAQA,GAAR;IAAA,IAAaC,SAAb,cAAaA,SAAb;;IACAE,QAAQ,CAAC;MACPH,GAAG,EAAHA,GADO;MAEPC,SAAS,EAATA;IAFO,CAAD,CAAR;EAID,CAPkC,EAQnC,CAACF,SAAD,EAAYI,QAAZ,CARmC,CAArC;EAWA,OAAO,CAACzB,KAAD,EAAQ0B,iBAAR,CAAP;AACD,CAjCM"}
+{"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":["value"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOA,MAAM,eAAmC,GAAA;AAAA,EACvC,MAAQ,EAAA,KAAA;AAAA,EACR,SAAW,EAAA,GAAA;AAAA,EACX,OAAS,EAAA,GAAA;AAAA,EACT,SAAW,EAAA,CAAA;AACb,CAAA,CAAA;AAEA,MAAM,WAAW,CAAC,SAAA,KAChB,IAAI,MAAO,CAAA,CAAA,WAAA,EAAc,uBAAuB,GAAG,CAAA,CAAA;AAExC,MAAA,wBAAA,GAA2B,CACtC,KAAA,EACA,OAC+D,KAAA;AAC/D,EAAM,MAAA,aAAA,GAAgB,kCAAK,eAAoB,CAAA,EAAA,OAAA,CAAA,CAAA;AAC/C,EAAM,MAAA,EAAE,SAAY,GAAA,CAAA,CAAA,EAAO,GAAA,aAAA,CAAA;AAE3B,EAAI,IAAA,cAAA,CAAA;AAEJ,EAAI,IAAA,OAAO,UAAU,QAAU,EAAA;AAC7B,IAAA,IAAI,SAAW,EAAA;AACb,MAAI,IAAA,WAAA,GAAc,OAAO,KAAK,CAAA,CAAA;AAC9B,MAAM,MAAA,YAAA,GAAe,WAAY,CAAA,OAAA,CAAQ,GAAG,CAAA,CAAA;AAC5C,MAAA,MAAM,mBAAmB,YAAe,GAAA,SAAA,CAAA;AACxC,MAAA,IAAI,YAAiB,KAAA,CAAA,CAAA,IAAM,gBAAoB,IAAA,WAAA,CAAY,MAAQ,EAAA;AACjE,QAAM,MAAA,KAAA,GAAQ,WAAY,CAAA,MAAA,GAAS,CAAI,GAAA,gBAAA,CAAA;AACvC,QAAS,KAAA,IAAA,CAAA,GAAI,CAAG,EAAA,CAAA,GAAI,KAAO,EAAA,CAAA,EAAA;AAAK,UAAA,WAAA,GAAc,WAAc,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OAC9D;AACA,MAAA,cAAA,GAAiB,OAAO,WAAW,CAAA,CAAA;AAAA,KAC9B,MAAA;AACL,MAAiB,cAAA,GAAA,KAAA,CAAA;AAAA,KACnB;AAAA,GACK,MAAA;AACL,IAAA,MAAM,WAAc,GAAA,MAAA,CAAO,wBAAyB,CAAA,KAAK,CAAC,CAAA,CAAA;AAC1D,IAAA,MAAM,WAAW,MAAO,CAAA,WAAW,EAAE,QAAS,CAAA,SAAA,GAAY,GAAG,GAAG,CAAA,CAAA;AAChE,IAAA,cAAA,GAAiB,OAAO,QAAS,CAAA,OAAA,CAAQ,SAAS,SAAS,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA;AAAA,GACpE;AAEA,EAAI,IAAA,cAAA,GAAiB,OAAO,gBAAkB,EAAA;AAC5C,IAAA,cAAA,GAAiB,MAAO,CAAA,gBAAA,CAAA;AAAA,GAC1B;AAEA,EAAI,IAAA,cAAA,GAAiB,OAAO,gBAAkB,EAAA;AAC5C,IAAA,cAAA,GAAiB,MAAO,CAAA,gBAAA,CAAA;AAAA,GAC1B;AAEA,EAAO,OAAA;AAAA,IACL,cAAA;AAAA,IACA,aAAA;AAAA,GACF,CAAA;AACF,EAAA;AAQa,MAAA,aAAA,GAAgB,CAC3B,OAAA,EACA,YACkD,KAAA;AAClD,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAACA,SAAyB,CAAiB,KAAA;AACzC,MAAM,MAAA,EAAE,cAAgB,EAAA,aAAA,EAAkB,GAAA,wBAAA;AAAA,QACxCA,MAAAA;AAAA,QACA,OAAA;AAAA,OACF,CAAA;AAEA,MAAO,OAAA;AAAA,QACL,GAAK,EAAA,cAAA;AAAA,QACL,SAAW,EAAA,QAAA,CAAS,cAAc,CAAA,CAAE,OAAO,aAAa,CAAA;AAAA,OAC1D,CAAA;AAAA,KACF;AAAA,IACA,CAAC,SAAS,QAAQ,CAAA;AAAA,GACpB,CAAA;AAEA,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,IAAI,QAAoB,CAAA,SAAA,CAAU,YAAY,CAAC,CAAA,CAAA;AAErE,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACxB,CAAC,cAAoC,KAAA;AACnC,MAAA,MAAM,EAAE,GAAA,EAAK,SAAU,EAAA,GAAI,UAAU,cAAc,CAAA,CAAA;AACnD,MAAS,QAAA,CAAA;AAAA,QACP,GAAA;AAAA,QACA,SAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,WAAW,QAAQ,CAAA;AAAA,GACtB,CAAA;AAEA,EAAO,OAAA,CAAC,OAAO,iBAAiB,CAAA,CAAA;AAClC;;;;"}

package/esm/components/atoms/Input/hooks/useStringMask.d.ts

@@ -5,4 +5,4 @@ export interface MaskValue {
 export declare type MaskType = string | RegExp | Array<RegExp>;
 export declare const mergeMask: (value: string | undefined, mask: MaskType[]) => MaskValue;
 export declare const getMask: (mask: MaskType[] | ((value: string) => MaskType[]), newValue: string) => MaskType[];
-export declare const useStringMask: (mask: MaskType[] | ((value: string) => MaskType[]), defaultValue?: string | number | undefined) => [MaskValue, (text: string | number) => void];
+export declare const useStringMask: (mask: MaskType[] | ((value: string) => MaskType[]), defaultValue?: string | number) => [MaskValue, (text: string | number) => void];

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

@@ -1,44 +1,24 @@
-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;
 
+const mergeMask = (value = "", mask) => {
+  let formatted = "";
+  let raw = "";
+  let iMask = 0;
+  let iChars = 0;
   while (!(iMask === mask.length || iChars === value.length)) {
-    var maskChar = mask[iMask];
-    var valueChar = value[iChars];
-
+    const maskChar = mask[iMask];
+    const valueChar = value[iChars];
     if (maskChar === valueChar) {
       formatted += maskChar;
       iChars++;
       iMask++;
       continue;
     }
-
-    var rawValueChar = value[iChars];
-
-    if (_typeof(maskChar) === 'object') {
+    const rawValueChar = value[iChars];
+    if (typeof maskChar === "object") {
       iChars++;
-      var maskCharRegex = Array.isArray(maskChar) ? maskChar[0] : maskChar;
-      var matchRegex = RegExp(maskCharRegex).test(valueChar);
-
+      const maskCharRegex = Array.isArray(maskChar) ? maskChar[0] : maskChar;
+      const matchRegex = RegExp(maskCharRegex).test(valueChar);
       if (matchRegex) {
         formatted += valueChar;
         raw += rawValueChar;
@@ -49,68 +29,67 @@ export var mergeMask = function mergeMask() {
       iMask++;
     }
   }
-
-  return {
-    raw: raw,
-    formatted: formatted
-  };
+  return { raw, formatted };
 };
-export var getMask = function getMask(mask, newValue) {
-  var maskArray;
-  var regexArray = [];
-
-  if (typeof mask === 'function') {
+const getMask = (mask, newValue) => {
+  let maskArray;
+  const 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);
+  maskArray.forEach((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] === '\\') {
+      for (let 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]);
+          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]);
+const useStringMask = (mask, defaultValue) => {
+  const applyMask = useCallback(
+    (value2 = "") => {
+      const selectedMask = getMask(mask, value2);
+      const { formatted, raw } = mergeMask(value2, selectedMask);
+      return {
+        raw,
+        formatted
+      };
+    },
+    [mask]
+  );
+  const [value, setValue] = useState(
+    applyMask(defaultValue == null ? void 0 : defaultValue.toString())
+  );
+  const handleChangeValue = useCallback(
+    (formattedValue) => {
+      const { raw, formatted } = applyMask(formattedValue == null ? void 0 : formattedValue.toString());
+      setValue({
+        raw,
+        formatted
+      });
+    },
+    [applyMask, setValue]
+  );
   return [value, handleChangeValue];
 };
-//# sourceMappingURL=useStringMask.js.map
+
+export { getMask, mergeMask, useStringMask };
+//# sourceMappingURL=useStringMask.js.map

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

@@ -1 +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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"}
+{"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":["value"],"mappings":"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"}

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

@@ -1,93 +1,95 @@
-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);
-};
+import { RFValueStr } from '../../../utils/ResponsiveFontSize.js';
+import Icon from '../Icon/Icon.js';
 
-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);
-};
+const leftIconStyles = ({
+  leftComponent,
+  theme
+}) => !leftComponent && css`
+    padding-left: ${theme.spacing.centi};
+  `;
+const rightIconStyles = ({
+  rightComponent,
+  theme
+}) => !rightComponent && css`
+    padding-right: ${theme.spacing.centi};
+  `;
+const disabledContainerStyles = ({
+  disabled
+}) => disabled && css`
+    background-color: transparent;
+  `;
+const disabledInputStyles = ({
+  disabled,
+  theme
+}) => disabled && css`
+    color: ${theme == null ? void 0 : theme.color.secondary.light};
+  `;
+const focusedStyles = ({
+  focused,
+  borderColor = "secondary",
+  theme
+}) => focused && css`
+    border-width: ${theme.borderWidth.nano};
+    border-color: ${theme.color[borderColor].dark};
+  `;
+const StyledIconContent = styled.View`
+  z-index: ${({ theme }) => theme.zIndex.default};
+  flex-direction: row;
+  align-items: center;
+`;
+const StyledInputContainer = styled.View`
+  flex-direction: row;
+  align-items: center;
+  min-height: ${RFValueStr("44px")};
+`;
+const StyledInputElementBase = styled(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 StyledLabelContainer = styled.View(
+  (props) => css`
+    flex: 1;
+    padding: ${props.theme.spacing.micro} 0;
+    ${leftIconStyles(props)}
+    ${rightIconStyles(props)}
+  `
+);
+const StyledBorderKeeperBase = styled.View`
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+  border-color: ${({
+  theme,
+  borderColor = "secondary",
+  borderColorGradation = "light"
+}) => theme.color[borderColor][borderColorGradation]};
+  border-radius: ${({ theme }) => theme.borderRadius.mili};
+  border-width: ${({ theme }) => theme.borderWidth.pico};
+  position: absolute;
+  width: 100%;
+  height: 100%;
+`;
+const StyledBorderKeeper = styled(StyledBorderKeeperBase)(
+  (props) => css`
+    ${focusedStyles(props)}
+    ${disabledContainerStyles(props)}
+  `
+);
+const StyledInputElement = styled(StyledInputElementBase)(
+  (props) => css`
+    ${disabledInputStyles(props)}
+  `
+);
+const StyledHintContainer = styled.View`
+  margin-top: ${({ theme }) => theme.spacing.micro};
+  flex-direction: row;
+  align-items: center;
+`;
+const StyledHintIcon = styled(Icon)`
+  margin-right: ${({ theme }) => theme.spacing.micro};
+`;
 
-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
+export { StyledBorderKeeper, StyledHintContainer, StyledHintIcon, StyledIconContent, StyledInputContainer, StyledInputElement, StyledInputElementBase, StyledLabelContainer, disabledInputStyles };
+//# sourceMappingURL=styled.js.map