@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.d.ts
CHANGED
|
@@ -258,6 +258,7 @@ type TTableListProps<TData> = {
|
|
|
258
258
|
};
|
|
259
259
|
defaultOrder?: string[];
|
|
260
260
|
defaultVisibility?: string[];
|
|
261
|
+
customControls: ReactNode[];
|
|
261
262
|
children: ({ min, max, current, }: {
|
|
262
263
|
min: number;
|
|
263
264
|
max: number;
|
|
@@ -327,6 +328,8 @@ declare const base$7: {
|
|
|
327
328
|
controls: {
|
|
328
329
|
container: string;
|
|
329
330
|
content: string;
|
|
331
|
+
head: string;
|
|
332
|
+
body: string;
|
|
330
333
|
dropdown: {
|
|
331
334
|
container: string;
|
|
332
335
|
input: string;
|
package/dist/index.esm.js
CHANGED
|
@@ -16943,7 +16943,7 @@ var styles$8 = {
|
|
|
16943
16943
|
};
|
|
16944
16944
|
|
|
16945
16945
|
var TableList = function (props) {
|
|
16946
|
-
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;
|
|
16946
|
+
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;
|
|
16947
16947
|
var _f = useExcel(), generate = _f.generate, write = _f.write;
|
|
16948
16948
|
var handleGenerateStyle = function () {
|
|
16949
16949
|
var result = deepCopyObject(styles$7.base);
|
|
@@ -17042,22 +17042,22 @@ var TableList = function (props) {
|
|
|
17042
17042
|
return window === null || window === void 0 ? void 0 : window.localStorage.setItem("TableList.".concat(id, ".state"), idsWithVisibilityIndicator.join(','));
|
|
17043
17043
|
}
|
|
17044
17044
|
}, [id, table, order, visibility]);
|
|
17045
|
-
return (jsx(Fragment$1, { children: jsxs("div", __assign({ className: styles.container }, { children: [jsxs("div", __assign({ className: styles.controls.container }, { children: [jsx(DropdownElement.Container, __assign({ styles: stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.dropdownElement, label: jsx(ViewColumnsIcon, { className: "w-6 h-6" }) }, { children: jsx("div", __assign({ className: styles.controls.content }, { children: table
|
|
17046
|
-
|
|
17047
|
-
|
|
17048
|
-
|
|
17049
|
-
|
|
17050
|
-
|
|
17051
|
-
|
|
17052
|
-
|
|
17053
|
-
|
|
17054
|
-
|
|
17055
|
-
|
|
17056
|
-
|
|
17057
|
-
|
|
17058
|
-
|
|
17059
|
-
|
|
17060
|
-
|
|
17045
|
+
return (jsx(Fragment$1, { children: jsxs("div", __assign({ className: styles.container }, { children: [jsxs("div", __assign({ className: styles.controls.container }, { children: [jsx("div", { children: customControls ? customControls : null }), jsxs("div", __assign({ className: styles.controls.body }, { children: [jsx(DropdownElement.Container, __assign({ styles: stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.dropdownElement, label: jsx(ViewColumnsIcon, { className: "w-6 h-6" }) }, { children: jsx("div", __assign({ className: styles.controls.content }, { children: table
|
|
17046
|
+
.getAllLeafColumns()
|
|
17047
|
+
// .filter((column) => column?.getCanSort())
|
|
17048
|
+
.map(function (column, index) {
|
|
17049
|
+
var canSort = column === null || column === void 0 ? void 0 : column.getCanSort();
|
|
17050
|
+
return (jsx(DropdownElement.Item, { children: function () { return (jsxs("div", __assign({ className: toClassName(styles.controls.dropdown.container, !canSort && 'hidden') }, { children: [jsx("input", { className: styles.controls.dropdown.input, type: "checkbox", checked: column.getIsVisible(), onChange: column.getToggleVisibilityHandler() }), jsx("label", __assign({ className: styles.controls.dropdown.label }, { children: column.columnDef.header })), jsxs("div", __assign({ className: styles.controls.dropdown.actions }, { children: [jsx(ChevronDownIcon$1, { className: styles.controls.dropdown.upIcon, onClick: function () {
|
|
17051
|
+
return handleUpdateColumnOrder(column, index - 1);
|
|
17052
|
+
} }), jsx(ChevronDownIcon$1, { className: styles.controls.dropdown.downIcon, onClick: function () {
|
|
17053
|
+
return handleUpdateColumnOrder(column, index + 1);
|
|
17054
|
+
} })] }))] }))); } }, column.id));
|
|
17055
|
+
}) })) })), jsx(ButtonElement, __assign({ styles: (stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.buttonElement)
|
|
17056
|
+
? stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.buttonElement
|
|
17057
|
+
: { container: '!py-1.5 !px-3' }, onClick: function () {
|
|
17058
|
+
var sheets = generate([table]);
|
|
17059
|
+
write(sheets, { fileName: 'users-export' });
|
|
17060
|
+
} }, { 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
|
|
17061
17061
|
? null
|
|
17062
17062
|
: flexRender(header.column.columnDef.header, header.getContext()), header.column.getCanSort() && (jsx("span", __assign({ className: toClassName(styles.sortIndicator.container, header.column.getIsSorted()
|
|
17063
17063
|
? styles.sortIndicator.isSorted
|
|
@@ -17114,8 +17114,10 @@ var base$6 = {
|
|
|
17114
17114
|
},
|
|
17115
17115
|
},
|
|
17116
17116
|
controls: {
|
|
17117
|
-
container: 'flex-row justify-
|
|
17117
|
+
container: 'flex-row justify-between z-10 relative mb-4 gap-2 hidden',
|
|
17118
17118
|
content: 'my-2 flex flex-col',
|
|
17119
|
+
head: '',
|
|
17120
|
+
body: 'flex flex-row justify-end gap-2',
|
|
17119
17121
|
dropdown: {
|
|
17120
17122
|
container: 'px-4 py-2 text-sm flex flex-row items-center font-medium group',
|
|
17121
17123
|
input: 'mr-3 cursor-pointer',
|