@ansible/ansible-ui-framework 0.0.614 → 0.0.616

package/cjs/PageTable/useTableItems.js

@@ -1,507 +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 __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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePaged = exports.useFiltered = exports.useSorted = exports.useSelectedInMemory = exports.useSelected = exports.useTableItems = void 0;
-var debounce_1 = __importDefault(require("debounce"));
-var react_1 = require("react");
-function useTableItems(items, keyFn, defaults) {
-    var _a = useSelected(items, keyFn), selectedItems = _a.selectedItems, selectItem = _a.selectItem, unselectItem = _a.unselectItem, isSelected = _a.isSelected, selectItems = _a.selectItems, unselectAll = _a.unselectAll, allSelected = _a.allSelected;
-    var _b = useSorted(items), sorted = _b.sorted, sort = _b.sort, setSort = _b.setSort;
-    var _c = useFiltered(sorted, keyFn), filtered = _c.filtered, setFilterFn = _c.setFilterFn;
-    var _d = useSearched(filtered, keyFn, defaults === null || defaults === void 0 ? void 0 : defaults.search), searched = _d.searched, search = _d.search, setSearch = _d.setSearch, setSearchFn = _d.setSearchFn;
-    var _e = usePaged(searched), paged = _e.paged, page = _e.page, setPage = _e.setPage, perPage = _e.perPage, setPerPage = _e.setPerPage;
-    var selectPage = (0, react_1.useCallback)(function () { return selectItems(paged); }, [paged, selectItems]);
-    var selectAll = (0, react_1.useCallback)(function () { return selectItems(searched); }, [searched, selectItems]);
-    return (0, react_1.useMemo)(function () { return ({
-        allSelected: allSelected,
-        filtered: filtered,
-        isSelected: isSelected,
-        page: page,
-        paged: paged,
-        perPage: perPage,
-        search: search,
-        searched: searched,
-        selectAll: selectAll,
-        selectItem: selectItem,
-        selectPage: selectPage,
-        selectedItems: selectedItems,
-        setFilterFn: setFilterFn,
-        setPage: setPage,
-        setPerPage: setPerPage,
-        setSearch: setSearch,
-        setSearchFn: setSearchFn,
-        setSort: setSort,
-        sort: sort,
-        sorted: sorted,
-        unselectAll: unselectAll,
-        unselectItem: unselectItem,
-    }); }, [
-        allSelected,
-        filtered,
-        isSelected,
-        page,
-        paged,
-        perPage,
-        search,
-        searched,
-        selectAll,
-        selectItem,
-        selectPage,
-        selectedItems,
-        setFilterFn,
-        setPage,
-        setPerPage,
-        setSearch,
-        setSearchFn,
-        setSort,
-        sort,
-        sorted,
-        unselectAll,
-        unselectItem,
-    ]);
-}
-exports.useTableItems = useTableItems;
-function useSelected(items, keyFn) {
-    var _a = __read((0, react_1.useState)({}), 2), selectedMap = _a[0], setSelectedMap = _a[1];
-    (0, react_1.useEffect)(function () {
-        setSelectedMap(function (selectedMap) {
-            var changed = false;
-            items.forEach(function (item) {
-                var key = keyFn(item);
-                if (selectedMap[key] && selectedMap[key] !== item) {
-                    changed = true;
-                    selectedMap[key] = item;
-                }
-            });
-            return changed ? __assign({}, selectedMap) : selectedMap;
-        });
-    }, [items, keyFn]);
-    var selectItem = (0, react_1.useCallback)(function (item) {
-        setSelectedMap(function (selectedMap) {
-            var itemKey = keyFn(item);
-            var existing = selectedMap[itemKey];
-            if (existing !== item) {
-                selectedMap = __assign({}, selectedMap);
-                selectedMap[itemKey] = item;
-            }
-            return selectedMap;
-        });
-    }, [keyFn]);
-    var unselectItem = (0, react_1.useCallback)(function (item) {
-        setSelectedMap(function (selectedMap) {
-            var itemKey = keyFn(item);
-            var existing = selectedMap[itemKey];
-            if (existing) {
-                selectedMap = __assign({}, selectedMap);
-                delete selectedMap[itemKey];
-            }
-            return selectedMap;
-        });
-    }, [keyFn]);
-    var isSelected = (0, react_1.useCallback)(function (item) {
-        var itemKey = keyFn(item);
-        return selectedMap[itemKey] !== undefined;
-    }, [keyFn, selectedMap]);
-    var selectItems = (0, react_1.useCallback)(function (items) {
-        setSelectedMap(function (selectedMap) {
-            var e_1, _a;
-            selectedMap = __assign({}, selectedMap);
-            try {
-                for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
-                    var item = items_1_1.value;
-                    var itemKey = keyFn(item);
-                    selectedMap[itemKey] = item;
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (items_1_1 && !items_1_1.done && (_a = items_1.return)) _a.call(items_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            return selectedMap;
-        });
-    }, [keyFn]);
-    var selectAll = (0, react_1.useCallback)(function () { return selectItems(items); }, [items, selectItems]);
-    var unselectItems = (0, react_1.useCallback)(function (items) {
-        var e_2, _a;
-        try {
-            for (var items_2 = __values(items), items_2_1 = items_2.next(); !items_2_1.done; items_2_1 = items_2.next()) {
-                var item = items_2_1.value;
-                unselectItem(item);
-            }
-        }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
-        finally {
-            try {
-                if (items_2_1 && !items_2_1.done && (_a = items_2.return)) _a.call(items_2);
-            }
-            finally { if (e_2) throw e_2.error; }
-        }
-    }, [unselectItem]);
-    var unselectAll = (0, react_1.useCallback)(function () {
-        setSelectedMap(function (selectedMap) {
-            if (Object.keys(selectedMap).length > 0) {
-                return {};
-            }
-            return selectedMap;
-        });
-    }, []);
-    var selectedItems = (0, react_1.useMemo)(function () { return Object.values(selectedMap); }, [selectedMap]);
-    var allSelected = (0, react_1.useMemo)(function () { return selectedItems.length === items.length; }, [items.length, selectedItems.length]);
-    return (0, react_1.useMemo)(function () { return ({
-        selectedItems: selectedItems,
-        selectItem: selectItem,
-        unselectItem: unselectItem,
-        isSelected: isSelected,
-        selectItems: selectItems,
-        selectAll: selectAll,
-        unselectAll: unselectAll,
-        allSelected: allSelected,
-        keyFn: keyFn,
-        unselectItems: unselectItems,
-    }); }, [
-        allSelected,
-        isSelected,
-        keyFn,
-        selectAll,
-        selectItem,
-        selectItems,
-        selectedItems,
-        unselectAll,
-        unselectItem,
-        unselectItems,
-    ]);
-}
-exports.useSelected = useSelected;
-function useSelectedInMemory(items, keyFn) {
-    var _a = __read((0, react_1.useState)({}), 2), selectedMap = _a[0], setSelectedMap = _a[1];
-    (0, react_1.useEffect)(function () {
-        setSelectedMap(function (selectedMap) {
-            var e_3, _a;
-            var changed = false;
-            var itemsKeys = !items
-                ? {}
-                : items.reduce(function (itemsKeys, item) {
-                    var key = keyFn(item);
-                    itemsKeys[key] = item;
-                    if (selectedMap[key] && selectedMap[key] !== item) {
-                        changed = true;
-                        selectedMap[key] = item;
-                    }
-                    return itemsKeys;
-                }, {});
-            var removeKeyMap = {};
-            for (var key in selectedMap) {
-                if (!itemsKeys[key]) {
-                    removeKeyMap[key] = true;
-                }
-            }
-            var removeKeys = Object.keys(removeKeyMap);
-            if (removeKeys.length) {
-                changed = true;
-                try {
-                    for (var removeKeys_1 = __values(removeKeys), removeKeys_1_1 = removeKeys_1.next(); !removeKeys_1_1.done; removeKeys_1_1 = removeKeys_1.next()) {
-                        var key = removeKeys_1_1.value;
-                        delete selectedMap[key];
-                    }
-                }
-                catch (e_3_1) { e_3 = { error: e_3_1 }; }
-                finally {
-                    try {
-                        if (removeKeys_1_1 && !removeKeys_1_1.done && (_a = removeKeys_1.return)) _a.call(removeKeys_1);
-                    }
-                    finally { if (e_3) throw e_3.error; }
-                }
-            }
-            return changed ? __assign({}, selectedMap) : selectedMap;
-        });
-    }, [items, keyFn]);
-    var selectItem = (0, react_1.useCallback)(function (item) {
-        setSelectedMap(function (selectedMap) {
-            var itemKey = keyFn(item);
-            var existing = selectedMap[itemKey];
-            if (existing !== item) {
-                selectedMap = __assign({}, selectedMap);
-                selectedMap[itemKey] = item;
-            }
-            return selectedMap;
-        });
-    }, [keyFn]);
-    var unselectItem = (0, react_1.useCallback)(function (item) {
-        setSelectedMap(function (selectedMap) {
-            var itemKey = keyFn(item);
-            var existing = selectedMap[itemKey];
-            if (existing) {
-                selectedMap = __assign({}, selectedMap);
-                delete selectedMap[itemKey];
-            }
-            return selectedMap;
-        });
-    }, [keyFn]);
-    var unselectItems = (0, react_1.useCallback)(function (items) {
-        var e_4, _a;
-        try {
-            for (var items_3 = __values(items), items_3_1 = items_3.next(); !items_3_1.done; items_3_1 = items_3.next()) {
-                var item = items_3_1.value;
-                unselectItem(item);
-            }
-        }
-        catch (e_4_1) { e_4 = { error: e_4_1 }; }
-        finally {
-            try {
-                if (items_3_1 && !items_3_1.done && (_a = items_3.return)) _a.call(items_3);
-            }
-            finally { if (e_4) throw e_4.error; }
-        }
-    }, [unselectItem]);
-    var isSelected = (0, react_1.useCallback)(function (item) {
-        var itemKey = keyFn(item);
-        return selectedMap[itemKey] !== undefined;
-    }, [keyFn, selectedMap]);
-    var selectItems = (0, react_1.useCallback)(function (items) {
-        setSelectedMap(function (selectedMap) {
-            var e_5, _a;
-            selectedMap = __assign({}, selectedMap);
-            try {
-                for (var items_4 = __values(items), items_4_1 = items_4.next(); !items_4_1.done; items_4_1 = items_4.next()) {
-                    var item = items_4_1.value;
-                    var itemKey = keyFn(item);
-                    selectedMap[itemKey] = item;
-                }
-            }
-            catch (e_5_1) { e_5 = { error: e_5_1 }; }
-            finally {
-                try {
-                    if (items_4_1 && !items_4_1.done && (_a = items_4.return)) _a.call(items_4);
-                }
-                finally { if (e_5) throw e_5.error; }
-            }
-            return selectedMap;
-        });
-    }, [keyFn]);
-    var selectAll = (0, react_1.useCallback)(function () {
-        selectItems(items !== null && items !== void 0 ? items : []);
-    }, [items, selectItems]);
-    var unselectAll = (0, react_1.useCallback)(function () {
-        setSelectedMap(function (selectedMap) {
-            if (Object.keys(selectedMap).length > 0) {
-                return {};
-            }
-            return selectedMap;
-        });
-    }, []);
-    var selectedItems = (0, react_1.useMemo)(function () { return Object.values(selectedMap); }, [selectedMap]);
-    var allSelected = (0, react_1.useMemo)(function () { var _a; return (_a = selectedItems.length === (items === null || items === void 0 ? void 0 : items.length)) !== null && _a !== void 0 ? _a : 0; }, [items, selectedItems.length]);
-    return (0, react_1.useMemo)(function () { return ({
-        selectedItems: selectedItems,
-        selectItem: selectItem,
-        unselectItem: unselectItem,
-        isSelected: isSelected,
-        selectItems: selectItems,
-        selectAll: selectAll,
-        unselectAll: unselectAll,
-        allSelected: allSelected,
-        keyFn: keyFn,
-        unselectItems: unselectItems,
-    }); }, [
-        allSelected,
-        isSelected,
-        keyFn,
-        selectAll,
-        selectItem,
-        selectItems,
-        selectedItems,
-        unselectAll,
-        unselectItem,
-        unselectItems,
-    ]);
-}
-exports.useSelectedInMemory = useSelectedInMemory;
-function useSorted(items) {
-    var _a = __read((0, react_1.useState)(), 2), sort = _a[0], setSort = _a[1];
-    var _b = sort !== null && sort !== void 0 ? sort : {}, direction = _b.direction, sortFn = _b.sortFn;
-    var sorted = (0, react_1.useMemo)(function () {
-        if (!items)
-            return [];
-        if (sortFn) {
-            if (direction === 'asc') {
-                return __spreadArray([], __read(items.sort(sortFn)), false);
-            }
-            else {
-                return __spreadArray([], __read(items.sort(sortFn).reverse()), false);
-            }
-        }
-        else {
-            return items;
-        }
-    }, [direction, items, sortFn]);
-    return (0, react_1.useMemo)(function () { return ({ sorted: sorted, sort: sort, setSort: setSort }); }, [sort, sorted]);
-}
-exports.useSorted = useSorted;
-function useFiltered(items, keyFn) {
-    var filterMapRef = (0, react_1.useRef)({
-        map: {},
-    });
-    var _a = __read((0, react_1.useState)(), 2), filterFn = _a[0], setFilterFnState = _a[1];
-    var setFilterFn = (0, react_1.useCallback)(function (filterFn) { return setFilterFnState(function () { return filterFn; }); }, []);
-    var _b = __read((0, react_1.useState)([]), 2), filtered = _b[0], setFiltered = _b[1];
-    (0, react_1.useEffect)(function () {
-        filterMapRef.current.map = {};
-    }, [filterFn]);
-    var cachedFilterFn = (0, react_1.useCallback)(function (item) {
-        var key = keyFn(item);
-        var cached = filterMapRef.current.map[key];
-        if (!cached) {
-            cached = { item: item, passes: filterFn ? filterFn(item) : true };
-            filterMapRef.current.map[key] = cached;
-        }
-        else if (cached.item !== item) {
-            cached.item = item;
-            cached.passes = filterFn ? filterFn(item) : true;
-        }
-        return cached.passes;
-    }, [filterFn, keyFn]);
-    (0, react_1.useEffect)(function () {
-        if (filterFn) {
-            setFiltered(items.filter(cachedFilterFn));
-        }
-        else {
-            setFiltered(items);
-        }
-    }, [items, filterFn, cachedFilterFn]);
-    return (0, react_1.useMemo)(function memoFiltered() {
-        return { filtered: filtered, setFilterFn: setFilterFn };
-    }, [filtered, setFilterFn]);
-}
-exports.useFiltered = useFiltered;
-function useSearched(items, keyFn, defaultSearch) {
-    var searchMapRef = (0, react_1.useRef)({
-        map: {},
-    });
-    var _a = __read((0, react_1.useState)(), 2), searchFn = _a[0], setSearchFnState = _a[1];
-    var setSearchFn = (0, react_1.useCallback)(function (searchFn) { return setSearchFnState(function () { return searchFn; }); }, []);
-    var _b = __read((0, react_1.useState)([]), 2), searched = _b[0], setSearched = _b[1];
-    var _c = __read((0, react_1.useState)(defaultSearch !== null && defaultSearch !== void 0 ? defaultSearch : ''), 2), search = _c[0], setSearchState = _c[1];
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    var setSearch = (0, react_1.useCallback)((0, debounce_1.default)(function (search) { return setSearchState(search); }, 200), []);
-    (0, react_1.useEffect)(function () {
-        searchMapRef.current.map = {};
-    }, [search, searchFn]);
-    var cachedSearchFn = (0, react_1.useCallback)(function (item) {
-        var key = keyFn(item);
-        var cached = searchMapRef.current.map[key];
-        if (!cached) {
-            cached = { item: item, score: searchFn ? searchFn(item, search) : 0 };
-            searchMapRef.current.map[key] = cached;
-        }
-        else if (cached.item !== item) {
-            cached.item = item;
-            cached.score = searchFn ? searchFn(item, search) : 0;
-        }
-        return cached;
-    }, [keyFn, searchFn, search]);
-    (0, react_1.useEffect)(function () {
-        if (searchFn && search) {
-            setSearched(items
-                .map(cachedSearchFn)
-                .filter(function (cached) { return cached.score < 0.5; })
-                .sort(function (l, r) { return l.score - r.score; })
-                .map(function (cached) { return cached.item; }));
-        }
-        else {
-            setSearched(items);
-        }
-    }, [search, items, searchFn, cachedSearchFn]);
-    return (0, react_1.useMemo)(function memoFiltered() {
-        return { searched: searched, search: search, setSearch: setSearch, setSearchFn: setSearchFn };
-    }, [searched, search, setSearch, setSearchFn]);
-}
-function usePaged(source) {
-    var _a = __read((0, react_1.useState)([]), 2), paged = _a[0], setPaged = _a[1];
-    var _b = __read((0, react_1.useState)(1), 2), page = _b[0], setPage = _b[1];
-    var _c = __read((0, react_1.useState)(10), 2), perPage = _c[0], setPerPage = _c[1];
-    (0, react_1.useEffect)(function () {
-        setPaged(function (paged) {
-            var e_6, _a;
-            var newPaged = source.slice((page - 1) * perPage, page * perPage);
-            if (paged.length !== newPaged.length) {
-                return newPaged;
-            }
-            var index = 0;
-            try {
-                for (var newPaged_1 = __values(newPaged), newPaged_1_1 = newPaged_1.next(); !newPaged_1_1.done; newPaged_1_1 = newPaged_1.next()) {
-                    var item = newPaged_1_1.value;
-                    if (paged[index++] !== item) {
-                        return newPaged;
-                    }
-                }
-            }
-            catch (e_6_1) { e_6 = { error: e_6_1 }; }
-            finally {
-                try {
-                    if (newPaged_1_1 && !newPaged_1_1.done && (_a = newPaged_1.return)) _a.call(newPaged_1);
-                }
-                finally { if (e_6) throw e_6.error; }
-            }
-            return paged;
-        });
-    }, [page, perPage, source]);
-    (0, react_1.useEffect)(function () {
-        if (page > Math.ceil(source.length / perPage)) {
-            setPage(1);
-        }
-    }, [page, perPage, source.length]);
-    return (0, react_1.useMemo)(function () { return ({ paged: paged, page: page, setPage: setPage, perPage: perPage, setPerPage: setPerPage }); }, [page, paged, perPage]);
-}
-exports.usePaged = usePaged;

package/cjs/PageTabs.js

@@ -1,86 +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 __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 });
-exports.PageTabsOld = exports.PageTab = exports.PageTabs = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-function PageTabs(props) {
-    var _a;
-    var loading = props.loading;
-    var _b = __read((0, react_1.useState)(0), 2), activeKey = _b[0], setActiveKey = _b[1];
-    var onSelect = (0, react_1.useCallback)(function (_, key) { return setActiveKey(key); }, [setActiveKey]);
-    var children = react_1.Children.toArray(props.children);
-    var tabs = children.map(function (child, index) {
-        if ((0, react_1.isValidElement)(child)) {
-            if (child.type === PageTab) {
-                var label = child.props.label;
-                return ((0, jsx_runtime_1.jsx)(react_core_1.Tab, { title: label ? label : (0, jsx_runtime_1.jsx)(react_core_1.Skeleton, { width: "60px" }), eventKey: index }, label !== null && label !== void 0 ? label : index));
-            }
-        }
-        return child;
-    });
-    var content = children[activeKey];
-    if (loading) {
-        return ((0, jsx_runtime_1.jsx)(PageTabs, { children: (0, jsx_runtime_1.jsx)(PageTab, { children: (0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ variant: "light" }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Skeleton, {}) })) }) }));
-    }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ type: react_core_1.PageSectionTypes.tabs, className: "border-bottom" }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.Flex, __assign({ spaceItems: { default: 'spaceItemsNone' } }, { children: [props.preComponents && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_core_1.FlexItem
-                                // style={{ paddingLeft: 16 }}
-                                , { children: props.preComponents }), (0, jsx_runtime_1.jsx)(react_core_1.Divider, { orientation: { default: 'vertical' }, component: "div" })] })), (0, jsx_runtime_1.jsx)(react_core_1.FlexItem, __assign({ grow: { default: 'grow' } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Tabs, __assign({ activeKey: activeKey, onSelect: onSelect, inset: props.preComponents
-                                    ? undefined
-                                    : (_a = {
-                                            default: 'insetNone',
-                                            sm: 'insetNone',
-                                            md: 'insetNone',
-                                            lg: 'insetNone',
-                                            xl: 'insetSm'
-                                        },
-                                        _a['2xl'] = 'insetSm',
-                                        _a), hasBorderBottom: false }, { children: tabs })) })), props.postComponents && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_core_1.Divider, { orientation: { default: 'vertical' } }), (0, jsx_runtime_1.jsx)(react_core_1.FlexItem, __assign({ style: { paddingRight: 16 } }, { children: props.postComponents }))] }))] })) })), content] }));
-}
-exports.PageTabs = PageTabs;
-function PageTab(props) {
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children });
-}
-exports.PageTab = PageTab;
-function PageTabsOld(props) {
-    var _a;
-    var activeKey = props.activeKey, setActiveKey = props.setActiveKey;
-    var onSelect = (0, react_1.useCallback)(function (_, key) { return setActiveKey(key); }, [setActiveKey]);
-    return ((0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ type: react_core_1.PageSectionTypes.tabs, style: { flexGrow: 1 } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Tabs, __assign({ activeKey: activeKey, onSelect: onSelect, inset: (_a = {
-                    default: 'insetNone',
-                    sm: 'insetNone',
-                    md: 'insetNone',
-                    lg: 'insetNone',
-                    xl: 'insetSm'
-                },
-                _a['2xl'] = 'insetSm',
-                _a) }, { children: props.children })) })));
-}
-exports.PageTabsOld = PageTabsOld;