@ballistix.digital/react-components 0.4.34 → 0.4.35
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.d.ts +3 -0
- package/dist/index.esm.js +20 -18
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +20 -18
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -16953,7 +16953,7 @@ var styles$8 = {
|
|
|
16953
16953
|
};
|
|
16954
16954
|
|
|
16955
16955
|
var TableList = function (props) {
|
|
16956
|
-
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;
|
|
16956
|
+
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, customControls = props.customControls, stylesOverrides = props.styles, onChange = props.onChange, onPaginate = props.onPaginate;
|
|
16957
16957
|
var _f = useExcel(), generate = _f.generate, write = _f.write;
|
|
16958
16958
|
var handleGenerateStyle = function () {
|
|
16959
16959
|
var result = deepCopyObject(styles$7.base);
|
|
@@ -17052,22 +17052,22 @@ var TableList = function (props) {
|
|
|
17052
17052
|
return window === null || window === void 0 ? void 0 : window.localStorage.setItem("TableList.".concat(id, ".state"), idsWithVisibilityIndicator.join(','));
|
|
17053
17053
|
}
|
|
17054
17054
|
}, [id, table, order, visibility]);
|
|
17055
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", __assign({ className: styles.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles.controls.container }, { children: [jsxRuntime.jsx(DropdownElement.Container, __assign({ styles: stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.dropdownElement, label: jsxRuntime.jsx(outline$2.ViewColumnsIcon, { className: "w-6 h-6" }) }, { children: jsxRuntime.jsx("div", __assign({ className: styles.controls.content }, { children: table
|
|
17056
|
-
|
|
17057
|
-
|
|
17058
|
-
|
|
17059
|
-
|
|
17060
|
-
|
|
17061
|
-
|
|
17062
|
-
|
|
17063
|
-
|
|
17064
|
-
|
|
17065
|
-
|
|
17066
|
-
|
|
17067
|
-
|
|
17068
|
-
|
|
17069
|
-
|
|
17070
|
-
|
|
17055
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", __assign({ className: styles.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles.controls.container }, { children: [jsxRuntime.jsx("div", { children: customControls ? customControls : null }), jsxRuntime.jsxs("div", __assign({ className: styles.controls.body }, { children: [jsxRuntime.jsx(DropdownElement.Container, __assign({ styles: stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.dropdownElement, label: jsxRuntime.jsx(outline$2.ViewColumnsIcon, { className: "w-6 h-6" }) }, { children: jsxRuntime.jsx("div", __assign({ className: styles.controls.content }, { children: table
|
|
17056
|
+
.getAllLeafColumns()
|
|
17057
|
+
// .filter((column) => column?.getCanSort())
|
|
17058
|
+
.map(function (column, index) {
|
|
17059
|
+
var canSort = column === null || column === void 0 ? void 0 : column.getCanSort();
|
|
17060
|
+
return (jsxRuntime.jsx(DropdownElement.Item, { children: function () { return (jsxRuntime.jsxs("div", __assign({ className: toClassName(styles.controls.dropdown.container, !canSort && 'hidden') }, { children: [jsxRuntime.jsx("input", { className: styles.controls.dropdown.input, type: "checkbox", checked: column.getIsVisible(), onChange: column.getToggleVisibilityHandler() }), jsxRuntime.jsx("label", __assign({ className: styles.controls.dropdown.label }, { children: column.columnDef.header })), jsxRuntime.jsxs("div", __assign({ className: styles.controls.dropdown.actions }, { children: [jsxRuntime.jsx(outline$2.ChevronDownIcon, { className: styles.controls.dropdown.upIcon, onClick: function () {
|
|
17061
|
+
return handleUpdateColumnOrder(column, index - 1);
|
|
17062
|
+
} }), jsxRuntime.jsx(outline$2.ChevronDownIcon, { className: styles.controls.dropdown.downIcon, onClick: function () {
|
|
17063
|
+
return handleUpdateColumnOrder(column, index + 1);
|
|
17064
|
+
} })] }))] }))); } }, column.id));
|
|
17065
|
+
}) })) })), jsxRuntime.jsx(ButtonElement, __assign({ styles: (stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.buttonElement)
|
|
17066
|
+
? stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.buttonElement
|
|
17067
|
+
: { container: '!py-1.5 !px-3' }, onClick: function () {
|
|
17068
|
+
var sheets = generate([table]);
|
|
17069
|
+
write(sheets, { fileName: 'users-export' });
|
|
17070
|
+
} }, { 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
|
|
17071
17071
|
? null
|
|
17072
17072
|
: reactTable.flexRender(header.column.columnDef.header, header.getContext()), header.column.getCanSort() && (jsxRuntime.jsx("span", __assign({ className: toClassName(styles.sortIndicator.container, header.column.getIsSorted()
|
|
17073
17073
|
? styles.sortIndicator.isSorted
|
|
@@ -17124,8 +17124,10 @@ var base$6 = {
|
|
|
17124
17124
|
},
|
|
17125
17125
|
},
|
|
17126
17126
|
controls: {
|
|
17127
|
-
container: 'flex-row justify-
|
|
17127
|
+
container: 'flex-row justify-between z-10 relative mb-4 gap-2 hidden',
|
|
17128
17128
|
content: 'my-2 flex flex-col',
|
|
17129
|
+
head: '',
|
|
17130
|
+
body: 'flex flex-row justify-end gap-2',
|
|
17129
17131
|
dropdown: {
|
|
17130
17132
|
container: 'px-4 py-2 text-sm flex flex-row items-center font-medium group',
|
|
17131
17133
|
input: 'mr-3 cursor-pointer',
|