@ballistix.digital/react-components 0.4.20 → 0.4.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -12,7 +12,6 @@ var reactFontawesome = require('@fortawesome/react-fontawesome');
12
12
  var reactDom = require('react-dom');
13
13
  var outline$2 = require('@heroicons/react/24/outline');
14
14
  var reactTable = require('@tanstack/react-table');
15
- var dateFns = require('date-fns');
16
15
  var set = require('lodash/set');
17
16
 
18
17
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -16802,6 +16801,39 @@ var utils/*:any*/ = {
16802
16801
  }
16803
16802
  };
16804
16803
 
16804
+ var handleGenerateSheets = function (tables) {
16805
+ var sheets = [];
16806
+ tables.forEach(function (table, index) {
16807
+ var _a, _b, _c;
16808
+ var columns = table.getAllColumns();
16809
+ 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; });
16810
+ 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 }); });
16811
+ var headerRow = {};
16812
+ headerNames.forEach(function (name) {
16813
+ headerRow[name.id] = {
16814
+ value: name.value,
16815
+ type: 'string',
16816
+ };
16817
+ });
16818
+ var excelRows = rows.map(function (row) {
16819
+ var result = {};
16820
+ Object.keys(row).forEach(function (key) {
16821
+ var _a;
16822
+ 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;
16823
+ var value = row[key];
16824
+ result[key] = __assign(__assign({}, cell), { value: value });
16825
+ });
16826
+ return result;
16827
+ });
16828
+ sheets.push({
16829
+ title: "Sheet ".concat(index + 1),
16830
+ rows: __spreadArray([headerRow], excelRows, true).map(function (row) {
16831
+ return Object.keys(row).map(function (key) { return row[key]; });
16832
+ }),
16833
+ });
16834
+ });
16835
+ return sheets;
16836
+ };
16805
16837
  var useExcel = function () {
16806
16838
  var handleFormatRow = function (row) {
16807
16839
  return row.map(function (cell) {
@@ -16942,49 +16974,6 @@ var TableList = function (props) {
16942
16974
  }
16943
16975
  // eslint-disable-next-line react-hooks/exhaustive-deps
16944
16976
  }, [sorting || visibility || order]);
16945
- var handleCalculateExcelTypeFromValue = function (value) {
16946
- var _a;
16947
- var result = 'string';
16948
- if (value !== undefined &&
16949
- value !== '' &&
16950
- (!isNaN(Number(value)) ||
16951
- !isNaN(Number((_a = "".concat(value)) === null || _a === void 0 ? void 0 : _a.replace('€', '').replace('.', '').replace(',', '.'))))) {
16952
- result = 'number';
16953
- }
16954
- if (dateFns.isValid(dateFns.parse(value, 'MM/dd/yyyy', new Date()))
16955
- // isValid(parse(value, 'dd/MM/yyyy', new Date()))
16956
- ) {
16957
- result = 'date';
16958
- }
16959
- return result;
16960
- };
16961
- var handleCalculateExcelFormat = function (type) {
16962
- var result = '';
16963
- if (type === 'number') {
16964
- result = '"€ "#,##0.00';
16965
- }
16966
- if (type === 'date') {
16967
- result = 'dd.MM.yyyy';
16968
- }
16969
- return result;
16970
- };
16971
- var handleCalculateSheets = function () {
16972
- var _a, _b;
16973
- var rowsForFirstSheet = [];
16974
- var rows = (_b = (_a = table
16975
- .getRowModel()) === null || _a === void 0 ? void 0 : _a.flatRows) === null || _b === void 0 ? void 0 : _b.map(function (row) { return row.original; });
16976
- rows.forEach(function (row) {
16977
- var result = [];
16978
- Object.keys(row).forEach(function (cell) {
16979
- var value = row[cell];
16980
- var type = handleCalculateExcelTypeFromValue(value);
16981
- var format = handleCalculateExcelFormat(type);
16982
- result.push({ value: value, type: type, format: format });
16983
- });
16984
- rowsForFirstSheet.push(result);
16985
- });
16986
- return [{ title: 'Sheet 1', rows: rowsForFirstSheet }];
16987
- };
16988
16977
  var handleUpdateColumnOrder = n.useCallback(function (column, location) {
16989
16978
  var _a;
16990
16979
  var ids = (_a = table
@@ -17045,7 +17034,7 @@ var TableList = function (props) {
17045
17034
  }) })) })), jsxRuntime.jsx(ButtonElement, __assign({ styles: (stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.buttonElement)
17046
17035
  ? stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.buttonElement
17047
17036
  : { container: '!py-1.5 !px-3' }, onClick: function () {
17048
- var sheets = handleCalculateSheets();
17037
+ var sheets = handleGenerateSheets([table]);
17049
17038
  write(sheets, { fileName: 'users-export' });
17050
17039
  } }, { children: jsxRuntime.jsx(outline$2.TableCellsIcon, { className: "w-6 h-6" }) }))] })), jsxRuntime.jsx("div", __assign({ className: styles.body.container }, { children: jsxRuntime.jsx("div", __assign({ className: styles.body.wrapper }, { children: jsxRuntime.jsx("div", __assign({ className: styles.body.content }, { children: jsxRuntime.jsxs("div", __assign({ className: styles.body.styleWrapper }, { children: [jsxRuntime.jsxs("table", __assign({ className: styles.body.table.container, style: hasStickyHeader ? { borderSpacing: 0 } : {} }, { children: [jsxRuntime.jsx("thead", __assign({ className: styles.body.table.head.container }, { children: table === null || table === void 0 ? void 0 : table.getHeaderGroups().map(function (headerGroup) { return (jsxRuntime.jsx("tr", { children: headerGroup.headers.map(function (header) { return (jsxRuntime.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
17051
17040
  ? null
@@ -17591,7 +17580,7 @@ var ModalOverlay = function (props) {
17591
17580
  };
17592
17581
 
17593
17582
  var base$2 = {
17594
- container: 'relative z-40',
17583
+ container: 'relative z-0',
17595
17584
  background: {
17596
17585
  container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
17597
17586
  transition: {