@pnkx-lib/ui 1.9.539 → 1.9.540

package/es/chunks/RefuseApprovalDropListIcon-DkyYANWt.js

@@ -0,0 +1,192 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const RestoreIcon = ({ stroke, fill }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    stroke,
+    fill,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    d: "M3.405 6.611a8.824 8.824 0 0 1 7.64-4.388c3.701 0 6.87 2.269 8.179 5.486m-13.14 0h-4.41V3.32m16.92 12.069a8.824 8.824 0 0 1-7.64 4.388 8.822 8.822 0 0 1-8.178-5.486m13.14 0h4.41v4.389"
+  }
+) });
+
+const SendApprovalIcon = ({ stroke, fill }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fill,
+    stroke,
+    strokeLinecap: "round",
+    strokeWidth: 1.714,
+    d: "M6.44 11h4.45m-4.584-.521L2.912 4.37c-.513-.922.474-1.953 1.419-1.481l14.304 7.15a1.073 1.073 0 0 1 0 1.92L4.33 19.11c-.945.472-1.932-.559-1.42-1.482l3.395-6.107c.18-.324.18-.718 0-1.042Z"
+  }
+) });
+
+const CancelSendApprovalIcon = ({ fill, stroke }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fill,
+    stroke,
+    strokeLinecap: "round",
+    strokeWidth: 1.5,
+    d: "M12.829 7.343 9.17 14.657M20.143 11a9.143 9.143 0 1 1-18.286 0 9.143 9.143 0 0 1 18.286 0Z"
+  }
+) });
+
+const ApprovalIcon = ({ stroke, fill }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fill,
+    stroke,
+    strokeLinecap: "round",
+    strokeWidth: 1.714,
+    d: "m15.33 6.429-8.667 8.89a.827.827 0 0 1-1.19 0L1.856 11.61m9.618 3.707 8.668-8.89"
+  }
+) });
+
+const CancelApprovalIcon = ({ stroke, fill }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fill,
+    stroke,
+    strokeLinecap: "round",
+    strokeWidth: 1.5,
+    d: "M13.743 8.257 11 11m0 0-2.743 2.743M11 11l2.743 2.743M11 11 8.257 8.257M20.143 11a9.143 9.143 0 1 1-18.286 0 9.143 9.143 0 0 1 18.286 0Z"
+  }
+) });
+
+const RefuseApprovalIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: [
+  /* @__PURE__ */ jsx("mask", { id: "a", fill: "#fff", children: /* @__PURE__ */ jsx("path", { d: "M11 2.086A8.914 8.914 0 1 0 19.914 11 8.924 8.924 0 0 0 11 2.086ZM18.543 11a7.505 7.505 0 0 1-1.75 4.824L6.176 5.206A7.543 7.543 0 0 1 18.543 11ZM3.457 11a7.505 7.505 0 0 1 1.75-4.824l10.617 10.618A7.544 7.544 0 0 1 3.457 11Z" }) }),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "#fff",
+      d: "M11 2.086A8.914 8.914 0 1 0 19.914 11 8.924 8.924 0 0 0 11 2.086ZM18.543 11a7.505 7.505 0 0 1-1.75 4.824L6.176 5.206A7.543 7.543 0 0 1 18.543 11ZM3.457 11a7.505 7.505 0 0 1 1.75-4.824l10.617 10.618A7.544 7.544 0 0 1 3.457 11Z"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill,
+      stroke,
+      d: "m11 2.086.002-1.714H11v1.714ZM19.914 11h1.715v-.002L19.914 11Zm-1.371 0-1.714.001h1.714Zm-1.75 4.824-1.212 1.212 1.325 1.325 1.202-1.437-1.315-1.1ZM6.176 5.206 5.08 3.888 3.635 5.089l1.329 1.329 1.212-1.212ZM3.457 11h1.714v-.002L3.457 11Zm1.75-4.824 1.212-1.212-1.325-1.325-1.202 1.437 1.315 1.1Zm10.617 10.618 1.096 1.318 1.445-1.201-1.329-1.329-1.212 1.212ZM11 2.086V.372c-2.102 0-4.157.623-5.905 1.79l.952 1.426L7 5.014A7.2 7.2 0 0 1 11 3.8V2.086ZM6.047 3.588l-.952-1.425a10.629 10.629 0 0 0-3.915 4.77l1.584.656 1.584.656A7.2 7.2 0 0 1 7 5.014l-.953-1.426Zm-3.283 4L1.18 6.934a10.629 10.629 0 0 0-.604 6.14l1.681-.334 1.681-.334a7.2 7.2 0 0 1 .41-4.16l-1.584-.656Zm-.507 5.151-1.681.335a10.628 10.628 0 0 0 2.908 5.442l1.213-1.212 1.212-1.213a7.2 7.2 0 0 1-1.97-3.686l-1.682.334Zm2.44 4.564-1.213 1.213a10.628 10.628 0 0 0 5.442 2.908l.335-1.68.334-1.682a7.201 7.201 0 0 1-3.686-1.97l-1.212 1.212Zm4.564 2.44-.335 1.681c2.062.41 4.2.2 6.141-.604l-.656-1.584-.656-1.584a7.2 7.2 0 0 1-4.16.41l-.334 1.681Zm5.15-.507.656 1.584a10.628 10.628 0 0 0 4.77-3.915l-1.425-.952L16.987 15a7.2 7.2 0 0 1-3.232 2.652l.656 1.584Zm4-3.283 1.426.952A10.628 10.628 0 0 0 21.63 11H18.2a7.2 7.2 0 0 1-1.213 4l1.425.953ZM19.915 11l1.715-.002a10.638 10.638 0 0 0-3.116-7.51L17.3 4.7l-1.213 1.212a7.21 7.21 0 0 1 2.112 5.09L19.914 11Zm-2.613-6.3 1.212-1.213A10.638 10.638 0 0 0 11.002.372L11 2.086 10.998 3.8a7.21 7.21 0 0 1 5.09 2.112L17.301 4.7Zm1.242 6.3-1.714.002a5.79 5.79 0 0 1-1.35 3.722l1.314 1.1 1.315 1.1a9.22 9.22 0 0 0 2.15-5.926L18.542 11Zm-1.75 4.824 1.213-1.212L7.388 3.994 6.176 5.206 4.964 6.418 15.58 17.036l1.212-1.212ZM6.176 5.206l1.096 1.318a5.828 5.828 0 0 1 2.985-1.3l-.219-1.7-.219-1.701a9.257 9.257 0 0 0-4.74 2.065l1.097 1.318Zm3.862-1.683.219 1.7a5.828 5.828 0 0 1 3.216.503l.727-1.552.728-1.552a9.257 9.257 0 0 0-5.109-.8l.22 1.701Zm4.162.651-.727 1.552a5.829 5.829 0 0 1 2.445 2.15l1.446-.92 1.447-.92a9.257 9.257 0 0 0-3.883-3.414L14.2 4.174Zm3.164 2.782-1.446.92c.594.934.91 2.018.91 3.125h1.715l1.714-.002a9.257 9.257 0 0 0-1.447-4.964l-1.446.92ZM3.457 11l1.714-.002a5.79 5.79 0 0 1 1.35-3.722l-1.314-1.1-1.315-1.1a9.22 9.22 0 0 0-2.15 5.926L3.458 11Zm1.75-4.824L3.994 7.388l10.618 10.618 1.212-1.212 1.212-1.212L6.42 4.964 5.207 6.176Zm10.617 10.618-1.096-1.318a5.828 5.828 0 0 1-2.985 1.3l.219 1.701.219 1.7a9.257 9.257 0 0 0 4.74-2.065l-1.097-1.318Zm-3.862 1.683-.219-1.7a5.829 5.829 0 0 1-3.216-.503L7.8 17.826l-.728 1.552a9.257 9.257 0 0 0 5.109.8l-.22-1.7Zm-4.162-.65.727-1.553a5.83 5.83 0 0 1-2.445-2.15l-1.446.92-1.447.92a9.257 9.257 0 0 0 3.883 3.414l.728-1.552Zm-3.164-2.782 1.446-.92a5.829 5.829 0 0 1-.91-3.126L3.456 11l-1.714.001a9.257 9.257 0 0 0 1.446 4.964l1.447-.92Z",
+      mask: "url(#a)"
+    }
+  )
+] });
+
+const ActivateIcon = ({ stroke, fill }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fill,
+    stroke,
+    strokeLinecap: "round",
+    strokeWidth: 1.714,
+    d: "M14.657 8.257V6.43a3.657 3.657 0 0 0-6.076-2.743M7.526 19.229h6.948c1.024 0 1.536 0 1.927-.2.345-.175.624-.455.8-.799.199-.391.199-.903.199-1.927v-5.12c0-1.024 0-1.536-.2-1.928a1.83 1.83 0 0 0-.799-.799c-.39-.199-.903-.199-1.927-.199H7.526c-1.025 0-1.537 0-1.928.2a1.829 1.829 0 0 0-.799.798c-.2.392-.2.904-.2 1.928v5.12c0 1.024 0 1.536.2 1.927.175.344.455.624.8.8.39.198.902.198 1.927.198Z"
+  }
+) });
+
+const DeleteIcon = ({ stroke, fill = "#DD4338" }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 23, height: 24, fill: "none", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fill,
+    stroke,
+    d: "m18.219 17.634.75.006-.75-.006ZM4.319 5.65a.75.75 0 1 0 0 1.5v-1.5Zm14.934 1.5a.75.75 0 0 0 0-1.5v1.5Zm-8.584 2.984a.75.75 0 1 0-1.5 0h1.5ZM9.17 17.6a.75.75 0 0 0 1.5 0h-1.5Zm5.234-7.466a.75.75 0 1 0-1.5 0h1.5Zm-1.5 7.466a.75.75 0 0 0 1.5 0h-1.5Zm5.416-11.2-.75-.006-.1 11.233.75.007.75.006.1-11.233-.75-.007Zm-3.833 14.934v-.75h-5.5v1.5h5.5v-.75ZM5.253 6.4h-.75v11.2h1.5V6.4h-.75Zm-.934 0v.75h.934v-1.5h-.934v.75Zm.934 0v.75h2.8v-1.5h-2.8v.75Zm2.8 0v.75h7.466v-1.5H8.053v.75Zm7.466 0v.75h2.8v-1.5h-2.8v.75Zm2.8 0v.75h.934v-1.5h-.934v.75ZM8.053 5.985h.75c0-1.338 1.25-2.568 2.983-2.568v-1.5c-2.39 0-4.483 1.74-4.483 4.068h.75Zm3.733-3.318v.75c1.733 0 2.983 1.23 2.983 2.568h1.5c0-2.327-2.092-4.068-4.483-4.068v.75ZM8.053 5.985h-.75V6.4h1.5v-.415h-.75Zm7.466 0h-.75V6.4h1.5v-.415h-.75ZM8.986 21.334v-.75A2.983 2.983 0 0 1 6.003 17.6h-1.5a4.483 4.483 0 0 0 4.483 4.484v-.75Zm9.233-3.7-.75-.007a2.983 2.983 0 0 1-2.983 2.957v1.5a4.483 4.483 0 0 0 4.483-4.444l-.75-.006Zm-8.3-7.5h-.75V17.6h1.5v-7.466h-.75Zm3.734 0h-.75V17.6h1.5v-7.466h-.75Z"
+  }
+) });
+
+const InActiveIcon = ({ stroke, fill }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 22,
+    height: 22,
+    fill: "none",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill,
+        stroke,
+        strokeLinecap: "round",
+        strokeWidth: 1.714,
+        d: "M7.343 8.257V6.43a3.657 3.657 0 0 1 7.314 0v1.828M7.526 19.23h6.948c1.024 0 1.536 0 1.927-.2.345-.175.624-.455.8-.799.199-.391.199-.903.199-1.927v-5.12c0-1.024 0-1.536-.2-1.928a1.83 1.83 0 0 0-.799-.799c-.39-.199-.903-.199-1.927-.199H7.526c-1.025 0-1.537 0-1.928.2a1.829 1.829 0 0 0-.799.798c-.2.392-.2.904-.2 1.928v5.12c0 1.024 0 1.536.2 1.927.175.344.455.624.8.8.39.198.902.198 1.927.198Z"
+      }
+    )
+  }
+);
+
+const MoreIcon = ({ stroke, fill }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 18, height: 18, fill: "none", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fill,
+    stroke,
+    fillRule: "evenodd",
+    d: "M4 8h2v2H4V8Zm4 0h2v2H8V8Zm4 0h2v2h-2V8Z",
+    clipRule: "evenodd"
+  }
+) });
+
+const RefuseApprovalDropListIcon = ({
+  size = 22,
+  color = "currentColor",
+  className,
+  style,
+  onClick,
+  "aria-label": ariaLabel,
+  title,
+  stroke,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className,
+    style: {
+      width: size,
+      height: size,
+      cursor: onClick ? "pointer" : "default",
+      ...style
+    },
+    onClick,
+    role: onClick ? "button" : void 0,
+    "aria-label": ariaLabel,
+    title,
+    ...props,
+    children: /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "100%",
+        height: "100%",
+        viewBox: "0 0 22 22",
+        fill: "none",
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M11 20.1663C16.06 20.1663 20.1666 16.0597 20.1666 10.9997C20.1666 5.93967 16.06 1.83301 11 1.83301C5.93998 1.83301 1.83331 5.93967 1.83331 10.9997C1.83331 16.0597 5.93998 20.1663 11 20.1663Z",
+              stroke: stroke || "#292D32",
+              strokeWidth: "1.5",
+              "stroke-miterlimit": "10",
+              strokeLinecap: "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M17.3249 4.58301L4.49158 17.4163",
+              stroke: stroke || "#292D32",
+              strokeWidth: "1.5",
+              "stroke-miterlimit": "10",
+              strokeLinecap: "round",
+              "stroke-linejoin": "round"
+            }
+          )
+        ]
+      }
+    )
+  }
+);
+
+export { ApprovalIcon as A, CancelSendApprovalIcon as C, DeleteIcon as D, InActiveIcon as I, MoreIcon as M, RestoreIcon as R, SendApprovalIcon as S, RefuseApprovalIcon as a, RefuseApprovalDropListIcon as b, CancelApprovalIcon as c, ActivateIcon as d };

