nillud-data-table 1.0.7 → 1.1.0

package/README.md

@@ -86,6 +86,7 @@ const data = [{ name: 'Иван' }]
 | [paginationCounts](#paginationcounts)                                 |    -     | array<number>  | Принимает массив чисел, число - количество строк для пагинации, (0 это все) |
 | [scrollable](#scrollable)                                             |    -     | boolean      | Зафиксировать высоту таблицы и добавить скролл         |
 | [scrollHeight](#scrollheight)                                         |    -     | number       | Высота тела таблицы, работает, если scrollable: true         |
+| [exportSectionComponent](#exportsectioncomponent)                     |    -     | import module|  Необходимо импортировать модуль ExportSection
 | [exportCustomColumns](#exportcustomcolumns)                           |    -     | array [\{\}] |  Принимает в себя массив объектов (\{\ key: string, width: number \}\)  |
 | [excelBtn](#excelbtn)                                                 |    -     | boolean      | Показывать кнопку экспорта Excel        |
 | [wordBtn](#wordbtn)                                                   |    -     | boolean      | Показывать кнопку экспорта Word        |
@@ -413,6 +414,29 @@ scrollable
 scrollHeight={410}
 ```
 
+### exportSectionComponent
+
+Необязательный параметр. Необходимо подключить модуль ExportSection и установить пакеты для экспорта Word и Excel
+
+```bash
+npm i exceljs docx file-saver
+-или-
+yarn add exceljs docx file-saver
+```
+
+Использование:
+
+```tsx
+import { ExportSection } from 'nillud-data-table/export'
+
+<DataTable
+    tableData={tableData}
+    columns={columns}
+    tableName={'current-tasks'}
+    ExportSectionComponent={ExportSection}
+/>
+```
+
 ### exportCustomColumns
 
 Необязательный параметр. Принимает в себя массив объектов формата.
@@ -445,17 +469,6 @@ npm i exceljs
 yarn add exceljs
 ```
 
-```tsx
-import ExportExcel from 'nillud-data-table/export/ExportExcel';
-
-<DataTable>
-    ...
-    excelBtn
-    ExportExcelComponent={ExportExcel}
-    ...
-</DataTable>
-```
-
 ### wordBtn
 
 Необязательный параметр. Тип **boolean**, по умолчанию **false**. При значении **true** над таблицей с правой стороны появляется кнопка экспорта Word, которая по умолчанию принимает в себя исходный массив **tableData**
@@ -468,17 +481,6 @@ npm i docx file-saver
 yarn add docx file-saver
 ```
 
-```tsx
-import WordExport from 'nillud-data-table/export/WordExport';
-
-<DataTable>
-    ...
-    wordBtn
-    WordExportComponent={WordExport}
-    ...
-</DataTable>
-```
-
 ### wordOptions
 
 Необязательный параметр. Используется вместе с **wordBtn**. Принимает в себя объект

package/dist/DataTable.types-H_KYwjEQ.d.ts

@@ -0,0 +1,69 @@
+import { ReactElement } from 'react';
+
+type TableElement = {
+    [key: string]: string | number;
+};
+type TableData = Array<TableElement>;
+type Column = {
+    field: string;
+    title: string;
+    width?: number;
+    autoinc?: boolean;
+    formatter?: (cell: string, row: TableElement) => ReactElement;
+    exportCustomCell?: (cell: string, row: TableElement) => string;
+    headerFilter?: (headerValue: string, rowValue: string) => string;
+    sortable?: boolean;
+    filterable?: boolean;
+};
+type ExportOptions = {
+    fontSize?: number;
+    boldHeaders?: boolean;
+    autoLandscape?: boolean;
+    maxColumnsBeforeLandscape?: number;
+};
+type TableProps = {
+    tableData: TableData;
+    columns: Array<Column>;
+    tableName: string;
+    loading?: boolean;
+    loadingElement?: ReactElement | null;
+    isFooter?: boolean;
+    paginationCounts?: Array<number> | null;
+    scrollable?: boolean;
+    scrollHeight?: number;
+    exportCustomColumns?: Array<{
+        header: string;
+        key: string;
+        width: number;
+    }> | null;
+    excelBtn?: boolean;
+    wordBtn?: boolean;
+    downloadSectionLeftSideContent?: ReactElement | null;
+    headerGroup?: Array<{
+        title: string;
+        cols: number;
+    }> | null;
+    groupBy?: string | null;
+    isTitles?: boolean;
+    wordOptions?: ExportOptions;
+    ExportSectionComponent?: React.ComponentType<{
+        wordBtn: boolean;
+        excelBtn: boolean;
+        downloadSectionLeftSideContent: React.ReactNode;
+        tableData: TableData;
+        columns: Array<Column>;
+        tableName: string;
+        exportCustomColumns?: Array<{
+            header: string;
+            key: string;
+            width: number;
+        }> | null;
+        wordOptions?: any;
+    }>;
+};
+type DataTableRef = {
+    getData: () => TableData;
+    getCurrentData: () => TableData;
+};
+
+export type { Column as C, DataTableRef as D, ExportOptions as E, TableProps as T, TableElement as a, TableData as b };

package/dist/export/index.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactElement } from 'react';
+import { b as TableData, C as Column, T as TableProps, E as ExportOptions } from '../DataTable.types-H_KYwjEQ.js';
+
+type Props = {
+    wordBtn: boolean;
+    excelBtn: boolean;
+    downloadSectionLeftSideContent: ReactElement | null;
+    tableData: TableData;
+    columns: Array<Column>;
+    tableName: string;
+    exportCustomColumns?: TableProps['exportCustomColumns'];
+    wordOptions?: ExportOptions;
+};
+declare const ExportSection: ({ wordBtn, excelBtn, downloadSectionLeftSideContent, tableData, columns, tableName, exportCustomColumns, wordOptions }: Props) => react_jsx_runtime.JSX.Element;
+
+export { ExportSection };

package/dist/export/index.js

@@ -0,0 +1,254 @@
+// 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 {
+  AlignmentType,
+  Document,
+  Packer,
+  PageOrientation,
+  Paragraph,
+  Table,
+  TableCell,
+  TableRow,
+  TextRun,
+  VerticalAlign,
+  WidthType
+} from "docx";
+import { saveAs } from "file-saver";
+import { jsx } 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__ */ jsx("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 jsx2 } from "react/jsx-runtime";
+var ExportExcel = ({ columns, excelData, title, exportCustomColumns }) => {
+  const exportExcel = async () => {
+    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__ */ jsx2("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, jsx as jsx3, jsxs } from "react/jsx-runtime";
+var ExportSection = ({
+  wordBtn,
+  excelBtn,
+  downloadSectionLeftSideContent,
+  tableData,
+  columns,
+  tableName,
+  exportCustomColumns,
+  wordOptions
+}) => {
+  return /* @__PURE__ */ jsx3(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "ndt-download-section", children: [
+    /* @__PURE__ */ jsx3("div", { className: "ndt-download-content", children: (wordBtn || excelBtn) && downloadSectionLeftSideContent !== null && downloadSectionLeftSideContent }),
+    /* @__PURE__ */ jsxs("div", { className: "ndt-download-buttons", children: [
+      wordBtn && /* @__PURE__ */ jsx3(
+        WordExport_default,
+        {
+          wordData: tableData,
+          columns,
+          title: tableName,
+          exportCustomColumns,
+          options: wordOptions
+        }
+      ),
+      excelBtn && /* @__PURE__ */ jsx3(
+        ExportExcel_default,
+        {
+          excelData: tableData,
+          columns,
+          title: tableName,
+          exportCustomColumns
+        }
+      )
+    ] })
+  ] }) });
+};
+var ExportSection_default = ExportSection;
+export {
+  ExportSection_default as ExportSection
+};

package/dist/index.d.ts

@@ -1,88 +1,7 @@
-import React$1, { ReactElement } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { T as TableProps, D as DataTableRef } from './DataTable.types-H_KYwjEQ.js';
+export { C as Column, a as TableElement } from './DataTable.types-H_KYwjEQ.js';
 
-type TableElement = {
-    [key: string]: string | number;
-};
-type TableData = Array<TableElement>;
-type Column = {
-    field: string;
-    title: string;
-    width?: number;
-    autoinc?: boolean;
-    formatter?: (cell: string, row: TableElement) => ReactElement;
-    exportCustomCell?: (cell: string, row: TableElement) => string;
-    headerFilter?: (headerValue: string, rowValue: string) => string;
-    sortable?: boolean;
-    filterable?: boolean;
-};
-type ExportOptions = {
-    fontSize?: number;
-    boldHeaders?: boolean;
-    autoLandscape?: boolean;
-    maxColumnsBeforeLandscape?: number;
-};
-type TableProps = {
-    tableData: TableData;
-    columns: Array<Column>;
-    tableName: string;
-    loading?: boolean;
-    loadingElement?: ReactElement | null;
-    isFooter?: boolean;
-    paginationCounts?: Array<number> | null;
-    scrollable?: boolean;
-    scrollHeight?: number;
-    exportCustomColumns?: Array<{
-        header: string;
-        key: string;
-        width: number;
-    }> | null;
-    excelBtn?: boolean;
-    wordBtn?: boolean;
-    downloadSectionLeftSideContent?: ReactElement | null;
-    headerGroup?: Array<{
-        title: string;
-        cols: number;
-    }> | null;
-    groupBy?: string | null;
-    isTitles?: boolean;
-    wordOptions?: ExportOptions;
-    WordExportComponent?: React.ComponentType<{
-        wordData: TableData;
-        columns: Array<Column>;
-        title: string;
-        options?: ExportOptions;
-        exportCustomColumns?: TableProps["exportCustomColumns"];
-    }>;
-    ExportExcelComponent?: React.ComponentType<{
-        excelData: TableData;
-        columns: Array<Column>;
-        title: string;
-        exportCustomColumns?: TableProps["exportCustomColumns"];
-    }>;
-};
-type DataTableRef = {
-    getData: () => TableData;
-    getCurrentData: () => TableData;
-};
+declare const DataTable: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<DataTableRef>>;
 
-declare const DataTable: React$1.ForwardRefExoticComponent<TableProps & React$1.RefAttributes<DataTableRef>>;
-
-type Props$1 = {
-    wordData: TableData;
-    columns: Array<Column>;
-    title: string;
-    options?: ExportOptions;
-    exportCustomColumns?: TableProps["exportCustomColumns"];
-};
-declare const WordExport: ({ wordData, columns, title, options }: Props$1) => react_jsx_runtime.JSX.Element;
-
-type Props = {
-    columns: Array<Column>;
-    excelData: Array<TableElement>;
-    title: string;
-    exportCustomColumns: TableProps["exportCustomColumns"];
-};
-declare const ExportExcel: ({ columns, excelData, title, exportCustomColumns }: Props) => react_jsx_runtime.JSX.Element;
-
-export { type Column, DataTable, ExportExcel, type TableElement, type TableProps, WordExport };
+export { DataTable, DataTableRef, TableProps };

package/dist/index.js

@@ -393,49 +393,8 @@ function useDebouncedEffect(callback, deps, delay) {
   }, [...deps, delay]);
 }
 
-// components/ExportSection.tsx
-import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
-var ExportSection = ({
-  wordBtn,
-  excelBtn,
-  downloadSectionLeftSideContent,
-  tableData,
-  columns,
-  tableName,
-  exportCustomColumns,
-  wordOptions,
-  WordExportComponent,
-  ExportExcelComponent
-}) => {
-  return /* @__PURE__ */ jsx13(Fragment2, { children: /* @__PURE__ */ jsxs5("div", { className: "ndt-download-section", children: [
-    /* @__PURE__ */ jsx13("div", { className: "ndt-download-content", children: (wordBtn || excelBtn) && downloadSectionLeftSideContent !== null && downloadSectionLeftSideContent }),
-    /* @__PURE__ */ jsxs5("div", { className: "ndt-download-buttons", children: [
-      wordBtn && WordExportComponent && /* @__PURE__ */ jsx13(
-        WordExportComponent,
-        {
-          wordData: tableData,
-          columns,
-          title: tableName,
-          exportCustomColumns,
-          options: wordOptions
-        }
-      ),
-      excelBtn && ExportExcelComponent && /* @__PURE__ */ jsx13(
-        ExportExcelComponent,
-        {
-          excelData: tableData,
-          columns,
-          title: tableName,
-          exportCustomColumns
-        }
-      )
-    ] })
-  ] }) });
-};
-var ExportSection_default = ExportSection;
-
 // components/DataTable.tsx
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 var DataTable = forwardRef(({
   tableData,
   columns,
@@ -454,8 +413,7 @@ var DataTable = forwardRef(({
   groupBy = null,
   isTitles = false,
   wordOptions,
-  WordExportComponent,
-  ExportExcelComponent
+  ExportSectionComponent
 }, ref) => {
   const [filters, setFilters] = useState({});
   const [sortBy, setSortBy] = useState({ col: "", type: "asc" });
@@ -531,9 +489,9 @@ var DataTable = forwardRef(({
     getData: () => processedData,
     getCurrentData: () => displayData
   }), [processedData, displayData]);
-  return /* @__PURE__ */ jsxs6("div", { className: "ndt-table-container", children: [
-    (wordBtn || excelBtn) && /* @__PURE__ */ jsx14(
-      ExportSection_default,
+  return /* @__PURE__ */ jsxs5("div", { className: "ndt-table-container", children: [
+    ExportSectionComponent && /* @__PURE__ */ jsx13(
+      ExportSectionComponent,
       {
         wordBtn,
         excelBtn,
@@ -542,13 +500,11 @@ var DataTable = forwardRef(({
         columns,
         tableName,
         exportCustomColumns,
-        wordOptions,
-        WordExportComponent,
-        ExportExcelComponent
+        wordOptions
       }
     ),
-    /* @__PURE__ */ jsxs6("div", { className: "ndt-table", children: [
-      /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsxs5("div", { className: "ndt-table", children: [
+      /* @__PURE__ */ jsx13(
         TableHeader_default,
         {
           columns,
@@ -560,7 +516,7 @@ var DataTable = forwardRef(({
           headerGroup
         }
       ),
-      loading ? loadingElement !== null ? loadingElement : /* @__PURE__ */ jsx14("span", { style: { marginLeft: 10, fontWeight: "bold" }, children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445..." }) : /* @__PURE__ */ jsx14(
+      loading ? loadingElement !== null ? loadingElement : /* @__PURE__ */ jsx13("span", { style: { marginLeft: 10, fontWeight: "bold" }, children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445..." }) : /* @__PURE__ */ jsx13(
         TableBody_default,
         {
           tableData: displayData,
@@ -574,7 +530,7 @@ var DataTable = forwardRef(({
           isTitles
         }
       ),
-      isFooter && /* @__PURE__ */ jsx14(
+      isFooter && /* @__PURE__ */ jsx13(
         TableFooter_default,
         {
           paginationCounts,
@@ -590,222 +546,6 @@ var DataTable = forwardRef(({
 });
 DataTable.displayName = "DataTable";
 var DataTable_default = DataTable;
-
-// 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 jsx15 } from "react/jsx-runtime";
-var WordExport = ({
-  wordData,
-  columns,
-  title,
-  options = {
-    fontSize: 20,
-    boldHeaders: false,
-    autoLandscape: false,
-    maxColumnsBeforeLandscape: 5
-  }
-  // exportCustomColumns 
-}) => {
-  const createNewWord = async () => {
-    const {
-      AlignmentType,
-      Document,
-      Packer,
-      PageOrientation,
-      // PageOrientation, 
-      Paragraph,
-      Table,
-      TableCell,
-      TableRow,
-      TextRun,
-      VerticalAlign,
-      WidthType
-    } = await import("docx");
-    const { saveAs } = await import("file-saver");
-    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__ */ jsx15("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 { jsx as jsx16 } from "react/jsx-runtime";
-var ExportExcel = ({ columns, excelData, title, exportCustomColumns }) => {
-  const exportExcel = async () => {
-    const ExcelJS = await import("exceljs");
-    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__ */ jsx16("button", { className: `ndt-buttonExport ndt-Excel`, onClick: exportExcel, children: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C Excel" });
-};
-var ExportExcel_default = ExportExcel;
 export {
-  DataTable_default as DataTable,
-  ExportExcel_default as ExportExcel,
-  WordExport_default as WordExport
+  DataTable_default as DataTable
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nillud-data-table",
-  "version": "1.0.7",
+  "version": "1.1.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -11,10 +11,13 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./export": {
+      "import": "./dist/export/index.js",
+      "types": "./dist/export/index.d.ts"
     },
-    "./export/ExportExcel": "./dist/components/export/ExportExcel.js",
-    "./export/WordExport": "./dist/components/export/WordExport.js",
     "./types": "./dist/index.d.ts",
     "./styles.css": "./dist/styles.css"
   },
@@ -34,7 +37,7 @@
     "typescript": "^5.8.3"
   },
   "scripts": {
-    "build": "tsup && npm run build:styles",
+    "build": "tsup && node postbuild.js && npm run build:styles",
     "build:styles": "node build-styles.js"
   }
 }