@ansible/ansible-ui-framework 0.0.614 → 0.0.616

package/cjs/PageTable/PageTableList.js

@@ -1,153 +0,0 @@
-"use strict";
-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 __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useColumnsToDataList = exports.PageTableList = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-var IconWrapper_1 = require("../components/IconWrapper");
-var PageActions_1 = require("../PageActions/PageActions");
-var PageTable_1 = require("./PageTable");
-function PageTableList(props) {
-    var keyFn = props.keyFn, pageItems = props.pageItems, tableColumns = props.tableColumns, isSelected = props.isSelected, selectItem = props.selectItem, unselectItem = props.unselectItem, rowActions = props.rowActions, defaultCardSubtitle = props.defaultSubtitle, showSelect = props.showSelect;
-    var columnsToDataList = useColumnsToDataList(tableColumns, keyFn, isSelected, selectItem, unselectItem, rowActions, defaultCardSubtitle, showSelect);
-    return ((0, jsx_runtime_1.jsx)(react_core_1.DataList, __assign({ "aria-label": "TODO", style: { marginTop: -1, maxWidth: '100%', overflow: 'hidden' } }, { children: pageItems === null || pageItems === void 0 ? void 0 : pageItems.map(columnsToDataList) })));
-}
-exports.PageTableList = PageTableList;
-function useColumnsToDataList(tableColumns, keyFn, isSelected, selectItem, unselectItem, rowActions, defaultCardSubtitle, showSelect) {
-    var data = (0, react_1.useMemo)(function () {
-        var e_1, _a;
-        var nameColumn;
-        var subtitleColumn;
-        var descriptionColumn;
-        var countColumns = [];
-        var labelColumn;
-        var primaryColumns = [];
-        var secondaryColumns = [];
-        try {
-            for (var tableColumns_1 = __values(tableColumns), tableColumns_1_1 = tableColumns_1.next(); !tableColumns_1_1.done; tableColumns_1_1 = tableColumns_1.next()) {
-                var column = tableColumns_1_1.value;
-                switch (column.type) {
-                    case 'description':
-                        if (!descriptionColumn)
-                            descriptionColumn = column;
-                        break;
-                    case 'labels':
-                        if (!labelColumn)
-                            labelColumn = column;
-                        break;
-                    case 'count':
-                        countColumns.push(column);
-                        break;
-                    default:
-                        switch (column.list) {
-                            case 'name':
-                                nameColumn = column;
-                                break;
-                            case 'subtitle':
-                                subtitleColumn = column;
-                                break;
-                            case 'description':
-                                descriptionColumn = column;
-                                break;
-                            case 'hidden':
-                                break;
-                            case 'secondary':
-                                secondaryColumns.push(column);
-                                break;
-                            default:
-                                primaryColumns.push(column);
-                                break;
-                        }
-                        break;
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (tableColumns_1_1 && !tableColumns_1_1.done && (_a = tableColumns_1.return)) _a.call(tableColumns_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return {
-            nameColumn: nameColumn,
-            subtitleColumn: subtitleColumn,
-            descriptionColumn: descriptionColumn,
-            countColumns: countColumns,
-            primaryColumns: primaryColumns,
-            secondaryColumns: secondaryColumns,
-            labelColumn: labelColumn,
-        };
-    }, [tableColumns]);
-    var onSelectClick = (0, react_1.useCallback)(function (item) {
-        if (isSelected === null || isSelected === void 0 ? void 0 : isSelected(item)) {
-            unselectItem === null || unselectItem === void 0 ? void 0 : unselectItem(item);
-        }
-        else {
-            selectItem === null || selectItem === void 0 ? void 0 : selectItem(item);
-        }
-    }, [isSelected, selectItem, unselectItem]);
-    var nameColumn = data.nameColumn, subtitleColumn = data.subtitleColumn, descriptionColumn = data.descriptionColumn, countColumns = data.countColumns, primaryColumns = data.primaryColumns, secondaryColumns = data.secondaryColumns, labelColumn = data.labelColumn;
-    return (0, react_1.useCallback)(function (item) {
-        var key = keyFn(item);
-        var isItemSelected = isSelected === null || isSelected === void 0 ? void 0 : isSelected(item);
-        return ((0, jsx_runtime_1.jsx)(react_core_1.DataListItem, __assign({ "aria-labelledby": "data-list-".concat(key), isExpanded: isItemSelected }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.DataListItemRow, { children: [showSelect && ((0, jsx_runtime_1.jsx)(react_core_1.DataListCheck, { "aria-labelledby": "data-list-check-".concat(key), name: "data-list-check-".concat(key), isChecked: isSelected === null || isSelected === void 0 ? void 0 : isSelected(item), onClick: function () { return onSelectClick(item); } })), (0, jsx_runtime_1.jsx)(react_core_1.DataListItemCells, { dataListCells: [
-                            (0, jsx_runtime_1.jsx)(react_core_1.DataListCell, __assign({ width: 5 }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Flex, { children: (0, jsx_runtime_1.jsxs)(react_core_1.Stack, __assign({ hasGutter: true }, { children: [(0, jsx_runtime_1.jsxs)(react_core_1.Flex, __assign({ alignItems: { default: 'alignItemsCenter' } }, { children: [(nameColumn === null || nameColumn === void 0 ? void 0 : nameColumn.icon) && ((0, jsx_runtime_1.jsx)(IconWrapper_1.IconWrapper, __assign({ size: "xl" }, { children: nameColumn === null || nameColumn === void 0 ? void 0 : nameColumn.icon(item) }))), (0, jsx_runtime_1.jsxs)(react_core_1.Stack, { children: [(0, jsx_runtime_1.jsx)(react_core_1.Title, __assign({ headingLevel: "h2", style: { marginTop: -4, fontWeight: 'bold' } }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ id: "data-list-".concat(key) }, { children: (0, jsx_runtime_1.jsx)(PageTable_1.TableColumnCell, { column: nameColumn, item: item }) })) })), subtitleColumn ? ((0, jsx_runtime_1.jsx)(react_core_1.Text, __assign({ component: "small", style: { opacity: 0.7 } }, { children: (0, jsx_runtime_1.jsx)(PageTable_1.TableColumnCell, { column: subtitleColumn, item: item }) }))) : (defaultCardSubtitle && ((0, jsx_runtime_1.jsx)(react_core_1.Text, __assign({ component: "small", style: { opacity: 0.7 } }, { children: defaultCardSubtitle }))))] })] })), (descriptionColumn ||
-                                                primaryColumns.length > 0 ||
-                                                countColumns.length > 0 ||
-                                                labelColumn) && ((0, jsx_runtime_1.jsxs)(react_core_1.DescriptionList, __assign({ isCompact: true }, { children: [descriptionColumn &&
-                                                        (!descriptionColumn.value || descriptionColumn.value(item)) && ((0, jsx_runtime_1.jsx)(react_core_1.DescriptionListGroup, { children: (0, jsx_runtime_1.jsx)(react_core_1.DescriptionListDescription, { children: (0, jsx_runtime_1.jsx)(PageTable_1.TableColumnCell, { column: descriptionColumn, item: item }) }) }, descriptionColumn.header)), primaryColumns.map(function (column) {
-                                                        if (column.value && !column.value(item))
-                                                            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-                                                        return ((0, jsx_runtime_1.jsxs)(react_core_1.DescriptionListGroup, { children: [(0, jsx_runtime_1.jsx)(react_core_1.DescriptionListTerm, __assign({ style: { whiteSpace: 'nowrap' } }, { children: column.header })), (0, jsx_runtime_1.jsx)(react_core_1.DescriptionListDescription, { children: (0, jsx_runtime_1.jsx)(PageTable_1.TableColumnCell, { column: column, item: item }) })] }, column.header));
-                                                    }), countColumns.length > 0 && ((0, jsx_runtime_1.jsx)(react_core_1.DescriptionListGroup, { children: (0, jsx_runtime_1.jsx)(react_core_1.DescriptionListDescription, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
-                                                                    display: 'flex',
-                                                                    gap: 16,
-                                                                    marginTop: 8,
-                                                                    flexWrap: 'wrap',
-                                                                } }, { children: countColumns.map(function (column, i) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: 'flex', gap: 6, alignItems: 'baseline' } }, { children: [(0, jsx_runtime_1.jsx)(PageTable_1.TableColumnCell, { column: column, item: item }), (0, jsx_runtime_1.jsx)("small", __assign({ style: { opacity: 0.7 } }, { children: column.header }))] }), i)); }) })) }) }, "counts")), labelColumn && ((0, jsx_runtime_1.jsx)(react_core_1.DescriptionListGroup, { children: (0, jsx_runtime_1.jsx)(react_core_1.DescriptionListDescription, { children: (0, jsx_runtime_1.jsx)(PageTable_1.TableColumnCell, { column: labelColumn, item: item }) }) }, labelColumn.header))] })))] })) }) }), "primary"),
-                            secondaryColumns.length > 0 ? ((0, jsx_runtime_1.jsx)(react_core_1.DataListCell, { children: (0, jsx_runtime_1.jsx)(react_core_1.DescriptionList, __assign({ isCompact: true }, { children: secondaryColumns.map(function (column) {
-                                        if (column.value && !column.value(item))
-                                            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-                                        return ((0, jsx_runtime_1.jsxs)(react_core_1.DescriptionListGroup, { children: [(0, jsx_runtime_1.jsx)(react_core_1.DescriptionListTerm, __assign({ style: { whiteSpace: 'nowrap' } }, { children: column.header })), (0, jsx_runtime_1.jsx)(react_core_1.DescriptionListDescription, { children: (0, jsx_runtime_1.jsx)(PageTable_1.TableColumnCell, { column: column, item: item }) })] }, column.header));
-                                    }) })) }, "secondary")) : null,
-                        ] }), rowActions && ((0, jsx_runtime_1.jsx)(react_core_1.DataListAction, __assign({ "aria-labelledby": "check-action-item1 check-action-action1", id: "check-action-action1", "aria-label": "Actions", isPlainButtonAction: true, style: { whiteSpace: 'nowrap' } }, { children: (0, jsx_runtime_1.jsx)(PageActions_1.PageActions, { actions: rowActions, position: react_core_1.DropdownPosition.right, selectedItem: item, iconOnly: true }) })))] }) }), key));
-    }, [
-        keyFn,
-        isSelected,
-        showSelect,
-        nameColumn,
-        subtitleColumn,
-        defaultCardSubtitle,
-        primaryColumns,
-        descriptionColumn,
-        countColumns,
-        labelColumn,
-        secondaryColumns,
-        rowActions,
-        onSelectClick,
-    ]);
-}
-exports.useColumnsToDataList = useColumnsToDataList;

