@pnkx-lib/ui 1.9.480 → 1.9.482

package/es/fields/Input.js

@@ -1294,8 +1294,9 @@ const Input = (props) => {
     allowClear,
     subLabel,
     classNameSubLabel,
-    maxValue,
     toLowerCaseSafe,
+    // maxValue,
+    // minValue,
     ...restProps
   } = props;
   const { name, value, onChange, onBlur } = field || {};
@@ -1369,7 +1370,6 @@ const Input = (props) => {
       return /* @__PURE__ */ jsx(
         NumericFormatCustom,
         {
-          maxValue,
           name,
           ref: inputRef,
           type,
@@ -1456,7 +1456,8 @@ const NumericFormatCustom = forwardRef((props, ref) => {
     type,
     prefix,
     helperText,
-    maxValue = 999999999999999,
+    // minValue,
+    // maxValue = 999_999_999_999_999,
     decimalScale,
     thousandSeparator,
     decimalSeparator,
@@ -1494,10 +1495,6 @@ const NumericFormatCustom = forwardRef((props, ref) => {
         valueIsNumericString: true,
         getInputRef: ref,
         prefix: isMoney ? "$" : prefix,
-        isAllowed: (values) => {
-          const { floatValue } = values;
-          return floatValue === void 0 || floatValue.toString().length <= maxValue;
-        },
         ...restProps
       }
     ),

package/es/ui/SelectSingleTable.js

@@ -147,7 +147,7 @@ const SelectSingleTable = ({
           rowKey,
           size: tableProps.size || "small",
           pagination: false,
-          scroll: { y: 400 },
+          scroll: tableProps.scrollTable,
           style: { overflowX: "hidden" },
           loading,
           onScroll: handleScroll,

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,
@@ -132505,8 +132571,9 @@ const BulkActions = ({
   handleRestore,
   status,
   typeBulkaction,
-  isApproved
+  isApproved,
   // Chỉ sử dụng khi là danh sách icon
+  isShowDelete = false
 }) => {
   //! State
   const listIcon = [
@@ -132591,12 +132658,18 @@ const BulkActions = ({
       name: "Xoá",
       title: "Xác nhận xóa",
       content: "Bạn có chắc chắn muốn xóa không? Hành động này không thể hoàn tác.",
-      arrShow: isBoolean(isApproved) && !isApproved ? [
+      arrShow: isShowDelete ? [
+        CATEGORY_LIST_ENUM?.DRAFT,
+        CATEGORY_LIST_ENUM?.ACTIVE,
+        CATEGORY_LIST_ENUM?.INACTIVE,
+        CATEGORY_LIST_ENUM?.REJECT,
+        CATEGORY_LIST_ENUM?.WATING_APPROVAL
+      ] : isBoolean(isApproved) && !isApproved ? [
         CATEGORY_LIST_ENUM?.DRAFT,
         CATEGORY_LIST_ENUM?.ACTIVE,
         CATEGORY_LIST_ENUM?.INACTIVE
       ] : [CATEGORY_LIST_ENUM?.DRAFT],
-      showTitle: false
+      showTitle: isShowDelete
     },
     {
       icon: /* @__PURE__ */ jsx(ActivateIcon, { stroke: "white" }),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.480",
+  "version": "1.9.482",
   "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,7 +23,6 @@ export interface InputProps extends InputPropsAntd {
     inputPassword?: boolean;
     subLabel?: string;
     classNameSubLabel?: string;
-    maxValue?: number;
     thousandSeparator?: string;
     decimalSeparator?: string;
     toLowerCaseSafe?: boolean;

package/types/components/ui/BulkActions/index.d.ts

@@ -7,6 +7,7 @@ interface IBulkActionsProps extends Partial<BulkActionHandlers> {
     status?: unknown;
     typeBulkaction?: TypeBulkActions;
     isApproved?: boolean;
+    isShowDelete?: boolean;
 }
 export type TListIcon = {
     icon: React.ReactNode;
@@ -20,5 +21,5 @@ export type TListIcon = {
     name?: string;
     showTitle?: boolean;
 };
-export declare const BulkActions: ({ quantity, handleDelete, handleSubmitForApproval, handleCancelSubmission, handleApprove, handleCancelApproval, handleReject, handleDeactivate, handleActivate, handleRestore, status, typeBulkaction, isApproved, }: IBulkActionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BulkActions: ({ quantity, handleDelete, handleSubmitForApproval, handleCancelSubmission, handleApprove, handleCancelApproval, handleReject, handleDeactivate, handleActivate, handleRestore, status, typeBulkaction, isApproved, isShowDelete, }: IBulkActionsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/ui/SelectSingleTable.d.ts

@@ -15,6 +15,10 @@ export interface SelectSingleTableProps<T = Record<string, unknown>> extends Omi
     tableProps?: {
         size?: "small" | "middle" | "large";
         pagination?: false;
+        scrollTable?: {
+            y?: number;
+            x?: number;
+        };
     };
     infiniteScroll?: boolean;
     loadMoreThreshold?: number;