@pnkx-lib/ui 1.9.555 → 1.9.557

package/es/index.js

@@ -74,6 +74,7 @@ export { TableForm } from './ui/TableForm/index.js';
 export { Descriptions } from './ui/Descriptions.js';
 export { CustomeBulkActions } from './ui/CustomeBulkActions/index.js';
 export { Clock } from './ui/Clock/index.js';
+export { CATEGORY_PRICE_ENUM, PriceStatus, badgeStatusPriceConfig } from './ui/PriceStatus.js';
 export { Input } from './fields/Input.js';
 export { PnkxField } from './fields/PnkxField.js';
 export { Select } from './fields/Select.js';

package/es/ui/PriceStatus.js

@@ -1,15 +1,15 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
-var CATEGORY_LIST_ENUM = /* @__PURE__ */ ((CATEGORY_LIST_ENUM2) => {
-  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["CREATE"] = 0] = "CREATE";
-  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["WATING_CONFIRM"] = 1] = "WATING_CONFIRM";
-  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["WATING_APPROVE"] = 2] = "WATING_APPROVE";
-  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["APPROVE"] = 3] = "APPROVE";
-  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["DELETE"] = 4] = "DELETE";
-  return CATEGORY_LIST_ENUM2;
-})(CATEGORY_LIST_ENUM || {});
-const badgeStatusCategoryConfig = {
+var CATEGORY_PRICE_ENUM = /* @__PURE__ */ ((CATEGORY_PRICE_ENUM2) => {
+  CATEGORY_PRICE_ENUM2[CATEGORY_PRICE_ENUM2["CREATE"] = 0] = "CREATE";
+  CATEGORY_PRICE_ENUM2[CATEGORY_PRICE_ENUM2["WATING_CONFIRM"] = 1] = "WATING_CONFIRM";
+  CATEGORY_PRICE_ENUM2[CATEGORY_PRICE_ENUM2["WATING_APPROVE"] = 2] = "WATING_APPROVE";
+  CATEGORY_PRICE_ENUM2[CATEGORY_PRICE_ENUM2["APPROVE"] = 3] = "APPROVE";
+  CATEGORY_PRICE_ENUM2[CATEGORY_PRICE_ENUM2["DELETE"] = 4] = "DELETE";
+  return CATEGORY_PRICE_ENUM2;
+})(CATEGORY_PRICE_ENUM || {});
+const badgeStatusPriceConfig = {
   [0 /* CREATE */]: { color: "bg-[#007BE5]", text: "Tạo mới" },
   [1 /* WATING_CONFIRM */]: {
     color: "bg-[#DD4338]",
@@ -27,7 +27,7 @@ const badgeStatusCategoryConfig = {
 };
 const PriceStatus = ({ status }) => {
   //! State
-  const bagde = badgeStatusCategoryConfig[Number(status)];
+  const bagde = badgeStatusPriceConfig[Number(status)];
   //! Function
   const ItemStatus = ({
     color,
@@ -42,4 +42,4 @@ const PriceStatus = ({ status }) => {
   return /* @__PURE__ */ jsx(ItemStatus, { color: bagde?.color, statusName: bagde?.text });
 };
 
-export { CATEGORY_LIST_ENUM, PriceStatus, badgeStatusCategoryConfig };
+export { CATEGORY_PRICE_ENUM, PriceStatus, badgeStatusPriceConfig };

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/es/ui/index.js

@@ -75,6 +75,7 @@ export { TableForm } from './TableForm/index.js';
 export { Descriptions } from './Descriptions.js';
 export { CustomeBulkActions } from './CustomeBulkActions/index.js';
 export { Clock } from './Clock/index.js';
+export { CATEGORY_PRICE_ENUM, PriceStatus, badgeStatusPriceConfig } from './PriceStatus.js';
 export { I as ID_TABLE_WRAPPER, a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from '../chunks/common-BcURBmQ-.js';
 export { Sidebar } from './Sidebar/index.js';
 

package/package.json

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

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

@@ -1,5 +1,4 @@
-import { TypeStatusTable } from '../../constants';
-export declare enum CATEGORY_LIST_ENUM {
+export declare enum CATEGORY_PRICE_ENUM {
     CREATE = 0,// tạo mới
     WATING_CONFIRM = 1,// đang xác nhận
     WATING_APPROVE = 2,// đang chờ duyệt
@@ -12,9 +11,9 @@ type BadgeConfig = {
         text: string;
     };
 };
-export declare const badgeStatusCategoryConfig: BadgeConfig;
-export interface CategoryStatusProps {
-    status: TypeStatusTable;
+export declare const badgeStatusPriceConfig: BadgeConfig;
+export interface PriceStatusProps {
+    status: CATEGORY_PRICE_ENUM;
 }
-export declare const PriceStatus: ({ status }: CategoryStatusProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PriceStatus: ({ status }: PriceStatusProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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;

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

@@ -75,3 +75,4 @@ export * from './TableForm';
 export * from './Descriptions';
 export * from './CustomeBulkActions';
 export * from './Clock';
+export * from './PriceStatus';