package/es/chunks/table-Btvh90Co.js

@@ -0,0 +1,50 @@
+const START_PAGE = 1;
+const START_PAGE_SIZE = 10;
+const PAGE_NUMBER = "page";
+const PAGE_SIZE = "size";
+const SORT = "sort";
+var TypeActionRowTable = /* @__PURE__ */ ((TypeActionRowTable2) => {
+  TypeActionRowTable2["DELETE"] = "DELETE";
+  TypeActionRowTable2["EDIT"] = "EDIT";
+  TypeActionRowTable2["UNDO"] = "UNDO";
+  TypeActionRowTable2["CANCELUNDO"] = "CANCELUNDO";
+  TypeActionRowTable2["CHECKIN"] = "CHECKIN";
+  TypeActionRowTable2["PRINT"] = "PRINT";
+  TypeActionRowTable2["PAYMENT"] = "PAYMENT";
+  TypeActionRowTable2["PLAY"] = "PLAY";
+  TypeActionRowTable2["PAUSE"] = "PAUSE";
+  TypeActionRowTable2["DOWNLOAD"] = "DOWNLOAD";
+  TypeActionRowTable2["VIEW"] = "VIEW";
+  TypeActionRowTable2["EDIT_FORM"] = "EDIT_FORM";
+  TypeActionRowTable2["SWAP"] = "SWAP";
+  return TypeActionRowTable2;
+})(TypeActionRowTable || {});
+var TypeBulkActions = /* @__PURE__ */ ((TypeBulkActions2) => {
+  TypeBulkActions2["BULKACTION"] = "bulkaction";
+  TypeBulkActions2["DROPLIST"] = "droplist";
+  return TypeBulkActions2;
+})(TypeBulkActions || {});
+var TypeCategoryBulkActions = /* @__PURE__ */ ((TypeCategoryBulkActions2) => {
+  TypeCategoryBulkActions2[TypeCategoryBulkActions2["CATEGORY"] = 0] = "CATEGORY";
+  TypeCategoryBulkActions2[TypeCategoryBulkActions2["PRICE_SERVICE"] = 1] = "PRICE_SERVICE";
+  return TypeCategoryBulkActions2;
+})(TypeCategoryBulkActions || {});
+var TypeStatusTable = /* @__PURE__ */ ((TypeStatusTable2) => {
+  TypeStatusTable2["ALL"] = "ALL";
+  TypeStatusTable2[TypeStatusTable2["DRAFT"] = 0] = "DRAFT";
+  TypeStatusTable2[TypeStatusTable2["WAITING_APPROVAL"] = 1] = "WAITING_APPROVAL";
+  TypeStatusTable2[TypeStatusTable2["ACTIVE"] = 2] = "ACTIVE";
+  TypeStatusTable2[TypeStatusTable2["INACTIVE"] = 3] = "INACTIVE";
+  TypeStatusTable2[TypeStatusTable2["REJECTED"] = 4] = "REJECTED";
+  TypeStatusTable2[TypeStatusTable2["DELETED"] = 5] = "DELETED";
+  return TypeStatusTable2;
+})(TypeStatusTable || {});
+const ListStatusApproved = [
+  "ALL" /* ALL */,
+  2 /* ACTIVE */,
+  3 /* INACTIVE */,
+  5 /* DELETED */
+];
+const RemoveIconColor = "#DD4338";
+
+export { ListStatusApproved as L, PAGE_NUMBER as P, RemoveIconColor as R, START_PAGE as S, TypeActionRowTable as T, START_PAGE_SIZE as a, PAGE_SIZE as b, SORT as c, TypeBulkActions as d, TypeCategoryBulkActions as e, TypeStatusTable as f };

