@pnkx-lib/ui 1.9.255 → 1.9.256

package/es/ui/index.js

@@ -4904,37 +4904,38 @@ const DropListActions = ({
   };
   const renderContentPopover = () => {
     return /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: !isEmpty(listIcon) && listIcon?.map(
-      (item, index) => (
-        // IsShow(item?.arrShow) && (
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            className: twMerge(
-              "flex gap-4 px-3 py-2 rounded-sm  transition duration-200   hover:rounded-sm",
-              IsShow(item?.arrShow) ? "hover:bg-[#F5F6F7] cursor-pointer" : "text-[#B2B7C2] cursor-not-allowed"
-            ),
-            disabled: IsShow(item?.arrShow) ? false : true,
-            onClick: item?.showConfirmModal ? () => {
-              toggle();
-              setNotifyContent({
-                title: item?.title || "",
-                content: item?.content || "",
-                typeIcon: item?.typeIcon,
-                handleCancel: () => {
-                  toggle();
-                },
-                handleSubmit: item?.action
-              });
-            } : item?.action,
-            children: [
-              IsShow(item?.arrShow) ? item.iconDropList : item.iconDisable,
-              /* @__PURE__ */ jsx("span", { children: item.name || "" })
-            ]
+      (item, index) => item?.showTitle && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: twMerge(
+            "flex gap-4 px-3 py-2 rounded-sm  transition duration-200   hover:rounded-sm",
+            IsShow(item?.arrShow) ? "hover:bg-[#F5F6F7] cursor-pointer" : "text-[#B2B7C2] cursor-not-allowed"
+          ),
+          disabled: IsShow(item?.arrShow) ? false : true,
+          onClick: () => {
+            toggle();
+            setNotifyContent({
+              title: item?.title || "",
+              content: item?.content || "",
+              typeIcon: item?.typeIcon,
+              handleCancel: () => {
+                toggle();
+              },
+              handleSubmit: () => {
+                if (item?.action) {
+                  item?.action();
+                }
+                toggle();
+              }
+            });
           },
-          index
-        )
+          children: [
+            IsShow(item?.arrShow) ? item.iconDropList : item.iconDisable,
+            /* @__PURE__ */ jsx("span", { children: item.name || "" })
+          ]
+        },
+        index
       )
-      // )
     ) });
   };
   //! Render
@@ -4967,7 +4968,7 @@ const BulkActions = ({
       title: "Xác nhận khôi phục",
       content: "Bạn có chắc chắn muốn khôi phục không?",
       arrShow: [CATEGORY_LIST_ENUM?.DELETE, CATEGORY_LIST_ENUM?.REJECT],
-      showConfirmModal: true
+      showTitle: true
     },
     {
       icon: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "white" }),
@@ -4979,7 +4980,7 @@ const BulkActions = ({
       title: "Xác nhận gửi duyệt",
       content: "Bạn có chắc chắn muốn gửi duyệt không?",
       arrShow: [CATEGORY_LIST_ENUM?.DRAFT],
-      showConfirmModal: true
+      showTitle: true
     },
     {
       icon: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "white" }),
@@ -4991,7 +4992,7 @@ const BulkActions = ({
       title: "Xác nhận hủy gửi duyệt",
       content: "Bạn có chắc chắn muốn hủy gửi duyệt không?",
       arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL],
-      showConfirmModal: true
+      showTitle: true
     },
     {
       icon: /* @__PURE__ */ jsx(RefuseApprovalIcon, { stroke: "white" }),
@@ -5002,7 +5003,8 @@ const BulkActions = ({
       typeIcon: "error",
       title: "Xác nhận từ chối duyệt",
       content: "Bạn có chắc chắn muốn từ chối duyệt không? Hành động này không thể hoàn tác.",
-      arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL]
+      arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL],
+      showTitle: true
     },
     {
       icon: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "white" }),
@@ -5014,7 +5016,7 @@ const BulkActions = ({
       title: "Xác nhận duyệt",
       content: "Bạn có chắc chắn muốn duyệt không?",
       arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL],
-      showConfirmModal: true
+      showTitle: true
     },
     {
       icon: /* @__PURE__ */ jsx(CancelApprovalIcon, { stroke: "white" }),
@@ -5026,7 +5028,7 @@ const BulkActions = ({
       title: "Xác nhận hủy duyệt",
       content: "Bạn có chắc chắn muốn hủy duyệt không?",
       arrShow: [CATEGORY_LIST_ENUM?.ACTIVE],
-      showConfirmModal: true
+      showTitle: true
     },
     {
       icon: /* @__PURE__ */ jsx(DeleteIcon, { fill: "white" }),
@@ -5042,7 +5044,7 @@ const BulkActions = ({
         CATEGORY_LIST_ENUM?.ACTIVE,
         CATEGORY_LIST_ENUM?.INACTIVE
       ],
-      showConfirmModal: false
+      showTitle: false
     },
     {
       icon: /* @__PURE__ */ jsx(ActivateIcon, { stroke: "white" }),
@@ -5054,7 +5056,7 @@ const BulkActions = ({
       title: "Xác nhận kích hoạt",
       content: "Bạn có chắc chắn muốn kích hoạt không?",
       arrShow: [CATEGORY_LIST_ENUM?.INACTIVE],
-      showConfirmModal: true
+      showTitle: true
     },
     {
       icon: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "white" }),
@@ -5066,7 +5068,7 @@ const BulkActions = ({
       title: "Xác nhận vô hiệu hóa",
       content: "Bạn có chắc chắn muốn vô hiệu hóa không?",
       arrShow: [CATEGORY_LIST_ENUM?.ACTIVE],
-      showConfirmModal: true
+      showTitle: true
     }
   ];
   const { open, shouldRender, toggle } = useToggle();

package/package.json

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

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

@@ -17,7 +17,7 @@ export type TListIcon = {
     content?: string;
     typeIcon?: ConfirmModalProps["typeIcon"];
     name?: string;
-    showConfirmModal?: boolean;
+    showTitle?: boolean;
 };
 export declare const BulkActions: ({ quantity, handleDelete, handleSubmitForApproval, handleCancelSubmission, handleApprove, handleCancelApproval, handleReject, handleDeactivate, handleActivate, handleRestore, status, typeBulkaction, }: IBulkActionsProps) => import("react/jsx-runtime").JSX.Element;
 export {};