@tecsinapse/react-core 1.13.0 → 1.14.0

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

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Masks = void 0;
-const Masks = {
-  CPF: '999.999.999-99',
-  CNPJ: '99.999.999/9999-99',
-  DATE: '99/99/9999',
-  MONTH_YEAR: '99/9999',
-  CEP: '99999-999',
-  PHONE: '(99) 9999-9999',
-  PHONE_EXTENDED: '(99) 99999-9999',
-  COMBINED_PHONE: value => (value === null || value === void 0 ? void 0 : value.length) <= 10 ? Masks.PHONE : Masks.PHONE_EXTENDED
-};
-exports.Masks = Masks;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Input/masks/index.ts"],"names":["Masks","CPF","CNPJ","DATE","MONTH_YEAR","CEP","PHONE","PHONE_EXTENDED","COMBINED_PHONE","value","length"],"mappings":";;;;;;AACO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAE,gBADc;AAEnBC,EAAAA,IAAI,EAAE,oBAFa;AAGnBC,EAAAA,IAAI,EAAE,YAHa;AAInBC,EAAAA,UAAU,EAAE,SAJO;AAKnBC,EAAAA,GAAG,EAAE,WALc;AAMnBC,EAAAA,KAAK,EAAE,gBANY;AAOnBC,EAAAA,cAAc,EAAE,iBAPG;AAQnBC,EAAAA,cAAc,EAAGC,KAAD,IACd,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEC,MAAP,KAAiB,EAAjB,GAAsBV,KAAK,CAACM,KAA5B,GAAoCN,KAAK,CAACO;AATzB,CAAd","sourcesContent":["// NOTE: Add here all individually masks, then you can use it on input components everywhere.\nexport const Masks = {\n  CPF: '999.999.999-99',\n  CNPJ: '99.999.999/9999-99',\n  DATE: '99/99/9999',\n  MONTH_YEAR: '99/9999',\n  CEP: '99999-999',\n  PHONE: '(99) 9999-9999',\n  PHONE_EXTENDED: '(99) 99999-9999',\n  COMBINED_PHONE: (value: string) =>\n    value?.length <= 10 ? Masks.PHONE : Masks.PHONE_EXTENDED,\n};\n"],"file":"index.js"}

package/src/components/atoms/Input/hooks/useCurrencyMask.ts

@@ -1,74 +0,0 @@
-import currency from 'currency.js';
-import { useCallback, useState } from 'react';
-import { extractNumbersFromString } from '../../../../utils';
-import { IMask, IMaskValue } from './useMask';
-
-type CurrencyOptions = currency.Options;
-
-const DEFAULT_OPTIONS: CurrencyOptions = {
-  symbol: 'R$ ',
-  separator: '.',
-  decimal: ',',
-  precision: 2,
-};
-
-/**
- * TODO:
- * @param options
- * @param defaultValue
- * @returns
- */
-export const useCurrencyMask = (
-  options?: CurrencyOptions,
-  defaultValue?: string
-): [IMask, (value: string) => void] => {
-  const getRegex = useCallback(
-    (precision: number) => new RegExp(`\\B(?=(\\d{${precision}})(?!\\d))`, 'g'),
-    [options]
-  );
-
-  const applyMask = useCallback(
-    (value = ''): IMaskValue => {
-      const mergedOptions = { ...DEFAULT_OPTIONS, ...options };
-      const { precision = -1 } = mergedOptions;
-      const onlyNumbers = String(extractNumbersFromString(value));
-      const padZeros = String(onlyNumbers).padStart(precision + 1, '0');
-      let 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 {
-        raw: internalNumber,
-        formatted: currency(internalNumber).format(mergedOptions),
-      };
-    },
-    [options, getRegex]
-  );
-
-  const [value, setValue] = useState<IMask>({
-    converter: applyMask,
-    maskValue: applyMask(defaultValue),
-  });
-
-  const handleChangeValue = useCallback(
-    (formattedValue: string) => {
-      const { raw, formatted } = applyMask(formattedValue);
-      setValue(oldValue => ({
-        ...oldValue,
-        maskValue: {
-          raw,
-          formatted,
-        },
-      }));
-    },
-    [applyMask, setValue]
-  );
-
-  return [value, handleChangeValue];
-};

package/src/components/atoms/Input/hooks/useMask.ts

@@ -1,92 +0,0 @@
-import { useCallback, useState } from 'react';
-import { extractDigitsFromString } from '../../../../utils';
-
-export interface IMaskValue {
-  formatted?: string;
-  raw?: any;
-}
-
-export interface IMask {
-  converter?: (raw?: string) => IMaskValue;
-  maskValue?: IMaskValue;
-}
-
-/**
- * TODO:
- * @param value
- * @param mask
- * @returns
- */
-const mergeMask = (value = '', mask: string) => {
-  const chars = '' + value;
-  let formattedValue = '';
-
-  for (
-    let iMask = 0, iChars = 0;
-    iMask < mask.length && iChars < chars.length;
-    iMask++
-  ) {
-    formattedValue +=
-      mask.charAt(iMask) === '9' ? chars.charAt(iChars++) : mask.charAt(iMask);
-  }
-  return formattedValue;
-};
-
-/**
- * TODO:
- * @param value
- * @param mask
- * @returns
- */
-const getMask = (value = '', mask: ((raw: any) => string) | string): string => {
-  if (typeof mask === 'function') {
-    return mask(value);
-  }
-  return mask;
-};
-
-/**
- * TODO:
- * @param mask
- * @param defaultValue
- * @returns
- */
-export const useMask = (
-  mask: ((raw: any) => string) | string,
-  defaultValue?: string
-): [IMask, (text: string) => void] => {
-  const applyMask = useCallback(
-    (value = ''): IMaskValue => {
-      const onlyNumbers = value ? extractDigitsFromString(value) : value;
-      const selectedMask = getMask(onlyNumbers, mask);
-      const formattedValue = mergeMask(onlyNumbers, selectedMask);
-
-      return {
-        raw: onlyNumbers,
-        formatted: formattedValue,
-      };
-    },
-    [mask]
-  );
-
-  const [value, setValue] = useState<IMask>({
-    converter: applyMask,
-    maskValue: applyMask(defaultValue),
-  });
-
-  const handleChangeValue = useCallback(
-    (value: string) => {
-      const { raw, formatted } = applyMask(value);
-      setValue(oldValue => ({
-        ...oldValue,
-        maskValue: {
-          raw,
-          formatted,
-        },
-      }));
-    },
-    [applyMask, setValue]
-  );
-
-  return [value, handleChangeValue];
-};

package/src/components/atoms/Input/masks/index.ts

@@ -1,12 +0,0 @@
-// NOTE: Add here all individually masks, then you can use it on input components everywhere.
-export const Masks = {
-  CPF: '999.999.999-99',
-  CNPJ: '99.999.999/9999-99',
-  DATE: '99/99/9999',
-  MONTH_YEAR: '99/9999',
-  CEP: '99999-999',
-  PHONE: '(99) 9999-9999',
-  PHONE_EXTENDED: '(99) 99999-9999',
-  COMBINED_PHONE: (value: string) =>
-    value?.length <= 10 ? Masks.PHONE : Masks.PHONE_EXTENDED,
-};