@ballistix.digital/react-components 0.4.20 → 0.4.21

package/dist/index.esm.js

@@ -8,7 +8,6 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { unstable_batchedUpdates } from 'react-dom';
 import { ViewColumnsIcon, ChevronDownIcon as ChevronDownIcon$1, TableCellsIcon } from '@heroicons/react/24/outline';
 import { useReactTable, getCoreRowModel, flexRender, createColumnHelper as createColumnHelper$1 } from '@tanstack/react-table';
-import { isValid, parse } from 'date-fns';
 import set$1 from 'lodash/set';
 
 /******************************************************************************
@@ -16792,6 +16791,39 @@ var utils/*:any*/ = {
 	}
 };
 
+var handleGenerateSheets = function (tables) {
+    var sheets = [];
+    tables.forEach(function (table, index) {
+        var _a, _b, _c;
+        var columns = table.getAllColumns();
+        var rows = (_b = (_a = table.getRowModel()) === null || _a === void 0 ? void 0 : _a.flatRows) === null || _b === void 0 ? void 0 : _b.map(function (row) { return row.original; });
+        var headerNames = (_c = columns === null || columns === void 0 ? void 0 : columns.filter(function (column) { return column === null || column === void 0 ? void 0 : column.getCanSort(); })) === null || _c === void 0 ? void 0 : _c.map(function (column) { var _a; return ({ id: column === null || column === void 0 ? void 0 : column.id, value: (_a = column === null || column === void 0 ? void 0 : column.columnDef) === null || _a === void 0 ? void 0 : _a.header }); });
+        var headerRow = {};
+        headerNames.forEach(function (name) {
+            headerRow[name.id] = {
+                value: name.value,
+                type: 'string',
+            };
+        });
+        var excelRows = rows.map(function (row) {
+            var result = {};
+            Object.keys(row).forEach(function (key) {
+                var _a;
+                var cell = (_a = columns === null || columns === void 0 ? void 0 : columns.find(function (column) { return column.id === key; }).columnDef.meta) === null || _a === void 0 ? void 0 : _a.excel;
+                var value = row[key];
+                result[key] = __assign(__assign({}, cell), { value: value });
+            });
+            return result;
+        });
+        sheets.push({
+            title: "Sheet ".concat(index + 1),
+            rows: __spreadArray([headerRow], excelRows, true).map(function (row) {
+                return Object.keys(row).map(function (key) { return row[key]; });
+            }),
+        });
+    });
+    return sheets;
+};
 var useExcel = function () {
     var handleFormatRow = function (row) {
         return row.map(function (cell) {
@@ -16932,49 +16964,6 @@ var TableList = function (props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [sorting || visibility || order]);
-    var handleCalculateExcelTypeFromValue = function (value) {
-        var _a;
-        var result = 'string';
-        if (value !== undefined &&
-            value !== '' &&
-            (!isNaN(Number(value)) ||
-                !isNaN(Number((_a = "".concat(value)) === null || _a === void 0 ? void 0 : _a.replace('€', '').replace('.', '').replace(',', '.'))))) {
-            result = 'number';
-        }
-        if (isValid(parse(value, 'MM/dd/yyyy', new Date()))
-        // isValid(parse(value, 'dd/MM/yyyy', new Date()))
-        ) {
-            result = 'date';
-        }
-        return result;
-    };
-    var handleCalculateExcelFormat = function (type) {
-        var result = '';
-        if (type === 'number') {
-            result = '"€ "#,##0.00';
-        }
-        if (type === 'date') {
-            result = 'dd.MM.yyyy';
-        }
-        return result;
-    };
-    var handleCalculateSheets = function () {
-        var _a, _b;
-        var rowsForFirstSheet = [];
-        var rows = (_b = (_a = table
-            .getRowModel()) === null || _a === void 0 ? void 0 : _a.flatRows) === null || _b === void 0 ? void 0 : _b.map(function (row) { return row.original; });
-        rows.forEach(function (row) {
-            var result = [];
-            Object.keys(row).forEach(function (cell) {
-                var value = row[cell];
-                var type = handleCalculateExcelTypeFromValue(value);
-                var format = handleCalculateExcelFormat(type);
-                result.push({ value: value, type: type, format: format });
-            });
-            rowsForFirstSheet.push(result);
-        });
-        return [{ title: 'Sheet 1', rows: rowsForFirstSheet }];
-    };
     var handleUpdateColumnOrder = useCallback(function (column, location) {
         var _a;
         var ids = (_a = table
@@ -17035,7 +17024,7 @@ var TableList = function (props) {
                                 }) })) })), jsx(ButtonElement, __assign({ styles: (stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.buttonElement)
                                 ? stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.buttonElement
                                 : { container: '!py-1.5 !px-3' }, onClick: function () {
-                                var sheets = handleCalculateSheets();
+                                var sheets = handleGenerateSheets([table]);
                                 write(sheets, { fileName: 'users-export' });
                             } }, { children: jsx(TableCellsIcon, { className: "w-6 h-6" }) }))] })), jsx("div", __assign({ className: styles.body.container }, { children: jsx("div", __assign({ className: styles.body.wrapper }, { children: jsx("div", __assign({ className: styles.body.content }, { children: jsxs("div", __assign({ className: styles.body.styleWrapper }, { children: [jsxs("table", __assign({ className: styles.body.table.container, style: hasStickyHeader ? { borderSpacing: 0 } : {} }, { children: [jsx("thead", __assign({ className: styles.body.table.head.container }, { children: table === null || table === void 0 ? void 0 : table.getHeaderGroups().map(function (headerGroup) { return (jsx("tr", { children: headerGroup.headers.map(function (header) { return (jsxs("th", __assign({ colSpan: header.colSpan, className: toClassName(styles.body.table.head.cell, header.column.getCanSort() && 'cursor-pointer'), onClick: header.column.getToggleSortingHandler() }, { children: [header.isPlaceholder
                                                                 ? null
@@ -17581,7 +17570,7 @@ var ModalOverlay = function (props) {
 };
 
 var base$2 = {
-    container: 'relative z-40',
+    container: 'relative z-0',
     background: {
         container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
         transition: {