package/es/constants/index.js

@@ -1,52 +1,2 @@
 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';
-
-const START_PAGE = 1;
-const START_PAGE_SIZE = 10;
-const PAGE_NUMBER = "page";
-const PAGE_SIZE = "size";
-const SORT = "sort";
-var TypeActionRowTable = /* @__PURE__ */ ((TypeActionRowTable2) => {
-  TypeActionRowTable2["DELETE"] = "DELETE";
-  TypeActionRowTable2["EDIT"] = "EDIT";
-  TypeActionRowTable2["UNDO"] = "UNDO";
-  TypeActionRowTable2["CANCELUNDO"] = "CANCELUNDO";
-  TypeActionRowTable2["CHECKIN"] = "CHECKIN";
-  TypeActionRowTable2["PRINT"] = "PRINT";
-  TypeActionRowTable2["PAYMENT"] = "PAYMENT";
-  TypeActionRowTable2["PLAY"] = "PLAY";
-  TypeActionRowTable2["PAUSE"] = "PAUSE";
-  TypeActionRowTable2["DOWNLOAD"] = "DOWNLOAD";
-  TypeActionRowTable2["VIEW"] = "VIEW";
-  TypeActionRowTable2["EDIT_FORM"] = "EDIT_FORM";
-  TypeActionRowTable2["SWAP"] = "SWAP";
-  return TypeActionRowTable2;
-})(TypeActionRowTable || {});
-var TypeBulkActions = /* @__PURE__ */ ((TypeBulkActions2) => {
-  TypeBulkActions2["BULKACTION"] = "bulkaction";
-  TypeBulkActions2["DROPLIST"] = "droplist";
-  return TypeBulkActions2;
-})(TypeBulkActions || {});
-var TypeCategoryBulkActions = /* @__PURE__ */ ((TypeCategoryBulkActions2) => {
-  TypeCategoryBulkActions2[TypeCategoryBulkActions2["CATEGORY"] = 0] = "CATEGORY";
-  TypeCategoryBulkActions2[TypeCategoryBulkActions2["PRICE_SERVICE"] = 1] = "PRICE_SERVICE";
-  return TypeCategoryBulkActions2;
-})(TypeCategoryBulkActions || {});
-var TypeStatusTable = /* @__PURE__ */ ((TypeStatusTable2) => {
-  TypeStatusTable2["ALL"] = "ALL";
-  TypeStatusTable2[TypeStatusTable2["DRAFT"] = 0] = "DRAFT";
-  TypeStatusTable2[TypeStatusTable2["WAITING_APPROVAL"] = 1] = "WAITING_APPROVAL";
-  TypeStatusTable2[TypeStatusTable2["ACTIVE"] = 2] = "ACTIVE";
-  TypeStatusTable2[TypeStatusTable2["INACTIVE"] = 3] = "INACTIVE";
-  TypeStatusTable2[TypeStatusTable2["REJECTED"] = 4] = "REJECTED";
-  TypeStatusTable2[TypeStatusTable2["DELETED"] = 5] = "DELETED";
-  return TypeStatusTable2;
-})(TypeStatusTable || {});
-const ListStatusApproved = [
-  "ALL" /* ALL */,
-  2 /* ACTIVE */,
-  3 /* INACTIVE */,
-  5 /* DELETED */
-];
-const RemoveIconColor = "#DD4338";
-
-export { ListStatusApproved, PAGE_NUMBER, PAGE_SIZE, RemoveIconColor, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeCategoryBulkActions, TypeStatusTable };
+export { L as ListStatusApproved, P as PAGE_NUMBER, b as PAGE_SIZE, R as RemoveIconColor, c as SORT, S as START_PAGE, a as START_PAGE_SIZE, T as TypeActionRowTable, d as TypeBulkActions, e as TypeCategoryBulkActions, f as TypeStatusTable } from '../chunks/table-Btvh90Co.js';

