@pnkx-lib/ui 1.9.180 → 1.9.182

package/es/ui/index.js

@@ -2,7 +2,7 @@ import { Button } from './Button.js';
 export { CascaderField } from './Cascader.js';
 export { ErrorMessage } from './ErrorMessage.js';
 export { Typography } from './Typography.js';
-import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useLayoutEffect, useEffect, useRef, useMemo, useCallback, useState, memo, useReducer, createContext, useContext } from 'react';
 import { Table as Table$1 } from 'antd';
 import { Modal } from './Modal.js';
@@ -68,10 +68,11 @@ export { Card } from './Card.js';
 export { ConfigProvider } from './ConfigProvider.js';
 export { PageNotFound } from './PageNotFound.js';
 export { UploadImage } from './UploadImage.js';
+export { TimeRangePicker } from './TimeRangePicker.js';
 export { T as TINY_API } from '../chunks/common-CocKiHtC.js';
 
 const SettingColumnItem = ({ lable, name, control }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full  pt-2 pb-2 inline-flex", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx("div", { className: "w-full  pt-2 pb-2 inline-flex", children: /* @__PURE__ */ jsx(
     PnkxField,
     {
       label: lable,
@@ -4404,7 +4405,7 @@ function normalizeLocalDisabled(localDisabled, globalDisabled) {
   };
 }
 
-const RestoreIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+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,
@@ -4416,7 +4417,7 @@ const RestoreIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   }
 ) });
 
-const DragIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 18, height: 24, fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+const DragIcon = ({ stroke, fill }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 18, height: 24, fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
     fill: fill || "#116DFF",
@@ -4427,7 +4428,7 @@ const DragIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExports.jsx("sv
   }
 ) });
 
-const SettingIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+const SettingIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
     width: "30",
@@ -4437,8 +4438,8 @@ const SettingIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x: "0.5", y: "0.5", width: "29", height: "29", rx: "14.5", fill: "white" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsx("rect", { x: "0.5", y: "0.5", width: "29", height: "29", rx: "14.5", fill: "white" }),
+      /* @__PURE__ */ jsx(
         "rect",
         {
           x: "0.5",
@@ -4449,7 +4450,7 @@ const SettingIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
           stroke: props?.stroke || "#D6E6FE"
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M16.0854 11C16.2913 10.4174 16.8469 10 17.5 10C18.1531 10 18.7087 10.4174 18.9146 11H21V12H18.9146C18.7087 12.5826 18.1531 13 17.5 13C16.8469 13 16.2913 12.5826 16.0854 12C15.6004 12 15.2368 12 14.9943 12C13.6622 12 11.6641 12 9 12V11C11.6611 11 13.6569 11 14.9874 11M17 11V12H18V11H17ZM17.5 18C18.1531 18 18.7087 18.4174 18.9146 19H21V20H18.9146C18.7087 20.5826 18.1531 21 17.5 21C16.8469 21 16.2913 20.5826 16.0854 20H9V19H16.0854C16.2913 18.4174 16.8469 18 17.5 18ZM17 19V20H18V19H17ZM21 15V16H13.9146C13.7087 16.5826 13.1531 17 12.5 17C11.8469 17 11.2913 16.5826 11.0854 16H9V15H11.0854C11.2913 14.4174 11.8469 14 12.5 14C13.1531 14 13.7087 14.4174 13.9146 15H21ZM12 15V16H13V15H12Z",
@@ -4460,7 +4461,7 @@ const SettingIcon = (props) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
   }
 );
 
-const SendApprovalIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+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,
@@ -4471,7 +4472,7 @@ const SendApprovalIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExports
   }
 ) });
 
-const CancelSendApprovalIcon = ({ fill, stroke }) => /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+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,
@@ -4482,7 +4483,7 @@ const CancelSendApprovalIcon = ({ fill, stroke }) => /* @__PURE__ */ jsxRuntimeE
   }
 ) });
 
-const ApprovalIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+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,
@@ -4493,7 +4494,7 @@ const ApprovalIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExports.jsx
   }
 ) });
 
