@ballistix.digital/react-components 0.4.24 → 0.4.26

package/dist/index.d.ts

@@ -255,6 +255,7 @@ type TTableListProps<TData> = {
         total: number;
     };
     defaultOrder?: string[];
+    defaultVisibility?: string[];
     children: ({ min, max, current, }: {
         min: number;
         max: number;

package/dist/index.esm.js

@@ -16791,38 +16791,6 @@ 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) { var _a; return typeof ((_a = column === null || column === void 0 ? void 0 : column.columnDef) === null || _a === void 0 ? void 0 : _a.header) === 'string'; })) === 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, _b, _c;
-                var cell = (_c = (_b = (_a = columns === null || columns === void 0 ? void 0 : columns.filter(function (column) { var _a; return typeof ((_a = column === null || column === void 0 ? void 0 : column.columnDef) === null || _a === void 0 ? void 0 : _a.header) === 'string'; })) === null || _a === void 0 ? void 0 : _a.find(function (column) { return column.id === key; })) === null || _b === void 0 ? void 0 : _b.columnDef.meta) === null || _c === void 0 ? void 0 : _c.excel(row[key]);
-                result[key] = cell;
-            });
-            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) {
@@ -16838,6 +16806,54 @@ var useExcel = function () {
             });
         });
     };
