@pnkx-lib/ui 1.9.478 → 1.9.481

package/es/fields/Input.js

@@ -1294,8 +1294,9 @@ const Input = (props) => {
     allowClear,
     subLabel,
     classNameSubLabel,
-    maxValue,
-    minValue,
+    toLowerCaseSafe,
+    // maxValue,
+    // minValue,
     ...restProps
   } = props;
   const { name, value, onChange, onBlur } = field || {};
@@ -1311,6 +1312,12 @@ const Input = (props) => {
       (match) => match.toUpperCase()
     );
   };
+  const handleToLowerCaseSafe = (value2) => {
+    if (typeof value2 === "string") {
+      return value2.toLowerCase();
+    }
+    return value2 || void 0;
+  };
   //! Function
   const handleChange = useCallback(
     (e) => {
@@ -1363,8 +1370,6 @@ const Input = (props) => {
       return /* @__PURE__ */ jsx(
         NumericFormatCustom,
         {
-          maxValue,
-          minValue,
           name,
           ref: inputRef,
           type,
@@ -1381,6 +1386,7 @@ const Input = (props) => {
     const InputComponent = inputPassword ? Input$1.Password : Input$1;
     const customValue = toLowerCaseValue ? capitalizeAfterPeriod(value) : value;
     const upperValue = toUpperCaseValue ? value?.toUpperCase() : customValue;
+    const toLowerCaseSafeValue = toLowerCaseSafe ? handleToLowerCaseSafe(value) : upperValue;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         InputComponent,
@@ -1388,7 +1394,7 @@ const Input = (props) => {
           ref: inputRef,
           onCompositionStart: handleCompositionStart,
           onCompositionEnd: handleCompositionEnd,
-          value: upperValue,
+          value: toLowerCaseSafeValue,
           onChange: handleChange,
           onBlur,
           prefix: iconStartInput,
@@ -1450,8 +1456,8 @@ const NumericFormatCustom = forwardRef((props, ref) => {
     type,
     prefix,
     helperText,
-    minValue,
-    maxValue = 999999999999999,
+    // minValue,
+    // maxValue = 999_999_999_999_999,
     decimalScale,
     thousandSeparator,
     decimalSeparator,
@@ -1489,13 +1495,6 @@ const NumericFormatCustom = forwardRef((props, ref) => {
         valueIsNumericString: true,
         getInputRef: ref,
         prefix: isMoney ? "$" : prefix,
-        isAllowed: (values) => {
-          const { floatValue } = values;
-          if (floatValue === void 0) return true;
-          if (minValue !== void 0 && floatValue < minValue) return false;
-          if (maxValue !== void 0 && floatValue > maxValue) return false;
-          return true;
-        },
         ...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/es/ui/index.js

@@ -132238,6 +132238,123 @@ function requireLib () {
 
 var libExports = /*@__PURE__*/ requireLib();
 
+const RefuseApprovalDropListIcon = ({
+  size = 22,
+  color = "currentColor",
+  className,
+  style,
+  onClick,
+  "aria-label": ariaLabel,
+  title,
+  stroke,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className,
+    style: {
+      width: size,
+      height: size,
+      cursor: onClick ? "pointer" : "default",
+      ...style
+    },
+    onClick,
+    role: onClick ? "button" : void 0,
+    "aria-label": ariaLabel,
+    title,
+    ...props,
+    children: /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "100%",
+        height: "100%",
+        viewBox: "0 0 22 22",
+        fill: "none",
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M11 20.1663C16.06 20.1663 20.1666 16.0597 20.1666 10.9997C20.1666 5.93967 16.06 1.83301 11 1.83301C5.93998 1.83301 1.83331 5.93967 1.83331 10.9997C1.83331 16.0597 5.93998 20.1663 11 20.1663Z",
+              stroke: stroke || "#292D32",
+              strokeWidth: "1.5",
+              "stroke-miterlimit": "10",
+              strokeLinecap: "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M17.3249 4.58301L4.49158 17.4163",
+              stroke: stroke || "#292D32",
+              strokeWidth: "1.5",
+              "stroke-miterlimit": "10",
+              strokeLinecap: "round",
+              "stroke-linejoin": "round"
+            }
+          )
+        ]
+      }
+    )
+  }
+);
+
+const ViewIcon = ({
+  size = 20,
+  color = "currentColor",
+  className,
+  style,
+  onClick,
+  "aria-label": ariaLabel,
+  title,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className,
+    style: {
+      width: size,
+      height: size,
+      cursor: onClick ? "pointer" : "default",
+      ...style
+    },
+    onClick,
+    role: onClick ? "button" : void 0,
+    "aria-label": ariaLabel,
+    title,
+    ...props,
+    children: /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        width: "100%",
+        height: "100%",
+        viewBox: "0 0 20 20",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M2.42466 10.9778C2.14002 10.3585 2.14002 9.6441 2.42466 9.02484C3.74225 6.15832 6.6389 4.16797 10.0004 4.16797C13.362 4.16797 16.2586 6.15833 17.5762 9.02484C17.8608 9.6441 17.8608 10.3585 17.5762 10.9778C16.2586 13.8443 13.362 15.8346 10.0004 15.8346C6.6389 15.8346 3.74225 13.8443 2.42466 10.9778Z",
+              stroke: color || "#007BE5",
+              "stroke-width": "1.5"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M12.5004 10.0013C12.5004 11.382 11.3811 12.5013 10.0004 12.5013C8.61972 12.5013 7.50043 11.382 7.50043 10.0013C7.50043 8.62059 8.61972 7.5013 10.0004 7.5013C11.3811 7.5013 12.5004 8.62059 12.5004 10.0013Z",
+              stroke: color || "#007BE5",
+              "stroke-width": "1.5"
+            }
+          )
+        ]
+      }
+    )
+  }
+);
+
 const ActionRowTable = ({
   type,
   contentTooltip,
@@ -132258,6 +132375,17 @@ const ActionRowTable = ({
   };
   const renderAction = () => {
     switch (type) {
+      case TypeActionRowTable.VIEW:
+        return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Tooltip$1, { title: contentTooltip, children: /* @__PURE__ */ jsx(
+          Button$1,
+          {
+            onClick: handleClick,
+            type: "text",
+            className: "cursor-pointer",
+            shape: "circle",
+            icon: /* @__PURE__ */ jsx(ViewIcon, { color: "#007BE5" })
+          }
+        ) }) });
       case TypeActionRowTable.EDIT:
         return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Tooltip$1, { title: contentTooltip, children: /* @__PURE__ */ jsx(
           Button$1,
@@ -132430,68 +132558,6 @@ const DropListActions = ({
   ) }) });
 };
 
-const RefuseApprovalDropListIcon = ({
-  size = 22,
-  color = "currentColor",
-  className,
-  style,
-  onClick,
-  "aria-label": ariaLabel,
-  title,
-  stroke,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className,
-    style: {
-      width: size,
-      height: size,
-      cursor: onClick ? "pointer" : "default",
-      ...style
-    },
-    onClick,
-    role: onClick ? "button" : void 0,
-    "aria-label": ariaLabel,
-    title,
-    ...props,
-    children: /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "100%",
-        height: "100%",
-        viewBox: "0 0 22 22",
-        fill: "none",
-        children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M11 20.1663C16.06 20.1663 20.1666 16.0597 20.1666 10.9997C20.1666 5.93967 16.06 1.83301 11 1.83301C5.93998 1.83301 1.83331 5.93967 1.83331 10.9997C1.83331 16.0597 5.93998 20.1663 11 20.1663Z",
-              stroke: stroke || "#292D32",
-              strokeWidth: "1.5",
-              "stroke-miterlimit": "10",
-              strokeLinecap: "round",
-              "stroke-linejoin": "round"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M17.3249 4.58301L4.49158 17.4163",
-              stroke: stroke || "#292D32",
-              strokeWidth: "1.5",
-              "stroke-miterlimit": "10",
-              strokeLinecap: "round",
-              "stroke-linejoin": "round"
-            }
-          )
-        ]
-      }
-    )
-  }
-);
-
 const BulkActions = ({
   quantity = 0,
   handleDelete,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.478",
+  "version": "1.9.481",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -136,7 +136,7 @@
     "@headlessui/react": "^2.2.2",
     "@heroicons/react": "^2.2.0",
     "@hookform/resolvers": "^5.1.1",
-    "@pnkx-lib/icon": "^0.0.70",
+    "@pnkx-lib/icon": "^0.0.77",
     "@react-pdf-viewer/core": "^3.12.0",
     "@react-pdf-viewer/default-layout": "^3.12.0",
     "@tailwindcss/cli": "^4.1.6",

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

@@ -23,10 +23,9 @@ export interface InputProps extends InputPropsAntd {
     inputPassword?: boolean;
     subLabel?: string;
     classNameSubLabel?: string;
-    maxValue?: number;
-    minValue?: number;
     thousandSeparator?: string;
     decimalSeparator?: string;
+    toLowerCaseSafe?: boolean;
 }
 export declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
 export interface PropsNumberFormat extends Omit<InputProps, "onChange" | "afterOnChange" | "value" | "defaultValue" | "iconStartInput" | "iconEndInput"> {