@pnkx-lib/ui 1.9.476 → 1.9.477

package/es/fields/Input.js

@@ -1294,6 +1294,7 @@ const Input = (props) => {
     allowClear,
     subLabel,
     classNameSubLabel,
+    maxValue,
     ...restProps
   } = props;
   const { name, value, onChange, onBlur } = field || {};
@@ -1320,18 +1321,15 @@ const Input = (props) => {
   const handleCompositionStart = useCallback(() => {
     setIsComposing(true);
   }, []);
-  const handleCompositionEnd = useCallback(
-    (e) => {
-      setIsComposing(false);
-      const input = inputRef.current?.input;
-      if (input) {
-        setTimeout(() => {
-          input.scrollLeft = input.scrollWidth;
-        }, 0);
-      }
-    },
-    []
-  );
+  const handleCompositionEnd = useCallback(() => {
+    setIsComposing(false);
+    const input = inputRef.current?.input;
+    if (input) {
+      setTimeout(() => {
+        input.scrollLeft = input.scrollWidth;
+      }, 0);
+    }
+  }, []);
   const renderErrorMessage = () => {
     if (!errorMessage) return null;
     return /* @__PURE__ */ jsx(
@@ -1359,11 +1357,12 @@ const Input = (props) => {
     return node;
   };
   const renderInput = () => {
-    const isNumberInput = type === "number" || type === "money" || type === "number_custom" || type === "identity_number";
+    const isNumberInput = type === "number" || type === "money";
     if (isNumberInput) {
       return /* @__PURE__ */ jsx(
         NumericFormatCustom,
         {
+          maxValue,
           name,
           ref: inputRef,
           type,
@@ -1419,7 +1418,17 @@ const Input = (props) => {
     if (label && subLabel)
       return /* @__PURE__ */ jsxs("div", { className: "label-input-container", children: [
         renderLabel(),
-        /* @__PURE__ */ jsx(Label, { label: subLabel, classNameLabel: twMerge("default-class-name-subLabel", classNameSubLabel), isSubLabel: true })
+        /* @__PURE__ */ jsx(
+          Label,
+          {
+            label: subLabel,
+            classNameLabel: twMerge(
+              "default-class-name-subLabel",
+              classNameSubLabel
+            ),
+            isSubLabel: true
+          }
+        )
       ] });
     return /* @__PURE__ */ jsx(Fragment, {});
   };
@@ -1439,30 +1448,29 @@ const NumericFormatCustom = forwardRef((props, ref) => {
     type,
     prefix,
     helperText,
-    maxLength,
+    maxValue = 999999999999999,
+    decimalScale,
+    thousandSeparator,
+    decimalSeparator,
     ...restProps
   } = props;
   const isMoney = type === "money";
-  const isIdentity = type === "identity_number";
-  const MAX_VALUE = 999999999999999;
   //! Function
   const handleValueChange = (values) => {
-    let rawValue = values.value.replace(/\D/g, "");
-    if (maxLength && rawValue.length > maxLength) {
-      rawValue = rawValue.substring(0, maxLength);
-    }
+    const { value: value2 } = values;
     if (onChange && name) {
       onChange({
         target: {
           name,
-          value: rawValue
+          value: value2
         }
       });
     }
     if (afterOnChange) {
-      afterOnChange(rawValue);
+      afterOnChange(value2);
     }
   };
+  const isSeparatorFormat = isMoney;
   //! Render
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(
@@ -1471,19 +1479,16 @@ const NumericFormatCustom = forwardRef((props, ref) => {
         customInput: Input$1,
         onValueChange: handleValueChange,
         value,
-        thousandSeparator: isMoney ? "." : false,
-        decimalSeparator: isMoney ? "," : void 0,
-        decimalScale: isIdentity ? 0 : void 0,
+        thousandSeparator: isSeparatorFormat ? "." : thousandSeparator,
+        decimalSeparator: isSeparatorFormat ? "," : decimalSeparator,
+        decimalScale,
         allowNegative: false,
         valueIsNumericString: true,
         getInputRef: ref,
         prefix: isMoney ? "$" : prefix,
         isAllowed: (values) => {
-          const { floatValue, value: value2 } = values;
-          if (isIdentity) {
-            return /^\d*$/.test(value2) && (!maxLength || value2.length <= maxLength);
-          }
-          return floatValue === void 0 || floatValue <= MAX_VALUE;
+          const { floatValue } = values;
+          return floatValue === void 0 || floatValue.toString().length <= maxValue;
         },
         ...restProps
       }

package/es/ui/Tabs.js

@@ -23,7 +23,7 @@ const createStoreImpl = (createState) => {
   const initialState = state = createState(setState, getState, api);
   return api;
 };
-const createStore = ((createState) => createState ? createStoreImpl(createState) : createStoreImpl);
+const createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
 
 const identity = (arg) => arg;
 function useStore(api, selector = identity) {
@@ -41,7 +41,7 @@ const createImpl = (createState) => {
   Object.assign(useBoundStore, api);
   return useBoundStore;
 };
-const create = ((createState) => createState ? createImpl(createState) : createImpl);
+const create = (createState) => createState ? createImpl(createState) : createImpl;
 
 const useTabStore = create((set) => ({
   activeTabKey: void 0,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.476",
+  "version": "1.9.477",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/components/fields/Input.d.ts

@@ -1,8 +1,8 @@
 import { default as React, JSX } from 'react';
 import { InputProps as InputPropsAntd } from 'antd';
 import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
-type CustomInputTypeAttribute = React.HTMLInputTypeAttribute | "money" | "number_custom" | "identity_number" | "password";
-type TInputNumberType = "number" | "money" | "number_custom" | "identity_number";
+type TInputNumberType = "number" | "money";
+type CustomInputTypeAttribute = React.HTMLInputTypeAttribute | TInputNumberType;
 export interface InputProps extends InputPropsAntd {
     field?: ControllerRenderProps<any, any>;
     formState?: UseFormStateReturn<any>;
@@ -23,6 +23,9 @@ export interface InputProps extends InputPropsAntd {
     inputPassword?: boolean;
     subLabel?: string;
     classNameSubLabel?: string;
+    maxValue?: number;
+    thousandSeparator?: string;
+    decimalSeparator?: string;
 }
 export declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
 export interface PropsNumberFormat extends Omit<InputProps, "onChange" | "afterOnChange" | "value" | "defaultValue" | "iconStartInput" | "iconEndInput"> {
@@ -35,5 +38,7 @@ export interface PropsNumberFormat extends Omit<InputProps, "onChange" | "afterO
     prefix?: string;
     suffix?: string;
     helperText?: () => JSX.Element | null;
+    thousandSeparator?: string;
+    decimalSeparator?: string;
 }
 export {};