@pnkx-lib/ui 1.8.1 → 1.8.3

package/es/chunks/{Checkbox-CJ_M7IzZ.js → Checkbox-2LoiNtBe.js}

@@ -1,4 +1,4 @@
-import { g as get, j as jsxRuntimeExports, L as Label, E as ErrorMessage, T as Typography } from './Switch-eMq9KkOy.js';
+import { g as get, j as jsxRuntimeExports, L as Label, E as ErrorMessage, T as Typography } from './Switch-C3IZzn6L.js';
 import { Select as Select$1, Radio, Checkbox } from 'antd';
 
 const Select = (props) => {

package/es/chunks/{ErrorBoundary-CgNFuAOJ.js → ErrorBoundary-Ja4PIPaU.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports, b as Icon, _ as _extends, c as _typeof, u as useForm, P as PnkxField, I as Input, d as classNames, e as _arrayLikeToArray, f as _unsupportedIterableToArray, w as warningOnce, h as _createClass, i as _classCallCheck, k as _defineProperty, l as _slicedToArray, m as warning$1, n as canUseDom, o as _objectSpread2, p as updateCSS, r as removeCSS, q as _arrayWithHoles, s as _nonIterableRest, t as resetWarned$1, F as FastColor, v as generate, x as presetPrimaryColors, y as presetPalettes, z as _inherits, A as _createSuper, B as _assertThisInitialized, C as _objectWithoutProperties, G as IconContext } from './Switch-eMq9KkOy.js';
+import { j as jsxRuntimeExports, b as Icon, _ as _extends, c as _typeof, u as useForm, P as PnkxField, I as Input, d as classNames, e as _arrayLikeToArray, f as _unsupportedIterableToArray, w as warningOnce, h as _createClass, i as _classCallCheck, k as _defineProperty, l as _slicedToArray, m as warning$1, n as canUseDom, o as _objectSpread2, p as updateCSS, r as removeCSS, q as _arrayWithHoles, s as _nonIterableRest, t as resetWarned$1, F as FastColor, v as generate, x as presetPrimaryColors, y as presetPalettes, z as _inherits, A as _createSuper, B as _assertThisInitialized, C as _objectWithoutProperties, G as IconContext } from './Switch-C3IZzn6L.js';
 import { Button as Button$1, Cascader, Space as Space$1, Card, Skeleton as Skeleton$1, Popconfirm as Popconfirm$1, Typography, Table as Table$1, Modal as Modal$1, Tooltip as Tooltip$1, Tabs as Tabs$1, Popover as Popover$1, Badge as Badge$1, Col as Col$1, Row as Row$1, Dropdown as Dropdown$1, Breadcrumb as Breadcrumb$1, Flex as Flex$1, Splitter as Splitter$1, Menu as Menu$1, Pagination as Pagination$1, Steps as Steps$1, Tag as Tag$1, Divider as Divider$2, Alert as Alert$1, Spin as Spin$1, Drawer as Drawer$1, QRCode as QRCode$1, Result as Result$1, Rate as Rate$1, Segmented as Segmented$1, Statistic as Statistic$1, Timeline as Timeline$1, Tour as Tour$1, Tree as Tree$1, Watermark as Watermark$1, Anchor as Anchor$1, Affix, AutoComplete as AutoComplete$1, Input as Input$1, Collapse, ColorPicker, Empty as Empty$2, Image as Image$1 } from 'antd';
 import * as React from 'react';
 import React__default, { version as version$1, isValidElement, useState, useEffect, useContext, createContext, useRef, useLayoutEffect as useLayoutEffect$1, useMemo as useMemo$1, Component } from 'react';
@@ -6158,7 +6158,7 @@ function genStyleUtils(config) {
   };
 }
 
