@pnkx-lib/ui 1.9.254 → 1.9.256

package/es/ui/index.js

@@ -4734,6 +4734,9 @@ const ButtonBadge = (props) => {
   const { buttonItem, active, setFilters, filters } = props;
   const handleClick = () => {
     setFilters({ ...filters, status: buttonItem?.status });
+    if (props.setRowsSelected) {
+      props.setRowsSelected([]);
+    }
   };
   return /* @__PURE__ */ jsxs(
     Button,
@@ -4763,14 +4766,15 @@ const ButtonBadge = (props) => {
   );
 };
 const GroupHeadingButton = (props) => {
-  const { groupHeadingButtonItems, setFilters, filters } = props;
+  const { groupHeadingButtonItems, setFilters, filters, setRowsSelected } = props;
   return /* @__PURE__ */ jsx("div", { className: "pb-[15px]", children: groupHeadingButtonItems?.map((i, index) => /* @__PURE__ */ jsx(
     ButtonBadge,
     {
       buttonItem: i,
       active: i?.status === filters?.status,
       setFilters,
-      filters
+      filters,
+      setRowsSelected
     },
     index
   )) });
@@ -4800,7 +4804,8 @@ const HeadingTable = (props) => {
     groupHeadingButtonItems,
     setFilters,
     filters,
-    noBreadcum
+    noBreadcum,
+    setRowsSelected
   } = props;
   return /* @__PURE__ */ jsxs(
     Heading,
@@ -4819,6 +4824,7 @@ const HeadingTable = (props) => {
               {
                 groupHeadingButtonItems,
                 setFilters,
+                setRowsSelected,
                 filters
               }
             ),
@@ -4898,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
@@ -4961,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" }),
@@ -4973,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" }),
@@ -4985,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" }),
@@ -4996,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" }),
@@ -5008,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" }),
@@ -5020,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" }),
@@ -5036,7 +5044,7 @@ const BulkActions = ({
         CATEGORY_LIST_ENUM?.ACTIVE,
         CATEGORY_LIST_ENUM?.INACTIVE
       ],
-      showConfirmModal: false
+      showTitle: false
     },
     {
       icon: /* @__PURE__ */ jsx(ActivateIcon, { stroke: "white" }),
@@ -5048,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" }),
@@ -5060,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();
@@ -5269,6 +5277,7 @@ const Table = ({
   size = "small",
   defaultEllipsis = true,
   onDoubleClickRow,
+  setRowsSelected,
   ...rest
 }) => {
   const status = filters?.status;
@@ -5365,6 +5374,7 @@ const Table = ({
             menu,
             groupHeadingButtonItems,
             setFilters,
+            setRowsSelected,
             filters,
             noBreadcum
           }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.254",
+  "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 {};

package/types/components/ui/Table/HeadingTable/components/GroupHeadingButton.d.ts

@@ -9,5 +9,6 @@ export interface GroupHeadingButtonProps {
     groupHeadingButtonItems?: GroupHeadingButtonItem[];
     setFilters: (nextFilter: InitialFiltersSearch<TFilters>) => void;
     filters: InitialFiltersSearch<TFilters>;
+    setRowsSelected?: (newSelectedRowKeys: React.Key[]) => void;
 }
 export declare const GroupHeadingButton: (props: GroupHeadingButtonProps) => import("react/jsx-runtime").JSX.Element;

package/types/components/ui/Table/HeadingTable/index.d.ts

@@ -12,5 +12,6 @@ export interface IHeadingCatgoryProps {
     setFilters: (nextFilter: InitialFiltersSearch<TFilters>) => void;
     filters: InitialFiltersSearch<TFilters>;
     noBreadcum?: boolean;
+    setRowsSelected?: (newSelectedRowKeys: React.Key[]) => void;
 }
 export declare const HeadingTable: (props: IHeadingCatgoryProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -42,6 +42,7 @@ export interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
     bulkActionHandlers?: BulkActionHandlers;
     size?: SizeType;
     defaultEllipsis?: boolean;
+    setRowsSelected?: (newSelectedRowKeys: React.Key[]) => void;
 }
-export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, menu, groupHeadingButtonItems, showIndexColumn, setFilters, noBreadcum, bulkActionHandlers, size, defaultEllipsis, onDoubleClickRow, ...rest }: TableCommonProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, menu, groupHeadingButtonItems, showIndexColumn, setFilters, noBreadcum, bulkActionHandlers, size, defaultEllipsis, onDoubleClickRow, setRowsSelected, ...rest }: TableCommonProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};