+    var generate = function (tables) {
+        var sheets = [];
+        tables.forEach(function (table, index) {
+            var _a, _b, _c, _d;
+            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 = (_d = (_c = columns === null || columns === void 0 ? void 0 : columns.filter(function (column) { var _a; return typeof ((_a = column === null || column === void 0 ? void 0 : column.columnDef) === null || _a === void 0 ? void 0 : _a.header) === 'string'; })) === null || _c === void 0 ? void 0 : _c.filter(function (column) { return column === null || column === void 0 ? void 0 : column.getIsVisible(); })) === null || _d === void 0 ? void 0 : _d.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)
+                    .filter(function (key) {
+                    var _a;
+                    var column = columns === null || columns === void 0 ? void 0 : columns.find(function (column) { return column.id === key; });
+                    return typeof ((_a = column.columnDef) === null || _a === void 0 ? void 0 : _a.header) === 'string';
+                })
+                    .filter(function (key) {
+                    var column = columns === null || columns === void 0 ? void 0 : columns.find(function (column) { return column.id === key; });
+                    return column.getIsVisible();
+                })
+                    .forEach(function (key) {
+                    var _a, _b;
+                    var cell = (_b = (_a = columns === null || columns === void 0 ? void 0 : columns.find(function (column) { return column.id === key; })) === null || _a === void 0 ? void 0 : _a.columnDef.meta) === null || _b === void 0 ? void 0 : _b.excel(row[key]);
+                    result[key] = cell;
+                });
+                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 write = function (sheets, options) {
         var fileName = options.fileName;
         var book = utils.book_new();
@@ -16851,6 +16867,7 @@ var useExcel = function () {
         writeFileSync(book, "".concat(fileName, ".xlsx"));
     };
     return {
+        generate: generate,
         write: write,
     };
 };
@@ -16928,8 +16945,8 @@ var styles$8 = {
 };
 
 var TableList = function (props) {
-    var id = props.id, columns = props.columns, data = props.data, page = props.page, children = props.children, defaultOrder = props.defaultOrder, _a = props.type, type = _a === void 0 ? 'normal' : _a, isLoading = props.isLoading, _b = props.isStriped, isStriped = _b === void 0 ? false : _b, _c = props.hasStickyHeader, hasStickyHeader = _c === void 0 ? false : _c, _d = props.hasVerticalSeparators, hasVerticalSeparators = _d === void 0 ? false : _d, _e = props.areControlsVisible, areControlsVisible = _e === void 0 ? true : _e, stylesOverrides = props.styles, onChange = props.onChange, onPaginate = props.onPaginate;
-    var write = useExcel().write;
+    var id = props.id, columns = props.columns, data = props.data, page = props.page, children = props.children, defaultOrder = props.defaultOrder, defaultVisibility = props.defaultVisibility, _a = props.type, type = _a === void 0 ? 'normal' : _a, isLoading = props.isLoading, _b = props.isStriped, isStriped = _b === void 0 ? false : _b, _c = props.hasStickyHeader, hasStickyHeader = _c === void 0 ? false : _c, _d = props.hasVerticalSeparators, hasVerticalSeparators = _d === void 0 ? false : _d, _e = props.areControlsVisible, areControlsVisible = _e === void 0 ? true : _e, stylesOverrides = props.styles, onChange = props.onChange, onPaginate = props.onPaginate;
+    var _f = useExcel(), generate = _f.generate, write = _f.write;
     var handleGenerateStyle = function () {
         var result = deepCopyObject(styles$7.base);
         var keys = calculateNestedKeys(styles$7.base);
@@ -16939,9 +16956,9 @@ var TableList = function (props) {
         return result;
     };
     var styles = handleGenerateStyle();
-    var _f = useState([]), sorting = _f[0], setSorting = _f[1];
-    var _g = useState({}), visibility = _g[0], setVisibility = _g[1];
-    var _h = useState([]), order = _h[0], setOrder = _h[1];
+    var _g = useState([]), sorting = _g[0], setSorting = _g[1];
+    var _h = useState({}), visibility = _h[0], setVisibility = _h[1];
+    var _j = useState([]), order = _j[0], setOrder = _j[1];
     var table = useReactTable({
         getCoreRowModel: getCoreRowModel(),
         columns: columns,
@@ -16962,7 +16979,7 @@ var TableList = function (props) {
             onChange && onChange({ sorting: sorting, visibility: visibility, order: order });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [sorting || visibility || order]);
+    }, [sorting, visibility, order]);
     var handleUpdateColumnOrder = useCallback(function (column, location) {
         var _a;
         var ids = (_a = table
@@ -16984,6 +17001,23 @@ var TableList = function (props) {
             }
             return setOrder(columns.map(function (column) { var _a; return (_a = column === null || column === void 0 ? void 0 : column.id) !== null && _a !== void 0 ? _a : ''; }));
         }
+        if (!state) {
+            if (defaultVisibility && (defaultVisibility === null || defaultVisibility === void 0 ? void 0 : defaultVisibility.length) > 0) {
+                var base = columns === null || columns === void 0 ? void 0 : columns.map(function (column) {
+                    return (column === null || column === void 0 ? void 0 : column.id) ? column === null || column === void 0 ? void 0 : column.id : column === null || column === void 0 ? void 0 : column.accessorKey;
+                }).map(function (key) {
+                    var _a;
+                    return (_a = {}, _a[key] = false, _a);
+                }).reduce(function (a, b) { return (__assign(__assign({}, a), b)); });
+                var current = defaultVisibility
+                    .map(function (key) {
+                    var _a;
+                    return (_a = {}, _a[key] = true, _a);
+                })
+                    .reduce(function (a, b) { return (__assign(__assign({}, a), b)); });
+                return setVisibility(__assign(__assign({}, base), current));
+            }
+        }
         var savedColumnOrder = (_a = state === null || state === void 0 ? void 0 : state.split(',').map(function (id) { return id.replace('-', ''); })) !== null && _a !== void 0 ? _a : [];
         var savedColumnVisibility = {};
         state === null || state === void 0 ? void 0 : state.split(',').forEach(function (id) {
@@ -16991,7 +17025,7 @@ var TableList = function (props) {
         });
         setOrder(savedColumnOrder);
         setVisibility(savedColumnVisibility);
-    }, [columns, defaultOrder, id]);
+    }, [columns, defaultOrder, defaultVisibility, id]);
     // Save state to local storage when column visibility or order updates.
     useEffect(function () {
         var _a;
@@ -17023,7 +17057,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 = handleGenerateSheets([table]);
+                                var sheets = generate([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