-const version = '5.25.1';
+const version = '5.24.7';
 
 function isStableColor(color) {
   return color >= 0 && color <= 255;
@@ -8024,23 +8024,6 @@ function toArray(children) {
   return ret;
 }
 
-const addMediaQueryListener = (mql, handler) => {
-  // Don't delete here, please keep the code compatible
-  if (typeof (mql === null || mql === void 0 ? void 0 : mql.addEventListener) !== 'undefined') {
-    mql.addEventListener('change', handler);
-  } else if (typeof (mql === null || mql === void 0 ? void 0 : mql.addListener) !== 'undefined') {
-    mql.addListener(handler);
-  }
-};
-const removeMediaQueryListener = (mql, handler) => {
-  // Don't delete here, please keep the code compatible
-  if (typeof (mql === null || mql === void 0 ? void 0 : mql.removeEventListener) !== 'undefined') {
-    mql.removeEventListener('change', handler);
-  } else if (typeof (mql === null || mql === void 0 ? void 0 : mql.removeListener) !== 'undefined') {
-    mql.removeListener(handler);
-  }
-};
-
 const genLayoutStyle = token => {
   const {
     antCls,
@@ -8343,17 +8326,29 @@ const Sider = /*#__PURE__*/React.forwardRef((props, ref) => {
   };
   useEffect(() => {
     function responsiveHandler(mql) {
-      var _a;
-      return (_a = responsiveHandlerRef.current) === null || _a === void 0 ? void 0 : _a.call(responsiveHandlerRef, mql);
+      return responsiveHandlerRef.current(mql);
     }
     let mql;
-    if (typeof (window === null || window === void 0 ? void 0 : window.matchMedia) !== 'undefined' && breakpoint && breakpoint in dimensionMaxMap) {
-      mql = window.matchMedia(`screen and (max-width: ${dimensionMaxMap[breakpoint]})`);
-      addMediaQueryListener(mql, responsiveHandler);
-      responsiveHandler(mql);
+    if (typeof window !== 'undefined') {
+      const {
+        matchMedia
+      } = window;
+      if (matchMedia && breakpoint && breakpoint in dimensionMaxMap) {
+        mql = matchMedia(`screen and (max-width: ${dimensionMaxMap[breakpoint]})`);
+        try {
+          mql.addEventListener('change', responsiveHandler);
+        } catch (_a) {
+          mql.addListener(responsiveHandler);
+        }
+        responsiveHandler(mql);
+      }
     }
     return () => {
-      removeMediaQueryListener(mql, responsiveHandler);
+      try {
+        mql === null || mql === void 0 ? void 0 : mql.removeEventListener('change', responsiveHandler);
+      } catch (_a) {
+        mql === null || mql === void 0 ? void 0 : mql.removeListener(responsiveHandler);
+      }
     };
   }, [breakpoint]); // in order to accept dynamic 'breakpoint' property, we need to add 'breakpoint' into dependency array.
   useEffect(() => {
@@ -12183,23 +12178,10 @@ const AnchorLink = props => {
       href
     });
     scrollTo === null || scrollTo === void 0 ? void 0 : scrollTo(href);
-    // Support clicking on an anchor does not record history.
-    if (e.defaultPrevented) {
-      return;
-    }
-    const isExternalLink = href.startsWith('http://') || href.startsWith('https://');
-    // Support external link
-    if (isExternalLink) {
-      if (replace) {
-        e.preventDefault();
-        window.location.replace(href);
-      }
-      return;
+    if (replace) {
+      e.preventDefault();
+      window.location.replace(href);
     }
-    // Handling internal anchor link
-    e.preventDefault();
-    const historyMethod = replace ? 'replaceState' : 'pushState';
-    window.history[historyMethod](null, '', href);
   };
   // =================== Warning =====================
   if (process.env.NODE_ENV !== 'production') {
@@ -12259,17 +12241,132 @@ const Image = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Image$1, { ...props });
 };
 
+const ConfirmModal = ({
+  title,
+  content,
+  typeIcon,
+  titleCancelBtn = "Huỷ bỏ",
+  titleSubmitBtn = "Xác nhận",
+  handleCancel,
+  handleSubmit,
+  ...restProps
+}) => {
+  //! State
+  const IconType = () => {
+    switch (typeIcon) {
+      case "success":
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "path",
+              {
+                d: "M12 1.5C6.20156 1.5 1.5 6.20156 1.5 12C1.5 17.7984 6.20156 22.5 12 22.5C17.7984 22.5 22.5 17.7984 22.5 12C22.5 6.20156 17.7984 1.5 12 1.5ZM16.5352 8.57109L11.5992 15.4148C11.5302 15.5111 11.4393 15.5896 11.3339 15.6437C11.2286 15.6978 11.1118 15.7261 10.9934 15.7261C10.8749 15.7261 10.7582 15.6978 10.6528 15.6437C10.5474 15.5896 10.4565 15.5111 10.3875 15.4148L7.46484 11.3648C7.37578 11.2406 7.46484 11.0672 7.61719 11.0672H8.71641C8.95547 11.0672 9.18281 11.182 9.32344 11.3789L10.9922 13.6945L14.6766 8.58516C14.8172 8.39062 15.0422 8.27344 15.2836 8.27344H16.3828C16.5352 8.27344 16.6242 8.44688 16.5352 8.57109Z",
+                fill: "#52C41A"
+              }
+            )
+          }
+        );
+      case "error":
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "path",
+              {
+                d: "M12 1.5C6.20156 1.5 1.5 6.20156 1.5 12C1.5 17.7984 6.20156 22.5 12 22.5C17.7984 22.5 22.5 17.7984 22.5 12C22.5 6.20156 17.7984 1.5 12 1.5ZM15.8766 15.9891L14.3297 15.982L12 13.2047L9.67266 15.9797L8.12344 15.9867C8.02031 15.9867 7.93594 15.9047 7.93594 15.7992C7.93594 15.7547 7.95234 15.7125 7.98047 15.6773L11.0297 12.0445L7.98047 8.41406C7.95215 8.37971 7.93643 8.3367 7.93594 8.29219C7.93594 8.18906 8.02031 8.10469 8.12344 8.10469L9.67266 8.11172L12 10.8891L14.3273 8.11406L15.8742 8.10703C15.9773 8.10703 16.0617 8.18906 16.0617 8.29453C16.0617 8.33906 16.0453 8.38125 16.0172 8.41641L12.9727 12.0469L16.0195 15.6797C16.0477 15.7148 16.0641 15.757 16.0641 15.8016C16.0641 15.9047 15.9797 15.9891 15.8766 15.9891Z",
+                fill: "#FF4D4F"
+              }
+            )
+          }
+        );
+      case "info":
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "path",
+              {
+                d: "M12 1.5C6.20156 1.5 1.5 6.20156 1.5 12C1.5 17.7984 6.20156 22.5 12 22.5C17.7984 22.5 22.5 17.7984 22.5 12C22.5 6.20156 17.7984 1.5 12 1.5ZM12.75 17.0625C12.75 17.1656 12.6656 17.25 12.5625 17.25H11.4375C11.3344 17.25 11.25 17.1656 11.25 17.0625V10.6875C11.25 10.5844 11.3344 10.5 11.4375 10.5H12.5625C12.6656 10.5 12.75 10.5844 12.75 10.6875V17.0625ZM12 9C11.7056 8.99399 11.4253 8.87282 11.2192 8.6625C11.0132 8.45218 10.8977 8.16945 10.8977 7.875C10.8977 7.58055 11.0132 7.29782 11.2192 7.0875C11.4253 6.87718 11.7056 6.75601 12 6.75C12.2944 6.75601 12.5747 6.87718 12.7808 7.0875C12.9868 7.29782 13.1023 7.58055 13.1023 7.875C13.1023 8.16945 12.9868 8.45218 12.7808 8.6625C12.5747 8.87282 12.2944 8.99399 12 9Z",
+                fill: "#1677FF"
+              }
+            )
+          }
+        );
+      case "warning":
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "path",
+              {
+                d: "M12 1.5C6.20156 1.5 1.5 6.20156 1.5 12C1.5 17.7984 6.20156 22.5 12 22.5C17.7984 22.5 22.5 17.7984 22.5 12C22.5 6.20156 17.7984 1.5 12 1.5ZM11.25 6.9375C11.25 6.83437 11.3344 6.75 11.4375 6.75H12.5625C12.6656 6.75 12.75 6.83437 12.75 6.9375V13.3125C12.75 13.4156 12.6656 13.5 12.5625 13.5H11.4375C11.3344 13.5 11.25 13.4156 11.25 13.3125V6.9375ZM12 17.25C11.7056 17.244 11.4253 17.1228 11.2192 16.9125C11.0132 16.7022 10.8977 16.4195 10.8977 16.125C10.8977 15.8305 11.0132 15.5478 11.2192 15.3375C11.4253 15.1272 11.7056 15.006 12 15C12.2944 15.006 12.5747 15.1272 12.7808 15.3375C12.9868 15.5478 13.1023 15.8305 13.1023 16.125C13.1023 16.4195 12.9868 16.7022 12.7808 16.9125C12.5747 17.1228 12.2944 17.244 12 17.25Z",
+                fill: "#FAAD14"
+              }
+            )
+          }
+        );
+    }
+  };
+  //! Function
+  //! Render
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...restProps, footer: null, closeIcon: null, width: 400, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(IconType, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-base font-semibold", children: title }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm", children: content })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 w-full justify-end items-end pt-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { shape: "round", onClick: handleCancel, children: titleCancelBtn }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { shape: "round", type: "primary", onClick: handleSubmit, children: titleSubmitBtn })
+    ] })
+  ] }) });
+};
+
+var CATEGORY_LIST_ENUM = /* @__PURE__ */ ((CATEGORY_LIST_ENUM2) => {
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["DRAFT"] = 0] = "DRAFT";
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["WATING_APPROVAL"] = 1] = "WATING_APPROVAL";
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["ACTIVE"] = 2] = "ACTIVE";
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["INACTIVE"] = 3] = "INACTIVE";
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["REJECT"] = 4] = "REJECT";
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["DELETE"] = 5] = "DELETE";
+  return CATEGORY_LIST_ENUM2;
+})(CATEGORY_LIST_ENUM || {});
+
 const BulkAction = ({
   quantity,
-  handleRefresh,
-  handleSend,
-  handleSlash,
-  handleProhibit,
-  handleCheck,
-  handleClose,
+  handleRestore,
+  handleSendApproval,
+  handleCancelSendApproval,
+  handleRefuseApproval,
+  handleApproval,
+  handleCancelApproval,
   handleDelete,
-  handleUnLock,
-  handleLock
+  handleActivate,
+  handleInActivate,
+  status
 }) => {
   //! State
   const listIcon = [
@@ -12294,7 +12391,10 @@ const BulkAction = ({
           )
         }
       ),
-      action: handleRefresh
+      action: handleRestore,
+      showConfirmModal: false,
+      title: "Khôi phục",
+      arrShow: [CATEGORY_LIST_ENUM?.DELETE, CATEGORY_LIST_ENUM?.REJECT]
     },
     {
       icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12316,7 +12416,12 @@ const BulkAction = ({
           )
         }
       ),
