@pnkx-lib/ui 1.9.536 → 1.9.539

package/package.json

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

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

@@ -1,5 +1,7 @@
+import { UploadFile } from 'antd';
 import { Control } from 'react-hook-form';
 import { UploadListType } from 'antd/es/upload/interface';
+export type TypeUploadFile = UploadFile;
 export interface GenericUploadModalProps {
     open: boolean;
     onCancel: () => void;

package/es/chunks/RefuseApprovalDropListIcon-DkyYANWt.js

@@ -1,192 +0,0 @@
-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

@@ -1,50 +0,0 @@
-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/ui/BulkActions/index.js

@@ -1,314 +0,0 @@
-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 };

package/es/ui/Clock/index.js

@@ -1,67 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from '../../chunks/_commonjsHelpers-D5KtpA0t.js';
-import { t as twMerge } from '../../chunks/bundle-mjs-BME7zF0Z.js';
-
-var dayjs_min$1 = {exports: {}};
-
-var dayjs_min = dayjs_min$1.exports;
-
-var hasRequiredDayjs_min;
-
-function requireDayjs_min () {
-	if (hasRequiredDayjs_min) return dayjs_min$1.exports;
-	hasRequiredDayjs_min = 1;
-	(function (module, exports) {
-		!function(t,e){module.exports=e();}(dayjs_min,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,true),this.parse(t),this.$x=this.$x||t.x||{},this[p]=true;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,false)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case "YY":return String(e.$y).slice(-2);case "YYYY":return b.s(e.$y,4,"0");case "M":return a+1;case "MM":return b.s(a+1,2,"0");case "MMM":return h(n.monthsShort,a,c,3);case "MMMM":return h(c,a);case "D":return e.$D;case "DD":return b.s(e.$D,2,"0");case "d":return String(e.$W);case "dd":return h(n.weekdaysMin,e.$W,o,2);case "ddd":return h(n.weekdaysShort,e.$W,o,3);case "dddd":return o[e.$W];case "H":return String(s);case "HH":return b.s(s,2,"0");case "h":return d(1);case "hh":return d(2);case "a":return $(s,u,true);case "A":return $(s,u,false);case "m":return String(u);case "mm":return b.s(u,2,"0");case "s":return String(e.$s);case "ss":return b.s(e.$s,2,"0");case "SSS":return b.s(e.$ms,3,"0");case "Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,true);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=true),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O})); 
-	} (dayjs_min$1));
-	return dayjs_min$1.exports;
-}
-
-var dayjs_minExports = /*@__PURE__*/ requireDayjs_min();
-const dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
-
-const Clock = (props) => {
-  const { className } = props;
-  useEffect(() => {
-    const updateTime = () => {
-      const now = dayjs();
-      document.documentElement.style.setProperty(
-        "--timer-day",
-        `'${now.format("DD")}'`
-      );
-      document.documentElement.style.setProperty(
-        "--timer-months",
-        `'${now.format("MM")}'`
-      );
-      document.documentElement.style.setProperty(
-        "--timer-year",
-        `'${now.format("YYYY")}'`
-      );
-      document.documentElement.style.setProperty(
-        "--timer-hours",
-        `'${now.format("H")}'`
-      );
-      document.documentElement.style.setProperty(
-        "--timer-minutes",
-        `'${now.format("mm")}'`
-      );
-      document.documentElement.style.setProperty(
-        "--timer-seconds",
-        `'${now.format("ss")}'`
-      );
-      requestAnimationFrame(updateTime);
-    };
-    updateTime();
-  }, []);
-  return /* @__PURE__ */ jsxs("div", { className: twMerge("clock-container clock-container2", className), children: [
-    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-day", children: /* @__PURE__ */ jsx("span", { children: "/" }) }) }),
-    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-months", children: /* @__PURE__ */ jsx("span", { children: "/" }) }) }),
-    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-year !w-[85px]", children: /* @__PURE__ */ jsx("span", { children: " -- " }) }) }),
-    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-hours ", children: /* @__PURE__ */ jsx("span", { children: ":" }) }) }),
-    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-minutes ", children: /* @__PURE__ */ jsx("span", { children: ":" }) }) }),
-    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-seconds !w-[30px]" }) })
-  ] });
-};
-
-export { Clock };