@pnkx-lib/ui 1.9.536 → 1.9.539

package/es/ui/Table/index.js

@@ -1,404 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useCallback, useEffect, useRef } from 'react';
-import { Select, Input, Pagination, Table as Table$1 } from 'antd';
-import { Typography } from '../Typography.js';
-import { I as ID_TABLE_WRAPPER } from '../../chunks/common-BcURBmQ-.js';
-import { f as TypeStatusTable } from '../../chunks/table-Btvh90Co.js';
-
-const iconTableNoData = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA7dSURBVHgB7Z1bbFTXFYb/PTO+gDFMApgQkngIvRAgwZFKlbRqPK5SqS+VjQQkSithPyQRVArQvFR5sa1ESlOlBV6KCJVsP6RtgAaTh6hVq86QNqKS02YI4NK0geNcgNikDAaDL3PO7lpnZowvczv7nBlfsj9pmNuxPZz/rLXXWnvtPYBGo9FoNBqNRqPRaDQajUaj0Wg0Go1Go9FoNBqNRqPRaDSaghAoMsEOGeS71NN4vEXEoSkZRRE4eEiGTYntkGjCbXHTGPRXo36BrvjTIgpNUfFUYBbWstAhgVCBP2L4LTTEdwgDmqxELpAXrESwYaXz8+SDRyw+KPeaFiIOxGVCpg8XFh+SrdBkxe9H2D9qe0PHeCJw9WuSrXY3FJEW2rTIOWkkX9sIBVwLbAsj0QyX2CIflMoXyTyHrTdsu2qHuBI4eFA2sTDwCPICrcEDMgTNOO98LMcDVb/PuSEF4AIL2AtvCcqRax33bHiyPdObUvriZWU3DSPW/aVItf76iQxLiV3p52QA2+m12HfuLTz7UI6i7VSIgip4jO+KgYXdL8Vwa3CaiIIvAKCOHsboyM5LZ97Yj3lGSlQeb5sxPcVMY9AtSrfjj90nunP9PmWBObDyYuzNBH2oPYPPin3Z3r9rw5awD2IvWXTXpbNv7MM8IfKprPOZdrBaL0TubIQu9Didp27KQvY33CNi2Y5TdtH0y+skigNdwWG625f9b/s3SiGDMpD76p1rpIRq5sdsyVRT4MfjYrOo9E+Xz4fuxwp0044EDtU1BROJyjoLVv11abvK4iCwMdPfHrEqmkn9XRRyG9Lvb7gc+52BeUpqnI2+02dnFslYh8StrxWOMo2CBKagJ2zCbB012WrNmFV95ykxchOyYiGKybioltU4YooQiRuTsFounzkahYdcuCpDoSDqbo0htKDMHveWIDn+9aUOYcsyhMjuCosFxTmdVOiwBSaL7oRDso7BfHJHE+W7IORucpkx+HzHK3wjnRzB8gSCOYqr8BgxMkRBVh8C/3k3Xnb6TzFyTXUUqndbPpyo9I91exk9SynDgB3McBoScvCjUbp1XR5GdOWC0pRYKVWyK4T194nVcEhGC76r7snQiGlFhJBRS8rNUy2GZ4SqD0o+2Y4T7zQsprg+AP9nvfAPGPY96DVreQjWiq8YErL90mlvLfV9KhTcCGAXXbC7r9xCcNkCqBDmW/+gfeK76SLc7yRtUULiuMgwbBVCRoF9CfMYXeH7L549mj1CFWTVyWAoJ77BAWB0iETsI+u8ADF4BX5KhVhMuXg5zFXr6LYeo9/cCouep3/3la4fReERaWEpbthNn9m+KEcScMXQqH3XRBdLEwkdLStDy6Mri2PR7KYDAbWYJ6PAFuRx4RO77t6wLcgn20cFBvvghJ1/2Qye/4dhlS9IWiKNxyyi7WJZUHqeFhEVVfZYbS0LwSTrlCzmsu23xcyAn65YeARHo9dphouEDU18/YtbwKpqKMHiJianEOGxMVygv9VG1twOj2lYbc+hR6FA1jGY3bSwqExmWSF6mtE9JNZsCqO8yn7MgkkSk5/bj6uTzxUCMeP6s87HmkzQCW8lC2vL9v5DdI0tqYRjPvwf8PlQ1rcNsuaGYlmzU1zNB9M43El32+EhVNtuv7FDtMEl5DY7gNyFmCUVJHINHBEfBk4P5D3MoLrx5m/fU/qoeyquBOaJAaqkvA8XwdYUPLHeQsRNs4KcztfuREGwaz77RcHjd5xEbphpkV3NJqU6MVrgDXHu7oBLSFzOGZsLPZ5d7Qf9wHAe0T67TscNOArOglyrP3lpZmfHPGnZqT4gm+lS6YA6cSuBhqEfu7va8425+Vi6IHmr8CefcyDFVnvxBj22oIphmng4FSiVHM96shYdkGGqkTrpx0rjSV/Wu1SoJ4t5H7OTKM36uPZOKnjWk0WBUdRHQnGQJHA7ncpBnI/lMdeLpjuykmOYvYRTNeWSU7S+aIqwm6j6EiaL3ihSQRi5T6rnos8y0c0XBDzCrWsuEXG6CFeX2lUXvfG92Jy8IENj/syRPKdBfGM4mBoxMaPQRdhOs0FtKCFzXuBM1ltJQdK6ZUBV+eRjP6b6cd81zCQlt+KsY7BKB99MIK3pKdF9S6aLa7+++LZFzxBBlcY5N2QUmCPSUn8QFeyOwymtLQFfsniRDdX6s2co9jerklHghImmUn8QRaZ9xnQOmw2/Z3mDMuFSesfM04U+NNK4VscfZKYS9ILg6copUUS+QMpUL1gUxNDQEPrO98H4yMBAfz89vzn+XlXVQoTuD+HWrRGu35ekI3RakJWKSi+knrZQgt6JWciUzzkJDrCWZpnM/+dlEmEMntN7uhfRP0fR+0EvalYsR+39tSTmaiwkUasWVWHoxhAGPh+wRedjjfOGQSc/avn97cXsLRsXOEs/Llsvdy7m7b8tNanPm7Evm8fhdUsnTwVyqZEjaC47egmLdeT1I/aJ/MYjm1D/vbBtqflgsXs/OIsjvzmKK/39ncUSWnBARWNuh93/lINUkWLPbBHargyJ3Csr0nkw15T7h5zVkwMiVZdODWJs9TdGbw8B7IqPkrA9J9/Dzp/sxLoH10EV/j1vv/V2fGjwVrvXfd6TLNiy7Aa0xkx9uEXvO3LIiT7ZRp+zKCsSOdLmlCqQISDjXPq9D/vx6kuvouGRdfjBtm0YK3PfXcoW3f7TdnLhA/sunT68Bx4xbQymwCrknwNjMAncSQJ72mzArLkDuHtR9vc/udiPLS3t2NYUxvM7ttqv8VQjC5+jy6Mg2Cu80vqz2If/+nfs4ukjnkzDTrtGKWo2kOr/oarLvFo5kA/On3OJy0wVl6kMJJsGapfAFVVVVXjxFy+S9Uqx8sFtnizsy5gV0nh7gm7HZ3WKlAwAPYXdci5af96J73930yRxp/68W5HpvIfK/YndQsrwyvVPuJ6Byigwd9CT+8trvRyg/e1T6bmbLBBPBeZgrDLHOo8//KWHbu/h+Z3bkAu35VA67/byWCvg30xK7OIFCHBBRoHZTedzz6kJ9ghfDDMhMp8IeEhlngpY6yudZLlbsLg6f0BVaI9XLjhlEkJ0jZplrlx11sJdLvecFhepfHkmRKaSY8ma2Q4fj+LeVTXY1hgu6Hj2BKpWnEjc9kzlgdF9vBWVGytWqsySuJwzT/qjJHJJpx5Hx7y14Bs5qluHj58gcevhhKVqy2IYY/wBuWpKVbtGE+XKY7GSwKnUaWIYX/J0yk23fya4kJGps3Lw+hDOnDMKtt40lWorr+NTPaeE7JZC3Tsqz61MEHnGcmWO9uEh5zMMSmfO9eFbm9bDKYqzVtOGHV74JySCqm7a1eQZCzuThRAaFjwt6/F6pakdHyd7zmL912tRCrJesEJER83yMBSY+dlRF3jtphmuSPHao7S7/uTiANavDcEpqdWHjqCScDTT61LKPmmJEBRwtY3SbIDSpXZZwDJWJ3DJkW8cCf/34wFKjaoc/45rI44O57q/kW3fDQG6kIVak0BJBV4bOcRttI0CcnxVveD+aPgo55Zd5xqejsIhPAnC63MBb0VmWKRhhU5Mtn52904QOTyRlCIuFAUumYt+IHKIEnYZIXE55A+lX5d2umU183trI7/uCEU6HP9H2Ioxi2A37xQqLGXt8FAVlymJwGsjr3VIFNLZbzVXIBFxKjJbMbnporTA1NQsx6ef9Rd8PC9SU5hVilI8kbVwQ+cuyFYMBYouMLllnrNtLvR4svC6BUg4nueliLqNmxLgMWu+GsK16zcLOpaFPa9WIe/K8/5GKUylyl1RBV4bORCi668NDmFr5/Hayc9wRG0ll596Oglxx7Jl+GOkJ+cx3Cny0dVk9K1ANF+qyZvOVQYSs09gSvfDUEQmAzFH8CQJL7qGhyKve2g9TvUa6Om7aVsor/DnIIrv+XnvFaDnknqvl1mWe30171HGEbbqFlJFFVhCvbeaPpiz4m8KXlHvpcg8CV+7JoQ334raFsrbN7CgfM/POVpWXTvMa5XybdNvCXO7FOrxRVEFpvxNOfqTLraFYJF50bVXY/LWp7ag5+898BK2ynwL0XgjHMkbvvr9USgypytZuWB3nRqTo3AJu2mm56Q3IrO4Vln+7Sp8pknBprXfTTttkS1YnoIy7heFs8iplfUtbq2Zrbjrtc5JKxVUsXzYnM8129ZLxRsZKHNVby/yGOymh1rmSx0KhqNUtmYSuUsqjs1sxZse3YQDv/wVXNLSkGfnHXuPMtPi/SldN8MXVeBU6dGAcwygLAoPYWumMa/ZorEZSYt2nHZsf6bZXnrCKxmckrqw8k6t8rSgSJjHsHBp9/Cuw3HeWR8uKHoXRjKflU63/m851/BMJ4pMqgc8nJqs2MhLUUWG4C61qiNG933nz38UfeG5F/ZueWpLaOsPtxb0d+wxl91yHsu1t09OlEXMmjWx4SdeDk/Y0EZ5o5qStNlQqbKZ7grcZkm2n2t4tg0zSHpvq+Hh6R0WzO6Xfxs6/Pqbxx54aH3dzj07sHxFzu3yopzr5htzV9VtrbNMcUxKq2vouSP1GTZ6VRK5ZH1UyaqWny05lOUQgz5Oi8qM0kxx14YtbTUralrZkusfD096z/5OBcpzH6sVOYOkiftyU/jVcvH077urD8ps35bgWOSS79GRdNkW3fx2m4SEdY3y5e65JOxE7IAoYXYsX7E8zCKHH6/Hspqa/Vwbz9WZau+iLyyeOm1mq60ImG3pahUJzJutZ6sDOBJ5zm/CMluwvwlG8KSKaEymZILX/56iqT4jfQzNCPHXEtRSaNtEGUachaUa876pZciqg3K3L/d3UhUssha4CLDYwuev462YyU3fXswiRJ/Fgo/5o5fP5U5/Fh2QbcKXc/VkQSJrgWcxXoisBZ7luBVZCzwHcCOyFniOoCqyFngOoSKyFniO4VRkLfAcxInIWuA5SkEil+NhLfAcJq/IAi3ztmXnywB/vxR/LUK29/0ScS3wHCeHyHFYiGmB5wEssgXsmfBlKAZ/TZEXX3aimWXwt9FBo9FoNBqNRqPRaDQajUaj0Wg0Go1Go9FoNBqNRqPRaDQajXP+D0/tlZm0R8ESAAAAAElFTkSuQmCC";
-
-const { Option } = Select;
-const CustomPagination = ({
-  current = 1,
-  pageSize = 10,
-  total = 0,
-  pageSizeOptions = ["10", "50", "100", "150", "200"],
-  onChange,
-  onShowSizeChange,
-  size,
-  ...rest
-}) => {
-  const [jumpValue, setJumpValue] = useState("");
-  const showTotal = (total2, range) => `${range[0]}-${range[1]} trên tổng ${total2}`;
-  const totalPages = Math.ceil(total / pageSize);
-  const handleJump = () => {
-    const pageNumber = parseInt(jumpValue);
-    if (pageNumber && pageNumber >= 1 && pageNumber <= totalPages && pageNumber !== current) {
-      onChange?.(pageNumber, pageSize);
-    }
-    setJumpValue("");
-  };
-  const handleJumpKeyPress = (e) => {
-    if (e.key === "Enter") {
-      handleJump();
-    }
-  };
-  const handleJumpInputChange = (e) => {
-    const value = e.target.value;
-    if (value === "" || /^\d+$/.test(value) && parseInt(value) <= totalPages) {
-      setJumpValue(value);
-    }
-  };
-  const handleKeyDown = (e) => {
-    const allowedKeys = [
-      "Backspace",
-      "Delete",
-      "Tab",
-      "Escape",
-      "Enter",
-      "ArrowLeft",
-      "ArrowRight",
-      "ArrowUp",
-      "ArrowDown"
-    ];
-    if (!allowedKeys.includes(e.key) && !/^[0-9]$/.test(e.key)) {
-      e.preventDefault();
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2  pnkx-default-select-container !w-fit !h-fit", children: /* @__PURE__ */ jsx(
-        Select,
-        {
-          value: pageSize.toString(),
-          onChange: (value) => {
-            const newSize = parseInt(value);
-            onShowSizeChange?.(current, newSize);
-          },
-          size: "small",
-          className: "min-w-16",
-          popupMatchSelectWidth: true,
-          getPopupContainer: (trigger) => trigger.parentElement,
-          children: pageSizeOptions.map((option) => /* @__PURE__ */ jsx(Option, { value: option, children: option }, option))
-        }
-      ) }),
-      showTotal && /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-600", children: showTotal(total, [
-        total ? (current - 1) * pageSize + 1 : 0,
-        Math.min(current * pageSize, total)
-      ]) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx(Typography.Text, { className: "text-sm text-gray-600 whitespace-nowrap", children: "Xem trang" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            value: jumpValue,
-            onChange: handleJumpInputChange,
-            onKeyUp: handleJumpKeyPress,
-            onKeyDown: handleKeyDown,
-            onBlur: handleJump,
-            placeholder: current.toString(),
-            size: "small",
-            className: "text-center w-10! !border-[#bde3ff]",
-            type: "text",
-            min: 1,
-            max: totalPages
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        Pagination,
-        {
-          current,
-          pageSize,
-          total,
-          onChange,
-          size,
-          showQuickJumper: false,
-          showSizeChanger: false,
-          ...rest
-        }
-      )
-    ] })
-  ] });
-};
-
-const useTableHeightWrapper = (options = {}) => {
-  const {
-    tableContainerId = "table_content",
-    extraOffset = 24,
-    // Layout padding bottom mặc định
-    minHeight = 200
-  } = options;
-  const [tableHeight, setTableHeight] = useState(minHeight);
-  const calculateTableHeight = useCallback(() => {
-    try {
-      const viewportHeight = window.innerHeight;
-      const layoutWrapper = document.getElementById(ID_TABLE_WRAPPER);
-      if (!layoutWrapper) {
-        console.error("Layout wrapper table container not found");
-        setTableHeight(minHeight);
-        return;
-      }
-      const wrapperRect = layoutWrapper.getBoundingClientRect();
-      const availableHeight = viewportHeight - wrapperRect.top;
-      const tableContainer = document.getElementById(tableContainerId);
-      if (!tableContainer) {
-        console.error(`Table container "${tableContainerId}" not found`);
-        setTableHeight(minHeight);
-        return;
-      }
-      const directChildren = Array.from(layoutWrapper.children);
-      let otherElementsHeight = 0;
-      directChildren.forEach((child) => {
-        const rect = child.getBoundingClientRect();
-        const styles = window.getComputedStyle(child);
-        const marginTop = parseInt(styles.marginTop, 10) || 0;
-        const marginBottom = parseInt(styles.marginBottom, 10) || 0;
-        const totalHeight = rect.height + marginTop + marginBottom;
-        const isTableContent = child.id === tableContainerId;
-        const isBulkActionTable = child.id === "bulkaction_table";
-        if (!isTableContent && !isBulkActionTable) {
-          otherElementsHeight += totalHeight;
-        }
-      });
-      const tableStyles = window.getComputedStyle(tableContainer);
-      const tablePaddingTop = parseInt(tableStyles.paddingTop, 10) || 0;
-      const tablePaddingBottom = parseInt(tableStyles.paddingBottom, 10) || 0;
-      const tableHeader = tableContainer.querySelector(".ant-table-header");
-      const headerHeight = tableHeader ? tableHeader.getBoundingClientRect().height : 0;
-      let paginationHeight = 0;
-      const paginationSelectors = [
-        ".ant-pagination",
-        ".ant-table-pagination",
-        ".ant-pagination-mini"
-      ];
-      for (const selector of paginationSelectors) {
-        const pagination = tableContainer.querySelector(selector);
-        if (pagination) {
-          const paginationRect = pagination.getBoundingClientRect();
-          const paginationStyles = window.getComputedStyle(pagination);
-          const paginationMarginTop = parseInt(paginationStyles.marginTop, 10) || 0;
-          const paginationMarginBottom = parseInt(paginationStyles.marginBottom, 10) || 0;
-          paginationHeight = paginationRect.height + paginationMarginTop + paginationMarginBottom;
-          break;
-        }
-      }
-      if (paginationHeight === 0) {
-        paginationHeight = 44;
-      }
-      const bulkActionHeight = 0;
-      const tableBodyHeight = availableHeight - otherElementsHeight - tablePaddingTop - tablePaddingBottom - headerHeight - paginationHeight - bulkActionHeight - extraOffset;
-      const finalHeight = Math.max(tableBodyHeight, minHeight);
-      setTableHeight(finalHeight);
-    } catch (error) {
-      console.error("Error calculating table height:", error);
-      setTableHeight(minHeight);
-    }
-  }, [tableContainerId, extraOffset, minHeight]);
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      calculateTableHeight();
-    }, 300);
-    const handleResize = () => {
-      calculateTableHeight();
-    };
-    window.addEventListener("resize", handleResize);
-    const observer = new MutationObserver((mutations) => {
-      let shouldRecalculate = false;
-      mutations.forEach((mutation) => {
-        if (mutation.type === "childList") {
-          shouldRecalculate = true;
-        }
-      });
-      if (shouldRecalculate) {
-        setTimeout(calculateTableHeight, 100);
-      }
-    });
-    const layoutWrapper = document.getElementById("ID_TABLE_WRAPPER");
-    const tableContainer = document.getElementById(tableContainerId);
-    if (layoutWrapper) {
-      observer.observe(layoutWrapper, {
-        childList: true,
-        subtree: true,
-        attributes: true,
-        attributeFilter: ["style", "class"]
-      });
-    }
-    if (tableContainer && tableContainer !== layoutWrapper) {
-      observer.observe(tableContainer, {
-        childList: true,
-        subtree: true,
-        attributes: true,
-        attributeFilter: ["style", "class"]
-      });
-    }
-    return () => {
-      clearTimeout(timer);
-      window.removeEventListener("resize", handleResize);
-      observer.disconnect();
-    };
-  }, [calculateTableHeight, tableContainerId]);
-  return {
-    tableHeight,
-    recalculate: calculateTableHeight
-  };
-};
-
-const Table = ({
-  dataSource = [],
-  columns,
-  loading = false,
-  totalItems = 100,
-  filters,
-  onChangePage,
-  onChangePageSize,
-  onSort,
-  rowsSelected,
-  onSelect,
-  onRowClick,
-  rowKey = "id",
-  showIndexColumn = true,
-  size = "small",
-  defaultEllipsis = true,
-  onDoubleClickRow,
-  handleSubmit,
-  customPagination,
-  noPagination,
-  ...rest
-}) => {
-  const status = filters?.status;
-  //! State
-  const tableContainerRef = useRef(null);
-  const rowSelection = {
-    selectedRowKeys: rowsSelected,
-    onChange: onSelect,
-    getCheckboxProps: () => ({
-      disabled: status ? status === TypeStatusTable.ALL : void 0
-    })
-  };
-  const ellipsisColumns = columns.map((column) => ({
-    ...column,
-    ellipsis: column?.ellipsis !== void 0 ? column?.ellipsis : defaultEllipsis
-  }));
-  const startIndex = (filters.page - 1) * filters.size;
-  const columnsWithIndex = showIndexColumn ? [
-    {
-      title: "STT",
-      dataIndex: "index",
-      key: "index",
-      width: 70,
-      align: "center",
-      render: (_, __, index) => startIndex + index + 1,
-      fixed: "left"
-    },
-    ...ellipsisColumns
-  ] : ellipsisColumns;
-  //! Function
-  const renderSizePagination = () => {
-    switch (size) {
-      case "small":
-        return "small";
-      // Dạng nhỏ gọn
-      default:
-        return "default";
-    }
-  };
-  const handleTableChange = (_pagination, _filters, sorter) => {
-    if (sorter && onSort) {
-      onSort(sorter);
-    }
-  };
-  const handleOnClickRow = (record, onRowClick2) => (e) => {
-    const target = e.target;
-    if (target.closest("input") || // ⛔ Checkbox
-    target.closest("button") || // ⛔ Button trong row
-    target.closest("svg") || // ⛔ Icon
-    target.closest(".ant-checkbox") || // ⛔ AntD checkbox
-    target.closest("a")) {
-      return;
-    }
-    onRowClick2?.(record);
-  };
-  const handleDoubleClickRow = (record, onDoubleClickRow2) => (e) => {
-    const target = e.target;
-    if (target.closest("input") || // ⛔ Checkbox
-    target.closest("button") || // ⛔ Button trong row
-    target.closest("svg") || // ⛔ Icon
-    target.closest(".ant-checkbox") || // ⛔ AntD checkbox
-    target.closest("a")) {
-      return;
-    }
-    onDoubleClickRow2?.(record);
-  };
-  const { tableHeight } = useTableHeightWrapper({
-    tableContainerId: "table_content",
-    // ID của table container
-    minHeight: 200
-    // chiều cao tối thiểu
-  });
-  useEffect(() => {
-    const scrollToTop = () => {
-      if (tableContainerRef.current) {
-        const tableBody = tableContainerRef.current.querySelector(".ant-table-body");
-        if (tableBody) {
-          tableBody.scrollTop = 0;
-        }
-      }
-    };
-    const timeoutId = setTimeout(scrollToTop, 0);
-    return () => clearTimeout(timeoutId);
-  }, [filters.page]);
-  const tableContent = /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: tableContainerRef,
-      id: "table_content",
-      className: "bg-[#FFFFFF] p-2 rounded-bl-lg rounded-br-lg",
-      children: [
-        /* @__PURE__ */ jsx(
-          Table$1,
-          {
-            rowKey,
-            dataSource,
-            columns: columnsWithIndex,
-            pagination: false,
-            loading,
-            rowSelection: rowsSelected ? rowSelection : void 0,
-            onChange: handleTableChange,
-            onRow: (record) => ({
-              onClick: handleOnClickRow(record, onRowClick),
-              onDoubleClick: handleDoubleClickRow(record, onDoubleClickRow)
-            }),
-            locale: {
-              emptyText: loading ? null : /* @__PURE__ */ jsx(EmptyTable, {})
-            },
-            scroll: { y: tableHeight, x: 1e3 },
-            size,
-            ...rest,
-            className: "table-scroll-bar"
-          }
-        ),
-        customPagination || !noPagination && /* @__PURE__ */ jsx(
-          CustomPagination,
-          {
-            current: filters?.page,
-            pageSize: filters?.size,
-            total: totalItems,
-            onChange: (page) => onChangePage(page),
-            onShowSizeChange: (_, size2) => onChangePageSize(size2),
-            size: renderSizePagination()
-          }
-        )
-      ]
-    }
-  );
-  const renderTable = () => {
-    if (handleSubmit) {
-      return /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: tableContent });
-    }
-    return tableContent;
-  };
-  //! Render
-  return renderTable();
-};
-const EmptyTable = () => {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center text-center", children: [
-    /* @__PURE__ */ jsx("img", { src: iconTableNoData, 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" })
-  ] });
-};
-
-export { Table };