@ballistix.digital/react-components 0.4.18 → 0.4.20
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 +13 -14
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +13 -14
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -17047,20 +17047,19 @@ var TableList = function (props) {
|
|
|
17047
17047
|
: { container: '!py-1.5 !px-3' }, onClick: function () {
|
|
17048
17048
|
var sheets = handleCalculateSheets();
|
|
17049
17049
|
write(sheets, { fileName: 'users-export' });
|
|
17050
|
-
} }, { 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.
|
|
17051
|
-
|
|
17052
|
-
|
|
17053
|
-
|
|
17054
|
-
|
|
17055
|
-
|
|
17056
|
-
|
|
17057
|
-
|
|
17058
|
-
|
|
17059
|
-
|
|
17060
|
-
|
|
17061
|
-
|
|
17062
|
-
|
|
17063
|
-
}) }), row.id)); }))] }))] })) })) })) })) })), !isLoading && (jsxRuntime.jsx(PanelPaginationNavigation, __assign({ max: page.total, styles: (stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.panelPaginationNavigation)
|
|
17050
|
+
} }, { 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
|
+
? null
|
|
17052
|
+
: reactTable.flexRender(header.column.columnDef.header, header.getContext()), header.column.getCanSort() && (jsxRuntime.jsx("span", __assign({ className: toClassName(styles.sortIndicator.container, header.column.getIsSorted()
|
|
17053
|
+
? styles.sortIndicator.isSorted
|
|
17054
|
+
: styles.sortIndicator.isNotSorted) }, { children: jsxRuntime.jsx(outline$2.ChevronDownIcon, { className: toClassName(styles.sortIndicator.icon.container, header.column.getIsSorted() === 'asc' &&
|
|
17055
|
+
'-scale-100'), "aria-hidden": "true" }) })))] }), header.id)); }) }, headerGroup.id)); }) })), !isLoading && (jsxRuntime.jsx("tbody", __assign({ className: styles.body.table.body.container }, { children: table === null || table === void 0 ? void 0 : table.getRowModel().rows.map(function (row, index) { return (jsxRuntime.jsx("tr", __assign({ className: toClassName(styles.body.table.body.row, isStriped && index % 2 === 0 && 'bg-gray-50') }, { children: row.getVisibleCells().map(function (cell) {
|
|
17056
|
+
var _a, _b;
|
|
17057
|
+
return (jsxRuntime.jsx("td", __assign({ className: toClassName(styles.body.table.body.cell, hasStickyHeader &&
|
|
17058
|
+
index !==
|
|
17059
|
+
((_b = (_a = table === null || table === void 0 ? void 0 : table.getState()) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.pageSize) -
|
|
17060
|
+
1 &&
|
|
17061
|
+
'border-b border-gray-200') }, { children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()) }), cell.id));
|
|
17062
|
+
}) }), row.id)); }) })))] })), isLoading && (jsxRuntime.jsx("div", __assign({ className: "flex flex-col gap-y-2 w-full pt-5" }, { children: new Array(8).fill(undefined).map(function (index) { return (jsxRuntime.jsxs("div", __assign({ className: "flex gap-2" }, { children: [jsxRuntime.jsx("div", { className: "w-20 h-14 rounded-md bg-gray-100 animate-pulse" }), jsxRuntime.jsx("div", { className: "w-full h-14 rounded-md bg-gray-100 animate-pulse" })] }), index)); }) })))] })) })) })) })), !isLoading && (jsxRuntime.jsx(PanelPaginationNavigation, __assign({ max: page.total, styles: (stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.panelPaginationNavigation)
|
|
17064
17063
|
? stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.panelPaginationNavigation
|
|
17065
17064
|
: { container: 'mt-4' }, onChange: onPaginate }, { children: children })))] })) }));
|
|
17066
17065
|
};
|