@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.esm.js +35 -46
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +35 -46
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
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 =
|
|
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-
|
|
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: {
|