@pnkx-lib/ui 1.9.556 → 1.9.557

package/es/ui/SelectTable.js

@@ -33,6 +33,8 @@ const SelectTable = ({
   classNameLabel,
   isShowLabel = false,
   isShowCheckboxAll = false,
+  listIdDuplicate = [],
+  classNameRow = "",
   ...selectProps
 }) => {
   const [open, setOpen] = useState(false);
@@ -164,6 +166,29 @@ const SelectTable = ({
     }
     setOpen(visible);
   };
+  const handleRowClick = (record) => {
+    {
+      const key = typeof rowKey === "function" ? rowKey(record) : record[rowKey];
+      const isSelected = currentSelectedKeys.includes(key);
+      if (isSelected) {
+        const newSelectedKeys = currentSelectedKeys.filter((k) => k !== key);
+        const newSelectedRows = value?.filter((row) => {
+          const rowKeyValue = typeof rowKey === "function" ? rowKey(row) : row[rowKey];
+          return rowKeyValue !== key;
+        }) || [];
+        onSelectChange(newSelectedKeys, newSelectedRows);
+      } else {
+        const newSelectedKeys = [...currentSelectedKeys, key];
+        const newSelectedRows = [...value || [], record];
+        onSelectChange(newSelectedKeys, newSelectedRows);
+      }
+    }
+  };
+  const handleRowClassName = (record) => {
+    const key = typeof rowKey === "function" ? rowKey(record) : record[rowKey];
+    const isValid = listIdDuplicate.includes(key);
+    return isValid ? classNameRow : "";
+  };
   const dropdownRender = () => /* @__PURE__ */ jsx("div", { className: "select-table-dropdown", children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -182,6 +207,10 @@ const SelectTable = ({
           style: { overflowX: "hidden" },
           loading: false,
           onScroll: handleScroll,
+          onRow: (record) => ({
+            onClick: () => handleRowClick(record)
+          }),
+          rowClassName: handleRowClassName,
           ...tableProps
         }
       )

package/package.json

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

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

@@ -35,5 +35,7 @@ export interface SelectTableProps<T = Record<string, unknown>> extends Omit<Sele
     classNameLabel?: string;
     isShowLabel?: boolean;
     isShowCheckboxAll?: boolean;
+    listIdDuplicate?: React.Key[];
+    classNameRow?: string;
 }
-export declare const SelectTable: <T>({ columns, dataSource, selectedKeys, onSelectionChange, onLoadMore, onSearch, hasMore, loading, rowKey, tableProps, infiniteScroll, loadMoreThreshold, searchPlaceholder, displayField, selectedRows, customeContentTable, customeContainerTable, field, formState, label, required, isDisabledCheckbox, classNameContainer, classNameLabel, isShowLabel, isShowCheckboxAll, ...selectProps }: SelectTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectTable: <T>({ columns, dataSource, selectedKeys, onSelectionChange, onLoadMore, onSearch, hasMore, loading, rowKey, tableProps, infiniteScroll, loadMoreThreshold, searchPlaceholder, displayField, selectedRows, customeContentTable, customeContainerTable, field, formState, label, required, isDisabledCheckbox, classNameContainer, classNameLabel, isShowLabel, isShowCheckboxAll, listIdDuplicate, classNameRow, ...selectProps }: SelectTableProps<T>) => import("react/jsx-runtime").JSX.Element;