-const CancelApprovalIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+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,
@@ -4504,16 +4505,16 @@ const CancelApprovalIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExpor
   }
 ) });
 
-const RefuseApprovalIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: [
-  /* @__PURE__ */ jsxRuntimeExports.jsx("mask", { id: "a", fill: "#fff", children: /* @__PURE__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsx(
+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__ */ jsxRuntimeExports.jsx(
+  /* @__PURE__ */ jsx(
     "path",
     {
       fill,
@@ -4524,7 +4525,7 @@ const RefuseApprovalIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExpor
   )
 ] });
 
-const ActivateIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+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,
@@ -4535,7 +4536,7 @@ const ActivateIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExports.jsx
   }
 ) });
 
-const DeleteIcon = ({ stroke, fill = "#DD4338" }) => /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 23, height: 24, fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+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,
@@ -4544,14 +4545,14 @@ const DeleteIcon = ({ stroke, fill = "#DD4338" }) => /* @__PURE__ */ jsxRuntimeE
   }
 ) });
 
-const InActiveIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+const InActiveIcon = ({ stroke, fill }) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22,
     fill: "none",
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    children: /* @__PURE__ */ jsx(
       "path",
       {
         fill,
@@ -4564,7 +4565,7 @@ const InActiveIcon = ({ stroke, fill }) => /* @__PURE__ */ jsxRuntimeExports.jsx
   }
 );
 
