@vendorflow/components 2.0.97 → 2.0.99

package/lib/components/material-ui/ChatInterface/MessageThread.js

@@ -1,119 +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 __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 MessageItem_1 = __importDefault(require("./MessageItem"));
-var lodash_1 = require("lodash");
-var material_1 = require("@mui/material");
-function MessageThread(_a) {
-    var _b;
-    var userId = _a.userId, messages = _a.messages, inputHeight = _a.inputHeight, hasNextPage = _a.hasNextPage, fetchNextPage = _a.fetchNextPage, isLoading = _a.isLoading, isFetching = _a.isFetching, isSubmitting = _a.isSubmitting, colors = _a.colors;
-    var isInitialized = (0, react_2.useRef)(false);
-    var isScrollLoad = (0, react_2.useRef)(false);
-    var hasSubmitted = (0, react_2.useRef)(false);
-    var prevScrollTop = (0, react_2.useRef)(null);
-    var prevScrollHeight = (0, react_2.useRef)(null);
-    var shouldScrollToPrevPosition = (0, react_2.useRef)(false);
-    var scrollParent = (0, react_2.useRef)(null);
-    var handleScrollEvent = (0, react_2.useCallback)((0, lodash_1.debounce)(function (evt) {
-        var parent = evt.target;
-        if (parent.scrollTop === 0 && hasNextPage && fetchNextPage && !isLoading && !isFetching) {
-            isScrollLoad.current = true;
-            prevScrollHeight.current = parent.scrollHeight;
-            fetchNextPage();
-        }
-    }, 300), [hasNextPage, fetchNextPage, isLoading, isFetching]);
-    (0, react_2.useEffect)(function () {
-        if (isSubmitting) {
-            hasSubmitted.current = true;
-        }
-    }, [isSubmitting]);
-    // This will handle the initial loading of messages, then scroll to bottom
-    (0, react_2.useEffect)(function () {
-        if (!isInitialized.current && !isFetching && scrollParent.current) {
-            var _a = scrollParent.current, clientHeight = _a.clientHeight, scrollHeight = _a.scrollHeight;
-            if (clientHeight >= scrollHeight && hasNextPage && fetchNextPage) {
-                fetchNextPage();
-                return;
-            }
-            isInitialized.current = true;
-            scrollParent.current.scrollTo(0, scrollHeight - clientHeight);
-        }
-    }, [isFetching, isInitialized.current, hasNextPage, fetchNextPage]);
-    // Sets up the scroll event listener
-    (0, react_2.useEffect)(function () {
-        if (scrollParent.current) {
-            scrollParent.current.addEventListener('scroll', handleScrollEvent);
-        }
-        return function () {
-            if (scrollParent.current) {
-                scrollParent.current.removeEventListener('scroll', handleScrollEvent);
-            }
-        };
-    }, [scrollParent.current, hasNextPage, fetchNextPage, isLoading, isFetching]);
-    // Handles the scroll position adjustment after fetching the next page
-    (0, react_2.useEffect)(function () {
-        if (!isFetching &&
-            isInitialized.current &&
-            scrollParent.current &&
-            isScrollLoad.current &&
-            prevScrollHeight.current &&
-            scrollParent.current.scrollHeight !== prevScrollHeight.current) {
-            var delta = scrollParent.current.scrollHeight - prevScrollHeight.current;
-            scrollParent.current.scrollTo(0, delta);
-            isScrollLoad.current = false;
-            prevScrollHeight.current = 0;
-        }
-    }, [isFetching, prevScrollHeight.current]);
-    // Manages scroll position for data changes that are triggered from anything other than the scroll event
-    (0, react_2.useEffect)(function () {
-        var _a;
-        if (scrollParent.current && !isScrollLoad.current && isInitialized.current) {
-            var _b = scrollParent.current, scrollHeight = _b.scrollHeight, scrollTop = _b.scrollTop, clientHeight = _b.clientHeight;
-            if (isFetching) {
-                // track the current position
-                prevScrollHeight.current = scrollHeight;
-                prevScrollTop.current = scrollTop;
-                var distanceFromBottom = scrollHeight - scrollTop - clientHeight;
-                if (!isSubmitting && distanceFromBottom > 200) {
-                    shouldScrollToPrevPosition.current = true;
-                }
-            }
-            else {
-                // init to scroll to bottom delta
-                var delta = scrollHeight - clientHeight;
-                if (hasSubmitted.current) {
-                    // scroll to bottom if this was triggered by the current user's sent message
-                    (_a = scrollParent.current) === null || _a === void 0 ? void 0 : _a.scrollTo(0, delta);
-                }
-                else if (!isFetching && prevScrollHeight.current !== null && prevScrollTop.current !== null) {
-                    if (shouldScrollToPrevPosition.current) {
-                        delta = prevScrollTop.current;
-                    }
-                    scrollParent.current.scrollTo(0, delta);
-                }
-                // clean up
-                prevScrollHeight.current = null;
-                prevScrollTop.current = null;
-                hasSubmitted.current = false;
-                shouldScrollToPrevPosition.current = false;
-            }
-        }
-    }, [isFetching, (_b = scrollParent.current) === null || _b === void 0 ? void 0 : _b.scrollHeight]);
-    return ((0, react_1.jsx)("div", { ref: scrollParent, css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        box-sizing: border-box;\n        height: calc(100% - ", "px);\n        width: 100%;\n        padding: 0.5rem 1rem;\n        overflow-y: auto;\n      "], ["\n        box-sizing: border-box;\n        height: calc(100% - ", "px);\n        width: 100%;\n        padding: 0.5rem 1rem;\n        overflow-y: auto;\n      "])), inputHeight) },
-        (0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          display: flex;\n          flex-direction: column-reverse;\n          justify-content: flex-start;\n          align-items: flex-start;\n        "], ["\n          display: flex;\n          flex-direction: column-reverse;\n          justify-content: flex-start;\n          align-items: flex-start;\n        "]))) },
-            messages.map(function (message) { return ((0, react_1.jsx)(MessageItem_1.default, { key: "" + message.id, message: message, userId: userId, colors: colors })); }),
-            hasNextPage && ((0, react_1.jsx)("div", { key: "loader", css: (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n              width: 100%;\n              margin: 0.5rem 0;\n              height: auto;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n\n              && {\n                visibility: ", ";\n              }\n            "], ["\n              width: 100%;\n              margin: 0.5rem 0;\n              height: auto;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n\n              && {\n                visibility: ", ";\n              }\n            "])), isFetching && isScrollLoad ? 'visible' : 'hidden') },
-                (0, react_1.jsx)(material_1.CircularProgress, { size: "1.5rem", disableShrink: true }))))));
-}
-exports.default = MessageThread;
-var templateObject_1, templateObject_2, templateObject_3;

package/lib/components/material-ui/ChatInterface/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ChatInterface';

package/lib/components/material-ui/ChatInterface/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var ChatInterface_1 = require("./ChatInterface");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ChatInterface_1).default; } });

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

@@ -1,12 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { Filters, UseFiltersInstanceProps } from 'react-table';
-import { SimpleMap } from '../../../types/Internal.types';
-interface Props<D extends object> {
-    columnNameById: SimpleMap<string>;
-    filters: Filters<D>;
-    setFilter: UseFiltersInstanceProps<D>['setFilter'];
-}
-export default function AppliedFilters<D extends object>({ columnNameById, filters, setFilter }: Props<D>): jsx.JSX.Element | null;
-export {};

package/lib/components/material-ui/DataTable/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/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/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 {};