nillud-data-table 1.0.8 → 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/index.d.ts

@@ -1,71 +1,7 @@
-import React$1, { ReactElement } from 'react';
+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;
-    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;
-};
+declare const DataTable: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<DataTableRef>>;
 
-declare const DataTable: React$1.ForwardRefExoticComponent<TableProps & React$1.RefAttributes<DataTableRef>>;
-
-export { type Column, DataTable, type DataTableRef, type TableElement, type TableProps };
+export { DataTable, DataTableRef, TableProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nillud-data-table",
-  "version": "1.0.8",
+  "version": "1.1.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -16,7 +16,7 @@
     },
     "./export": {
       "import": "./dist/export/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/export/index.d.ts"
     },
     "./types": "./dist/index.d.ts",
     "./styles.css": "./dist/styles.css"
@@ -37,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"
   }
 }