@tecsinapse/cortex-react 1.9.10 → 1.9.11

package/dist/cjs/components/Calendar/CalendarHeader.js

@@ -20,7 +20,8 @@ const CalendarHeader = ({
       {
         onClick: onClickPrevButton,
         variants: { variant: "text", intent: "secondary", size: "small" },
-        "data-testid": "calendar-header-prev-button"
+        "data-testid": "calendar-header-prev-button",
+        type: "button"
       },
       /* @__PURE__ */ React.createElement(fa.FaChevronLeft, null)
     ),
@@ -30,7 +31,8 @@ const CalendarHeader = ({
       {
         onClick: onClickNextButton,
         variants: { variant: "text", intent: "secondary", size: "small" },
-        "data-testid": "calendar-header-next-button"
+        "data-testid": "calendar-header-next-button",
+        type: "button"
       },
       /* @__PURE__ */ React.createElement(fa.FaChevronRight, null)
     )

package/dist/cjs/hooks/useNumberMask.js

@@ -39,33 +39,33 @@ const getInternalNumberAndMask = (value, options) => {
     mergedOptions
   };
 };
+const applyNumberMask = (value, options) => {
+  const { internalNumber, mergedOptions } = getInternalNumberAndMask(
+    value ?? 0,
+    options
+  );
+  return {
+    raw: internalNumber,
+    formatted: currency(internalNumber, mergedOptions).format()
+  };
+};
 const useNumberMask = (options, defaultValue) => {
-  const applyMask = React.useCallback(
-    (value2 = 0) => {
-      const { internalNumber, mergedOptions } = getInternalNumberAndMask(
-        value2,
-        options
-      );
-      return {
-        raw: internalNumber,
-        formatted: currency(internalNumber, mergedOptions).format()
-      };
-    },
-    [options, getRegex]
+  const [value, setValue] = React.useState(
+    applyNumberMask(defaultValue, options)
   );
-  const [value, setValue] = React.useState(applyMask(defaultValue));
   const handleChangeValue = React.useCallback(
     (formattedValue) => {
-      const { raw, formatted } = applyMask(formattedValue);
+      const { raw, formatted } = applyNumberMask(formattedValue, options);
       setValue({
         raw,
         formatted
       });
     },
-    [applyMask, setValue]
+    [setValue]
   );
   return [value, handleChangeValue];
 };
 
+exports.applyNumberMask = applyNumberMask;
 exports.getInternalNumberAndMask = getInternalNumberAndMask;
 exports.useNumberMask = useNumberMask;

package/dist/cjs/hooks/useStringMask.js

@@ -60,34 +60,28 @@ const getMask = (mask, newValue) => {
   });
   return regexArray;
 };
+const applyStringMask = (value, mask) => {
+  const selectedMask = getMask(mask, value);
+  return mergeMask(value, selectedMask);
+};
 const useStringMask = (mask, defaultValue) => {
-  const applyMask = React.useCallback(
-    (value2 = "") => {
-      const selectedMask = getMask(mask, value2);
-      const { formatted, raw } = mergeMask(value2, selectedMask);
-      return {
-        raw,
-        formatted
-      };
-    },
-    [mask]
-  );
   const [value, setValue] = React.useState(
-    applyMask(defaultValue?.toString())
+    applyStringMask(String(defaultValue ?? ""), mask)
   );
   const handleChangeValue = React.useCallback(
     (formattedValue) => {
-      const { raw, formatted } = applyMask(formattedValue?.toString());
+      const { raw, formatted } = applyStringMask(String(formattedValue), mask);
       setValue({
         raw,
         formatted
       });
     },
-    [applyMask, setValue]
+    [setValue]
   );
   return [value, handleChangeValue];
 };
 
+exports.applyStringMask = applyStringMask;
 exports.getMask = getMask;
 exports.mergeMask = mergeMask;
 exports.useStringMask = useStringMask;

package/dist/cjs/index.js

@@ -124,12 +124,14 @@ exports.useDatePickerInput = useDatePickerInput.useDatePickerInput;
 exports.useDateRangePickerInput = useDateRangePickerInput.useDateRangePickerInput;
 exports.useDebouncedState = useDebouncedState.useDebouncedState;
 exports.useFloatingElement = useFloatingElement.useFloatingElement;
+exports.applyNumberMask = useNumberMask.applyNumberMask;
 exports.getInternalNumberAndMask = useNumberMask.getInternalNumberAndMask;
 exports.useNumberMask = useNumberMask.useNumberMask;
 exports.useOutsideClickListener = useOutsideClickListener.useOutsideClickListener;
 exports.useRangeCalendar = useRangeCalendar.useRangeCalendar;
 exports.useSelectGroupedOptions = useSelectGroupedOptions.useSelectGroupedOptions;
 exports.useSelectOptions = useSelectOptions.useSelectOptions;
+exports.applyStringMask = useStringMask.applyStringMask;
 exports.getMask = useStringMask.getMask;
 exports.mergeMask = useStringMask.mergeMask;
 exports.useStringMask = useStringMask.useStringMask;

package/dist/esm/components/Calendar/CalendarHeader.js

