@vendorflow/components 2.1.1 → 3.0.5

package/lib/components/material-ui/DataTable/FilterTool/Filters/TextFilter.js

@@ -1,52 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_table_1 = require("react-table");
-var material_1 = require("@mui/material");
-function TextFilter(_a) {
-    var _b = _a.column, filterValue = _b.filterValue, setFilter = _b.setFilter;
-    var _c = __read((0, react_1.useState)(filterValue || ''), 2), value = _c[0], setValue = _c[1];
-    var onChange = (0, react_table_1.useAsyncDebounce)(function (value) {
-        setFilter(value || undefined);
-    }, 300);
-    return (react_1.default.createElement(material_1.TextField, { fullWidth: true, size: "small", label: "Filter Value", value: value, onChange: function (evt) {
-            setValue(evt.target.value);
-            onChange(evt.target.value);
-        } }));
-}
-exports.default = TextFilter;

package/lib/components/material-ui/DataTable/FilterTool/index.js

@@ -1,78 +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 react_2 = require("react");
-var material_1 = require("@mui/material");
-var icons_material_1 = require("@mui/icons-material");
-var nanoid_1 = require("nanoid");
-var InputSearchDropdown_1 = __importDefault(require("../../InputSearchDropdown"));
-function FilterTool(_a) {
-    var allColumns = _a.allColumns, columnNameById = _a.columnNameById, setAllFilters = _a.setAllFilters;
-    var popoverId = (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 _c = __read((0, react_2.useState)(null), 2), filter = _c[0], setFilter = _c[1];
-    var open = !!anchorEl;
-    var _d = (0, react_2.useMemo)(function () {
-        var columnById = {};
-        var options = [];
-        allColumns.forEach(function (col) {
-            if (col.canFilter) {
-                columnById[col.id] = col;
-                options.push(col.id);
-            }
-        });
-        return { columnById: columnById, options: options };
-    }, [allColumns]), columnById = _d.columnById, options = _d.options;
-    function handleClick(evt) {
-        setAnchorEl(evt.currentTarget);
-    }
-    function handleClose() {
-        setAnchorEl(null);
-        setFilter(null);
-    }
-    return ((0, react_1.jsx)(react_2.Fragment, null,
-        (0, react_1.jsx)(material_1.Tooltip, { title: "Filter Table" },
-            (0, react_1.jsx)(material_1.IconButton, { "aria-describedby": popoverId, onClick: handleClick },
-                (0, react_1.jsx)(icons_material_1.FilterList, null))),
-        (0, react_1.jsx)(material_1.Popover, { id: popoverId, open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: { vertical: 'bottom', horizontal: 'center' } },
-            (0, react_1.jsx)(material_1.Grid, { container: true, spacing: 1, css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            padding: 1rem;\n            width: 15rem;\n          "], ["\n            padding: 1rem;\n            width: 15rem;\n          "]))) },
-                (0, react_1.jsx)(material_1.Grid, { css: (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n              display: flex;\n              flex-direction: row;\n              justify-content: space-between;\n              align-items: center;\n              margin-bottom: 0.5rem;\n            "], ["\n              display: flex;\n              flex-direction: row;\n              justify-content: space-between;\n              align-items: center;\n              margin-bottom: 0.5rem;\n            "]))), item: true, sm: 12 },
-                    (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              "]))) }, "Filters"),
-                    (0, react_1.jsx)("div", null,
-                        (0, react_1.jsx)(material_1.Tooltip, { title: "Clear All Filters" },
-                            (0, react_1.jsx)(material_1.IconButton, { onClick: function () { return setAllFilters([]); } },
-                                (0, react_1.jsx)(icons_material_1.ClearAll, null))),
-                        (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)(material_1.Grid, { css: (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n              margin-bottom: 1rem;\n            "], ["\n              margin-bottom: 1rem;\n            "]))), item: true, sm: 12 },
-                    (0, react_1.jsx)(InputSearchDropdown_1.default, { label: "Column", size: "small", fullWidth: true, value: filter, onChange: function (evt) { return setFilter(evt.target.value); }, options: options, getOptionLabel: function (option) { return columnNameById[option]; } })),
-                filter && columnById[filter].canFilter && ((0, react_1.jsx)(material_1.Grid, { item: true, sm: 12 }, columnById[filter].render('Filter')))))));
-}
-exports.default = FilterTool;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -1,10 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-interface Props {
-    setShowSearch: (value: boolean) => void;
-    globalFilter: string;
-    setGlobalFilter: (filterValue: any) => void;
-}
-export default function GlobalSearchFilter({ globalFilter, setGlobalFilter, setShowSearch }: Props): jsx.JSX.Element;
-export {};

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

@@ -1,49 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsxRuntime classic */
-/** @jsx jsx */
-var react_1 = require("@emotion/react");
-var material_1 = require("@mui/material");
-var icons_material_1 = require("@mui/icons-material");
-var react_table_1 = require("react-table");
-var react_2 = require("react");
-function GlobalSearchFilter(_a) {
-    var globalFilter = _a.globalFilter, setGlobalFilter = _a.setGlobalFilter, setShowSearch = _a.setShowSearch;
-    var _b = __read((0, react_2.useState)(globalFilter), 2), value = _b[0], setValue = _b[1];
-    var onChange = (0, react_table_1.useAsyncDebounce)(function (value) {
-        setGlobalFilter(value || undefined);
-    }, 300);
-    return ((0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        max-width: 100%;\n        min-width: 20rem;\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center;\n      "], ["\n        max-width: 100%;\n        min-width: 20rem;\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center;\n      "]))), "data-testid": "globalSearchFilter" },
-        (0, react_1.jsx)(icons_material_1.Search, null),
-        (0, react_1.jsx)(material_1.TextField, { value: value || '', onChange: function (evt) {
-                setValue(evt.target.value);
-                onChange(evt.target.value);
-            }, fullWidth: true, variant: "standard", autoFocus: true }),
-        (0, react_1.jsx)(material_1.IconButton, { onClick: function () {
-                setGlobalFilter(null);
-                setShowSearch(false);
-            } },
-            (0, react_1.jsx)(icons_material_1.Close, null))));
-}
-exports.default = GlobalSearchFilter;
-var templateObject_1;

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const CHECKBOX_WIDTH = 32;
-declare const IndeterminateCheckbox: import("react").ForwardRefExoticComponent<HTMLInputElement & import("react").RefAttributes<HTMLInputElement>>;
-export default IndeterminateCheckbox;

package/lib/components/material-ui/DataTable/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/SortIndicator.d.ts

@@ -1,10 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-interface Props {
-    canSort?: boolean;
-    isSorted?: boolean;
-    isSortedDesc?: boolean;
-}
-export default function SortIndicator({ canSort, isSorted, isSortedDesc }: Props): jsx.JSX.Element | null;
-export {};

package/lib/components/material-ui/DataTable/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/AppliedFilters.js

@@ -1,26 +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 material_1 = require("@mui/material");
-var SingleSelectFilter_1 = require("../FilterTool/Filters/SingleSelectFilter");
-var PADDING = 24;
-function AppliedFilters(_a) {
-    var columnNameById = _a.columnNameById, filters = _a.filters, setFilter = _a.setFilter;
-    if (!filters.length) {
-        return null;
-    }
-    return ((0, react_1.jsx)(material_1.Stack, { direction: "row", overflow: "none", css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        width: calc(100% - ", "px);\n        padding: 8px ", "px;\n        flex-wrap: wrap;\n        gap: 0.25rem 0.25rem;\n      "], ["\n        width: calc(100% - ", "px);\n        padding: 8px ", "px;\n        flex-wrap: wrap;\n        gap: 0.25rem 0.25rem;\n      "])), PADDING * 2, PADDING) }, filters
-        .filter(function (filter) {
-        return (Array.isArray(filter.value) && !!filter.value.length) ||
-            (!Array.isArray(filter.value) && filter.value != null);
-    })
-        .map(function (filter) { return ((0, react_1.jsx)(material_1.Chip, { key: filter.id, label: columnNameById[filter.id] + ": " + (filter.value === '' ? SingleSelectFilter_1.BLANK_VALUE_LABEL : filter.value), onDelete: function () { return setFilter(filter.id, null); } })); })));
-}
-exports.default = AppliedFilters;
-var templateObject_1;

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

@@ -1,50 +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 material_1 = require("@mui/material");
-var classnames_1 = __importDefault(require("classnames"));
-var DataTable_1 = require("../DataTable");
-function BodyCell(_a) {
-    var cell = _a.cell, cellProps = _a.cellProps;
-    var style = cellProps.style, className = cellProps.className, restOfCellProps = __rest(cellProps, ["style", "className"]);
-    var isActionColumn = cell.column.id === DataTable_1.ACTION_COLUMN_ID;
-    return ((0, react_1.jsx)(react_1.ClassNames, null, function (_a) {
-        var css = _a.css, cx = _a.cx;
-        return ((0, react_1.jsx)(material_1.TableCell, __assign({ css: cx(
-            // @ts-ignore
-            css(style), css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n              && {\n                padding: ", "px;\n                display: block;\n                border-bottom: none;\n                ", "\n              }\n            "], ["\n              && {\n                padding: ", "px;\n                display: block;\n                border-bottom: none;\n                ", "\n              }\n            "])), DataTable_1.CELL_PADDING, isActionColumn ? 'flex: none;' : '')), className: (0, classnames_1.default)(className, isActionColumn ? 'cell-ActionColumn' : undefined) }, restOfCellProps, { component: "div", variant: "body" }), cell.render('Cell')));
-    }));
-}
-exports.default = BodyCell;
-var templateObject_1;

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

@@ -1,88 +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 __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 BodyCell_1 = __importDefault(require("./BodyCell"));
-var lodash_1 = require("lodash");
-var classnames_1 = __importDefault(require("classnames"));
-function BodyRow(_a) {
-    var ExpandedComponent = _a.ExpandedComponent, row = _a.row, rowProps = _a.rowProps, innerRef = _a.innerRef, style = _a.style, rootClassName = _a.className, measure = _a.measure, getRowClassName = _a.getRowClassName;
-    var _b = __read((0, react_2.useState)(null), 2), element = _b[0], setElement = _b[1];
-    var className = rowProps.className, rowPropsStyle = rowProps.style, restOfRowProps = __rest(rowProps, ["className", "style"]);
-    var isExpanded = row.isExpanded;
-    (0, react_2.useEffect)(function () {
-        if (!element)
-            return;
-        var resizeObserver = new ResizeObserver(measure ? measure : lodash_1.noop);
-        resizeObserver.observe(element);
-        return function () { return resizeObserver.disconnect(); };
-    }, [!!element]);
-    return ((0, react_1.jsx)(react_1.ClassNames, null, function (_a) {
-        var css = _a.css, cx = _a.cx;
-        return ((0, react_1.jsx)("div", { ref: function (node) {
-                setElement(node);
-                if (innerRef) {
-                    innerRef(node);
-                }
-            }, className: rootClassName, css: cx(style && css(style)) },
-            (0, react_1.jsx)(material_1.TableRow, __assign({}, restOfRowProps, { component: "div", css: cx(
-                // @ts-ignore
-                css(rowPropsStyle), css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                && {\n                  display: flex;\n                  flex-direction: row;\n                  flex-wrap: nowrap;\n                  align-items: center;\n                  box-sizing: border-box;\n                  border-bottom: 1px solid rgba(224, 224, 224, 1);\n                }\n              "], ["\n                && {\n                  display: flex;\n                  flex-direction: row;\n                  flex-wrap: nowrap;\n                  align-items: center;\n                  box-sizing: border-box;\n                  border-bottom: 1px solid rgba(224, 224, 224, 1);\n                }\n              "])))), className: (0, classnames_1.default)(className, getRowClassName && getRowClassName(row.id)) }), row.cells.map(function (cell) {
-                var _a = cell.getCellProps(), key = _a.key, restOfCellProps = __rest(_a, ["key"]);
-                return (0, react_1.jsx)(BodyCell_1.default, { key: key, cell: cell, cellProps: restOfCellProps });
-            })),
-            isExpanded && !!ExpandedComponent && ((0, react_1.jsx)(material_1.TableRow, { component: "div", css: css(templateObject_2 || (templateObject_2 = __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                && {\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              "]))) },
-                (0, react_1.jsx)(material_1.TableCell, { component: "div", variant: "body", css: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                  && {\n                    display: block;\n                    border-bottom: none;\n                  }\n                "], ["\n                  && {\n                    display: block;\n                    border-bottom: none;\n                  }\n                "]))) },
-                    (0, react_1.jsx)(ExpandedComponent, { data: row.original }))))));
-    }));
-}
-exports.default = BodyRow;
-var templateObject_1, templateObject_2, templateObject_3;

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

@@ -1,49 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsxRuntime classic */
-/** @jsx jsx */
-var react_1 = require("@emotion/react");
-var material_1 = require("@mui/material");
-var icons_material_1 = require("@mui/icons-material");
-var react_table_1 = require("react-table");
-var react_2 = require("react");
-function GlobalSearchFilter(_a) {
-    var globalFilter = _a.globalFilter, setGlobalFilter = _a.setGlobalFilter, setShowSearch = _a.setShowSearch;
-    var _b = __read((0, react_2.useState)(globalFilter), 2), value = _b[0], setValue = _b[1];
-    var onChange = (0, react_table_1.useAsyncDebounce)(function (value) {
-        setGlobalFilter(value || undefined);
-    }, 300);
-    return ((0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        max-width: 100%;\n        min-width: 20rem;\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center;\n      "], ["\n        max-width: 100%;\n        min-width: 20rem;\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center;\n      "]))), "data-testid": "globalSearchFilter" },
-        (0, react_1.jsx)(icons_material_1.Search, null),
-        (0, react_1.jsx)(material_1.TextField, { value: value || '', onChange: function (evt) {
-                setValue(evt.target.value);
-                onChange(evt.target.value);
-            }, fullWidth: true, variant: "standard", autoFocus: true }),
-        (0, react_1.jsx)(material_1.IconButton, { onClick: function () {
-                setGlobalFilter(null);
-                setShowSearch(false);
-            } },
-            (0, react_1.jsx)(icons_material_1.Close, null))));
-}
-exports.default = GlobalSearchFilter;
-var templateObject_1;

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

@@ -1,57 +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"));
-var SortIndicator_1 = __importDefault(require("./SortIndicator"));
-var material_1 = require("@mui/material");
-var icons_material_1 = require("@mui/icons-material");
-var DataTable_1 = require("../DataTable");
-function HeaderCell(_a) {
-    var className = _a.className, flexLayoutEnabled = _a.flexLayoutEnabled, header = _a.header, headerProps = _a.headerProps;
-    var headerPropsClassName = headerProps.className, style = headerProps.style, restOfProps = __rest(headerProps, ["className", "style"]);
-    return ((0, react_1.jsx)(react_1.ClassNames, null, function (_a) {
-        var css = _a.css, cx = _a.cx;
-        return ((0, react_1.jsx)(material_1.TableCell, __assign({}, restOfProps, { component: "div", variant: "head", css: cx(
-            // @ts-ignore
-            css(style), css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n              && {\n                display: flex;\n                box-sizing: border-box;\n                padding: ", "px;\n              }\n            "], ["\n              && {\n                display: flex;\n                box-sizing: border-box;\n                padding: ", "px;\n              }\n            "])), DataTable_1.CELL_PADDING), !flexLayoutEnabled &&
-                header.minWidth !== undefined && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                min-width: ", "px;\n              "], ["\n                min-width: ", "px;\n              "])), header.minWidth), !flexLayoutEnabled &&
-                header.maxWidth !== undefined && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                max-width: ", "px;\n              "], ["\n                max-width: ", "px;\n              "])), header.maxWidth), header.id.includes(DataTable_1.ACTION_COLUMN_ID) && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                flex: none;\n              "], ["\n                flex: none;\n              "])))), className: (0, classnames_1.default)(headerPropsClassName, className, "col-" + header.id) }),
-            (0, react_1.jsx)("div", { css: cx(css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n                position: relative;\n                display: flex;\n                flex-direction: row;\n                justify-content: ", ";\n                align-items: center;\n                width: 100%;\n                overflow: hidden;\n                white-space: nowrap;\n                text-overflow: ellipsis;\n              "], ["\n                position: relative;\n                display: flex;\n                flex-direction: row;\n                justify-content: ", ";\n                align-items: center;\n                width: 100%;\n                overflow: hidden;\n                white-space: nowrap;\n                text-overflow: ellipsis;\n              "])), header.columns != null ? 'center' : 'flex-start')) },
-                (0, react_1.jsx)("span", { css: cx(css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n                  font-weight: 600;\n                  flex: none;\n                "], ["\n                  font-weight: 600;\n                  flex: none;\n                "])))) }, header.render('Header')),
-                (0, react_1.jsx)(SortIndicator_1.default, { canSort: header.canSort, isSorted: header.isSorted, isSortedDesc: header.isSortedDesc }),
-                header.id !== DataTable_1.ACTION_COLUMN_ID && !header.id.includes('_placeholder') && !!header.getResizerProps && ((0, react_1.jsx)(icons_material_1.DragIndicator, __assign({ css: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n                  position: absolute;\n                  right: 0;\n                  top: 50%;\n                  transform: translate(-50%, -50%);\n                  color: #b2b2b2;\n                  background-color: white;\n                "], ["\n                  position: absolute;\n                  right: 0;\n                  top: 50%;\n                  transform: translate(-50%, -50%);\n                  color: #b2b2b2;\n                  background-color: white;\n                "]))) }, header.getResizerProps()))))));
-    }));
-}
-exports.default = HeaderCell;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;