-      action: handleSend
+      action: handleSendApproval,
+      showConfirmModal: true,
+      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 mục này không?",
+      arrShow: [CATEGORY_LIST_ENUM?.DRAFT]
     },
     {
       icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12338,7 +12443,12 @@ const BulkAction = ({
           )
         }
       ),
-      action: handleSlash
+      action: handleCancelSendApproval,
+      showConfirmModal: true,
+      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 mục này không?",
+      arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL]
     },
     {
       icon: /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -12369,7 +12479,12 @@ const BulkAction = ({
           ]
         }
       ),
-      action: handleProhibit
+      action: handleRefuseApproval,
+      showConfirmModal: true,
+      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 mục này không? Hành động này không thể hoàn tác.",
+      arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL]
     },
     {
       icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12391,7 +12506,12 @@ const BulkAction = ({
           )
         }
       ),
-      action: handleCheck
+      action: handleApproval,
+      showConfirmModal: true,
+      typeIcon: "info",
+      title: "Xác nhận duyệt",
+      content: "Bạn có chắc chắn muốn duyệt mục này không?",
+      arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL]
     },
     {
       icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12413,7 +12533,12 @@ const BulkAction = ({
           )
         }
       ),
-      action: handleClose
+      action: handleCancelApproval,
+      showConfirmModal: true,
+      typeIcon: "error",
+      title: "Xác nhận hủy duyệt",
+      content: "Bạn có chắc chắn muốn hủy duyệt mục này không?",
+      arrShow: [CATEGORY_LIST_ENUM?.ACTIVE]
     },
     {
       icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12433,7 +12558,16 @@ const BulkAction = ({
           )
         }
       ),
-      action: handleDelete
+      action: handleDelete,
+      showConfirmModal: true,
+      typeIcon: "error",
+      title: "Xác nhận xóa",
+      content: "Bạn có chắc chắn muốn xóa mục này không? Hành động này không thể hoàn tác.",
+      arrShow: [
+        CATEGORY_LIST_ENUM?.DRAFT,
+        CATEGORY_LIST_ENUM?.ACTIVE,
+        CATEGORY_LIST_ENUM?.INACTIVE
+      ]
     },
     {
       icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12455,7 +12589,12 @@ const BulkAction = ({
           )
         }
       ),
-      action: handleUnLock
+      action: handleActivate,
+      showConfirmModal: true,
+      typeIcon: "info",
+      title: "Xác nhận kích hoạt",
+      content: "Bạn có chắc chắn muốn kích hoạt mục này không?",
+      arrShow: [CATEGORY_LIST_ENUM?.INACTIVE]
     },
     {
       icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12477,132 +12616,68 @@ const BulkAction = ({
           )
         }
       ),
-      action: handleLock
+      action: handleInActivate,
+      showConfirmModal: true,
+      typeIcon: "info",
+      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 mục này không?",
+      arrShow: [CATEGORY_LIST_ENUM?.ACTIVE]
     }
   ];
+  const [open, setOpen] = useState(false);
+  const [notifyContent, setNotifyContent] = useState({
+    title: "",
+    content: "",
+    typeIcon: "info",
+    handleCancel: () => {
+    },
+    handleSubmit: () => {
+    }
+  });
   //! Function
+  const IsShow = (arrStatus) => {
+    return arrStatus.includes(status);
+  };
   //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 px-[10px] py-3 bg-[#2561ED] rounded-lg w-fit", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full flex justify-center items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 px-[10px] py-3 bg-[#2561ED] rounded-lg w-fit", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-white px-3", children: [
       "Đã chọn: ",
       quantity
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-5 border-l border-white mx-1" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center space-x-3", children: listIcon.map(
-      (item, index) => item?.action && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      (item, index) => IsShow(item?.arrShow) && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: item?.title, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
           className: "p-1 rounded-sm  transition duration-200 cursor-pointer hover:bg-[#1B4ACB] hover:rounded-sm",
-          onClick: item.action,
+          onClick: item?.showConfirmModal ? () => {
+            setOpen(true);
+            setNotifyContent({
+              title: item?.title || "",
+              content: item?.content || "",
+              typeIcon: item?.typeIcon,
+              handleCancel: () => {
+                setOpen(false);
+              },
+              handleSubmit: item?.action
+            });
+          } : item?.action,
           children: item.icon
         },
         index
