@vendorflow/components 2.1.1 → 3.0.5

package/lib/components/material-ui/DataTable/TablePieces/IndeterminateCheckbox.js

@@ -1,65 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CHECKBOX_WIDTH = void 0;
-/** @jsxRuntime classic */
-/** @jsx jsx */
-var react_1 = require("@emotion/react");
-var react_2 = require("react");
-var material_1 = require("@mui/material");
-exports.CHECKBOX_WIDTH = 32;
-// eslint-disable-next-line react/display-name
-var IndeterminateCheckbox = (0, react_2.forwardRef)(function (_a, ref) {
-    var indeterminate = _a.indeterminate, restOfProps = __rest(_a, ["indeterminate"]);
-    var resolvedRef = useForwardedRef(ref);
-    (0, react_2.useEffect)(function () {
-        if (resolvedRef.current) {
-            resolvedRef.current.indeterminate = indeterminate;
-        }
-    }, [resolvedRef, indeterminate]);
-    return ((0, react_1.jsx)(react_2.Fragment, null,
-        (0, react_1.jsx)(material_1.Checkbox, __assign({ css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            width: ", "px;\n            height: ", "px;\n          "], ["\n            width: ", "px;\n            height: ", "px;\n          "])), exports.CHECKBOX_WIDTH, exports.CHECKBOX_WIDTH), 
-            //@ts-ignore
-            ref: resolvedRef }, restOfProps, { indeterminate: indeterminate }))));
-});
-exports.default = IndeterminateCheckbox;
-function useForwardedRef(ref) {
-    var innerRef = (0, react_2.useRef)(null);
-    (0, react_2.useEffect)(function () {
-        if (!ref)
-            return;
-        if (typeof ref === 'function') {
-            ref(innerRef.current);
-        }
-        else {
-            ref.current = innerRef.current;
-        }
-    }, []);
-    return innerRef;
-}
-var templateObject_1;

package/lib/components/material-ui/DataTable/TablePieces/SortIndicator.js

@@ -1,33 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsxRuntime classic */
-/** @jsx jsx */
-var react_1 = require("@emotion/react");
-var icons_material_1 = require("@mui/icons-material");
-var iconStyle = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-left: 0.25rem;\n  color: #b2b2b2;\n  line-height: 0;\n\n  && {\n    font-size: 1rem;\n  }\n"], ["\n  margin-left: 0.25rem;\n  color: #b2b2b2;\n  line-height: 0;\n\n  && {\n    font-size: 1rem;\n  }\n"])));
-var smallIconStyle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n  && {\n    font-size: 0.75rem;\n  }\n"], ["\n  ", ";\n  && {\n    font-size: 0.75rem;\n  }\n"])), iconStyle);
-var wrapperStyle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  line-height: 0;\n  flex: none;\n"], ["\n  line-height: 0;\n  flex: none;\n"])));
-var stackedWrapperStyle = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  flex: none;\n  display: inline-flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"], ["\n  ", ";\n  flex: none;\n  display: inline-flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"])), wrapperStyle);
-function SortIndicator(_a) {
-    var canSort = _a.canSort, isSorted = _a.isSorted, isSortedDesc = _a.isSortedDesc;
-    if (!canSort) {
-        return null;
-    }
-    if (!isSorted) {
-        return ((0, react_1.jsx)("span", { css: stackedWrapperStyle },
-            (0, react_1.jsx)(icons_material_1.ArrowUpward, { css: smallIconStyle }),
-            (0, react_1.jsx)(icons_material_1.ArrowDownward, { css: smallIconStyle })));
-    }
-    if (isSortedDesc) {
-        return ((0, react_1.jsx)("span", { css: wrapperStyle },
-            (0, react_1.jsx)(icons_material_1.ArrowDownward, { css: iconStyle })));
-    }
-    return ((0, react_1.jsx)("span", { css: wrapperStyle },
-        (0, react_1.jsx)(icons_material_1.ArrowUpward, { css: iconStyle })));
-}
-exports.default = SortIndicator;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/lib/components/material-ui/DataTable/TablePieces/Table.js