@@ -18,7 +18,8 @@ const CalendarHeader = ({
       {
         onClick: onClickPrevButton,
         variants: { variant: "text", intent: "secondary", size: "small" },
-        "data-testid": "calendar-header-prev-button"
+        "data-testid": "calendar-header-prev-button",
+        type: "button"
       },
       /* @__PURE__ */ React__default.createElement(FaChevronLeft, null)
     ),
@@ -28,7 +29,8 @@ const CalendarHeader = ({
       {
         onClick: onClickNextButton,
         variants: { variant: "text", intent: "secondary", size: "small" },
-        "data-testid": "calendar-header-next-button"
+        "data-testid": "calendar-header-next-button",
+        type: "button"
       },
       /* @__PURE__ */ React__default.createElement(FaChevronRight, null)
     )

package/dist/esm/hooks/useNumberMask.js

@@ -1,5 +1,5 @@
 import currency from 'currency.js';
-import { useCallback, useState } from 'react';
+import { useState, useCallback } from 'react';
 import '@internationalized/date';
 import { extractNumbersFromString } from '../utils/extractors.js';
 
@@ -37,32 +37,31 @@ const getInternalNumberAndMask = (value, options) => {
     mergedOptions
   };
 };
+const applyNumberMask = (value, options) => {
+  const { internalNumber, mergedOptions } = getInternalNumberAndMask(
+    value ?? 0,
+    options
+  );
+  return {
+    raw: internalNumber,
+    formatted: currency(internalNumber, mergedOptions).format()
+  };
+};
 const useNumberMask = (options, defaultValue) => {
-  const applyMask = useCallback(
-    (value2 = 0) => {
-      const { internalNumber, mergedOptions } = getInternalNumberAndMask(
-        value2,
-        options
-      );
-      return {
-        raw: internalNumber,
-        formatted: currency(internalNumber, mergedOptions).format()
-      };
-    },
-    [options, getRegex]
+  const [value, setValue] = useState(
+    applyNumberMask(defaultValue, options)
   );
-  const [value, setValue] = useState(applyMask(defaultValue));
   const handleChangeValue = useCallback(
     (formattedValue) => {
-      const { raw, formatted } = applyMask(formattedValue);
+      const { raw, formatted } = applyNumberMask(formattedValue, options);
       setValue({
         raw,
         formatted
       });
     },
-    [applyMask, setValue]
+    [setValue]
   );
   return [value, handleChangeValue];
 };
 
-export { getInternalNumberAndMask, useNumberMask };
+export { applyNumberMask, getInternalNumberAndMask, useNumberMask };

package/dist/esm/hooks/useStringMask.js

@@ -1,4 +1,4 @@
-import { useCallback, useState } from 'react';
+import { useState, useCallback } from 'react';
 
 const mergeMask = (value = "", mask) => {
   let formatted = "";
@@ -58,32 +58,25 @@ const getMask = (mask, newValue) => {
   });
   return regexArray;
 };
+const applyStringMask = (value, mask) => {
+  const selectedMask = getMask(mask, value);
+  return mergeMask(value, selectedMask);
+};
 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?.toString())
+    applyStringMask(String(defaultValue ?? ""), mask)
   );
   const handleChangeValue = useCallback(
     (formattedValue) => {
-      const { raw, formatted } = applyMask(formattedValue?.toString());
+      const { raw, formatted } = applyStringMask(String(formattedValue), mask);
       setValue({
         raw,
         formatted
       });
     },
-    [applyMask, setValue]
+    [setValue]
   );
   return [value, handleChangeValue];
 };
 
-export { getMask, mergeMask, useStringMask };
+export { applyStringMask, getMask, mergeMask, useStringMask };

package/dist/esm/index.js

@@ -46,12 +46,12 @@ export { useDatePickerInput } from './hooks/useDatePickerInput.js';
 export { useDateRangePickerInput } from './hooks/useDateRangePickerInput.js';
 export { useDebouncedState } from './hooks/useDebouncedState.js';
 export { useFloatingElement } from './hooks/useFloatingElement.js';
-export { getInternalNumberAndMask, useNumberMask } from './hooks/useNumberMask.js';
+export { applyNumberMask, getInternalNumberAndMask, useNumberMask } from './hooks/useNumberMask.js';
 export { useOutsideClickListener } from './hooks/useOutsideClickListener.js';
 export { useRangeCalendar } from './hooks/useRangeCalendar.js';
 export { useSelectGroupedOptions } from './hooks/useSelectGroupedOptions.js';
 export { useSelectOptions } from './hooks/useSelectOptions.js';
-export { getMask, mergeMask, useStringMask } from './hooks/useStringMask.js';
+export { applyStringMask, getMask, mergeMask, useStringMask } from './hooks/useStringMask.js';
 export { useFileUpload } from './hooks/useFileUpload.js';
 export { useDimensions } from './hooks/useDimensions.js';
 export { SnackbarSonner } from './service/SnackbarSonner.js';

package/dist/types/hooks/useNumberMask.d.ts

@@ -5,4 +5,8 @@ export declare const getInternalNumberAndMask: (value: string | number, options?
     internalNumber: number;
     mergedOptions: CurrencyOptions;
 };
+export declare const applyNumberMask: (value?: string | number, options?: CurrencyOptions) => {
+    raw: number;
+    formatted: string;
+};
 export declare const useNumberMask: (options?: CurrencyOptions, defaultValue?: string | number) => [MaskValue, (value: string | number) => void];

package/dist/types/hooks/useStringMask.d.ts

@@ -1,4 +1,5 @@
 import { MaskType, MaskValue } from '../components';
 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 applyStringMask: (value: string, mask: MaskType[] | ((value: string) => MaskType[])) => MaskValue;
 export declare const useStringMask: (mask: MaskType[] | ((value: string) => MaskType[]), defaultValue?: string | number) => [MaskValue, (text: string | number) => void];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.9.10",
+  "version": "1.9.11",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -48,5 +48,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "ca4ba997a1f6b1f8c572af4c6796003a588025ba"
+  "gitHead": "7c9d454d984a5b09a0ce7f5d07465f4e59a957f0"
 }