-      )
-    ) })
-  ] });
-};
-
-const ConfirmModal = ({
-  title,
-  content,
-  typeIcon,
-  titleCancelBtn = "Huỷ bỏ",
-  titleSubmitBtn = "Xác nhận",
-  handleCancel,
-  handleSubmit,
-  ...restProps
-}) => {
-  //! State
-  const IconType = () => {
-    switch (typeIcon) {
-      case "success":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "path",
-              {
-                d: "M12 1.5C6.20156 1.5 1.5 6.20156 1.5 12C1.5 17.7984 6.20156 22.5 12 22.5C17.7984 22.5 22.5 17.7984 22.5 12C22.5 6.20156 17.7984 1.5 12 1.5ZM16.5352 8.57109L11.5992 15.4148C11.5302 15.5111 11.4393 15.5896 11.3339 15.6437C11.2286 15.6978 11.1118 15.7261 10.9934 15.7261C10.8749 15.7261 10.7582 15.6978 10.6528 15.6437C10.5474 15.5896 10.4565 15.5111 10.3875 15.4148L7.46484 11.3648C7.37578 11.2406 7.46484 11.0672 7.61719 11.0672H8.71641C8.95547 11.0672 9.18281 11.182 9.32344 11.3789L10.9922 13.6945L14.6766 8.58516C14.8172 8.39062 15.0422 8.27344 15.2836 8.27344H16.3828C16.5352 8.27344 16.6242 8.44688 16.5352 8.57109Z",
-                fill: "#52C41A"
-              }
-            )
-          }
-        );
-      case "error":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "path",
-              {
-                d: "M12 1.5C6.20156 1.5 1.5 6.20156 1.5 12C1.5 17.7984 6.20156 22.5 12 22.5C17.7984 22.5 22.5 17.7984 22.5 12C22.5 6.20156 17.7984 1.5 12 1.5ZM15.8766 15.9891L14.3297 15.982L12 13.2047L9.67266 15.9797L8.12344 15.9867C8.02031 15.9867 7.93594 15.9047 7.93594 15.7992C7.93594 15.7547 7.95234 15.7125 7.98047 15.6773L11.0297 12.0445L7.98047 8.41406C7.95215 8.37971 7.93643 8.3367 7.93594 8.29219C7.93594 8.18906 8.02031 8.10469 8.12344 8.10469L9.67266 8.11172L12 10.8891L14.3273 8.11406L15.8742 8.10703C15.9773 8.10703 16.0617 8.18906 16.0617 8.29453C16.0617 8.33906 16.0453 8.38125 16.0172 8.41641L12.9727 12.0469L16.0195 15.6797C16.0477 15.7148 16.0641 15.757 16.0641 15.8016C16.0641 15.9047 15.9797 15.9891 15.8766 15.9891Z",
-                fill: "#FF4D4F"
-              }
-            )
-          }
-        );
-      case "info":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "path",
-              {
-                d: "M12 1.5C6.20156 1.5 1.5 6.20156 1.5 12C1.5 17.7984 6.20156 22.5 12 22.5C17.7984 22.5 22.5 17.7984 22.5 12C22.5 6.20156 17.7984 1.5 12 1.5ZM12.75 17.0625C12.75 17.1656 12.6656 17.25 12.5625 17.25H11.4375C11.3344 17.25 11.25 17.1656 11.25 17.0625V10.6875C11.25 10.5844 11.3344 10.5 11.4375 10.5H12.5625C12.6656 10.5 12.75 10.5844 12.75 10.6875V17.0625ZM12 9C11.7056 8.99399 11.4253 8.87282 11.2192 8.6625C11.0132 8.45218 10.8977 8.16945 10.8977 7.875C10.8977 7.58055 11.0132 7.29782 11.2192 7.0875C11.4253 6.87718 11.7056 6.75601 12 6.75C12.2944 6.75601 12.5747 6.87718 12.7808 7.0875C12.9868 7.29782 13.1023 7.58055 13.1023 7.875C13.1023 8.16945 12.9868 8.45218 12.7808 8.6625C12.5747 8.87282 12.2944 8.99399 12 9Z",
-                fill: "#1677FF"
-              }
-            )
-          }
-        );
-      case "warning":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "path",
-              {
-                d: "M12 1.5C6.20156 1.5 1.5 6.20156 1.5 12C1.5 17.7984 6.20156 22.5 12 22.5C17.7984 22.5 22.5 17.7984 22.5 12C22.5 6.20156 17.7984 1.5 12 1.5ZM11.25 6.9375C11.25 6.83437 11.3344 6.75 11.4375 6.75H12.5625C12.6656 6.75 12.75 6.83437 12.75 6.9375V13.3125C12.75 13.4156 12.6656 13.5 12.5625 13.5H11.4375C11.3344 13.5 11.25 13.4156 11.25 13.3125V6.9375ZM12 17.25C11.7056 17.244 11.4253 17.1228 11.2192 16.9125C11.0132 16.7022 10.8977 16.4195 10.8977 16.125C10.8977 15.8305 11.0132 15.5478 11.2192 15.3375C11.4253 15.1272 11.7056 15.006 12 15C12.2944 15.006 12.5747 15.1272 12.7808 15.3375C12.9868 15.5478 13.1023 15.8305 13.1023 16.125C13.1023 16.4195 12.9868 16.7022 12.7808 16.9125C12.5747 17.1228 12.2944 17.244 12 17.25Z",
-                fill: "#FAAD14"
-              }
-            )
-          }
-        );
-    }
-  };
-  //! Function
-  //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...restProps, footer: null, closeIcon: null, width: 400, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(IconType, {}),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-base font-semibold", children: title }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm", children: content })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 w-full justify-end items-end pt-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { shape: "round", onClick: handleCancel, children: titleCancelBtn }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { shape: "round", type: "primary", onClick: handleSubmit, children: titleSubmitBtn })
-    ] })
+      ) })
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ConfirmModal,
+      {
+        title: notifyContent?.title,
+        content: notifyContent?.content,
+        typeIcon: notifyContent?.typeIcon,
+        open,
+        handleCancel: notifyContent?.handleCancel,
+        handleSubmit: notifyContent?.handleSubmit
+      }
+    )
   ] }) });
 };
 

