@loja-integrada/admin-components 0.16.1 → 0.16.2

package/dist/Forms/InputMask/InputMask.stories.d.ts

@@ -5,6 +5,13 @@ export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("
 export declare const Date: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputMaskProps>;
 export declare const OnlyNumbers: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputMaskProps>;
 export declare const OnlyText: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputMaskProps>;
+export declare const ZipCode: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputMaskProps>;
+export declare const Nfe: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputMaskProps>;
+export declare const Phone: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputMaskProps>;
+export declare const Cellphone: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputMaskProps>;
+export declare const PhoneOrCellphone: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputMaskProps>;
+export declare const CPF: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputMaskProps>;
+export declare const CNPJ: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputMaskProps>;
 export declare const DateWithStartAdornment: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputMaskProps>;
 export declare const DateWithEndAdornment: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputMaskProps>;
 export declare const DateWithEndAdornmentError: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputMaskProps>;

package/dist/Forms/InputMask/utils.d.ts

@@ -21,5 +21,45 @@ export declare const formatValuePatterns: {
         };
         keepCharPositions: boolean;
         inputMode: string;
+        placeholder: string;
+    };
+    zipCode: {
+        mask: (string | RegExp)[];
+        keepCharPositions: boolean;
+        inputMode: string;
+        placeholder: string;
+    };
+    nfe: {
+        mask: () => (string | RegExp)[];
+        keepCharPositions: boolean;
+        inputMode: string;
+        placeholder: string;
+    };
+    phone: {
+        mask: (string | RegExp)[];
+        inputMode: string;
+        placeholder: string;
+    };
+    cellphone: {
+        mask: (string | RegExp)[];
+        inputMode: string;
+        placeholder: string;
+    };
+    phoneOrCellphone: {
+        mask: (rawValue: any) => (string | RegExp)[];
+        inputMode: string;
+        placeholder: string;
+    };
+    cpf: {
+        mask: (string | RegExp)[];
+        keepCharPositions: boolean;
+        inputMode: string;
+        placeholder: string;
+    };
+    cnpj: {
+        mask: (string | RegExp)[];
+        keepCharPositions: boolean;
+        inputMode: string;
+        placeholder: string;
     };
 };

package/dist/admin-components.cjs.development.js

@@ -1037,6 +1037,8 @@ function createAutoCorrectedDatePipe(dateFormat, _temp) {
   };
 }
 
+/* docs: https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md */
+
 var formatValuePatterns = {
   "default": {},
   onlyNumber: {
@@ -1076,7 +1078,60 @@ var formatValuePatterns = {
     mask: [/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/],
     pipe: /*#__PURE__*/createAutoCorrectedDatePipe('dd/mm/yyyy'),
     keepCharPositions: true,
-    inputMode: 'numeric'
+    inputMode: 'decimal',
+    placeholder: '__/__/____'
+  },
+  zipCode: {
+    mask: [/\d/, /\d/, /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/],
+    keepCharPositions: true,
+    inputMode: 'decimal',
+    placeholder: '_____-___'
+  },
+  nfe: {
+    mask: function mask() {
+      var maxLength = 44;
+      var mask = [];
+
+      for (var i = 1; i <= maxLength; i++) {
+        mask.push(/\d/);
+        if (i % 4 === 0 && i !== maxLength) mask.push(' ');
+      }
+
+      return mask;
+    },
+    keepCharPositions: true,
+    inputMode: 'decimal',
+    placeholder: '____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____'
+  },
+  phone: {
+    mask: ['(', /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
+    inputMode: 'decimal',
+    placeholder: '(__) ____-____'
+  },
+  cellphone: {
+    mask: ['(', /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
+    inputMode: 'decimal',
+    placeholder: '(__) _____-____'
+  },
+  phoneOrCellphone: {
+    mask: function mask(rawValue) {
+      var cleanedText = rawValue.replace(/[^\d]/g, '');
+      if (cleanedText.length > 10) return formatValuePatterns.cellphone.mask;else return formatValuePatterns.phone.mask;
+    },
+    inputMode: 'decimal',
+    placeholder: '(__) _____-____'
+  },
+  cpf: {
+    mask: [/\d/, /\d/, /\d/, '.', /\d/, /\d/, /\d/, '.', /\d/, /\d/, /\d/, '-', /\d/, /\d/],
+    keepCharPositions: true,
+    inputMode: 'decimal',
+    placeholder: '___.___.___-__'
+  },
+  cnpj: {
+    mask: [/\d/, /\d/, '.', /\d/, /\d/, /\d/, '.', /\d/, /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/, '-', /\d/, /\d/],
+    keepCharPositions: true,
+    inputMode: 'decimal',
+    placeholder: '___.___.___-__'
   }
 };
 
@@ -1094,7 +1149,7 @@ function InputMaskComponent(_ref, inputRef) {
 
   var formatValueProps = formatValuePatterns[formatValue] || {};
 
-  var mergedProps = _extends({}, props, formatValueProps);
+  var mergedProps = _extends({}, formatValueProps, props);
 
   if (!mergedProps.mask) {
     mergedProps.mask = false;