-const EditIcon = ({ stroke, fill = "#007BE5" }) => /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 15, fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+const EditIcon = ({ stroke, fill = "#007BE5" }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 15, fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
     fill,
@@ -4583,7 +4584,7 @@ const SortableItem = ({
     transform: CSS.Transform.toString(transform),
     transition
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       ref: setNodeRef,
@@ -4593,8 +4594,8 @@ const SortableItem = ({
         isLastIndex ? "!border-b-1 !border-b-[#F0F0F0]" : ""
       ),
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "pl-2 pr-3.5 cursor-grab", ...attributes, ...listeners, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DragIcon, {}) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", children })
+        /* @__PURE__ */ jsx("span", { className: "pl-2 pr-3.5 cursor-grab", ...attributes, ...listeners, children: /* @__PURE__ */ jsx(DragIcon, {}) }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1", children })
       ]
     }
   );
@@ -4635,9 +4636,9 @@ const SettingTable = (props) => {
     setColumns(defaultSettingColumnItems);
   }, [defaultSettingColumnItems]);
   const titleHeader = () => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Cài đặt hiển thị bảng" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[14px] text-[#5C657D] font-normal", children: "Chọn cột muốn hiển thị và kéo thả vị trí muốn hiển thị" })
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { children: "Cài đặt hiển thị bảng" }),
+      /* @__PURE__ */ jsx("p", { className: "text-[14px] text-[#5C657D] font-normal", children: "Chọn cột muốn hiển thị và kéo thả vị trí muốn hiển thị" })
     ] });
   };
   const footer = () => {
@@ -4648,8 +4649,8 @@ const SettingTable = (props) => {
       setColumns(defaultSettingColumnItems);
       setOpen(false);
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end items-end mt-3 pr-6", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxs("div", { className: "flex justify-end items-end mt-3 pr-6", children: [
+      /* @__PURE__ */ jsx(
         Button,
         {
           className: " !rounded-3xl !text-[#007BE5] !border-[#BDE3FF]",
@@ -4657,7 +4658,7 @@ const SettingTable = (props) => {
           children: "Về chế độ mặc định"
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsx(
         Button,
         {
           className: "ml-2 !rounded-3xl !bg-[#007BE5] !text-[white] !border-[#007BE5]",
@@ -4667,8 +4668,8 @@ const SettingTable = (props) => {
       )
     ] });
   };
-  if (!showSetting) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  if (!showSetting) return /* @__PURE__ */ jsx(Fragment, {});
+  return /* @__PURE__ */ jsx(
     Modal,
     {
       open,
@@ -4679,24 +4680,24 @@ const SettingTable = (props) => {
       className: "setting-table-modal",
       footer: null,
       onCancel: handleCloseModal,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [
+        /* @__PURE__ */ jsx(
           DndContext,
           {
             collisionDetection: closestCenter,
             onDragEnd: handleDragEnd,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            children: /* @__PURE__ */ jsx(
               SortableContext,
               {
                 items: columns.map((item) => String(item.key)),
                 strategy: verticalListSortingStrategy,
                 children: columns.filter((i) => i.key).map((item, index) => {
-                  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  return /* @__PURE__ */ jsx(
                     SortableItem,
                     {
                       id: String(item.key),
                       isLastIndex: index === columns.length - 1,
-                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      children: /* @__PURE__ */ jsx(
                         SettingColumnItem,
                         {
                           lable: String(item.title),
@@ -4723,7 +4724,7 @@ const ButtonBadge = (props) => {
   const handleClick = () => {
     setFilters({ ...filters, status: buttonItem?.status });
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs(
     Button,
     {
       className: twMerge(
@@ -4733,7 +4734,7 @@ const ButtonBadge = (props) => {
       onClick: handleClick,
       children: [
         buttonItem.label,
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsx(
           Badge,
           {
             showZero: true,
@@ -4751,7 +4752,7 @@ const ButtonBadge = (props) => {
 };
 const GroupHeadingButton = (props) => {
   const { groupHeadingButtonItems, setFilters, filters } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pb-[15px]", children: groupHeadingButtonItems?.map((i, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx("div", { className: "pb-[15px]", children: groupHeadingButtonItems?.map((i, index) => /* @__PURE__ */ jsx(
     ButtonBadge,
     {
       buttonItem: i,
@@ -4766,7 +4767,7 @@ const GroupHeadingButton = (props) => {
 const IconSettingTable = (props) => {
   const { showSetting, setOpenStting } = props;
   if (showSetting) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-5 mr-3 ", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "Cài đặt hiển thị bảng", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsx("span", { className: "w-5 mr-3 ", children: /* @__PURE__ */ jsx(Tooltip, { title: "Cài đặt hiển thị bảng", children: /* @__PURE__ */ jsx(
       SettingIcon,
       {
         className: "cursor-pointer",
@@ -4789,7 +4790,7 @@ const HeadingTable = (props) => {
     filters,
     noBreadcum
   } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs(
     Heading,
     {
       menu,
@@ -4798,9 +4799,9 @@ const HeadingTable = (props) => {
       noBreadcum,
       children: [
         renderHeadingSearch && renderHeadingSearch(),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { className: "!my-5 !mb-4" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsx(Divider, { className: "!my-5 !mb-4" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+          /* @__PURE__ */ jsx(
             GroupHeadingButton,
             {
               groupHeadingButtonItems,
@@ -4808,7 +4809,7 @@ const HeadingTable = (props) => {
               filters
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
             IconSettingTable,
             {
               setOpenStting,
@@ -4834,14 +4835,14 @@ const BulkAction = ({
     return arrStatus.includes(status);
   };
   //! Render
-  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: [
+  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__ */ jsxRuntimeExports.jsx("div", { className: "h-5 border-l border-white mx-1" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center space-x-3", children: !isEmpty(listIcon) && listIcon?.map(
-      (item, index) => IsShow(item?.arrShow) && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: item?.title, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__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?.title, children: /* @__PURE__ */ jsx(
         "button",
         {
           className: "p-1 rounded-sm  transition duration-200 cursor-pointer hover:bg-[#1B4ACB] hover:rounded-sm",
@@ -4886,9 +4887,9 @@ const BulkActions = ({
   //! State
   const listIcon = [
     {
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RestoreIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsxRuntimeExports.jsx(RestoreIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsxRuntimeExports.jsx(RestoreIcon, { stroke: "#B2B7C2" }),
+      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",
@@ -4897,9 +4898,9 @@ const BulkActions = ({
       arrShow: [CATEGORY_LIST_ENUM?.DELETE, CATEGORY_LIST_ENUM?.REJECT]
     },
     {
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SendApprovalIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsxRuntimeExports.jsx(SendApprovalIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsxRuntimeExports.jsx(SendApprovalIcon, { stroke: "#B2B7C2" }),
+      icon: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "#B2B7C2" }),
       action: handleSendApproval,
       name: "Gửi duyệt",
       typeIcon: "info",
@@ -4908,9 +4909,9 @@ const BulkActions = ({
       arrShow: [CATEGORY_LIST_ENUM?.DRAFT]
     },
     {
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CancelSendApprovalIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsxRuntimeExports.jsx(CancelSendApprovalIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsxRuntimeExports.jsx(CancelSendApprovalIcon, { stroke: "#B2B7C2" }),
+      icon: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "#B2B7C2" }),
       action: handleCancelSendApproval,
       name: "Huỷ gửi duyệt",
       typeIcon: "error",
@@ -4919,9 +4920,9 @@ const BulkActions = ({
       arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL]
     },
     {
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefuseApprovalIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsxRuntimeExports.jsx(RefuseApprovalIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsxRuntimeExports.jsx(RefuseApprovalIcon, { stroke: "#B2B7C2" }),
+      icon: /* @__PURE__ */ jsx(RefuseApprovalIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(RefuseApprovalIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(RefuseApprovalIcon, { stroke: "#B2B7C2" }),
       action: handleRefuseApproval,
       name: "Từ chối duyệt",
       typeIcon: "error",
@@ -4930,9 +4931,9 @@ const BulkActions = ({
       arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL]
     },
     {
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(ApprovalIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsxRuntimeExports.jsx(ApprovalIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsxRuntimeExports.jsx(ApprovalIcon, { stroke: "#B2B7C2" }),
+      icon: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "#B2B7C2" }),
       action: handleApproval,
       name: "Duyệt",
       typeIcon: "info",
@@ -4941,9 +4942,9 @@ const BulkActions = ({
       arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL]
     },
     {
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CancelApprovalIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsxRuntimeExports.jsx(CancelApprovalIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsxRuntimeExports.jsx(CancelApprovalIcon, { stroke: "#B2B7C2" }),
+      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",
@@ -4952,9 +4953,9 @@ const BulkActions = ({
       arrShow: [CATEGORY_LIST_ENUM?.ACTIVE]
     },
     {
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteIcon, { fill: "white" }),
-      iconDropList: /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteIcon, { fill: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteIcon, { fill: "#B2B7C2" }),
+      icon: /* @__PURE__ */ jsx(DeleteIcon, { fill: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(DeleteIcon, { fill: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(DeleteIcon, { fill: "#B2B7C2" }),
       action: handleDelete,
       typeIcon: "error",
       name: "Xoá",
@@ -4967,9 +4968,9 @@ const BulkActions = ({
       ]
     },
     {
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(ActivateIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsxRuntimeExports.jsx(ActivateIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsxRuntimeExports.jsx(ActivateIcon, { stroke: "#B2B7C2" }),
+      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",
@@ -4978,9 +4979,9 @@ const BulkActions = ({
       arrShow: [CATEGORY_LIST_ENUM?.INACTIVE]
     },
     {
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(InActiveIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsxRuntimeExports.jsx(InActiveIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsxRuntimeExports.jsx(InActiveIcon, { stroke: "#B2B7C2" }),
+      icon: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "#B2B7C2" }),
       action: handleInActivate,
       name: "Vô hiệu hóa",
       typeIcon: "info",
@@ -5001,8 +5002,8 @@ const BulkActions = ({
   });
   //! Function
   //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
       BulkAction,
       {
         listIcon,
@@ -5012,7 +5013,7 @@ const BulkActions = ({
         status
       }
     ),
-    shouldRender && /* @__PURE__ */ jsxRuntimeExports.jsx(
+    shouldRender && /* @__PURE__ */ jsx(
       ConfirmModal,
       {
         title: notifyContent?.title,
@@ -5108,8 +5109,8 @@ const Table = ({
     onRowClick2?.(record);
   };
   //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: twMerge(showSetting ? "relative" : ""), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs("div", { className: twMerge(showSetting ? "relative" : ""), children: [
+    /* @__PURE__ */ jsx(
       HeadingTable,
       {
         rightHeadingContent,
@@ -5123,7 +5124,7 @@ const Table = ({
         noBreadcum
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx(
       Table$1,
       {
         rowKey,
@@ -5137,13 +5138,13 @@ const Table = ({
           onClick: handleOnClickRow(record, onRowClick)
         }),
         locale: {
-          emptyText: /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyTable, {})
+          emptyText: /* @__PURE__ */ jsx(EmptyTable, {})
         },
         rowClassName: (_, index) => `table-row-${index % 2 === 0 ? "even" : "odd"}`,
         ...rest
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx(
       SettingTable,
       {
         open: openSetting,
@@ -5154,7 +5155,7 @@ const Table = ({
         setDefaultSettingColumnItems: setColumns
       }
     ),
-    rowsSelected && !isEmpty(rowsSelected) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed bottom-1/100 left-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    rowsSelected && !isEmpty(rowsSelected) && /* @__PURE__ */ jsx("div", { className: "fixed bottom-1/100 left-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(
       BulkActions,
       {
         type: TypeBulkActions.BULKACTION,
@@ -5166,10 +5167,10 @@ const Table = ({
   ] });
 };
 const EmptyTable = () => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center text-center", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: "https://i.ibb.co/39C3x4LZ/Component-1.png", alt: "no data" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-lg font-bold text-black", children: "Không có dữ liệu nào phù hợp" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-gray-500", children: "Kiểm tra lại bộ lọc hoặc thêm mới dữ liệu" })
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center text-center", children: [
+    /* @__PURE__ */ jsx("img", { src: "https://i.ibb.co/39C3x4LZ/Component-1.png", alt: "no data" }),
+    /* @__PURE__ */ jsx("span", { className: "text-lg font-bold text-black", children: "Không có dữ liệu nào phù hợp" }),
+    /* @__PURE__ */ jsx("p", { className: "text-gray-500", children: "Kiểm tra lại bộ lọc hoặc thêm mới dữ liệu" })
   ] });
 };
 
@@ -5192,32 +5193,32 @@ const ActionRowTable = ({
   const renderAction = () => {
     switch (type) {
       case TypeActionRowTable.EDIT:
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: contentTooltip, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Tooltip, { title: contentTooltip, children: /* @__PURE__ */ jsx(
           Button,
           {
             onClick: handleClick,
             type: "text",
             className: "cursor-pointer",
             shape: "circle",
-            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditIcon, { fill: "#007BE5" })
+            icon: /* @__PURE__ */ jsx(EditIcon, { fill: "#007BE5" })
           }
         ) }) });
       case TypeActionRowTable.DELETE:
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: contentTooltip, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        return /* @__PURE__ */ jsx(Tooltip, { title: contentTooltip, children: /* @__PURE__ */ jsx(
           Button,
           {
             onClick: toggleDelete,
             type: "text",
             className: "cursor-pointer",
             shape: "circle",
-            icon: /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteIcon, { fill: "#DD4338" })
+            icon: /* @__PURE__ */ jsx(DeleteIcon, { fill: "#DD4338" })
           }
         ) });
     }
   };
   //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    shouldRenderDelete && /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs("div", { children: [
+    shouldRenderDelete && /* @__PURE__ */ jsx(
       ConfirmModal,
       {
         title: "Xác nhận xóa",

package/package.json

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

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TimeRangePickerProps as AntdTimeRangePickerProps } from 'antd/es/time-picker';
+export declare const TimeRangePicker: React.FC<AntdTimeRangePickerProps>;

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

@@ -58,3 +58,4 @@ export * from './Card';
 export * from './ConfigProvider';
 export * from './PageNotFound';
 export * from './UploadImage';
+export * from './TimeRangePicker';

package/types/ui/TimeRangePicker.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/ui/TimeRangePicker'
+export {}