package/es/chunks/{Switch-eMq9KkOy.js → Switch-C3IZzn6L.js}

@@ -3495,8 +3495,6 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
     return result;
 };
 
-const useIsomorphicLayoutEffect$1 = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-
 /**
  * This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.
  *
@@ -3541,8 +3539,10 @@ function useFormState(props) {
         isValid: false,
         errors: false,
     });
-    useIsomorphicLayoutEffect$1(() => control._subscribe({
-        name: name,
+    const _name = React__default.useRef(name);
+    _name.current = name;
+    React__default.useEffect(() => control._subscribe({
+        name: _name.current,
         formState: _localProxyFormState.current,
         exact,
         callback: (formState) => {
@@ -3552,7 +3552,7 @@ function useFormState(props) {
                     ...formState,
                 });
         },
-    }), [name, disabled, exact]);
+    }), [control, disabled, exact]);
     React__default.useEffect(() => {
         _localProxyFormState.current.isValid && control._setValid(true);
     }, [control]);
@@ -3592,17 +3592,19 @@ var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) =>
 function useWatch(props) {
     const methods = useFormContext();
     const { control = methods.control, name, defaultValue, disabled, exact, } = props || {};
+    const _name = React__default.useRef(name);
     const _defaultValue = React__default.useRef(defaultValue);
-    const [value, updateValue] = React__default.useState(control._getWatch(name, _defaultValue.current));
-    useIsomorphicLayoutEffect$1(() => control._subscribe({
-        name: name,
+    _name.current = name;
+    React__default.useEffect(() => control._subscribe({
+        name: _name.current,
         formState: {
             values: true,
         },
         exact,
         callback: (formState) => !disabled &&
-            updateValue(generateWatchOutput(name, control._names, formState.values || control._formValues, false, _defaultValue.current)),
-    }), [name, control, disabled, exact]);
+            updateValue(generateWatchOutput(_name.current, control._names, formState.values || control._formValues, false, _defaultValue.current)),
+    }), [control, disabled, exact]);
+    const [value, updateValue] = React__default.useState(control._getWatch(name, defaultValue));
     React__default.useEffect(() => control._removeUnmounted());
     return value;
 }
@@ -4418,7 +4420,6 @@ function createFormControl(props = {}) {
     let _formState = {
         submitCount: 0,
         isDirty: false,
-        isReady: false,
         isLoading: isFunction$1(_options.defaultValues),
         isValidating: false,
         isSubmitted: false,
@@ -4433,7 +4434,7 @@ function createFormControl(props = {}) {
     };
     const _fields = {};
     let _defaultValues = isObject(_options.defaultValues) || isObject(_options.values)
-        ? cloneObject(_options.defaultValues || _options.values) || {}
+        ? cloneObject(_options.values || _options.defaultValues) || {}
         : {};
     let _formValues = _options.shouldUnregister
         ? {}
@@ -5484,7 +5485,6 @@ function useForm(props = {}) {
         validatingFields: {},
         errors: props.errors || {},
         disabled: props.disabled || false,
-        isReady: false,
         defaultValues: isFunction$1(props.defaultValues)
             ? undefined
             : props.defaultValues,
@@ -5502,37 +5502,12 @@ function useForm(props = {}) {
     }
     const control = _formControl.current.control;
     control._options = props;
-    useIsomorphicLayoutEffect$1(() => {
-        const sub = control._subscribe({
-            formState: control._proxyFormState,
-            callback: () => updateFormState({ ...control._formState }),
-            reRenderRoot: true,
-        });
-        updateFormState((data) => ({
-            ...data,
-            isReady: true,
-        }));
-        control._formState.isReady = true;
-        return sub;
-    }, [control]);
+    React__default.useLayoutEffect(() => control._subscribe({
+        formState: control._proxyFormState,
+        callback: () => updateFormState({ ...control._formState }),
+        reRenderRoot: true,
+    }), [control]);
     React__default.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);
-    React__default.useEffect(() => {
-        if (props.mode) {
-            control._options.mode = props.mode;
-        }
-        if (props.reValidateMode) {
-            control._options.reValidateMode = props.reValidateMode;
-        }
-        if (props.errors && !isEmptyObject(props.errors)) {
-            control._setErrors(props.errors);
-        }
-    }, [control, props.errors, props.mode, props.reValidateMode]);
-    React__default.useEffect(() => {
-        props.shouldUnregister &&
-            control._subjects.state.next({
-                values: control._getWatch(),
-            });
-    }, [control, props.shouldUnregister]);
     React__default.useEffect(() => {
         if (control._proxyFormState.isDirty) {
             const isDirty = control._getDirty();
@@ -5552,7 +5527,12 @@ function useForm(props = {}) {
         else {
             control._resetDefaultValues();
         }
-    }, [control, props.values]);
+    }, [props.values, control]);
+    React__default.useEffect(() => {
+        if (props.errors && !isEmptyObject(props.errors)) {
+            control._setErrors(props.errors);
+        }
+    }, [props.errors, control]);
     React__default.useEffect(() => {
         if (!control._state.mount) {
             control._setValid();
@@ -5564,6 +5544,12 @@ function useForm(props = {}) {
         }
         control._removeUnmounted();
     });
+    React__default.useEffect(() => {
+        props.shouldUnregister &&
+            control._subjects.state.next({
+                values: control._getWatch(),
+            });
+    }, [props.shouldUnregister, control]);
     _formControl.current.formState = getProxyFormState(formState, control);
     return _formControl.current;
 }

package/es/fields/index.js

@@ -1,2 +1,2 @@
-export { D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, a as TinyMCE } from '../chunks/Switch-eMq9KkOy.js';
-export { C as CheckboxField, R as RadioGroup, S as Select } from '../chunks/Checkbox-CJ_M7IzZ.js';
+export { D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, a as TinyMCE } from '../chunks/Switch-C3IZzn6L.js';
+export { C as CheckboxField, R as RadioGroup, S as Select } from '../chunks/Checkbox-2LoiNtBe.js';

package/es/index.js

@@ -1,5 +1,5 @@
-export { A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from './chunks/ErrorBoundary-CgNFuAOJ.js';
-export { D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TinyMCE, T as Typography } from './chunks/Switch-eMq9KkOy.js';
-export { C as CheckboxField, R as RadioGroup, S as Select } from './chunks/Checkbox-CJ_M7IzZ.js';
+export { A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from './chunks/ErrorBoundary-Ja4PIPaU.js';
+export { D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TinyMCE, T as Typography } from './chunks/Switch-C3IZzn6L.js';
+export { C as CheckboxField, R as RadioGroup, S as Select } from './chunks/Checkbox-2LoiNtBe.js';
 export { u as useToast } from './chunks/cloneDeep-BLYi2V0G.js';
 export { u as useFiltersHandler, a as useMessage } from './chunks/useMessage-D_-VT5B4.js';

package/es/ui/index.js

@@ -1,2 +1,2 @@
-export { A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from '../chunks/ErrorBoundary-CgNFuAOJ.js';
-export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-eMq9KkOy.js';
+export { A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from '../chunks/ErrorBoundary-Ja4PIPaU.js';
+export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-C3IZzn6L.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.8.1",
+  "version": "1.8.3",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -107,4 +107,4 @@
     "yup": "^1.6.1",
     "zustand": "^5.0.3"
   }
-}
+}

package/types/hooks.d.ts

@@ -1,14 +1,14 @@
-import { ArgsProps } from 'antd/es/notification';
-import { ArgsProps as ArgsProps_2 } from 'antd/lib/message';
+import { ArgsProps } from 'antd/lib/message';
+import { ArgsProps as ArgsProps_2 } from 'antd/es/notification';
 import { default as default_2 } from 'react';
 
 export declare type InitialFiltersSearch<T> = T & PaginationFilters;
 
-export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
-    type?: ArgsProps_2["type"];
+export declare type OptionalArgsMessage = Partial<ArgsProps> & {
+    type?: ArgsProps["type"];
 };
 
-export declare type OptionalArgsToast = Partial<ArgsProps> & {
+export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
     message?: React.ReactNode;
 };
 

package/types/index.d.ts

@@ -2,8 +2,8 @@ import { AffixProps } from 'antd';
 import { AlertProps as AlertProps_2 } from 'antd';
 import { Anchor as Anchor_2 } from 'antd';
 import { AnchorProps } from 'antd';
-import { ArgsProps } from 'antd/es/notification';
-import { ArgsProps as ArgsProps_2 } from 'antd/lib/message';
+import { ArgsProps } from 'antd/lib/message';
+import { ArgsProps as ArgsProps_2 } from 'antd/es/notification';
 import { AutoCompleteProps as AutoCompleteProps_2 } from 'antd';
 import { BadgeProps as BadgeProps_2 } from 'antd';
 import { BasicProps } from 'antd/es/layout/layout';
@@ -23,8 +23,8 @@ import { Control } from 'react-hook-form';
 import { ControllerFieldState } from 'react-hook-form';
 import { ControllerRenderProps } from 'react-hook-form';
 import { Dayjs } from 'dayjs';
-import { default as default_2 } from 'react';
-import { default as default_3 } from 'antd/es/anchor/AnchorLink';
+import { default as default_2 } from 'antd/es/anchor/AnchorLink';
+import { default as default_3 } from 'react';
 import { DefaultOptionType } from 'antd/es/cascader';
 import { DefaultValues } from 'react-hook-form';
 import { DividerProps as DividerProps_2 } from 'antd';
@@ -105,7 +105,7 @@ export declare const Alert: React.FC<AlertProps>;
 export declare type AlertProps = AlertProps_2;
 
 export declare const Anchor: typeof Anchor_2 & {
-    Link: typeof default_3;
+    Link: typeof default_2;
 };
 
 export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
@@ -113,7 +113,7 @@ export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
 export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX.Element;
 
 export declare interface AppfixProps extends AffixProps {
-    children: default_2.ReactNode;
+    children: default_3.ReactNode;
 }
 
 export declare const AutoComplete: React.FC<AutoCompleteProps>;
@@ -202,22 +202,23 @@ export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
 
 export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
 
-export declare const BulkAction: ({ quantity, handleRefresh, handleSend, handleSlash, handleProhibit, handleCheck, handleClose, handleDelete, handleUnLock, handleLock, }: BulkActionProps) => JSX.Element;
+export declare const BulkAction: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, }: BulkActionProps) => JSX.Element;
 
 export declare interface BulkActionProps {
     quantity: number;
-    handleRefresh?: () => void;
-    handleSend?: () => void;
-    handleSlash?: () => void;
-    handleProhibit?: () => void;
-    handleCheck?: () => void;
-    handleClose?: () => void;
+    handleRestore?: () => void;
+    handleSendApproval?: () => void;
+    handleCancelSendApproval?: () => void;
+    handleRefuseApproval?: () => void;
+    handleApproval?: () => void;
+    handleCancelApproval?: () => void;
     handleDelete?: () => void;
-    handleUnLock?: () => void;
-    handleLock?: () => void;
+    handleActivate?: () => void;
+    handleInActivate?: () => void;
+    status?: number;
 }
 
-export declare const Button: default_2.FC<ButtonProps>;
+export declare const Button: default_3.FC<ButtonProps>;
 
 export declare type ButtonProps = ButtonProps_2;
 
@@ -264,20 +265,22 @@ export declare interface ConfirmModalProps extends ModalProps {
     content: string;
     titleCancelBtn?: string;
     titleSubmitBtn?: string;
-    typeIcon: "success" | "error" | "warning" | "info";
+    typeIcon: ConfirmModalType;
     handleCancel?: () => void;
     handleSubmit?: () => void;
 }
 
-export declare const Container: default_2.FC<ContainerProps>;
+export declare type ConfirmModalType = "success" | "error" | "warning" | "info";
+
+export declare const Container: default_3.FC<ContainerProps>;
 
 export declare interface ContainerProps {
-    children: default_2.ReactNode;
+    children: default_3.ReactNode;
     size?: TailwindMaxWidth;
     className?: string;
 }
 
-declare type CustomInputTypeAttribute = default_2.HTMLInputTypeAttribute | "money";
+declare type CustomInputTypeAttribute = default_3.HTMLInputTypeAttribute | "money";
 
 export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -291,7 +294,7 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
     label?: string;
     maxDate?: Date;
     showTimeSelect?: boolean;
-    customOnChange?: (date: any, event: default_2.SyntheticEvent<any>) => void;
+    customOnChange?: (date: any, event: default_3.SyntheticEvent<any>) => void;
     customValue?: Date | null;
     size?: TSize;
 }
@@ -334,7 +337,7 @@ declare class ErrorBoundaryClass extends Component<ErrorBoundaryProps, ErrorBoun
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     handleReload: () => void;
-    render(): default_2.ReactNode;
+    render(): default_3.ReactNode;
 }
 
 export declare interface ErrorBoundaryProps {
@@ -347,7 +350,7 @@ export declare interface ErrorBoundaryState {
     errorInfo: ErrorInfo | null;
 }
 
-export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
+export declare const ErrorMessage: default_3.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
 
 export declare interface ErrorMessageProps {
     errorMessage?: string;
@@ -390,8 +393,8 @@ export declare interface InputProps extends InputProps_2 {
     customStyleInput?: string;
     type?: CustomInputTypeAttribute;
     afterOnChange?: (value: number | string | null) => void;
-    iconStartInput?: default_2.ReactNode;
-    iconEndInput?: default_2.ReactNode;
+    iconStartInput?: default_3.ReactNode;
+    iconEndInput?: default_3.ReactNode;
     allowNegative?: boolean;
     decimalScale?: number;
     prefix?: string;
@@ -411,12 +414,12 @@ export declare interface LabelProps {
     required?: boolean;
 }
 
-export declare const Layout: default_2.FC<LayoutProps> & {
-    Header: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
-    Footer: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
-    Content: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
-    Sider: default_2.ForwardRefExoticComponent<SiderProps & default_2.RefAttributes<HTMLDivElement>>;
-    _InternalSiderContext: default_2.Context<SiderContextProps>;
+export declare const Layout: default_3.FC<LayoutProps> & {
+    Header: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
+    Footer: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
+    Content: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
+    Sider: default_3.ForwardRefExoticComponent<SiderProps & default_3.RefAttributes<HTMLDivElement>>;
+    _InternalSiderContext: default_3.Context<SiderContextProps>;
 };
 
 export declare type LayoutProps = BaseProps_8 & BasicProps;
@@ -442,11 +445,11 @@ declare type MultipleCascaderProps = CascaderProps<DefaultOptionType, string, tr
     multiple: true;
 };
 
-export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
-    type?: ArgsProps_2["type"];
+export declare type OptionalArgsMessage = Partial<ArgsProps> & {
+    type?: ArgsProps["type"];
 };
 
-export declare type OptionalArgsToast = Partial<ArgsProps> & {
+export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
     message?: React.ReactNode;
 };
 
@@ -564,7 +567,7 @@ export declare interface SearchFiltersFormProps<T extends FieldValues> {
         setValue?: UseFormSetValue<T>;
         handleSubmit?: FormEventHandler<any>;
         reset?: UseFormReset<T>;
-    }) => default_2.ReactNode;
+    }) => default_3.ReactNode;
     onReset?: () => void;
     classNamesContainer?: string;
     classNameWrapperForm?: string;
@@ -658,8 +661,8 @@ export declare interface SwitchFieldProps extends Omit<SwitchProps, "onChange" |
 
 declare type TabItem = {
     key: string;
-    label: default_2.ReactNode;
-    children: default_2.ReactNode;
+    label: default_3.ReactNode;
+    children: default_3.ReactNode;
     disabled?: boolean;
 };
 
@@ -680,8 +683,8 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     onChangePage: (page: number) => void;
     onChangePageSize: (size: number) => void;
     onSort?: (sortField: string | number | symbol) => void;
-    rowsSelected?: default_2.Key[];
-    onSelect: (newSelectedRowKeys: default_2.Key[]) => void;
+    rowsSelected?: default_3.Key[];
+    onSelect: (newSelectedRowKeys: default_3.Key[]) => void;
     onRowClick?: (record: T) => void;
     rowKey?: string | ((record: T) => string);
     className?: string;
@@ -689,7 +692,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     onSave?: (data: T) => void;
 }
 
-export declare const Tabs: default_2.FC<TabsProps>;
+export declare const Tabs: default_3.FC<TabsProps>;
 
 export declare type TabsProps = TabsProps_2 & {
     items: TabItem[];
@@ -735,7 +738,7 @@ export declare interface TinyProps extends IAllProps {
     text_patterns?: any;
 }
 
-export declare const Tooltip: default_2.FC<TooltipProps>;
+export declare const Tooltip: default_3.FC<TooltipProps>;
 
 export declare type TooltipProps = TooltipProps_2;
 
@@ -779,13 +782,13 @@ export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "o
 
 export declare const useFiltersHandler: <T>(initialFilters: InitialFiltersSearch<T>) => {
     filters: InitialFiltersSearch<T>;
-    rowsSelected: default_2.Key[];
-    setRowsSelected: default_2.Dispatch<default_2.SetStateAction<default_2.Key[]>>;
-    setFilters: default_2.Dispatch<default_2.SetStateAction<InitialFiltersSearch<T>>>;
+    rowsSelected: default_3.Key[];
+    setRowsSelected: default_3.Dispatch<default_3.SetStateAction<default_3.Key[]>>;
+    setFilters: default_3.Dispatch<default_3.SetStateAction<InitialFiltersSearch<T>>>;
     goToPage: (PageIndex: number) => void;
     changeRowlimit: (value: number) => void;
     resetToInitialFilters: () => void;
-    handleCheckBox: (newSelectedRowKeys: default_2.Key[]) => void;
+    handleCheckBox: (newSelectedRowKeys: default_3.Key[]) => void;
     handleChangePage: (nextPage: number) => void;
     handleRequestSort: (sortField: string | number | symbol) => void;
     handleSearch: (nextFilters: InitialFiltersSearch<T>) => void;

package/types/ui.d.ts

@@ -17,8 +17,8 @@ import { ColProps as ColProps_2 } from 'antd';
 import { ColSize } from 'antd/es/grid';
 import { Component } from 'react';
 import { Control } from 'react-hook-form';
-import { default as default_2 } from 'react';
-import { default as default_3 } from 'antd/es/anchor/AnchorLink';
+import { default as default_2 } from 'antd/es/anchor/AnchorLink';
+import { default as default_3 } from 'react';
 import { DefaultOptionType } from 'antd/es/cascader';
 import { DefaultValues } from 'react-hook-form';
 import { DividerProps as DividerProps_2 } from 'antd';
@@ -86,7 +86,7 @@ export declare const Alert: React.FC<AlertProps>;
 export declare type AlertProps = AlertProps_2;
 
 export declare const Anchor: typeof Anchor_2 & {
-    Link: typeof default_3;
+    Link: typeof default_2;
 };
 
 export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
@@ -94,7 +94,7 @@ export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
 export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX.Element;
 
 export declare interface AppfixProps extends AffixProps {
-    children: default_2.ReactNode;
+    children: default_3.ReactNode;
 }
 
 export declare const AutoComplete: React.FC<AutoCompleteProps>;
@@ -183,22 +183,23 @@ export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
 
 export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
 
-export declare const BulkAction: ({ quantity, handleRefresh, handleSend, handleSlash, handleProhibit, handleCheck, handleClose, handleDelete, handleUnLock, handleLock, }: BulkActionProps) => JSX.Element;
+export declare const BulkAction: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, }: BulkActionProps) => JSX.Element;
 
 export declare interface BulkActionProps {
     quantity: number;
-    handleRefresh?: () => void;
-    handleSend?: () => void;
-    handleSlash?: () => void;
-    handleProhibit?: () => void;
-    handleCheck?: () => void;
-    handleClose?: () => void;
+    handleRestore?: () => void;
+    handleSendApproval?: () => void;
+    handleCancelSendApproval?: () => void;
+    handleRefuseApproval?: () => void;
+    handleApproval?: () => void;
+    handleCancelApproval?: () => void;
     handleDelete?: () => void;
-    handleUnLock?: () => void;
-    handleLock?: () => void;
+    handleActivate?: () => void;
+    handleInActivate?: () => void;
+    status?: number;
 }
 
-export declare const Button: default_2.FC<ButtonProps>;
+export declare const Button: default_3.FC<ButtonProps>;
 
 export declare type ButtonProps = ButtonProps_2;
 
@@ -231,15 +232,17 @@ export declare interface ConfirmModalProps extends ModalProps {
     content: string;
     titleCancelBtn?: string;
     titleSubmitBtn?: string;
-    typeIcon: "success" | "error" | "warning" | "info";
+    typeIcon: ConfirmModalType;
     handleCancel?: () => void;
     handleSubmit?: () => void;
 }
 
-export declare const Container: default_2.FC<ContainerProps>;
+export declare type ConfirmModalType = "success" | "error" | "warning" | "info";
+
+export declare const Container: default_3.FC<ContainerProps>;
 
 export declare interface ContainerProps {
-    children: default_2.ReactNode;
+    children: default_3.ReactNode;
     size?: TailwindMaxWidth;
     className?: string;
 }
@@ -280,7 +283,7 @@ declare class ErrorBoundaryClass extends Component<ErrorBoundaryProps, ErrorBoun
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     handleReload: () => void;
-    render(): default_2.ReactNode;
+    render(): default_3.ReactNode;
 }
 
 export declare interface ErrorBoundaryProps {
@@ -293,7 +296,7 @@ export declare interface ErrorBoundaryState {
     errorInfo: ErrorInfo | null;
 }
 
-export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
+export declare const ErrorMessage: default_3.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
 
 export declare interface ErrorMessageProps {
     errorMessage?: string;
@@ -338,12 +341,12 @@ export declare interface LabelProps {
     required?: boolean;
 }
 
-export declare const Layout: default_2.FC<LayoutProps> & {
-    Header: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
-    Footer: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
-    Content: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
-    Sider: default_2.ForwardRefExoticComponent<SiderProps & default_2.RefAttributes<HTMLDivElement>>;
-    _InternalSiderContext: default_2.Context<SiderContextProps>;
+export declare const Layout: default_3.FC<LayoutProps> & {
+    Header: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
+    Footer: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
+    Content: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
+    Sider: default_3.ForwardRefExoticComponent<SiderProps & default_3.RefAttributes<HTMLDivElement>>;
+    _InternalSiderContext: default_3.Context<SiderContextProps>;
 };
 
 export declare type LayoutProps = BaseProps_8 & BasicProps;
@@ -431,7 +434,7 @@ export declare interface SearchFiltersFormProps<T extends FieldValues> {
         setValue?: UseFormSetValue<T>;
         handleSubmit?: FormEventHandler<any>;
         reset?: UseFormReset<T>;
-    }) => default_2.ReactNode;
+    }) => default_3.ReactNode;
     onReset?: () => void;
     classNamesContainer?: string;
     classNameWrapperForm?: string;
@@ -503,8 +506,8 @@ export declare type SubMenuProps = SubMenuProps_2;
 
 declare type TabItem = {
     key: string;
-    label: default_2.ReactNode;
-    children: default_2.ReactNode;
+    label: default_3.ReactNode;
+    children: default_3.ReactNode;
     disabled?: boolean;
 };
 
@@ -525,8 +528,8 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     onChangePage: (page: number) => void;
     onChangePageSize: (size: number) => void;
     onSort?: (sortField: string | number | symbol) => void;
-    rowsSelected?: default_2.Key[];
-    onSelect: (newSelectedRowKeys: default_2.Key[]) => void;
+    rowsSelected?: default_3.Key[];
+    onSelect: (newSelectedRowKeys: default_3.Key[]) => void;
     onRowClick?: (record: T) => void;
     rowKey?: string | ((record: T) => string);
     className?: string;
@@ -534,7 +537,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     onSave?: (data: T) => void;
 }
 
-export declare const Tabs: default_2.FC<TabsProps>;
+export declare const Tabs: default_3.FC<TabsProps>;
 
 export declare type TabsProps = TabsProps_2 & {
     items: TabItem[];
@@ -553,7 +556,7 @@ export declare const Timeline: React.FC<TimelineProps>;
 
 export declare type TimelineProps = TimelineProps_2;
 
-export declare const Tooltip: default_2.FC<TooltipProps>;
+export declare const Tooltip: default_3.FC<TooltipProps>;
 
 export declare type TooltipProps = TooltipProps_2;