@pnkx-lib/ui 1.9.556 → 1.9.558

package/es/index.js

@@ -75,6 +75,7 @@ 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 { badgeStatusclinicalConfig } from './ui/ClinicalStatus.js';
 export { Input } from './fields/Input.js';
 export { PnkxField } from './fields/PnkxField.js';
 export { Select } from './fields/Select.js';

package/es/ui/ClinicalStatus.js

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React__default from 'react';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+
+const badgeStatusclinicalConfig = {
+  [0 /* WAITING */]: {
+    color: "bg-[#722ED1]",
+    text: "Chờ tiếp đón"
+  },
+  [1 /* INPROGRESS */]: {
+    color: "bg-[#007BE5]",
+    text: "Đang tiếp đón"
+  },
+  [2 /* SKIPPED */]: {
+    color: "bg-[#B2B7C2]",
+    text: "Bỏ qua"
+  },
+  [3 /* COMPLETED */]: {
+    color: "bg-[#27CD7F]",
+    text: "Đã tiếp đón"
+  },
+  [4 /* CANCELLED */]: {
+    color: "bg-[#DD4338]",
+    text: "Huỷ tiếp đón"
+  },
+  [5 /* CLOSED */]: {
+    color: "bg-[#DA9438]",
+    text: "Đóng hồ sơ"
+  }
+};
+const ClinicalStatus = ({ status }) => {
+  const bagde = badgeStatusclinicalConfig[Number(status)];
+  //! Function
+  const ItemStatus = ({
+    color,
+    statusName
+  }) => {
+    return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: twMerge("w-3 h-3 rounded-sm", color || "") }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-normal", children: statusName || "" })
+    ] }) });
+  };
+  //! Render
+  return /* @__PURE__ */ jsx(ItemStatus, { color: bagde?.color, statusName: bagde?.text });
+};
+const ClinicalStatus$1 = React__default.memo(ClinicalStatus);
+
+export { badgeStatusclinicalConfig, ClinicalStatus$1 as default };

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

@@ -76,6 +76,7 @@ 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 { badgeStatusclinicalConfig } from './ClinicalStatus.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.556",
+  "version": "1.9.558",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+declare enum CATEGORY_CLINICAL_ENUM {
+    WAITING = 0,// CHỜ TIẾP ĐÓN
+    INPROGRESS = 1,// ĐANG TIẾP ĐÓN
+    SKIPPED = 2,// BỎ QUA
+    COMPLETED = 3,// ĐÃ TIẾP ĐÓN
+    CANCELLED = 4,// HỦY TIẾP ĐÓN
+    CLOSED = 5
+}
+type BadgeConfig = {
+    [key: number]: {
+        color: string;
+        text: string;
+    };
+};
+export declare const badgeStatusclinicalConfig: BadgeConfig;
+export interface ClinicalStatusProps {
+    status: CATEGORY_CLINICAL_ENUM;
+}
+declare const _default: React.MemoExoticComponent<({ status }: ClinicalStatusProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

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

package/types/ui/ClinicalStatus.d.ts

@@ -0,0 +1,6 @@
+export * from '../components/ui/ClinicalStatus'
+export {}
+import PnkxUI from '../components/ui/ClinicalStatus'
+export default PnkxUI
+export * from '../components/ui/ClinicalStatus'
+export {}