package/cjs/PageTable/PageTableViewType.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageTableViewTypeE = void 0;
-var PageTableViewTypeE;
-(function (PageTableViewTypeE) {
-    PageTableViewTypeE["Table"] = "table";
-    PageTableViewTypeE["List"] = "list";
-    PageTableViewTypeE["Cards"] = "cards";
-})(PageTableViewTypeE = exports.PageTableViewTypeE || (exports.PageTableViewTypeE = {}));

package/cjs/PageTable/PageToolbar.css

@@ -1,7 +0,0 @@
-.pf-c-toolbar__content-section {
-  row-gap: 16px !important;
-}
-
-.pf-c-toolbar__expandable-content.pf-m-expanded {
-  z-index: 400;
-}

package/cjs/PageTable/PageToolbar.js

@@ -1,228 +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 __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-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 });
-exports.PageTableToolbar = exports.toolbarActionsHaveBulkActions = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_icons_1 = require("@patternfly/react-icons");
-var react_1 = require("react");
-var styled_components_1 = __importDefault(require("styled-components"));
-var BulkSelector_1 = require("../components/BulkSelector");
-var useBreakPoint_1 = require("../components/useBreakPoint");
-var PageActions_1 = require("../PageActions/PageActions");
-var PageActionType_1 = require("../PageActions/PageActionType");
-var FormGroupSelect_1 = require("../PageForm/Inputs/FormGroupSelect");
-var useFrameworkTranslations_1 = require("../useFrameworkTranslations");
-var PageTableViewType_1 = require("./PageTableViewType");
-require("./PageToolbar.css");
-var ToolbarGroupsDiv = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
-var SelectionSpan = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  opacity: 0.7;\n"], ["\n  opacity: 0.7;\n"])));
-function toolbarActionsHaveBulkActions(actions) {
-    var e_1, _a;
-    if (!actions)
-        return false;
-    try {
-        for (var actions_1 = __values(actions), actions_1_1 = actions_1.next(); !actions_1_1.done; actions_1_1 = actions_1.next()) {
-            var action = actions_1_1.value;
-            if (action.type === 'bulk')
-                return true;
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (actions_1_1 && !actions_1_1.done && (_a = actions_1.return)) _a.call(actions_1);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
-    return false;
-}
-exports.toolbarActionsHaveBulkActions = toolbarActionsHaveBulkActions;
-function PageTableToolbar(props) {
-    var _a;
-    var itemCount = props.itemCount, page = props.page, perPage = props.perPage, setPage = props.setPage, setPerPage = props.setPerPage, toolbarFilters = props.toolbarFilters, selectedItems = props.selectedItems, filters = props.filters, setFilters = props.setFilters, clearAllFilters = props.clearAllFilters, openColumnModal = props.openColumnModal, bottomBorder = props.bottomBorder;
-    var sm = (0, useBreakPoint_1.useBreakpoint)('md');
-    var viewType = props.viewType, setViewType = props.setViewType;
-    var toolbarActions = props.toolbarActions;
-    toolbarActions = toolbarActions !== null && toolbarActions !== void 0 ? toolbarActions : [];
-    var onSetPage = (0, react_1.useCallback)(function (_event, page) { return setPage(page); }, [setPage]);
-    var onPerPageSelect = (0, react_1.useCallback)(function (_event, perPage) { return setPerPage(perPage); }, [setPerPage]);
-    var showSearchAndFilters = toolbarFilters !== undefined;
-    var showToolbarActions = toolbarActions !== undefined && toolbarActions.length > 0;
-    var showSelect = props.showSelect === true ||
-        (selectedItems !== undefined &&
-            toolbarActions &&
-            toolbarActions.find(function (toolbarAction) { return PageActionType_1.PageActionType.bulk === toolbarAction.type; }));
-    var showToolbar = showSelect || showSearchAndFilters || showToolbarActions;
-    var _b = __read((0, react_1.useState)(function () {
-        return toolbarFilters ? ((toolbarFilters === null || toolbarFilters === void 0 ? void 0 : toolbarFilters.length) > 0 ? toolbarFilters[0].key : '') : '';
-    }), 2), selectedFilter = _b[0], setSeletedFilter = _b[1];
-    var viewTypeCount = 0;
-    if (!props.disableTableView)
-        viewTypeCount++;
-    if (!props.disableCardView)
-        viewTypeCount++;
-    if (!props.disableListView)
-        viewTypeCount++;
-    if (!showToolbar) {
-        return (0, jsx_runtime_1.jsx)(react_1.Fragment, {});
-    }
-    if (itemCount === undefined) {
-        return ((0, jsx_runtime_1.jsx)(react_core_1.Toolbar, __assign({ className: "border-bottom dark-2", style: { paddingBottom: sm ? undefined : 8, paddingTop: sm ? undefined : 8 } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.ToolbarContent, { children: (0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, __assign({ style: { width: '100%' } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Skeleton, { height: "36px" }) })) }) })));
-    }
-    return ((0, jsx_runtime_1.jsx)(react_core_1.Toolbar, __assign({ clearAllFilters: clearAllFilters, className: "dark-2", style: {
-            paddingBottom: sm ? undefined : 8,
-            paddingTop: sm ? undefined : 8,
-            borderBottom: bottomBorder ? 'thin solid var(--pf-global--BorderColor--100)' : undefined,
-        } }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.ToolbarContent, { children: [showSelect && ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarGroup, { children: (0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, __assign({ variant: "bulk-select" }, { children: (0, jsx_runtime_1.jsx)(BulkSelector_1.BulkSelector, __assign({}, props)) })) })), toolbarFilters && toolbarFilters.length > 0 && ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarToggleGroup, __assign({ toggleIcon: (0, jsx_runtime_1.jsx)(react_icons_1.FilterIcon, {}), breakpoint: "md", style: { zIndex: 302 } }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.ToolbarGroup, __assign({ variant: "filter-group" }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, { children: (0, jsx_runtime_1.jsx)(FormGroupSelect_1.FormGroupSelect, __assign({ id: "filter", onSelect: function (_, v) { return setSeletedFilter(v.toString()); }, value: selectedFilter, placeholderText: "" }, { children: toolbarFilters.map(function (filter) { return ((0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: filter.key }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.Flex, __assign({ spaceItems: { default: 'spaceItemsNone' }, alignItems: { default: 'alignItemsCenter' }, flexWrap: { default: 'nowrap' } }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.FlexItem, __assign({ style: { paddingLeft: 4, paddingRight: 8 } }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.FilterIcon, {}) })), (0, jsx_runtime_1.jsx)(react_core_1.FlexItem, { children: filter.label })] })) }), filter.key)); }) })) }), (0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, { children: (0, jsx_runtime_1.jsx)(ToolbarFilterInput, { id: "filter-input", filter: toolbarFilters.find(function (filter) { return filter.key === selectedFilter; }), addFilter: function (value) {
-                                        var _a;
-                                        var values = filters === null || filters === void 0 ? void 0 : filters[selectedFilter];
-                                        if (!values)
-                                            values = [];
-                                        if (!values.includes(value))
-                                            values.push(value);
-                                        setFilters === null || setFilters === void 0 ? void 0 : setFilters(__assign(__assign({}, filters), (_a = {}, _a[selectedFilter] = values, _a)));
-                                    }, removeFilter: function (value) {
-                                        var _a;
-                                        var values = filters === null || filters === void 0 ? void 0 : filters[selectedFilter];
-                                        if (!values)
-                                            values = [];
-                                        values = values.filter(function (v) { return v !== value; });
-                                        setFilters === null || setFilters === void 0 ? void 0 : setFilters(__assign(__assign({}, filters), (_a = {}, _a[selectedFilter] = values, _a)));
-                                    }, values: (_a = filters === null || filters === void 0 ? void 0 : filters[selectedFilter]) !== null && _a !== void 0 ? _a : [] }) }), toolbarFilters.map(function (filter) {
-                                var _a;
-                                var values = (_a = filters === null || filters === void 0 ? void 0 : filters[filter.key]) !== null && _a !== void 0 ? _a : [];
-                                return ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarFilter, __assign({ categoryName: filter.label, chips: values.map(function (value) {
-                                        var _a, _b;
-                                        return 'options' in filter
-                                            ? (_b = (_a = filter.options.find(function (o) { return o.value === value; })) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : value
-                                            : value;
-                                    }), deleteChip: function (_group, value) {
-                                        setFilters === null || setFilters === void 0 ? void 0 : setFilters(function (filters) {
-                                            //TODO bug here where value is actually select filter option label... need to map
-                                            var newState = __assign({}, filters);
-                                            value = typeof value === 'string' ? value : value.key;
-                                            var values = filters[filter.key];
-                                            if (values) {
-                                                values = values.filter(function (v) { return v !== value; });
-                                                if (values.length === 0) {
-                                                    delete newState[filter.key];
-                                                }
-                                                else {
-                                                    newState[filter.key] = values;
-                                                }
-                                            }
-                                            return newState;
-                                        });
-                                    }, deleteChipGroup: function () {
-                                        setFilters === null || setFilters === void 0 ? void 0 : setFilters(function (filters) {
-                                            var newState = __assign({}, filters);
-                                            delete newState[filter.key];
-                                            return newState;
-                                        });
-                                    }, showToolbarItem: false }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) }), filter.label));
-                            })] })) }))), (0, jsx_runtime_1.jsx)(react_core_1.ToolbarGroup, __assign({ variant: "button-group", style: { zIndex: 302 } }, { children: (0, jsx_runtime_1.jsx)(PageActions_1.PageActions, { actions: toolbarActions, selectedItems: selectedItems, wrapper: react_core_1.ToolbarItem }) })), (0, jsx_runtime_1.jsx)(ToolbarGroupsDiv, {}), (0, jsx_runtime_1.jsxs)(react_core_1.ToolbarGroup, __assign({ variant: "button-group", style: { zIndex: 302 } }, { children: [!props.disableColumnManagement && openColumnModal && viewType === 'table' && ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, { children: (0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: 'Manage columns' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, { variant: "plain", icon: (0, jsx_runtime_1.jsx)(react_icons_1.ColumnsIcon, {}), onClick: openColumnModal }) })) })), viewTypeCount > 1 && ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, { children: (0, jsx_runtime_1.jsx)(react_core_1.ToggleGroup, __assign({ "aria-label": "table view toggle" }, { children: [
-                                    !props.disableTableView && PageTableViewType_1.PageTableViewTypeE.Table,
-                                    !props.disableListView && PageTableViewType_1.PageTableViewTypeE.List,
-                                    !props.disableCardView && PageTableViewType_1.PageTableViewTypeE.Cards,
-                                ]
-                                    .filter(function (i) { return i; })
-                                    .map(function (vt) {
-                                    switch (vt) {
-                                        case PageTableViewType_1.PageTableViewTypeE.Cards:
-                                            return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: 'Card view', position: "top-end", enableFlip: false }, { children: (0, jsx_runtime_1.jsx)(react_core_1.ToggleGroupItem, { icon: (0, jsx_runtime_1.jsx)(react_icons_1.ThLargeIcon, {}), isSelected: viewType === PageTableViewType_1.PageTableViewTypeE.Cards, onClick: function () { return setViewType === null || setViewType === void 0 ? void 0 : setViewType(PageTableViewType_1.PageTableViewTypeE.Cards); }, "aria-label": "card view" }) }), vt));
-                                        case PageTableViewType_1.PageTableViewTypeE.List:
-                                            return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: 'List view', position: "top-end", enableFlip: false }, { children: (0, jsx_runtime_1.jsx)(react_core_1.ToggleGroupItem, { icon: (0, jsx_runtime_1.jsx)(react_icons_1.ListIcon, {}), isSelected: viewType === PageTableViewType_1.PageTableViewTypeE.List, onClick: function () { return setViewType === null || setViewType === void 0 ? void 0 : setViewType(PageTableViewType_1.PageTableViewTypeE.List); }, "aria-label": "list view" }) }), vt));
-                                        case PageTableViewType_1.PageTableViewTypeE.Table:
-                                            return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: 'Table view', position: "top-end", enableFlip: false }, { children: (0, jsx_runtime_1.jsx)(react_core_1.ToggleGroupItem, { icon: (0, jsx_runtime_1.jsx)(react_icons_1.TableIcon, {}), isSelected: viewType === PageTableViewType_1.PageTableViewTypeE.Table, onClick: function () { return setViewType === null || setViewType === void 0 ? void 0 : setViewType(PageTableViewType_1.PageTableViewTypeE.Table); }, "aria-label": "table view" }) }), vt));
-                                    }
-                                }) })) }))] })), (0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, __assign({ visibility: { default: 'hidden', '2xl': 'visible' } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Pagination, { variant: react_core_1.PaginationVariant.top, isCompact: true, itemCount: itemCount, perPage: perPage, page: page, onSetPage: onSetPage, onPerPageSelect: onPerPageSelect, style: { marginTop: -8, marginBottom: -8 } }) }))] }) })));
-}
-exports.PageTableToolbar = PageTableToolbar;
-function ToolbarFilterInput(props) {
-    var filter = props.filter;
-    switch (filter === null || filter === void 0 ? void 0 : filter.type) {
-        case 'string':
-            return (0, jsx_runtime_1.jsx)(ToolbarTextFilter, __assign({}, props, { placeholder: filter.placeholder }));
-        case 'select':
-            return ((0, jsx_runtime_1.jsx)(ToolbarSelectFilter, __assign({}, props, { options: filter.options, placeholder: filter.placeholder })));
-    }
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-}
-function ToolbarTextFilter(props) {
-    var _a = __read((0, react_1.useState)(''), 2), value = _a[0], setValue = _a[1];
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.InputGroup, { children: [(0, jsx_runtime_1.jsxs)(react_core_1.TextInputGroup, __assign({ style: { minWidth: 220 } }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextInputGroupMain, { id: props.id, value: value, onChange: function (e, v) {
-                            if (typeof e === 'string')
-                                setValue(e);
-                            else
-                                setValue(v);
-                        }, onKeyUp: function (event) {
-                            if (value && event.key === 'Enter') {
-                                props.addFilter(value);
-                                setValue('');
-                            }
-                        }, placeholder: props.placeholder }), value !== '' && ((0, jsx_runtime_1.jsx)(react_core_1.TextInputGroupUtilities, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "plain", "aria-label": "clear filter", onClick: function () { return setValue(''); }, style: { opacity: value ? undefined : 0 }, tabIndex: -1 }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.TimesIcon, {}) })) }))] })), (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: value ? 'primary' : 'control', "aria-label": "apply filter", onClick: function () {
-                    props.addFilter(value);
-                    setValue('');
-                }, tabIndex: -1, isDisabled: !value }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.ArrowRightIcon, {}) }))] }));
-}
-function ToolbarSelectFilter(props) {
-    var _a = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _a[0];
-    var addFilter = props.addFilter, removeFilter = props.removeFilter, options = props.options, values = props.values;
-    var _b = __read((0, react_1.useState)(false), 2), open = _b[0], setOpen = _b[1];
-    var onSelect = (0, react_1.useCallback)(function (e, value) {
-        if (values.includes(value.toString())) {
-            removeFilter(value.toString());
-        }
-        else {
-            addFilter(value.toString());
-        }
-    }, [addFilter, removeFilter, values]);
-    var selections = values;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_core_1.Select, __assign({ variant: react_core_1.SelectVariant.checkbox, isOpen: open, onToggle: setOpen, selections: selections, onSelect: onSelect, placeholderText: values.length ? (translations.selectedText) : ((0, jsx_runtime_1.jsx)(SelectionSpan, { children: props.placeholder })) }, { children: options.map(function (option) { return ((0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ id: option.value, value: option.value }, { children: option.label }), option.value)); }) })) }));
-}
-var templateObject_1, templateObject_2;