bs-unified-ui 1.0.911 → 1.0.913
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/components/Table/Table.d.ts +2 -1
- package/index.js +2 -2
- package/package.json +1 -1
|
@@ -37,5 +37,6 @@ export interface TableProps extends MuiTableProps {
|
|
|
37
37
|
colWidths?: string[];
|
|
38
38
|
rowIndeterminate?: (row: any) => boolean;
|
|
39
39
|
disableSelectAll?: boolean;
|
|
40
|
+
enablePageInput?: boolean;
|
|
40
41
|
}
|
|
41
|
-
export declare const Table: ({ data, columns: rawColumns, rowKey, sx, sort, onSort, pageStart, pageCount, page, onPageChange, onSelect, selected, outlined, toolbarCounter, toolbarSortingSelectProps, onRowClick, onRowHover, disableGutters, loading, dataTestId, disabledCheckboxes, highlight, noDataMessage, allowRowLevel, colWidths, rowIndeterminate, disableSelectAll }: TableProps) => React.JSX.Element;
|
|
42
|
+
export declare const Table: ({ data, columns: rawColumns, rowKey, sx, sort, onSort, pageStart, pageCount, page, onPageChange, onSelect, selected, outlined, toolbarCounter, toolbarSortingSelectProps, onRowClick, onRowHover, disableGutters, loading, dataTestId, disabledCheckboxes, highlight, noDataMessage, allowRowLevel, colWidths, rowIndeterminate, disableSelectAll, enablePageInput }: TableProps) => React.JSX.Element;
|
package/index.js
CHANGED
|
@@ -20748,7 +20748,7 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
20748
20748
|
});
|
|
20749
20749
|
|
|
20750
20750
|
var Table = function (_a) {
|
|
20751
|
-
var _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.columns, rawColumns = _c === void 0 ? [] : _c, _d = _a.rowKey, rowKey = _d === void 0 ? 'id' : _d, _e = _a.sx, sx = _e === void 0 ? {} : _e, sort = _a.sort, onSort = _a.onSort, pageStart = _a.pageStart, pageCount = _a.pageCount, _f = _a.page, page = _f === void 0 ? 0 : _f, onPageChange = _a.onPageChange, onSelect = _a.onSelect, _g = _a.selected, selected = _g === void 0 ? [] : _g, _h = _a.outlined, outlined = _h === void 0 ? true : _h, _j = _a.toolbarCounter, toolbarCounter = _j === void 0 ? '' : _j, toolbarSortingSelectProps = _a.toolbarSortingSelectProps, onRowClick = _a.onRowClick, onRowHover = _a.onRowHover, _k = _a.disableGutters, disableGutters = _k === void 0 ? false : _k, _l = _a.loading, loading = _l === void 0 ? false : _l, _m = _a.dataTestId, dataTestId = _m === void 0 ? 'table' : _m, _o = _a.disabledCheckboxes, disabledCheckboxes = _o === void 0 ? [] : _o, _p = _a.highlight, highlight = _p === void 0 ? [] : _p, _q = _a.noDataMessage, noDataMessage = _q === void 0 ? 'No data to display' : _q, _r = _a.allowRowLevel, allowRowLevel = _r === void 0 ? false : _r, _s = _a.colWidths, colWidths = _s === void 0 ? [] : _s, rowIndeterminate = _a.rowIndeterminate, _t = _a.disableSelectAll, disableSelectAll = _t === void 0 ? false : _t;
|
|
20751
|
+
var _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.columns, rawColumns = _c === void 0 ? [] : _c, _d = _a.rowKey, rowKey = _d === void 0 ? 'id' : _d, _e = _a.sx, sx = _e === void 0 ? {} : _e, sort = _a.sort, onSort = _a.onSort, pageStart = _a.pageStart, pageCount = _a.pageCount, _f = _a.page, page = _f === void 0 ? 0 : _f, onPageChange = _a.onPageChange, onSelect = _a.onSelect, _g = _a.selected, selected = _g === void 0 ? [] : _g, _h = _a.outlined, outlined = _h === void 0 ? true : _h, _j = _a.toolbarCounter, toolbarCounter = _j === void 0 ? '' : _j, toolbarSortingSelectProps = _a.toolbarSortingSelectProps, onRowClick = _a.onRowClick, onRowHover = _a.onRowHover, _k = _a.disableGutters, disableGutters = _k === void 0 ? false : _k, _l = _a.loading, loading = _l === void 0 ? false : _l, _m = _a.dataTestId, dataTestId = _m === void 0 ? 'table' : _m, _o = _a.disabledCheckboxes, disabledCheckboxes = _o === void 0 ? [] : _o, _p = _a.highlight, highlight = _p === void 0 ? [] : _p, _q = _a.noDataMessage, noDataMessage = _q === void 0 ? 'No data to display' : _q, _r = _a.allowRowLevel, allowRowLevel = _r === void 0 ? false : _r, _s = _a.colWidths, colWidths = _s === void 0 ? [] : _s, rowIndeterminate = _a.rowIndeterminate, _t = _a.disableSelectAll, disableSelectAll = _t === void 0 ? false : _t, _u = _a.enablePageInput, enablePageInput = _u === void 0 ? false : _u;
|
|
20752
20752
|
var theme = material.useTheme();
|
|
20753
20753
|
var columns = React.useMemo(function () { return rawColumns.filter(function (c) { return !(c === null || c === void 0 ? void 0 : c.hidden); }); }, [rawColumns]);
|
|
20754
20754
|
var colWidthStyles = function (colIndex) { return (__assign({ width: colWidths[colIndex] || '' }, allowRowLevel ? { maxWidth: colWidths[colIndex] || '' } : {})); };
|
|
@@ -20877,7 +20877,7 @@ var Table = function (_a) {
|
|
|
20877
20877
|
!data.length && (React.createElement(material.TableRow, null,
|
|
20878
20878
|
React.createElement(TableCell, { align: 'center', colSpan: columns.length + (onSelect ? 1 : 0) },
|
|
20879
20879
|
React.createElement(material.Typography, { variant: 'fs12', color: theme.foreground.black4 }, noDataMessage))))))),
|
|
20880
|
-
onPageChange && (React.createElement(TablePagination, { pageStart: pageStart, pageCount: pageCount, page: Number(page), onPageChange: onPageChange, dataTestId: dataTestId }))));
|
|
20880
|
+
onPageChange && (React.createElement(TablePagination, { pageStart: pageStart, pageCount: pageCount, page: Number(page), onPageChange: onPageChange, dataTestId: dataTestId, enablePageInput: enablePageInput }))));
|
|
20881
20881
|
};
|
|
20882
20882
|
|
|
20883
20883
|
var css_248z$1 = "@import url(\"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,700&family=Lato&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap\");\n@import url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.css\");\n@import url(\"https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.snow.css\");\n@import url(\"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,700&family=Lato&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap\");\n@import url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.css\");\n@import url(\"https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.snow.css\");\n@font-face {\n font-family: \"remixicon\";\n src: url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.eot?t=1705244689813\"); /* IE9*/\n src: url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.eot?t=1705244689813#iefix\") format(\"embedded-opentype\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.woff2?t=1705244689813\") format(\"woff2\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.woff?t=1705244689813\") format(\"woff\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.ttf?t=1705244689813\") format(\"truetype\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.svg?t=1705244689813#remixicon\") format(\"svg\"); /* iOS 4.1- */\n font-display: swap;\n}\n/* Typeface */\n/* Font size */\n/* Colors */\n/* Radius */\n/* Animations */\n.fs12 {\n font-size: 12px;\n line-height: 16px;\n letter-spacing: 0em;\n}\n.fs13 {\n font-size: 13px;\n line-height: 24px;\n letter-spacing: -0.0025em;\n}\n.fs14 {\n font-size: 14px;\n line-height: 24px;\n letter-spacing: -0.006em;\n}\n.fs15 {\n font-size: 15px;\n line-height: 24px;\n letter-spacing: -0.009em;\n}\n.fs16 {\n font-size: 16px;\n line-height: 24px;\n letter-spacing: -0.011em;\n}\n.fs17 {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.013em;\n}\n.fs18 {\n font-size: 18px;\n line-height: 24px;\n letter-spacing: -0.014em;\n}\n.fs19 {\n font-size: 19px;\n line-height: 32px;\n letter-spacing: -0.016em;\n}\n.fs20 {\n font-size: 20px;\n line-height: 32px;\n letter-spacing: -0.017em;\n}\n.fs24 {\n font-size: 24px;\n line-height: 32px;\n letter-spacing: -0.019em;\n}\n.fs30 {\n font-size: 30px;\n line-height: 40px;\n letter-spacing: -0.021em;\n}\n.fs40 {\n font-size: 40px;\n line-height: 56px;\n letter-spacing: -0.022em;\n}\n.fs42 {\n font-size: 42px;\n line-height: 56px;\n letter-spacing: -0.022em;\n}\n.fs48 {\n font-size: 48px;\n line-height: 64px;\n letter-spacing: -0.022em;\n}\n.fs60 {\n font-size: 60px;\n line-height: 80px;\n letter-spacing: -0.022em;\n}\nhtml {\n font-family: \"Lato\", sans-serif;\n}\n@font-face {\n font-family: \"remixicon\";\n src: url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.eot?t=1705244689813\"); /* IE9*/\n src: url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.eot?t=1705244689813#iefix\") format(\"embedded-opentype\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.woff2?t=1705244689813\") format(\"woff2\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.woff?t=1705244689813\") format(\"woff\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.ttf?t=1705244689813\") format(\"truetype\"), url(\"https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.svg?t=1705244689813#remixicon\") format(\"svg\"); /* iOS 4.1- */\n font-display: swap;\n}\n/* Typeface */\n/* Font size */\n/* Colors */\n/* Radius */\n/* Animations */\n.fs12 {\n font-size: 12px;\n line-height: 16px;\n letter-spacing: 0em;\n}\n.fs13 {\n font-size: 13px;\n line-height: 24px;\n letter-spacing: -0.0025em;\n}\n.fs14 {\n font-size: 14px;\n line-height: 24px;\n letter-spacing: -0.006em;\n}\n.fs15 {\n font-size: 15px;\n line-height: 24px;\n letter-spacing: -0.009em;\n}\n.fs16 {\n font-size: 16px;\n line-height: 24px;\n letter-spacing: -0.011em;\n}\n.fs17 {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.013em;\n}\n.fs18 {\n font-size: 18px;\n line-height: 24px;\n letter-spacing: -0.014em;\n}\n.fs19 {\n font-size: 19px;\n line-height: 32px;\n letter-spacing: -0.016em;\n}\n.fs20 {\n font-size: 20px;\n line-height: 32px;\n letter-spacing: -0.017em;\n}\n.fs24 {\n font-size: 24px;\n line-height: 32px;\n letter-spacing: -0.019em;\n}\n.fs30 {\n font-size: 30px;\n line-height: 40px;\n letter-spacing: -0.021em;\n}\n.fs40 {\n font-size: 40px;\n line-height: 56px;\n letter-spacing: -0.022em;\n}\n.fs42 {\n font-size: 42px;\n line-height: 56px;\n letter-spacing: -0.022em;\n}\n.fs48 {\n font-size: 48px;\n line-height: 64px;\n letter-spacing: -0.022em;\n}\n.fs60 {\n font-size: 60px;\n line-height: 80px;\n letter-spacing: -0.022em;\n}\nhtml {\n font-family: \"Lato\", sans-serif;\n}\n.bs-unified__custom-dark-mode {\n background: #2D91FC !important;\n}";
|