@ballistix.digital/react-components 0.4.56 → 0.4.57
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 +10 -10
- package/dist/index.js +10 -10
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -1067,9 +1067,9 @@ var styles$8 = {
|
|
|
1067
1067
|
};
|
|
1068
1068
|
|
|
1069
1069
|
var TableList = function (props) {
|
|
1070
|
-
var _a;
|
|
1071
|
-
var id = props.id, columns = props.columns, data = props.data, page = props.page, children = props.children, defaultOrder = props.defaultOrder, defaultVisibility = props.defaultVisibility,
|
|
1072
|
-
var
|
|
1070
|
+
var _a, _b, _c, _d, _e;
|
|
1071
|
+
var id = props.id, columns = props.columns, data = props.data, page = props.page, children = props.children, defaultOrder = props.defaultOrder, defaultVisibility = props.defaultVisibility, _f = props.type, type = _f === void 0 ? 'normal' : _f, isLoading = props.isLoading, _g = props.isStriped, isStriped = _g === void 0 ? false : _g, _h = props.hasStickyHeader, hasStickyHeader = _h === void 0 ? false : _h, _j = props.hasVerticalSeparators, hasVerticalSeparators = _j === void 0 ? false : _j, _k = props.areControlsVisible, areControlsVisible = _k === void 0 ? true : _k, customControls = props.customControls, _l = props.exportFileName, exportFileName = _l === void 0 ? 'table-export' : _l, stylesOverrides = props.styles, onChange = props.onChange, onPaginate = props.onPaginate;
|
|
1072
|
+
var _m = useExcel(), generate = _m.generate, write = _m.write;
|
|
1073
1073
|
var handleGenerateStyle = function () {
|
|
1074
1074
|
var result = deepCopyObject(styles$7.base);
|
|
1075
1075
|
var keys = calculateNestedKeys(styles$7.base);
|
|
@@ -1079,9 +1079,9 @@ var TableList = function (props) {
|
|
|
1079
1079
|
return result;
|
|
1080
1080
|
};
|
|
1081
1081
|
var styles = handleGenerateStyle();
|
|
1082
|
-
var
|
|
1083
|
-
var
|
|
1084
|
-
var
|
|
1082
|
+
var _o = useState([]), sorting = _o[0], setSorting = _o[1];
|
|
1083
|
+
var _p = useState({}), visibility = _p[0], setVisibility = _p[1];
|
|
1084
|
+
var _q = useState([]), order = _q[0], setOrder = _q[1];
|
|
1085
1085
|
var table = useReactTable({
|
|
1086
1086
|
getCoreRowModel: getCoreRowModel(),
|
|
1087
1087
|
columns: columns,
|
|
@@ -1177,8 +1177,8 @@ var TableList = function (props) {
|
|
|
1177
1177
|
} }), jsx(ChevronDownIcon$1, { className: styles.controls.dropdown.downIcon, onClick: function () {
|
|
1178
1178
|
return handleUpdateColumnOrder(column, index + 1);
|
|
1179
1179
|
} })] }))] }))); } }, column.id));
|
|
1180
|
-
}) })) })), jsx(ButtonElement, __assign({ styles: (stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.buttonElement)
|
|
1181
|
-
? stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.buttonElement
|
|
1180
|
+
}) })) })), jsx(ButtonElement, __assign({ styles: ((_b = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _b === void 0 ? void 0 : _b.buttonElement)
|
|
1181
|
+
? (_c = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _c === void 0 ? void 0 : _c.buttonElement
|
|
1182
1182
|
: { container: '!py-1.5 !px-3' }, onClick: function () {
|
|
1183
1183
|
var sheets = generate([table]);
|
|
1184
1184
|
write(sheets, { fileName: exportFileName });
|
|
@@ -1194,8 +1194,8 @@ var TableList = function (props) {
|
|
|
1194
1194
|
((_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) -
|
|
1195
1195
|
1 &&
|
|
1196
1196
|
'border-b border-gray-200') }, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }), cell.id));
|
|
1197
|
-
}) }), row.id)); }) })))] })), isLoading && (jsx("div", __assign({ className: "flex flex-col gap-y-2 w-full pt-5" }, { children: new Array(8).fill(undefined).map(function (index) { return (jsxs("div", __assign({ className: "flex gap-2" }, { children: [jsx("div", { className: "w-20 h-14 rounded-md bg-gray-100 animate-pulse" }), jsx("div", { className: "w-full h-14 rounded-md bg-gray-100 animate-pulse" })] }), index)); }) })))] })) })) })) })), jsx(PanelPaginationNavigation, __assign({ current: page.current, max: page.total, styles: (stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.panelPaginationNavigation)
|
|
1198
|
-
? stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.panelPaginationNavigation
|
|
1197
|
+
}) }), row.id)); }) })))] })), isLoading && (jsx("div", __assign({ className: "flex flex-col gap-y-2 w-full pt-5" }, { children: new Array(8).fill(undefined).map(function (index) { return (jsxs("div", __assign({ className: "flex gap-2" }, { children: [jsx("div", { className: "w-20 h-14 rounded-md bg-gray-100 animate-pulse" }), jsx("div", { className: "w-full h-14 rounded-md bg-gray-100 animate-pulse" })] }), index)); }) })))] })) })) })) })), jsx(PanelPaginationNavigation, __assign({ current: page.current, max: page.total, styles: ((_d = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _d === void 0 ? void 0 : _d.panelPaginationNavigation)
|
|
1198
|
+
? (_e = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _e === void 0 ? void 0 : _e.panelPaginationNavigation
|
|
1199
1199
|
: { container: 'mt-4' }, onChange: onPaginate }, { children: children }))] })) }));
|
|
1200
1200
|
};
|
|
1201
1201
|
|
package/dist/index.js
CHANGED
|
@@ -1077,9 +1077,9 @@ var styles$8 = {
|
|
|
1077
1077
|
};
|
|
1078
1078
|
|
|
1079
1079
|
var TableList = function (props) {
|
|
1080
|
-
var _a;
|
|
1081
|
-
var id = props.id, columns = props.columns, data = props.data, page = props.page, children = props.children, defaultOrder = props.defaultOrder, defaultVisibility = props.defaultVisibility,
|
|
1082
|
-
var
|
|
1080
|
+
var _a, _b, _c, _d, _e;
|
|
1081
|
+
var id = props.id, columns = props.columns, data = props.data, page = props.page, children = props.children, defaultOrder = props.defaultOrder, defaultVisibility = props.defaultVisibility, _f = props.type, type = _f === void 0 ? 'normal' : _f, isLoading = props.isLoading, _g = props.isStriped, isStriped = _g === void 0 ? false : _g, _h = props.hasStickyHeader, hasStickyHeader = _h === void 0 ? false : _h, _j = props.hasVerticalSeparators, hasVerticalSeparators = _j === void 0 ? false : _j, _k = props.areControlsVisible, areControlsVisible = _k === void 0 ? true : _k, customControls = props.customControls, _l = props.exportFileName, exportFileName = _l === void 0 ? 'table-export' : _l, stylesOverrides = props.styles, onChange = props.onChange, onPaginate = props.onPaginate;
|
|
1082
|
+
var _m = useExcel(), generate = _m.generate, write = _m.write;
|
|
1083
1083
|
var handleGenerateStyle = function () {
|
|
1084
1084
|
var result = deepCopyObject(styles$7.base);
|
|
1085
1085
|
var keys = calculateNestedKeys(styles$7.base);
|
|
@@ -1089,9 +1089,9 @@ var TableList = function (props) {
|
|
|
1089
1089
|
return result;
|
|
1090
1090
|
};
|
|
1091
1091
|
var styles = handleGenerateStyle();
|
|
1092
|
-
var
|
|
1093
|
-
var
|
|
1094
|
-
var
|
|
1092
|
+
var _o = n.useState([]), sorting = _o[0], setSorting = _o[1];
|
|
1093
|
+
var _p = n.useState({}), visibility = _p[0], setVisibility = _p[1];
|
|
1094
|
+
var _q = n.useState([]), order = _q[0], setOrder = _q[1];
|
|
1095
1095
|
var table = reactTable.useReactTable({
|
|
1096
1096
|
getCoreRowModel: reactTable.getCoreRowModel(),
|
|
1097
1097
|
columns: columns,
|
|
@@ -1187,8 +1187,8 @@ var TableList = function (props) {
|
|
|
1187
1187
|
} }), jsxRuntime.jsx(outline$2.ChevronDownIcon, { className: styles.controls.dropdown.downIcon, onClick: function () {
|
|
1188
1188
|
return handleUpdateColumnOrder(column, index + 1);
|
|
1189
1189
|
} })] }))] }))); } }, column.id));
|
|
1190
|
-
}) })) })), jsxRuntime.jsx(ButtonElement, __assign({ styles: (stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.buttonElement)
|
|
1191
|
-
? stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.buttonElement
|
|
1190
|
+
}) })) })), jsxRuntime.jsx(ButtonElement, __assign({ styles: ((_b = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _b === void 0 ? void 0 : _b.buttonElement)
|
|
1191
|
+
? (_c = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _c === void 0 ? void 0 : _c.buttonElement
|
|
1192
1192
|
: { container: '!py-1.5 !px-3' }, onClick: function () {
|
|
1193
1193
|
var sheets = generate([table]);
|
|
1194
1194
|
write(sheets, { fileName: exportFileName });
|
|
@@ -1204,8 +1204,8 @@ var TableList = function (props) {
|
|
|
1204
1204
|
((_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) -
|
|
1205
1205
|
1 &&
|
|
1206
1206
|
'border-b border-gray-200') }, { children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()) }), cell.id));
|
|
1207
|
-
}) }), 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)); }) })))] })) })) })) })), jsxRuntime.jsx(PanelPaginationNavigation, __assign({ current: page.current, max: page.total, styles: (stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.panelPaginationNavigation)
|
|
1208
|
-
? stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components.panelPaginationNavigation
|
|
1207
|
+
}) }), 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)); }) })))] })) })) })) })), jsxRuntime.jsx(PanelPaginationNavigation, __assign({ current: page.current, max: page.total, styles: ((_d = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _d === void 0 ? void 0 : _d.panelPaginationNavigation)
|
|
1208
|
+
? (_e = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _e === void 0 ? void 0 : _e.panelPaginationNavigation
|
|
1209
1209
|
: { container: 'mt-4' }, onChange: onPaginate }, { children: children }))] })) }));
|
|
1210
1210
|
};
|
|
1211
1211
|
|