@@ -1,47 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsxRuntime classic */
-/** @jsx jsx */
-var react_1 = require("@emotion/react");
-var classnames_1 = __importDefault(require("classnames"));
-function Table(_a) {
-    var children = _a.children, className = _a.className, getTableProps = _a.getTableProps;
-    var _b = getTableProps(), style = _b.style, tablePropsClassName = _b.className, restOfProps = __rest(_b, ["style", "className"]);
-    return ((0, react_1.jsx)(react_1.ClassNames, null, function (_a) {
-        var css = _a.css, cx = _a.cx;
-        return ((0, react_1.jsx)("div", __assign({}, restOfProps, { className: (0, classnames_1.default)(tablePropsClassName, className, 'VfTable'), css: cx(
-            // @ts-ignore
-            css(style), css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n              height: 100%;\n            "], ["\n              height: 100%;\n            "])))) }), children));
-    }));
-}
-exports.default = Table;
-var templateObject_1;

package/lib/components/material-ui/DataTable/TablePieces/TableBodyContent.js

@@ -1,89 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsxRuntime classic */
-/** @jsx jsx */
-var react_1 = require("@emotion/react");
-var react_virtualized_1 = require("react-virtualized");
-var BodyRow_1 = __importDefault(require("./BodyRow"));
-var material_1 = require("@mui/material");
-var react_2 = require("react");
-var hooks_1 = require("@vendorflow/common/lib/hooks");
-function TableBodyContent(_a) {
-    var defaultRowHeight = _a.defaultRowHeight, ExpandedComponent = _a.ExpandedComponent, flexLayoutEnabled = _a.flexLayoutEnabled, hasScrollbar = _a.hasScrollbar, hasScrollbarRefCallback = _a.hasScrollbarRefCallback, height = _a.height, isVirtualizeEnabled = _a.isVirtualizeEnabled, noMatchLabel = _a.noMatchLabel, prepareRow = _a.prepareRow, scrollbarWidth = _a.scrollbarWidth, scrollContainerRef = _a.scrollContainerRef, setScrollLeft = _a.setScrollLeft, tableBodyRef = _a.tableBodyRef, tableBodyMeasureRefCallback = _a.tableBodyMeasureRefCallback, tableRows = _a.tableRows, totalColumnsWidth = _a.totalColumnsWidth, width = _a.width, getRowClassName = _a.getRowClassName;
-    var trueWidth = width ? width - (hasScrollbar.vertical ? scrollbarWidth : 0) : 0;
-    var scrollContentWidth = (0, react_2.useMemo)(function () {
-        return trueWidth > totalColumnsWidth ? trueWidth : totalColumnsWidth;
-    }, [flexLayoutEnabled, totalColumnsWidth, trueWidth, hasScrollbar, scrollbarWidth]);
-    var forceUpdate = (0, hooks_1.useForceUpdate)();
-    var cache = (0, react_2.useRef)(new react_virtualized_1.CellMeasurerCache({ fixedWidth: true, defaultHeight: defaultRowHeight, defaultWidth: scrollContentWidth }));
-    (0, react_2.useEffect)(function () {
-        if (isVirtualizeEnabled) {
-            cache.current = new react_virtualized_1.CellMeasurerCache({
-                fixedWidth: true,
-                defaultHeight: defaultRowHeight,
-                defaultWidth: scrollContentWidth,
-            });
-            cache.current.clearAll();
-            forceUpdate();
-        }
-    }, [scrollContentWidth]);
-    function renderRow(_a) {
-        var columnIndex = _a.columnIndex, rowIndex = _a.rowIndex, key = _a.key, parent = _a.parent, style = _a.style;
-        var row = tableRows[rowIndex];
-        prepareRow(row);
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        var _b = row.getRowProps(), _ = _b.key, restOfRowProps = __rest(_b, ["key"]);
-        return ((0, react_1.jsx)(react_virtualized_1.CellMeasurer, { cache: cache.current, columnIndex: columnIndex, key: key, rowIndex: rowIndex, parent: parent }, function (_a) {
-            var measure = _a.measure, registerChild = _a.registerChild;
-            return ((0, react_1.jsx)(BodyRow_1.default, { key: key, innerRef: registerChild, ExpandedComponent: ExpandedComponent, row: row, rowProps: restOfRowProps, style: style, measure: measure, getRowClassName: getRowClassName }));
-        }));
-    }
-    return ((0, react_1.jsx)(material_1.TableBody, { ref: function (node) {
-            // @ts-ignore
-            tableBodyRef.current = node;
-            tableBodyMeasureRefCallback(node); // need this to get the height and width
-            if (isVirtualizeEnabled) {
-                scrollContainerRef.current = (node === null || node === void 0 ? void 0 : node.firstElementChild) || null;
-                hasScrollbarRefCallback((node === null || node === void 0 ? void 0 : node.firstElementChild) || null);
-            }
-        }, component: "div", css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        && {\n          display: block;\n        }\n      "], ["\n        && {\n          display: block;\n        }\n      "]))), className: "DataTable__TableBody" },
-        isVirtualizeEnabled && !!height && !!width && ((0, react_1.jsx)(react_virtualized_1.Grid, { deferredMeasurementCache: cache.current, height: height, width: width, overscanRowCount: 5, columnCount: 1, columnWidth: cache.current.columnWidth, rowCount: tableRows.length, rowHeight: cache.current.rowHeight, estimatedRowSize: defaultRowHeight, cellRenderer: renderRow, onScroll: function (params) {
-                var scrollLeft = params.scrollLeft;
-                setScrollLeft(scrollLeft);
-            } })),
-        !isVirtualizeEnabled && !!height && !!width && ((0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            height: ", "px;\n            width: ", "px;\n            overflow: auto;\n          "], ["\n            height: ", "px;\n            width: ", "px;\n            overflow: auto;\n          "])), height, width), ref: function (node) {
-                scrollContainerRef.current = node;
-                hasScrollbarRefCallback(node);
-            }, onScroll: function (evt) {
-                var scrollLeft = evt.target.scrollLeft;
-                setScrollLeft(scrollLeft);
-            } },
-            (0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n              width: ", "px;\n            "], ["\n              width: ", "px;\n            "])), scrollContentWidth) }, tableRows.length > 0 ? (tableRows.map(function (row) {
-                prepareRow(row);
-                var _a = row.getRowProps(), key = _a.key, restOfRowProps = __rest(_a, ["key"]);
-                return ((0, react_1.jsx)(BodyRow_1.default, { key: key, css: (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                      width: ", ";\n                    "], ["\n                      width: ", ";\n                    "])), trueWidth > totalColumnsWidth ? '100%' : 'max-content'), ExpandedComponent: ExpandedComponent, row: row, rowProps: restOfRowProps, getRowClassName: getRowClassName }));
-            })) : ((0, react_1.jsx)(material_1.TableRow, { component: "div", css: (0, react_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n                  && {\n                    display: flex;\n                    flex-direction: row;\n                    flex-wrap: nowrap;\n                    align-items: center;\n                    box-sizing: border-box;\n                    min-width: 100%;\n                    width: 100%;\n                    border-bottom: 1px solid rgba(224, 224, 224, 1);\n                  }\n\n                  &&:last-child {\n                    border-bottom: none;\n                  }\n                "], ["\n                  && {\n                    display: flex;\n                    flex-direction: row;\n                    flex-wrap: nowrap;\n                    align-items: center;\n                    box-sizing: border-box;\n                    min-width: 100%;\n                    width: 100%;\n                    border-bottom: 1px solid rgba(224, 224, 224, 1);\n                  }\n\n                  &&:last-child {\n                    border-bottom: none;\n                  }\n                "]))) },
-                (0, react_1.jsx)(material_1.TableCell, { component: "div", variant: "body", css: (0, react_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n                    && {\n                      display: block;\n                      border-bottom: none;\n                      width: 100%;\n                    }\n                  "], ["\n                    && {\n                      display: block;\n                      border-bottom: none;\n                      width: 100%;\n                    }\n                  "]))) },
-                    (0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n                      text-align: center;\n                    "], ["\n                      text-align: center;\n                    "]))) },
-                        (0, react_1.jsx)("span", null, noMatchLabel))))))))));
-}
-exports.default = TableBodyContent;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/lib/components/material-ui/DataTable/TablePieces/Toolbar.js

@@ -1,59 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsxRuntime classic */
-/** @jsx jsx */
-var react_1 = require("@emotion/react");
-var material_1 = require("@mui/material");
-var ViewColumnTool_1 = __importDefault(require("./ViewColumnTool"));
-var icons_material_1 = require("@mui/icons-material");
-var react_2 = require("react");
-var GlobalSearchFilter_1 = __importDefault(require("./GlobalSearchFilter"));
-var FilterTool_1 = __importDefault(require("../FilterTool"));
-function Toolbar(_a) {
-    var title = _a.title, allColumns = _a.allColumns, columnNameById = _a.columnNameById, enableFilters = _a.enableFilters, enableGlobalSearch = _a.enableGlobalSearch, enableHideColumns = _a.enableHideColumns, hasRowsSelected = _a.hasRowsSelected, numRowsSelected = _a.numRowsSelected, globalFilter = _a.globalFilter, renderActions = _a.renderActions, renderRowSelectActions = _a.renderRowSelectActions, setAllFilters = _a.setAllFilters, setGlobalFilter = _a.setGlobalFilter;
-    var _b = __read((0, react_2.useState)(false), 2), showSearch = _b[0], setShowSearch = _b[1];
-    return ((0, react_1.jsx)(material_1.Toolbar, { sx: hasRowsSelected ? { backgroundColor: function (theme) { return (0, material_1.lighten)(theme.palette.primary.light, 0.85); } } : undefined },
-        (0, react_1.jsx)(material_1.Grid, { container: true, spacing: 2 },
-            (0, react_1.jsx)(material_1.Grid, { item: true, sm: 6 },
-                (0, react_1.jsx)(material_1.Stack, { direction: "row" }, enableGlobalSearch && showSearch ? ((0, react_1.jsx)(GlobalSearchFilter_1.default, { globalFilter: globalFilter, setGlobalFilter: setGlobalFilter, setShowSearch: setShowSearch })) : hasRowsSelected ? ((0, react_1.jsx)(material_1.Typography, { css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                  font-size: 1.125rem;\n                  margin-top: 4px;\n                "], ["\n                  font-size: 1.125rem;\n                  margin-top: 4px;\n                "]))) },
-                    numRowsSelected,
-                    " selected")) : ((0, react_1.jsx)(material_1.Typography, { css: (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                  font-size: 1.125rem;\n                  margin-top: 6px;\n                "], ["\n                  font-size: 1.125rem;\n                  margin-top: 6px;\n                "]))) }, title || '')))),
-            (0, react_1.jsx)(material_1.Grid, { item: true, sm: 6 },
-                (0, react_1.jsx)(material_1.Stack, { direction: "row", justifyContent: "flex-end", css: (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n              width: 100%;\n            "], ["\n              width: 100%;\n            "]))) },
-                    enableGlobalSearch && ((0, react_1.jsx)(material_1.Tooltip, { title: "Search" },
-                        (0, react_1.jsx)(material_1.IconButton, { onClick: function () {
-                                if (showSearch) {
-                                    setGlobalFilter(null);
-                                }
-                                setShowSearch(!showSearch);
-                            } },
-                            (0, react_1.jsx)(icons_material_1.Search, null)))),
-                    enableHideColumns && (0, react_1.jsx)(ViewColumnTool_1.default, { allColumns: allColumns, columnNameById: columnNameById }),
-                    enableFilters && ((0, react_1.jsx)(FilterTool_1.default, { allColumns: allColumns, columnNameById: columnNameById, setAllFilters: setAllFilters })),
-                    hasRowsSelected ? renderRowSelectActions && renderRowSelectActions() : renderActions && renderActions())))));
-}
-exports.default = Toolbar;
-var templateObject_1, templateObject_2, templateObject_3;

package/lib/components/material-ui/DataTable/TablePieces/ViewColumnTool.js

@@ -1,77 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsxRuntime classic */
-/** @jsx jsx */
-var react_1 = require("@emotion/react");
-var react_2 = require("react");
-var material_1 = require("@mui/material");
-var icons_material_1 = require("@mui/icons-material");
-var nanoid_1 = require("nanoid");
-var IndeterminateCheckbox_1 = __importDefault(require("./IndeterminateCheckbox"));
-var DataTable_1 = require("../DataTable");
-function ViewColumnTool(_a) {
-    var allColumns = _a.allColumns, columnNameById = _a.columnNameById;
-    var id = (0, react_2.useMemo)(function () { return (0, nanoid_1.nanoid)(); }, []);
-    var _b = __read((0, react_2.useState)(null), 2), anchorEl = _b[0], setAnchorEl = _b[1];
-    var open = !!anchorEl;
-    function handleClick(evt) {
-        setAnchorEl(evt.currentTarget);
-    }
-    function handleClose() {
-        setAnchorEl(null);
-    }
-    return ((0, react_1.jsx)(react_2.Fragment, null,
-        (0, react_1.jsx)(material_1.Tooltip, { title: "Show Columns" },
-            (0, react_1.jsx)(material_1.IconButton, { "aria-describedby": id, onClick: handleClick },
-                (0, react_1.jsx)(icons_material_1.ViewColumn, null))),
-        (0, react_1.jsx)(material_1.Popover, { id: id, open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: { vertical: 'bottom', horizontal: 'center' } },
-            (0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            padding: 0.5rem;\n          "], ["\n            padding: 0.5rem;\n          "]))) },
-                (0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n              display: flex;\n              flex-direction: row;\n              justify-content: flex-start;\n              align-items: center;\n            "], ["\n              display: flex;\n              flex-direction: row;\n              justify-content: flex-start;\n              align-items: center;\n            "]))) },
-                    (0, react_1.jsx)(material_1.Typography, { css: (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                font-size: 14px;\n                color: rgba(0, 0, 0, 0.54);\n              "], ["\n                font-size: 14px;\n                color: rgba(0, 0, 0, 0.54);\n              "]))) }, "Show Columns"),
-                    (0, react_1.jsx)(material_1.Tooltip, { title: "Close" },
-                        (0, react_1.jsx)(material_1.IconButton, { onClick: handleClose },
-                            (0, react_1.jsx)(icons_material_1.Close, null)))),
-                (0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n              display: flex;\n              flex-direction: column;\n              justify-content: flex-start;\n              align-items: flex-start;\n            "], ["\n              display: flex;\n              flex-direction: column;\n              justify-content: flex-start;\n              align-items: flex-start;\n            "]))) }, allColumns
-                    .filter(function (column) { return column.id !== DataTable_1.ACTION_COLUMN_ID; })
-                    .map(function (column) {
-                    return ((0, react_1.jsx)(material_1.FormControlLabel, { key: column.id, label: columnNameById[column.id], 
-                        // @ts-ignore
-                        control: (0, react_1.jsx)(IndeterminateCheckbox_1.default, __assign({}, column.getToggleHiddenProps())) }));
-                }))))));
-}
-exports.default = ViewColumnTool;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/lib/components/material-ui/DataTable/Toolbar.d.ts

@@ -1,24 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { ReactNode } from 'react';
-import { SimpleMap } from '../../../types/Internal.types';
-import { EnhancedHeader } from './DataTable';
-import { UseFiltersInstanceProps } from 'react-table';
-interface Props<D extends object> {
-    title?: string;
-    allColumns: EnhancedHeader<D>[];
-    columnNameById: SimpleMap<string>;
-    enableFilters?: boolean;
-    enableGlobalSearch?: boolean;
-    enableHideColumns?: boolean;
-    hasRowsSelected: boolean;
-    numRowsSelected: number;
-    globalFilter: string;
-    renderActions?: () => ReactNode;
-    renderRowSelectActions?: () => ReactNode;
-    setAllFilters: UseFiltersInstanceProps<D>['setAllFilters'];
-    setGlobalFilter: (filterValue: any) => void | Promise<void>;
-}
-export default function Toolbar<D extends object>({ title, allColumns, columnNameById, enableFilters, enableGlobalSearch, enableHideColumns, hasRowsSelected, numRowsSelected, globalFilter, renderActions, renderRowSelectActions, setAllFilters, setGlobalFilter, }: Props<D>): jsx.JSX.Element;
-export {};

package/lib/components/material-ui/DataTable/Toolbar.js

@@ -1,63 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsxRuntime classic */
-/** @jsx jsx */
-var react_1 = require("@emotion/react");
-var material_1 = require("@mui/material");
-var ViewColumnTool_1 = __importDefault(require("./ViewColumnTool"));
-var icons_material_1 = require("@mui/icons-material");
-var react_2 = require("react");
-var GlobalSearchFilter_1 = __importDefault(require("./GlobalSearchFilter"));
-var FilterTool_1 = __importDefault(require("./FilterTool"));
-function Toolbar(_a) {
-    var title = _a.title, allColumns = _a.allColumns, columnNameById = _a.columnNameById, enableFilters = _a.enableFilters, enableGlobalSearch = _a.enableGlobalSearch, enableHideColumns = _a.enableHideColumns, hasRowsSelected = _a.hasRowsSelected, numRowsSelected = _a.numRowsSelected, globalFilter = _a.globalFilter, renderActions = _a.renderActions, renderRowSelectActions = _a.renderRowSelectActions, setAllFilters = _a.setAllFilters, setGlobalFilter = _a.setGlobalFilter;
-    var _b = __read((0, react_2.useState)(false), 2), showSearch = _b[0], setShowSearch = _b[1];
-    return ((0, react_1.jsx)(material_1.Toolbar, { sx: hasRowsSelected ? { backgroundColor: function (theme) { return (0, material_1.lighten)(theme.palette.primary.light, 0.85); } } : undefined }, hasRowsSelected ? ((0, react_1.jsx)(material_1.Grid, { container: true, spacing: 2 },
-        (0, react_1.jsx)(material_1.Grid, { item: true, sm: 6 },
-            (0, react_1.jsx)(material_1.Stack, { height: "100%", direction: "row", alignContent: "center" },
-                (0, react_1.jsx)(material_1.Typography, { css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                  font-size: 1.125rem;\n                  margin-top: 4px;\n                "], ["\n                  font-size: 1.125rem;\n                  margin-top: 4px;\n                "]))) },
-                    numRowsSelected,
-                    " selected"))),
-        (0, react_1.jsx)(material_1.Grid, { item: true, sm: 6 },
-            (0, react_1.jsx)(material_1.Stack, { direction: "row", justifyContent: "flex-end", css: (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                width: 100%;\n              "], ["\n                width: 100%;\n              "]))) }, renderRowSelectActions && renderRowSelectActions())))) : ((0, react_1.jsx)(material_1.Grid, { container: true, spacing: 2 },
-        (0, react_1.jsx)(material_1.Grid, { item: true, sm: 6 },
-            (0, react_1.jsx)(material_1.Stack, { direction: "row" }, enableGlobalSearch && showSearch ? ((0, react_1.jsx)(GlobalSearchFilter_1.default, { globalFilter: globalFilter, setGlobalFilter: setGlobalFilter, setShowSearch: setShowSearch })) : ((0, react_1.jsx)(material_1.Typography, { css: (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                    font-size: 1.125rem;\n                    margin-top: 6px;\n                  "], ["\n                    font-size: 1.125rem;\n                    margin-top: 6px;\n                  "]))) }, title || '')))),
-        (0, react_1.jsx)(material_1.Grid, { item: true, sm: 6 },
-            (0, react_1.jsx)(material_1.Stack, { direction: "row", justifyContent: "flex-end", css: (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                width: 100%;\n              "], ["\n                width: 100%;\n              "]))) },
-                enableGlobalSearch && ((0, react_1.jsx)(material_1.Tooltip, { title: "Search" },
-                    (0, react_1.jsx)(material_1.IconButton, { onClick: function () {
-                            if (showSearch) {
-                                setGlobalFilter(null);
-                            }
-                            setShowSearch(!showSearch);
-                        } },
-                        (0, react_1.jsx)(icons_material_1.Search, null)))),
-                enableHideColumns && (0, react_1.jsx)(ViewColumnTool_1.default, { allColumns: allColumns, columnNameById: columnNameById }),
-                enableFilters && ((0, react_1.jsx)(FilterTool_1.default, { allColumns: allColumns, columnNameById: columnNameById, setAllFilters: setAllFilters })),
-                renderActions && renderActions()))))));
-}
-exports.default = Toolbar;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/lib/components/material-ui/DataTable/Utils.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import short from 'short-uuid';
-import { EnhancedRow } from './DataTable';
-/**
- * This custom hook is designed to replace the `<CellMeasurer />` component in `react-virtualized`
- * in `react-window`
- *
- * This hook returns props to be given to the `<VariableSizeList />` component in `react-window`
- *
- * `items` are react elements
- */
-export default function useCellMeasurer({ items, renderItem, }: {
-    items: any[];
-    renderItem: (item: EnhancedRow<any>) => JSX.Element;
-}): {
-    innerRef: import("react").RefObject<HTMLDivElement>;
-    itemSize: (index: any) => number;
-    itemCount: number;
-    key: short.SUUID;
-    style: {
-        visibility?: undefined;
-    } | {
-        visibility: string;
-    };
-};

package/lib/components/material-ui/DataTable/Utils.js

@@ -1,119 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var short_uuid_1 = __importDefault(require("short-uuid"));
-var server_1 = require("react-dom/server");
-var resize_observer_polyfill_1 = __importDefault(require("resize-observer-polyfill"));
-/**
- * This custom hook is designed to replace the `<CellMeasurer />` component in `react-virtualized`
- * in `react-window`
- *
- * This hook returns props to be given to the `<VariableSizeList />` component in `react-window`
- *
- * `items` are react elements
- */
-function useCellMeasurer(_a) {
-    var items = _a.items, renderItem = _a.renderItem;
-    // create a ref to get the `div` element the `VariableSizeList` uses
-    var innerRef = (0, react_1.useRef)(null);
-    // create a unique ID for this cell measurer instance
-    var id = (0, react_1.useMemo)(function () { return short_uuid_1.default.generate(); }, []);
-    // create a "hidden sizing element" in state.
-    //
-    // when the innerRef element mounts, the width of the innerRef will be used for width of
-    // the hidden sizing element
-    var _b = __read((0, react_1.useState)(null), 2), hiddenSizingEl = _b[0], setHiddenSizingEl = _b[1];
-    // this width is used to determine whether the list needs to be re-rendered due to a resize
-    var _c = __read((0, react_1.useState)(0), 2), width = _c[0], setWidth = _c[1];
-    // `itemSize` is a function required by `VariableSizeList`. This function is called when it needs
-    // to get the height of the item inside it.
-    // note: the result of this function is memoized by `react-window` so it will only be called once
-    // to get the item size
-    var itemSize = (0, react_1.useCallback)(function (index) {
-        if (!hiddenSizingEl)
-            return 0;
-        // get the item (which is a react node)
-        var item = items[index];
-        // then render the react node to a string synchronously with `react-dom/server`
-        hiddenSizingEl.innerHTML = (0, server_1.renderToString)(renderItem(item));
-        // get and return the size of the hidden sizing element
-        return hiddenSizingEl.clientHeight || 0;
-    }, [hiddenSizingEl, items]);
-    // this effects adds the hidden sizing element to the DOM
-    (0, react_1.useEffect)(function () {
-        /** @type {HTMLElement} */
-        var innerEl = innerRef.current;
-        if (!innerEl)
-            return;
-        if (hiddenSizingEl)
-            return;
-        var newHiddenSizingEl = document.createElement('div');
-        var width = innerEl.clientWidth;
-        newHiddenSizingEl.classList.add("hidden-sizing-element-" + id);
-        newHiddenSizingEl.style.position = 'absolute';
-        newHiddenSizingEl.style.top = '0';
-        newHiddenSizingEl.style.width = width + "px";
-        newHiddenSizingEl.style.pointerEvents = 'none';
-        newHiddenSizingEl.style.visibility = 'hidden';
-        setHiddenSizingEl(newHiddenSizingEl);
-        document.body.appendChild(newHiddenSizingEl);
-    }, [hiddenSizingEl, id]);
-    // this removes all hidden sizing elements on unmount
-    (0, react_1.useEffect)(function () {
-        // returning a function from `useEffect` is the "clean-up" phase
-        return function () {
-            var hiddenSizingElement = document.querySelector(".hidden-sizing-element-" + id);
-            if (hiddenSizingElement) {
-                document.body.removeChild(hiddenSizingElement);
-            }
-        };
-    }, [id]);
-    // this is used to watch for changes in the size of the list element and sets the width
-    (0, react_1.useEffect)(function () {
-        var el = innerRef.current;
-        if (!el)
-            return;
-        function handleResize() {
-            var width = ((el === null || el === void 0 ? void 0 : el.getBoundingClientRect()) || { width: 0 }).width;
-            setWidth(width);
-        }
-        var resizeObserver = new resize_observer_polyfill_1.default(handleResize);
-        resizeObserver.observe(el);
-        return function () { return resizeObserver.disconnect(); };
-    }, []);
-    // this key is used to re-render the list when the dependencies array changes
-    var key = (0, react_1.useMemo)(function () { return short_uuid_1.default.generate(); }, [itemSize, hiddenSizingEl, width]);
-    // while there is no hidden sizing element, hide the list element
-    var style = hiddenSizingEl
-        ? {}
-        : {
-            visibility: 'hidden',
-        };
-    return {
-        innerRef: innerRef,
-        itemSize: itemSize,
-        itemCount: items.length,
-        key: key,
-        style: style,
-    };
-}
-exports.default = useCellMeasurer;

package/lib/components/material-ui/DataTable/ViewColumnTool.d.ts

@@ -1,11 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { ColumnInstance } from 'react-table';
-import { SimpleMap } from '../../../types/Internal.types';
-interface Props<D extends object> {
-    allColumns: ColumnInstance<D>[];
-    columnNameById: SimpleMap<string>;
-}
-export default function ViewColumnTool<D extends object>({ allColumns, columnNameById }: Props<D>): jsx.JSX.Element;
-export {};