package/es/fields/Radio.js

@@ -13,6 +13,8 @@ const RadioGroup = (props) => {
     customStyleWrap = "",
     afterOnChange,
     options,
+    disabled: groupDisabled = false,
+    // disabled hoặc không disabled cả 2 nút
     ...restProps
   } = props;
   const { name, value, onChange } = field || {};
@@ -42,6 +44,7 @@ const RadioGroup = (props) => {
       {
         value: item.value,
         className: customStyleRadio,
+        disabled: groupDisabled || item.disabled,
         children: /* @__PURE__ */ jsxs(Typography.Text, { children: [
           " ",
           item.label

package/es/index.js

@@ -3,7 +3,7 @@ export { FloatButton } from './ui/FloatButton.js';
 export { CascaderField } from './ui/Cascader.js';
 export { ErrorMessage } from './ui/ErrorMessage.js';
 export { Typography } from './ui/Typography.js';
-export { ActionRowTable, BulkActions, Clock, CustomeBulkActions, Table, TableCategory, TableForm } from './ui/index.js';
+export { Table } from './ui/Table/index.js';
 export { Modal } from './ui/Modal.js';
 export { Tooltip } from './ui/Tooltip.js';
 export { Tabs } from './ui/Tabs.js';
@@ -50,8 +50,10 @@ export { Image } from './ui/Image.js';
 export { ConfirmModal } from './ui/ConfirmModal.js';
 export { ErrorBoundary } from './ui/ErrorBoundary.js';
 export { CATEGORY_LIST_ENUM, CATEGORY_PRICE_LIST_ENUM, COUNT_LEVEL, CategoryStatus, badgeStatusCategoryConfig } from './ui/CategoryStatus.js';
+export { ActionRowTable } from './ui/index.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 { ListStatusApproved, PAGE_NUMBER, PAGE_SIZE, RemoveIconColor, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeCategoryBulkActions, TypeStatusTable } from './constants/index.js';
+export { L as ListStatusApproved, P as PAGE_NUMBER, b as PAGE_SIZE, R as RemoveIconColor, c as SORT, S as START_PAGE, a as START_PAGE_SIZE, T as TypeActionRowTable, d as TypeBulkActions, e as TypeCategoryBulkActions, f as TypeStatusTable } from './chunks/table-Btvh90Co.js';
+export { BulkActions } from './ui/BulkActions/index.js';
 export { BreadcrumbHeading } from './ui/BreadcrumbHeading.js';
 export { Card } from './ui/Card.js';
 export { ConfigProvider } from './ui/ConfigProvider.js';
@@ -67,7 +69,11 @@ export { Sidebar } from './ui/Sidebar/index.js';
 export { SelectTable } from './ui/SelectTable.js';
 export { SelectSingleTable } from './ui/SelectSingleTable.js';
 export { GenericUploadModal } from './ui/GenericUploadModal.js';
+export { TableCategory } from './ui/TableCategory/index.js';
+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 { Input } from './fields/Input.js';
 export { PnkxField } from './fields/PnkxField.js';
 export { Select } from './fields/Select.js';

package/es/ui/BulkActions/index.js

@@ -0,0 +1,314 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Tooltip } from '../Tooltip.js';
+import { isEmpty, isBoolean } from 'lodash';
+import { ConfirmModal } from '../ConfirmModal.js';
+import { useToggle } from '@pnkx-lib/core';
+import { CATEGORY_LIST_ENUM } from '../CategoryStatus.js';
+import { t as twMerge } from '../../chunks/bundle-mjs-BME7zF0Z.js';
+import { Popover } from '../Popover.js';
+import { Tooltip as Tooltip$1 } from 'antd';
+import { M as MoreIcon, R as RestoreIcon, S as SendApprovalIcon, C as CancelSendApprovalIcon, a as RefuseApprovalIcon, b as RefuseApprovalDropListIcon, A as ApprovalIcon, c as CancelApprovalIcon, D as DeleteIcon, d as ActivateIcon, I as InActiveIcon } from '../../chunks/RefuseApprovalDropListIcon-DkyYANWt.js';
+import { d as TypeBulkActions } from '../../chunks/table-Btvh90Co.js';
+
+const BulkAction = ({
+  quantity = 0,
+  listIcon,
+  status,
+  setNotifyContent,
+  toggle
+}) => {
+  //! State
+  //! Function
+  const IsShow = (arrStatus) => {
+    return arrStatus.includes(status);
+  };
+  //! Render
+  return /* @__PURE__ */ jsx("div", { className: "w-full flex justify-center items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-[10px] py-3 bg-[#2561ED] rounded-lg w-fit", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-white px-3", children: [
+      "Đã chọn: ",
+      quantity
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-5 border-l border-white mx-1" }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center space-x-3", children: !isEmpty(listIcon) && listIcon?.map(
+      (item, index) => IsShow(item?.arrShow) && /* @__PURE__ */ jsx(Tooltip, { title: item?.name, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "p-1 rounded-sm  transition duration-200 cursor-pointer hover:bg-[#1B4ACB] hover:rounded-sm",
+          onClick: () => {
+            toggle();
+            setNotifyContent({
+              title: item?.title || "",
+              content: item?.content || "",
+              typeIcon: item?.typeIcon,
+              handleCancel: () => {
+                toggle();
+              },
+              handleSubmit: () => {
+                if (item?.action) {
+                  item?.action();
+                }
+                toggle();
+              }
+            });
+          },
+          children: item.icon
+        },
+        index
+      ) })
+    ) })
+  ] }) });
+};
+
+const DropListActions = ({
+  listIcon,
+  status,
+  setNotifyContent,
+  toggle,
+  contentDropList
+}) => {
+  //! State
+  //! Function
+  const IsShow = (arrStatus) => {
+    return arrStatus.includes(status);
+  };
+  const renderContentPopover = () => {
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: !isEmpty(listIcon) && listIcon?.map(
+      (item, index) => item?.showTitle && 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: () => {
+            toggle();
+            setNotifyContent({
+              title: item?.title || "",
+              content: item?.content || "",
+              typeIcon: item?.typeIcon,
+              handleCancel: () => {
+                toggle();
+              },
+              handleSubmit: () => {
+                if (item?.action) {
+                  item?.action();
+                }
+                toggle();
+              }
+            });
+          },
+          children: [
+            item.iconDropList,
+            /* @__PURE__ */ jsx("span", { children: item.name || "" })
+          ]
+        },
+        index
+      )
+    ) });
+  };
+  //! Render
+  return /* @__PURE__ */ jsx("div", { className: "w-full flex justify-center items-center", children: /* @__PURE__ */ jsx(Tooltip$1, { title: "Thao tác khác", children: /* @__PURE__ */ jsx(
+    Popover,
+    {
+      placement: "bottom",
+      content: renderContentPopover(),
+      trigger: "click",
+      children: contentDropList ? contentDropList : /* @__PURE__ */ jsx("div", { className: "p-1 border-[#BDE3FF] rounded-full border cursor-pointer", children: /* @__PURE__ */ jsx(MoreIcon, { fill: "#007BE5" }) })
+    }
+  ) }) });
+};
+
+const BulkActions = ({
+  quantity = 0,
+  handleDelete,
+  handleSubmitForApproval,
+  handleCancelSubmission,
+  handleApprove,
+  handleCancelApproval,
+  handleReject,
+  handleDeactivate,
+  handleActivate,
+  handleRestore,
+  status,
+  typeBulkaction,
+  isApproved,
+  // Chỉ sử dụng khi là danh sách icon
+  isShowDelete = false
+}) => {
+  //! State
+  const listIcon = [
+    {
+      icon: /* @__PURE__ */ jsx(RestoreIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(RestoreIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(RestoreIcon, { stroke: "#B2B7C2" }),
+      action: handleRestore,
+      name: "Khôi phục",
+      typeIcon: "info",
+      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],
+      showTitle: true
+    },
+    {
+      icon: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "#B2B7C2" }),
+      action: handleSubmitForApproval,
+      name: "Gửi duyệt",
+      typeIcon: "info",
+      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],
+      showTitle: true
+    },
+    {
+      icon: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "#B2B7C2" }),
+      action: handleCancelSubmission,
+      name: "Huỷ gửi duyệt",
+      typeIcon: "error",
+      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],
+      showTitle: true
+    },
+    {
+      icon: /* @__PURE__ */ jsx(RefuseApprovalIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(RefuseApprovalDropListIcon, {}),
+      iconDisable: /* @__PURE__ */ jsx(RefuseApprovalIcon, { stroke: "#B2B7C2" }),
+      action: handleReject,
+      name: "Từ chối duyệt",
+      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],
+      showTitle: true
+    },
+    {
+      icon: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "#B2B7C2" }),
+      action: handleApprove,
+      name: "Duyệt",
+      typeIcon: "info",
+      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],
+      showTitle: true
+    },
+    {
+      icon: /* @__PURE__ */ jsx(CancelApprovalIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(CancelApprovalIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(CancelApprovalIcon, { stroke: "#B2B7C2" }),
+      action: handleCancelApproval,
+      typeIcon: "error",
+      name: "Hủy duyệt",
+      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: isBoolean(isApproved) && !isApproved ? [] : [CATEGORY_LIST_ENUM?.ACTIVE],
+      showTitle: true
+    },
+    {
+      icon: /* @__PURE__ */ jsx(DeleteIcon, { fill: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(DeleteIcon, { fill: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(DeleteIcon, { fill: "#B2B7C2" }),
+      action: handleDelete,
+      typeIcon: "error",
+      name: "Xoá",
+      title: "Xác nhận xóa",
+      content: "Bạn có chắc chắn muốn xóa không? Hành động này không thể hoàn tác.",
+      arrShow: isShowDelete ? [
+        CATEGORY_LIST_ENUM?.DRAFT,
+        CATEGORY_LIST_ENUM?.ACTIVE,
+        CATEGORY_LIST_ENUM?.INACTIVE,
+        CATEGORY_LIST_ENUM?.REJECT,
+        CATEGORY_LIST_ENUM?.WATING_APPROVAL
+      ] : isBoolean(isApproved) && !isApproved ? [
+        CATEGORY_LIST_ENUM?.DRAFT,
+        CATEGORY_LIST_ENUM?.ACTIVE,
+        CATEGORY_LIST_ENUM?.INACTIVE
+      ] : [CATEGORY_LIST_ENUM?.DRAFT],
+      showTitle: isShowDelete
+    },
+    {
+      icon: /* @__PURE__ */ jsx(ActivateIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(ActivateIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(ActivateIcon, { stroke: "#B2B7C2" }),
+      action: handleActivate,
+      typeIcon: "info",
+      name: "Kích hoạt",
+      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],
+      showTitle: true
+    },
+    {
+      icon: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "#B2B7C2" }),
+      action: handleDeactivate,
+      name: "Vô hiệu hóa",
+      typeIcon: "error",
+      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],
+      showTitle: true
+    }
+  ];
+  const { open, shouldRender, toggle } = useToggle();
+  const [notifyContent, setNotifyContent] = useState({
+    title: "",
+    content: "",
+    typeIcon: "info",
+    handleCancel: () => {
+    },
+    handleSubmit: () => {
+    }
+  });
+  //! Function
+  const renderBulkActions = () => {
+    switch (typeBulkaction) {
+      case TypeBulkActions.BULKACTION:
+        return /* @__PURE__ */ jsx(
+          BulkAction,
+          {
+            listIcon,
+            quantity,
+            setNotifyContent,
+            toggle,
+            status
+          }
+        );
+      case TypeBulkActions.DROPLIST:
+        return /* @__PURE__ */ jsx(
+          DropListActions,
+          {
+            listIcon,
+            setNotifyContent,
+            toggle,
+            status
+          }
+        );
+    }
+  };
+  //! Render
+  return /* @__PURE__ */ jsxs("div", { children: [
+    renderBulkActions(),
+    shouldRender && /* @__PURE__ */ jsx(
+      ConfirmModal,
+      {
+        title: notifyContent?.title,
+        content: notifyContent?.content,
+        typeIcon: notifyContent?.typeIcon,
+        open,
+        handleCancel: notifyContent?.handleCancel,
+        handleSubmit: notifyContent?.handleSubmit
+      }
+    )
+  ] });
+};
+
+export { BulkActions };