@pnkx-lib/ui 1.9.557 → 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/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.557",
+  "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/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 {}