nillud-data-table 1.0.0 → 1.0.2

package/dist/index.mjs

@@ -1,796 +0,0 @@
-// components/DataTable.tsx
-import { useImperativeHandle, useEffect as useEffect2, useState, useCallback, useMemo as useMemo2, forwardRef } from "react";
-
-// components/TableHeader.tsx
-import React from "react";
-
-// components/Column.tsx
-import { useMemo } from "react";
-
-// components/img/SortDown.tsx
-import { jsx } from "react/jsx-runtime";
-var SortDown = () => {
-  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", className: "bi bi-caret-down-fill", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx("path", { d: "M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z" }) });
-};
-var SortDown_default = SortDown;
-
-// components/img/SortUp.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var SortUp = () => {
-  return /* @__PURE__ */ jsx2("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", className: "bi bi-caret-up-fill", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx2("path", { d: "m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z" }) });
-};
-var SortUp_default = SortUp;
-
-// components/Column.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var Column = ({ column, getSortField, sortBy, getFilters, filters }) => {
-  var _a;
-  const currentSort = useMemo(() => {
-    return sortBy.col === column.field ? sortBy.type : null;
-  }, [sortBy, column.field]);
-  const toggleSort = () => {
-    const nextType = currentSort === "asc" ? "desc" : "asc";
-    getSortField({ col: column.field, type: nextType });
-  };
-  const onFilterChange = (e) => {
-    getFilters({ ...filters, [column.field]: e.target.value });
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "ndt-column", children: [
-    /* @__PURE__ */ jsxs("div", { className: "ndt-column-head", children: [
-      /* @__PURE__ */ jsx3("span", { children: column.title }),
-      typeof column.autoinc === "undefined" && (typeof column.sortable === "undefined" || column.sortable) && /* @__PURE__ */ jsx3("div", { className: "ndt-sorter", onClick: toggleSort, children: currentSort === "asc" ? /* @__PURE__ */ jsx3(SortDown_default, {}) : currentSort === "desc" ? /* @__PURE__ */ jsx3(SortUp_default, {}) : null })
-    ] }),
-    /* @__PURE__ */ jsx3("div", { className: "ndt-column-footer", children: typeof column.autoinc === "undefined" && (typeof column.filterable === "undefined" || column.filterable) && /* @__PURE__ */ jsx3(
-      "input",
-      {
-        type: "text",
-        value: (_a = filters[column.field]) != null ? _a : "",
-        onChange: onFilterChange,
-        placeholder: "\u0424\u0438\u043B\u044C\u0442\u0440..."
-      }
-    ) })
-  ] });
-};
-var Column_default = Column;
-
-// components/TableHeader.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var Header = ({ columns, getSortField, sortBy, getFilters, filters, widths, headerGroup }) => {
-  const renderHeaderGroup = () => headerGroup && /* @__PURE__ */ jsx4("div", { className: "ndt-table-columns", style: { gridTemplateColumns: widths || "auto" }, children: headerGroup.map((col, id) => /* @__PURE__ */ jsx4("div", { className: "ndt-column", style: { gridColumn: `span ${col.cols || 1}` }, children: /* @__PURE__ */ jsx4("div", { className: "ndt-column-head", children: /* @__PURE__ */ jsx4("span", { children: col.title }) }) }, `header-group-${id}`)) });
-  const renderColumns = () => columns && columns.length > 0 ? columns.map((column, id) => /* @__PURE__ */ jsx4(
-    Column_default,
-    {
-      column,
-      getSortField,
-      sortBy,
-      getFilters,
-      filters
-    },
-    `column-${id}`
-  )) : /* @__PURE__ */ jsx4("div", { className: "ndt-data-error", children: "\u041E\u0448\u0438\u0431\u043A\u0430: columns is undefined" });
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    renderHeaderGroup(),
-    /* @__PURE__ */ jsx4("div", { className: "ndt-table-columns", style: { gridTemplateColumns: widths || "auto" }, children: renderColumns() })
-  ] });
-};
-var TableHeader_default = React.memo(Header);
-
-// components/TableBody.tsx
-import React2 from "react";
-
-// components/Cell.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Cell = ({
-  row,
-  column,
-  rowId,
-  isTitles
-}) => {
-  const rawValue = row[column.field];
-  const stringValue = typeof rawValue !== "undefined" && rawValue !== null ? String(rawValue) : "";
-  const content = column.formatter ? column.formatter(stringValue, row) : typeof column.autoinc !== "undefined" ? /* @__PURE__ */ jsx5("span", { children: rowId + 1 }) : /* @__PURE__ */ jsx5("span", { children: stringValue });
-  return /* @__PURE__ */ jsx5(
-    "div",
-    {
-      className: "ndt-cell",
-      title: isTitles && stringValue ? stringValue : "",
-      children: content
-    }
-  );
-};
-var Cell_default = Cell;
-
-// components/Row.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Row = ({ rowId, columns, row, widths, isTitles }) => /* @__PURE__ */ jsx6("div", { className: "ndt-table-row", style: { gridTemplateColumns: widths }, children: columns.map((column, id) => /* @__PURE__ */ jsx6(
-  Cell_default,
-  {
-    row,
-    column,
-    rowId,
-    isTitles
-  },
-  `cell-${rowId}-${id}`
-)) });
-var Row_default = Row;
-
-// utils/groupDataBy.ts
-var groupDataBy = (data, key) => {
-  const groups = /* @__PURE__ */ new Map();
-  data.forEach((item) => {
-    const groupKey = item[key] || "\u2014";
-    if (!groups.has(String(groupKey))) {
-      groups.set(String(groupKey), []);
-    }
-    groups.get(String(groupKey)).push(item);
-  });
-  return Array.from(groups.entries()).map(([key2, items]) => ({ key: key2, items }));
-};
-
-// components/TableBody.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-var TableBody = ({
-  columns,
-  tableData,
-  scrollable,
-  scrollHeight,
-  widths,
-  groupBy,
-  collapsedGroups = {},
-  toggleGroup,
-  isTitles
-}) => {
-  const grouped = groupBy ? groupDataBy(tableData, groupBy) : [];
-  if (!tableData || tableData.length === 0) {
-    return /* @__PURE__ */ jsx7("div", { className: `ndt-table-body${scrollable ? " ndt-table-body-scrollable" : ""}`, style: scrollable ? { height: scrollHeight } : {}, children: /* @__PURE__ */ jsx7("div", { className: "ndt-table-row", style: { height: "100%" }, children: /* @__PURE__ */ jsx7("div", { className: "ndt-row-item", style: { margin: "auto", padding: 20, fontWeight: "bold" }, children: "\u0414\u0430\u043D\u043D\u044B\u0445 \u043D\u0435\u0442" }) }) });
-  }
-  const renderGroupedRows = () => grouped.map((group, id) => /* @__PURE__ */ jsxs3(React2.Fragment, { children: [
-    /* @__PURE__ */ jsxs3(
-      "div",
-      {
-        className: "ndt-group-header",
-        onClick: () => toggleGroup == null ? void 0 : toggleGroup(group.key),
-        children: [
-          /* @__PURE__ */ jsx7("span", { style: { marginRight: 8 }, children: collapsedGroups[group.key] ? "\u25B6" : "\u25BC" }),
-          group.key,
-          " (",
-          group.items.length,
-          ")"
-        ]
-      }
-    ),
-    !collapsedGroups[group.key] && group.items.map((element, id2) => /* @__PURE__ */ jsx7(
-      Row_default,
-      {
-        rowId: id2,
-        row: element,
-        columns,
-        widths,
-        isTitles
-      },
-      `row-${group.key}-${id2}`
-    ))
-  ] }, `row-${group.key}-${id}`));
-  const renderFlatRows = () => tableData.map((element, id) => /* @__PURE__ */ jsx7(
-    Row_default,
-    {
-      rowId: id,
-      row: element,
-      columns,
-      widths
-    },
-    `row-${id}`
-  ));
-  return /* @__PURE__ */ jsx7("div", { className: `ndt-table-body${scrollable ? " ndt-table-body-scrollable" : ""}`, style: scrollable ? { height: scrollHeight } : {}, children: groupBy ? renderGroupedRows() : renderFlatRows() });
-};
-var TableBody_default = TableBody;
-
-// components/img/NextIcon.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var NextIcon = () => {
-  return /* @__PURE__ */ jsx8("svg", { width: "41", height: "65", viewBox: "0 0 41 65", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx8("path", { d: "M0.674316 57.2669L25.3872 32.5L0.674316 7.73312L8.28244 0.125L40.6574 32.5L8.28244 64.875L0.674316 57.2669Z", fill: "#666666" }) });
-};
-var NextIcon_default = NextIcon;
-
-// components/img/LastIcon.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-var LastIcon = () => {
-  return /* @__PURE__ */ jsx9("svg", { width: "68", height: "65", viewBox: "0 0 68 65", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx9("path", { d: "M0.185059 7.73312L24.9519 32.5L0.185059 57.2669L7.79318 64.875L40.1682 32.5L7.79318 0.125L0.185059 7.73312ZM56.3557 0.125H67.1474V64.875H56.3557V0.125Z", fill: "#666666" }) });
-};
-var LastIcon_default = LastIcon;
-
-// components/img/PrevIcon.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var PrevIcon = () => {
-  return /* @__PURE__ */ jsx10("svg", { width: "41", height: "65", viewBox: "0 0 41 65", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx10("path", { d: "M40.6574 57.2669L15.9445 32.5L40.6574 7.73312L33.0493 0.125L0.674316 32.5L33.0493 64.875L40.6574 57.2669Z", fill: "#666666" }) });
-};
-var PrevIcon_default = PrevIcon;
-
-// components/img/FirstIcon.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-var FirstIcon = () => {
-  return /* @__PURE__ */ jsx11("svg", { width: "68", height: "65", viewBox: "0 0 68 65", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx11("path", { d: "M67.1474 57.2669L42.3805 32.5L67.1474 7.73312L59.5392 0.125L27.1642 32.5L59.5392 64.875L67.1474 57.2669ZM0.185059 0.125H10.9767V64.875H0.185059V0.125Z", fill: "#666666" }) });
-};
-var FirstIcon_default = FirstIcon;
-
-// components/TableFooter.tsx
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
-var TableFooter = ({
-  tableData,
-  paginationCounts,
-  paginationSize,
-  getPaginationSize,
-  paginationPage,
-  getPaginationPage
-}) => {
-  const totalItems = tableData.length;
-  const totalPages = paginationSize === 0 ? 1 : Math.ceil(totalItems / paginationSize);
-  if (totalItems === 0) return null;
-  const handleCountChange = (e) => {
-    getPaginationSize(Number(e.target.value));
-  };
-  const handlePageChange = (newPage) => {
-    if (newPage >= 0 && newPage < totalPages) {
-      getPaginationPage(newPage);
-    }
-  };
-  const renderPageNumbers = () => {
-    if (totalPages <= 1) return null;
-    const pages = [];
-    const maxVisible = 5;
-    let start = Math.max(0, paginationPage - Math.floor(maxVisible / 2));
-    const end = Math.min(totalPages - 1, start + maxVisible - 1);
-    if (end - start + 1 < maxVisible) {
-      start = Math.max(0, end - maxVisible + 1);
-    }
-    if (start > 0) {
-      pages.push(
-        /* @__PURE__ */ jsx12("button", { onClick: () => handlePageChange(0), children: "1" }, "page-0")
-      );
-      if (start > 1) {
-        pages.push(/* @__PURE__ */ jsx12("span", { children: "..." }, "ellipsis-start"));
-      }
-    }
-    for (let i = start; i <= end; i++) {
-      pages.push(
-        /* @__PURE__ */ jsx12(
-          "button",
-          {
-            className: i === paginationPage ? "btn-active" : "",
-            onClick: () => handlePageChange(i),
-            disabled: i === paginationPage,
-            children: i + 1
-          },
-          `page-${i}`
-        )
-      );
-    }
-    if (end < totalPages - 1) {
-      if (end < totalPages - 2) {
-        pages.push(/* @__PURE__ */ jsx12("span", { children: "..." }, "ellipsis-end"));
-      }
-      pages.push(
-        /* @__PURE__ */ jsx12("button", { onClick: () => handlePageChange(totalPages - 1), children: totalPages }, `page-${totalPages - 1}`)
-      );
-    }
-    return pages;
-  };
-  const firstItem = paginationSize === 0 ? 1 : paginationPage * paginationSize + 1;
-  const lastItem = paginationSize === 0 ? totalItems : Math.min((paginationPage + 1) * paginationSize, totalItems);
-  return /* @__PURE__ */ jsxs4("div", { className: "ndt-table-footer", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "ndt-footer-count", children: [
-      /* @__PURE__ */ jsxs4("span", { children: [
-        "\u041F\u043E\u043A\u0430\u0437\u0430\u043D\u044B \u0441\u0442\u0440\u043E\u043A\u0438 \u0441 ",
-        firstItem,
-        " \u043F\u043E ",
-        lastItem,
-        ", "
-      ] }),
-      /* @__PURE__ */ jsxs4("span", { children: [
-        "\u0412\u0441\u0435\u0433\u043E: ",
-        totalItems
-      ] })
-    ] }),
-    paginationCounts && /* @__PURE__ */ jsxs4("div", { className: "ndt-footer-pagination", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "ndt-pagination-counts", children: [
-        /* @__PURE__ */ jsx12("span", { children: "\u041F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C \u0441\u0442\u0440\u043E\u043A: " }),
-        /* @__PURE__ */ jsx12("select", { value: paginationSize, onChange: handleCountChange, children: paginationCounts.map((count) => /* @__PURE__ */ jsx12("option", { value: count, children: count === 0 ? "\u0412\u0441\u0435" : count }, `count-${count}`)) })
-      ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "ndt-pagination-buttons", children: [
-        /* @__PURE__ */ jsx12(
-          "button",
-          {
-            disabled: paginationPage === 0,
-            onClick: () => handlePageChange(0),
-            "aria-label": "\u041F\u0435\u0440\u0432\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430",
-            children: /* @__PURE__ */ jsx12(FirstIcon_default, {})
-          }
-        ),
-        /* @__PURE__ */ jsx12(
-          "button",
-          {
-            disabled: paginationPage === 0,
-            onClick: () => handlePageChange(paginationPage - 1),
-            "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430",
-            children: /* @__PURE__ */ jsx12(PrevIcon_default, {})
-          }
-        ),
-        /* @__PURE__ */ jsx12("div", { className: "ndt-buttons-num", children: renderPageNumbers() }),
-        /* @__PURE__ */ jsx12(
-          "button",
-          {
-            disabled: paginationPage >= totalPages - 1,
-            onClick: () => handlePageChange(paginationPage + 1),
-            "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0430\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430",
-            children: /* @__PURE__ */ jsx12(NextIcon_default, {})
-          }
-        ),
-        /* @__PURE__ */ jsx12(
-          "button",
-          {
-            disabled: paginationPage >= totalPages - 1,
-            onClick: () => handlePageChange(totalPages - 1),
-            "aria-label": "\u041F\u043E\u0441\u043B\u0435\u0434\u043D\u044F\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430",
-            children: /* @__PURE__ */ jsx12(LastIcon_default, {})
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-var TableFooter_default = TableFooter;
-
-// components/functions/sort-data.ts
-var sortByAsc = (data, column) => {
-  const sortedData = data.sort((a, b) => {
-    if (!isNaN(+a[column]) && !isNaN(+b[column])) {
-      return +a[column] - +b[column];
-    }
-    if (`${a[column]}`.toLowerCase() < `${b[column]}`.toLowerCase()) {
-      return -1;
-    }
-    if (`${a[column]}`.toLowerCase() > `${b[column]}`.toLowerCase()) {
-      return 1;
-    }
-    return 0;
-  });
-  return sortedData;
-};
-var sortByDesc = (data, column) => {
-  const sortedData = data.sort((a, b) => {
-    if (!isNaN(+a[column]) && !isNaN(+b[column])) {
-      return +b[column] - +a[column];
-    }
-    if (`${a[column]}`.toLowerCase() > `${b[column]}`.toLowerCase()) {
-      return -1;
-    }
-    if (`${a[column]}`.toLowerCase() < `${b[column]}`.toLowerCase()) {
-      return 1;
-    }
-    return 0;
-  });
-  return sortedData;
-};
-var sortData = (data, col, type) => {
-  if (type === "asc") {
-    return sortByAsc(data, col);
-  } else {
-    return sortByDesc(data, col);
-  }
-};
-var filterData = (data, filter, value) => {
-  if (value == "") return data;
-  const filteredData = data.filter((element) => `${element[filter]}`.toLowerCase().includes(value.toLowerCase()));
-  return filteredData;
-};
-
-// components/export/WordExport.tsx
-import {
-  AlignmentType,
-  Document,
-  Packer,
-  PageOrientation,
-  Paragraph,
-  Table,
-  TableCell,
-  TableRow,
-  TextRun,
-  VerticalAlign,
-  WidthType
-} from "docx";
-import { saveAs } from "file-saver";
-
-// utils/exportUtils/ExportHelpers.ts
-function prepareExportRows(columns, data) {
-  return data.map(
-    (row) => columns.map((col) => {
-      const value = row[col.field];
-      return typeof col.exportCustomCell !== "undefined" ? col.exportCustomCell(String(value), row) : String(value != null ? value : "");
-    })
-  );
-}
-function prepareExportHeaders(columns) {
-  return columns.map((col) => col.title);
-}
-
-// components/export/WordExport.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-var WordExport = ({
-  wordData,
-  columns,
-  title,
-  options = {
-    fontSize: 20,
-    boldHeaders: false,
-    autoLandscape: false,
-    maxColumnsBeforeLandscape: 5
-  }
-  // exportCustomColumns 
-}) => {
-  const createNewWord = async () => {
-    const {
-      fontSize = 0,
-      boldHeaders = true,
-      autoLandscape = true,
-      maxColumnsBeforeLandscape = 5
-    } = options;
-    const isLandscape = autoLandscape && columns.length > maxColumnsBeforeLandscape;
-    const headerCells = prepareExportHeaders(columns).map((header) => new TableCell({
-      children: [new Paragraph({
-        children: [new TextRun({
-          text: header,
-          size: fontSize,
-          bold: boldHeaders
-        })],
-        alignment: AlignmentType.CENTER
-      })],
-      verticalAlign: VerticalAlign.CENTER
-    }));
-    const tableHeaderRow = new TableRow({ children: headerCells });
-    const rows = prepareExportRows(columns, wordData).map((cells) => {
-      const rowCells = cells.map(
-        (value) => new TableCell({
-          children: [new Paragraph({
-            children: [new TextRun({
-              text: value,
-              size: fontSize
-            })],
-            alignment: AlignmentType.CENTER
-          })],
-          verticalAlign: VerticalAlign.CENTER
-        })
-      );
-      return new TableRow({ children: rowCells });
-    });
-    const table = new Table({
-      rows: [tableHeaderRow, ...rows],
-      width: { size: 11e3, type: WidthType.DXA },
-      indent: { size: -1e3, type: WidthType.DXA }
-    });
-    const doc = new Document({
-      sections: [{
-        children: [table, new Paragraph({ text: "" })],
-        properties: isLandscape ? { page: { size: { orientation: PageOrientation.LANDSCAPE } } } : {}
-      }]
-    });
-    Packer.toBlob(doc).then((blob) => {
-      saveAs(blob, `${title}.docx`);
-    });
-  };
-  return /* @__PURE__ */ jsx13("button", { className: `ndt-buttonExport ndt-Word}`, onClick: createNewWord, children: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C Word" });
-};
-var WordExport_default = WordExport;
-
-// utils/exportUtils/exportUtils.ts
-var generateExcelColumns = (columns, exportCustomColumns) => {
-  let excelColumns = columns.map((column) => ({
-    header: column.title,
-    key: column.field,
-    width: 20
-  }));
-  if (exportCustomColumns) {
-    exportCustomColumns.forEach((custom) => {
-      excelColumns = excelColumns.map(
-        (col) => col.key === custom.key ? { ...col, ...custom } : col
-      );
-    });
-  }
-  return excelColumns;
-};
-var applyHeaderStyles = (row, columnCount) => {
-  row.height = 40;
-  row.font = { size: 12, bold: true };
-  row.alignment = { vertical: "middle", horizontal: "center" };
-  for (let i = 1; i <= columnCount; i++) {
-    const cell = row.getCell(i);
-    cell.alignment = { wrapText: true, vertical: "middle", horizontal: "center" };
-    cell.border = {
-      top: { style: "thin" },
-      left: { style: "thin" },
-      bottom: { style: "thin" },
-      right: { style: "thin" }
-    };
-  }
-};
-var applyRowStyles = (row, columnCount) => {
-  row.height = 40;
-  row.font = { size: 12 };
-  row.alignment = { vertical: "middle", horizontal: "center" };
-  for (let i = 1; i <= columnCount; i++) {
-    const cell = row.getCell(i);
-    cell.alignment = { wrapText: true, vertical: "middle", horizontal: "center" };
-    cell.border = {
-      top: { style: "thin" },
-      left: { style: "thin" },
-      bottom: { style: "thin" },
-      right: { style: "thin" }
-    };
-  }
-};
-var generateExcelDataRows = (columns, data) => {
-  return data.map((element) => {
-    const rowData = {};
-    columns.forEach((col) => {
-      const value = element[col.field];
-      rowData[col.field] = typeof col.exportCustomCell !== "undefined" ? col.exportCustomCell(String(value), element) : value != null ? value : "";
-    });
-    return rowData;
-  });
-};
-var setColumnAutoWidths = (sheet) => {
-  var _a;
-  (_a = sheet.columns) == null ? void 0 : _a.forEach((column) => {
-    var _a2;
-    let maxLength = 10;
-    (_a2 = column.eachCell) == null ? void 0 : _a2.call(column, { includeEmpty: true }, (cell) => {
-      const cellValue = cell.value ? String(cell.value) : "";
-      maxLength = Math.max(maxLength, cellValue.length + 5);
-    });
-    column.width = maxLength;
-  });
-};
-
-// components/export/ExportExcel.tsx
-import ExcelJS from "exceljs";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var ExportExcel = ({ columns, excelData, title, exportCustomColumns }) => {
-  const exportExcel = () => {
-    const workbook = new ExcelJS.Workbook();
-    const sheet = workbook.addWorksheet(title, {
-      pageSetup: {
-        fitToPage: true,
-        fitToHeight: 2,
-        fitToWidth: 1,
-        orientation: "landscape"
-      },
-      headerFooter: {
-        oddFooter: "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 &P \u0438\u0437 &N",
-        evenFooter: "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 &P \u0438\u0437 &N"
-      }
-    });
-    const excelColumns = generateExcelColumns(columns, exportCustomColumns);
-    sheet.columns = excelColumns;
-    const headerRow = sheet.getRow(1);
-    applyHeaderStyles(headerRow, sheet.columns.length);
-    const dataRows = generateExcelDataRows(columns, excelData);
-    dataRows.forEach((data) => {
-      const row = sheet.addRow(data);
-      applyRowStyles(row, sheet.columns.length);
-    });
-    setColumnAutoWidths(sheet);
-    if (excelData.length > 15) {
-      sheet.pageSetup.fitToHeight = Math.floor(excelData.length / 15);
-    } else {
-      sheet.pageSetup.fitToHeight = 1;
-    }
-    workbook.xlsx.writeBuffer().then((data) => {
-      const blob = new Blob([data], {
-        type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-      });
-      const url = window.URL.createObjectURL(blob);
-      const anchor = document.createElement("a");
-      anchor.href = url;
-      anchor.download = `${title}.xlsx`;
-      anchor.click();
-      window.URL.revokeObjectURL(url);
-    });
-  };
-  return /* @__PURE__ */ jsx14("button", { className: `ndt-buttonExport ndt-Excel`, onClick: exportExcel, children: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C Excel" });
-};
-var ExportExcel_default = ExportExcel;
-
-// components/ExportSection.tsx
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
-var ExportSection = ({ wordBtn, excelBtn, downloadSectionLeftSideContent, tableData, columns, tableName, exportCustomColumns, wordOptions }) => {
-  return /* @__PURE__ */ jsx15(Fragment2, { children: /* @__PURE__ */ jsxs5("div", { className: "ndt-download-section", children: [
-    /* @__PURE__ */ jsx15("div", { className: "ndt-download-content", children: (wordBtn || excelBtn) && downloadSectionLeftSideContent !== null && downloadSectionLeftSideContent }),
-    /* @__PURE__ */ jsxs5("div", { className: "ndt-download-buttons", children: [
-      wordBtn && /* @__PURE__ */ jsx15(
-        WordExport_default,
-        {
-          wordData: tableData,
-          columns,
-          title: tableName,
-          exportCustomColumns,
-          options: wordOptions
-        }
-      ),
-      excelBtn && /* @__PURE__ */ jsx15(
-        ExportExcel_default,
-        {
-          excelData: tableData,
-          columns,
-          title: tableName,
-          exportCustomColumns
-        }
-      )
-    ] })
-  ] }) });
-};
-var ExportSection_default = ExportSection;
-
-// utils/useDebouncedEffect.tsx
-import { useEffect } from "react";
-function useDebouncedEffect(callback, deps, delay) {
-  useEffect(() => {
-    const handler = setTimeout(() => callback(), delay);
-    return () => clearTimeout(handler);
-  }, [...deps, delay]);
-}
-
-// components/DataTable.tsx
-import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
-var DataTable = forwardRef(({
-  tableData,
-  columns,
-  tableName = "table-data",
-  loading = false,
-  loadingElement = null,
-  isFooter = false,
-  paginationCounts = null,
-  scrollable = false,
-  scrollHeight = 300,
-  exportCustomColumns = null,
-  excelBtn = false,
-  wordBtn = false,
-  downloadSectionLeftSideContent = null,
-  headerGroup = null,
-  groupBy = null,
-  isTitles = false,
-  wordOptions
-}, ref) => {
-  const [filters, setFilters] = useState({});
-  const [sortBy, setSortBy] = useState({ col: "", type: "asc" });
-  const [paginationSize, setPaginationSize] = useState((paginationCounts == null ? void 0 : paginationCounts[0]) || 10);
-  const [paginationPage, setPaginationPage] = useState(0);
-  const [collapsedGroups, setCollapsedGroups] = useState({});
-  const toggleGroup = (groupKey) => {
-    setCollapsedGroups((prev) => ({
-      ...prev,
-      [groupKey]: !prev[groupKey]
-    }));
-  };
-  const widths = useMemo2(() => {
-    return columns.map((c) => c.width ? `${c.width}px` : "1fr").join(" ");
-  }, [columns]);
-  const loadFromLocalStorage = useCallback(() => {
-    try {
-      const s = localStorage.getItem(`${tableName}-sort-by`);
-      const f = localStorage.getItem(`${tableName}-filters`);
-      const c = localStorage.getItem(`${tableName}-counts`);
-      const p = localStorage.getItem(`${tableName}-page`);
-      if (s) setSortBy(JSON.parse(s));
-      if (f) setFilters(JSON.parse(f));
-      if (c) setPaginationSize(c === "all" ? 0 : Number(c));
-      if (p) setPaginationPage(Number(p));
-    } catch (e) {
-      console.error("Error parsing localStorage data:", e);
-      setSortBy({ col: "", type: "asc" });
-      setFilters({});
-      setPaginationSize((paginationCounts == null ? void 0 : paginationCounts[0]) || 10);
-      setPaginationPage(0);
-    }
-  }, [tableName, paginationCounts]);
-  useEffect2(() => {
-    loadFromLocalStorage();
-  }, [loadFromLocalStorage]);
-  const processedData = useMemo2(() => {
-    let result = [...tableData];
-    const columnMap = new Map(columns.map((col) => [col.field, col]));
-    for (const field in filters) {
-      const filterValue = String(filters[field]);
-      if (filterValue === "") continue;
-      const column = columnMap.get(field);
-      if (!column) continue;
-      result = column.headerFilter ? result.filter((e) => column.headerFilter(filterValue, String(e[field]))) : filterData(result, field, filterValue);
-    }
-    if (sortBy.col) {
-      result = sortData(result, sortBy.col, sortBy.type);
-    }
-    return result;
-  }, [tableData, filters, sortBy, columns]);
-  const displayData = useMemo2(() => {
-    if (paginationSize === 0) return processedData;
-    const start = paginationPage * paginationSize;
-    return processedData.slice(start, start + paginationSize);
-  }, [processedData, paginationPage, paginationSize]);
-  useEffect2(() => {
-    setPaginationPage(0);
-  }, [filters, sortBy]);
-  useDebouncedEffect(() => {
-    localStorage.setItem(`${tableName}-filters`, JSON.stringify(filters));
-  }, [filters, tableName], 500);
-  useDebouncedEffect(() => {
-    localStorage.setItem(`${tableName}-sort-by`, JSON.stringify(sortBy));
-  }, [sortBy, tableName], 500);
-  useEffect2(() => {
-    localStorage.setItem(`${tableName}-counts`, paginationSize === 0 ? "all" : paginationSize.toString());
-  }, [paginationSize, tableName]);
-  useEffect2(() => {
-    localStorage.setItem(`${tableName}-page`, paginationPage.toString());
-  }, [paginationPage, tableName]);
-  useImperativeHandle(ref, () => ({
-    getData: () => processedData,
-    getCurrentData: () => displayData
-  }), [processedData, displayData]);
-  return /* @__PURE__ */ jsxs6("div", { className: "ndt-table-container", children: [
-    (wordBtn || excelBtn) && /* @__PURE__ */ jsx16(
-      ExportSection_default,
-      {
-        wordBtn,
-        excelBtn,
-        downloadSectionLeftSideContent,
-        tableData: displayData,
-        columns,
-        tableName,
-        exportCustomColumns,
-        wordOptions
-      }
-    ),
-    /* @__PURE__ */ jsxs6("div", { className: "ndt-table", children: [
-      /* @__PURE__ */ jsx16(
-        TableHeader_default,
-        {
-          columns,
-          sortBy,
-          getSortField: setSortBy,
-          filters,
-          getFilters: setFilters,
-          widths,
-          headerGroup
-        }
-      ),
-      loading ? loadingElement !== null ? loadingElement : /* @__PURE__ */ jsx16("span", { style: { marginLeft: 10, fontWeight: "bold" }, children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445..." }) : /* @__PURE__ */ jsx16(
-        TableBody_default,
-        {
-          tableData: displayData,
-          columns,
-          scrollable,
-          scrollHeight,
-          widths,
-          groupBy,
-          collapsedGroups,
-          toggleGroup,
-          isTitles
-        }
-      ),
-      isFooter && /* @__PURE__ */ jsx16(
-        TableFooter_default,
-        {
-          paginationCounts,
-          tableData: processedData,
-          paginationSize,
-          getPaginationSize: setPaginationSize,
-          paginationPage,
-          getPaginationPage: setPaginationPage
-        }
-      )
-    ] })
-  ] });
-});
-DataTable.displayName = "DataTable";
-var DataTable_default = DataTable;
-export {
-  DataTable_default as DataTable
-};
-//# sourceMappingURL=index.mjs.map