@ansible/ansible-ui-framework 0.0.613 → 0.0.615

package/cjs/Settings.js

@@ -1,125 +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.SettingsDialog = exports.useSettingsDialog = exports.SettingsProvider = exports.useSettings = exports.SettingsContext = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable i18next/no-literal-string */
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-var PageDialog_1 = require("./PageDialog");
-var FormGroupSelect_1 = require("./PageForm/Inputs/FormGroupSelect");
-var useFrameworkTranslations_1 = require("./useFrameworkTranslations");
-exports.SettingsContext = (0, react_1.createContext)([
-    {},
-    function () { return null; },
-]);
-function useSettings() {
-    var _a = __read((0, react_1.useContext)(exports.SettingsContext), 1), settings = _a[0];
-    return settings;
-}
-exports.useSettings = useSettings;
-function SettingsProvider(props) {
-    var _a = __read((0, react_1.useState)(function () {
-        var theme = localStorage.getItem('theme');
-        var activeTheme = theme !== 'dark' && theme !== 'light'
-            ? window.matchMedia('(prefers-color-scheme: dark)').matches
-                ? 'dark'
-                : 'light'
-            : theme;
-        var settings = {
-            theme: theme,
-            activeTheme: activeTheme,
-            tableLayout: localStorage.getItem('tableLayout'),
-            formColumns: localStorage.getItem('formColumns'),
-            formLayout: localStorage.getItem('formLayout'),
-        };
-        if (activeTheme === 'dark') {
-            document.documentElement.classList.add('pf-theme-dark');
-        }
-        else {
-            document.documentElement.classList.remove('pf-theme-dark');
-        }
-        return settings;
-    }), 2), settings = _a[0], setSettingsState = _a[1];
-    var setSettings = (0, react_1.useCallback)(function (settings) {
-        var _a, _b, _c, _d;
-        localStorage.setItem('theme', (_a = settings.theme) !== null && _a !== void 0 ? _a : 'system');
-        localStorage.setItem('tableLayout', (_b = settings.tableLayout) !== null && _b !== void 0 ? _b : 'comfortable');
-        localStorage.setItem('formColumns', (_c = settings.formColumns) !== null && _c !== void 0 ? _c : 'multiple');
-        localStorage.setItem('formLayout', (_d = settings.formLayout) !== null && _d !== void 0 ? _d : 'vertical');
-        var activeTheme = settings.theme !== 'light' && settings.theme !== 'dark'
-            ? window.matchMedia('(prefers-color-scheme: dark)').matches
-                ? 'dark'
-                : 'light'
-            : settings.theme;
-        settings.activeTheme = activeTheme;
-        setSettingsState(settings);
-        if (activeTheme === 'dark') {
-            document.documentElement.classList.add('pf-theme-dark');
-        }
-        else {
-            document.documentElement.classList.remove('pf-theme-dark');
-        }
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(exports.SettingsContext.Provider, __assign({ value: [settings, setSettings] }, { children: props.children })));
-}
-exports.SettingsProvider = SettingsProvider;
-function useSettingsDialog(t) {
-    var _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
-    var openSetting = (0, react_1.useCallback)(function () { return setOpen(true); }, []);
-    var _b = __read((0, PageDialog_1.usePageDialog)(), 2), _ = _b[0], setDialog = _b[1];
-    (0, react_1.useEffect)(function () {
-        if (open) {
-            setDialog((0, jsx_runtime_1.jsx)(SettingsDialog, { open: open, setOpen: setOpen }));
-        }
-        else {
-            setDialog(undefined);
-        }
-    }, [open, setDialog, t]);
-    return openSetting;
-}
-exports.useSettingsDialog = useSettingsDialog;
-function SettingsDialog(props) {
-    var _a, _b, _c, _d;
-    var onClose = function () { return props.setOpen(false); };
-    var _e = __read((0, react_1.useContext)(exports.SettingsContext), 2), settings = _e[0], setSettings = _e[1];
-    var _f = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _f[0];
-    return ((0, jsx_runtime_1.jsx)(react_core_1.Modal, __assign({ title: "Settings", isOpen: props.open, onClose: onClose, variant: react_core_1.ModalVariant.medium, tabIndex: 0, actions: [
-            (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "primary", onClick: onClose }, { children: translations.closeText }), "close"),
-        ], hasNoBodyWrapper: true }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: { padding: 'var(--pf-global--spacer--lg)' } }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.Form, __assign({ isHorizontal: settings.formLayout === 'horizontal' }, { children: [(0, jsx_runtime_1.jsxs)(FormGroupSelect_1.FormGroupSelect, __assign({ id: "theme", label: "Theme", value: (_a = settings.theme) !== null && _a !== void 0 ? _a : 'system', onSelect: function (_, theme) {
-                            return setSettings(__assign(__assign({}, settings), { theme: theme }));
-                        }, placeholderText: "Select theme" }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "system" }, { children: 'System default' })), (0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "light" }, { children: 'Light' })), (0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "dark" }, { children: 'Dark' }))] })), (0, jsx_runtime_1.jsxs)(FormGroupSelect_1.FormGroupSelect, __assign({ id: "table-layout", label: "Table Layout", value: (_b = settings.tableLayout) !== null && _b !== void 0 ? _b : 'comfortable', onSelect: function (_, tableLayout) {
-                            return setSettings(__assign(__assign({}, settings), { tableLayout: tableLayout }));
-                        }, placeholderText: "Select table layout" }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "comfortable" }, { children: 'Comfortable' })), (0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "compact" }, { children: 'Compact' }))] })), (0, jsx_runtime_1.jsxs)(FormGroupSelect_1.FormGroupSelect, __assign({ id: "form-columns", label: "Form Columns", value: (_c = settings.formColumns) !== null && _c !== void 0 ? _c : 'multiple', onSelect: function (_, formColumns) {
-                            return setSettings(__assign(__assign({}, settings), { formColumns: formColumns }));
-                        }, placeholderText: "Select form columns" }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "multiple" }, { children: 'Multiple columns' })), (0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "single" }, { children: 'Single column' }))] })), (0, jsx_runtime_1.jsxs)(FormGroupSelect_1.FormGroupSelect, __assign({ id: "form-layout", label: "Form Layout", value: (_d = settings.formLayout) !== null && _d !== void 0 ? _d : 'vertical', onSelect: function (_, formLayout) {
-                            return setSettings(__assign(__assign({}, settings), { formLayout: formLayout }));
-                        }, placeholderText: "Select form layout" }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "vertical" }, { children: 'Vertical labels' })), (0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: "horizontal" }, { children: 'Horizontal labels' }))] }))] })) })) })));
-}
-exports.SettingsDialog = SettingsDialog;

package/cjs/components/BulkSelector.js

@@ -1,91 +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.BulkSelector = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-var useFrameworkTranslations_1 = require("../useFrameworkTranslations");
-var useBreakPoint_1 = require("./useBreakPoint");
-function BulkSelector(props) {
-    var _a = __read((0, react_1.useState)(false), 2), isOpen = _a[0], setIsOpen = _a[1];
-    var isSmallOrLarger = (0, useBreakPoint_1.useBreakpoint)('sm');
-    var _b = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _b[0];
-    var pageItems = props.pageItems, selectedItems = props.selectedItems, selectItems = props.selectItems, unselectAll = props.unselectAll;
-    var allPageItemsSelected = props.itemCount !== undefined &&
-        props.itemCount > 0 &&
-        pageItems &&
-        pageItems.length > 0 &&
-        (pageItems !== null && pageItems !== void 0 ? pageItems : []).every(function (item) { return selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.includes(item); });
-    var onToggleCheckbox = (0, react_1.useCallback)(function () {
-        if (allPageItemsSelected) {
-            unselectAll === null || unselectAll === void 0 ? void 0 : unselectAll();
-        }
-        else {
-            selectItems === null || selectItems === void 0 ? void 0 : selectItems(pageItems !== null && pageItems !== void 0 ? pageItems : []);
-        }
-    }, [allPageItemsSelected, unselectAll, selectItems, pageItems]);
-    var toggleText = (0, react_1.useMemo)(function () {
-        if (isSmallOrLarger) {
-            if (selectedItems && selectedItems.length > 0) {
-                return "".concat(selectedItems.length, " selected");
-            }
-            return '';
-        }
-        else {
-            if (selectedItems && selectedItems.length > 0) {
-                return "".concat(selectedItems.length);
-            }
-            return '';
-        }
-    }, [isSmallOrLarger, selectedItems]);
-    var toggle = (0, react_1.useMemo)(function () {
-        var selectedCount = selectedItems ? selectedItems.length : 0;
-        return ((0, jsx_runtime_1.jsx)(react_core_1.DropdownToggle, { splitButtonItems: [
-                (0, jsx_runtime_1.jsx)(react_core_1.DropdownToggleCheckbox, __assign({ id: "select-all", "aria-label": "Select all", isChecked: allPageItemsSelected ? true : selectedCount > 0 ? null : false, onChange: onToggleCheckbox }, { children: toggleText }), "select-all"),
-            ], onToggle: function (isOpen) { return setIsOpen(isOpen); } }));
-    }, [selectedItems, allPageItemsSelected, onToggleCheckbox, toggleText]);
-    var selectNoneDropdownItem = (0, react_1.useMemo)(function () {
-        var _a;
-        return ((0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ id: "select-none", onClick: function () {
-                unselectAll === null || unselectAll === void 0 ? void 0 : unselectAll();
-                setIsOpen(false);
-            } }, { children: (_a = props.selectNoneText) !== null && _a !== void 0 ? _a : translations.selectNone }), "select-none"));
-    }, [props.selectNoneText, translations.selectNone, unselectAll]);
-    var selectPageDropdownItem = (0, react_1.useMemo)(function () {
-        var _a;
-        return ((0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ id: "select-page", onClick: function () {
-                selectItems === null || selectItems === void 0 ? void 0 : selectItems(pageItems !== null && pageItems !== void 0 ? pageItems : []);
-                setIsOpen(false);
-            } }, { children: "Select ".concat((_a = pageItems === null || pageItems === void 0 ? void 0 : pageItems.length) !== null && _a !== void 0 ? _a : 0, " page items") }), "select-page"));
-    }, [selectItems, pageItems]);
-    var dropdownItems = (0, react_1.useMemo)(function () { return [selectNoneDropdownItem, selectPageDropdownItem]; }, [selectNoneDropdownItem, selectPageDropdownItem]);
-    return ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { isOpen: isOpen, toggle: toggle, dropdownItems: dropdownItems, style: { zIndex: 302 } }));
-}
-exports.BulkSelector = BulkSelector;

package/cjs/components/Collapse.css

@@ -1,12 +0,0 @@
-.collapsed {
-  max-height: 0;
-  transition: max-height 0.15s ease-out, opacity 0.15s ease-out;
-  overflow: hidden;
-  opacity: 0;
-}
-
-.expanded {
-  max-height: 500px;
-  transition: max-height 0.25s ease-in, opacity 0.25s ease-in;
-  opacity: 1;
-}

package/cjs/components/Collapse.js

@@ -1,23 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Collapse = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-require("./Collapse.css");
-function Collapse(props) {
-    var className = 'collapsed';
-    if (props.open)
-        className += ' expanded';
-    return (0, jsx_runtime_1.jsx)("div", __assign({ className: className }, { children: props.children }));
-}
-exports.Collapse = Collapse;

package/cjs/components/DetailInfo.js

@@ -1,21 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DetailInfo = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-function DetailInfo(props) {
-    var title = props.title, description = props.description;
-    return ((0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ variant: "light" }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Alert, __assign({ isInline: true, isPlain: true, variant: "info", title: title }, { children: description && (0, jsx_runtime_1.jsx)("p", { children: description }) })) })));
-}
-exports.DetailInfo = DetailInfo;

package/cjs/components/Dotted.js

@@ -1,19 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dotted = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-function Dotted(props) {
-    return (0, jsx_runtime_1.jsx)("span", __assign({ style: { textDecoration: 'underline dotted' } }, { children: props.children }));
-}
-exports.Dotted = Dotted;

package/cjs/components/DropdownControlled.js

@@ -1,28 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownControlled = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-function DropdownControlled(props) {
-    var _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
-    var onToggle = (0, react_1.useCallback)(function () { return setOpen(function (open) { return !open; }); }, []);
-    return ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { toggle: (0, jsx_runtime_1.jsx)(react_core_1.KebabToggle, { onToggle: onToggle }), isOpen: open, isPlain: true, dropdownItems: props.items }));
-}
-exports.DropdownControlled = DropdownControlled;

package/cjs/components/EmptyStateCustom.js

@@ -1,21 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmptyStateCustom = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-function EmptyStateCustom(props) {
-    var title = props.title, description = props.description, icon = props.icon, button = props.button;
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.EmptyState, __assign({ variant: react_core_1.EmptyStateVariant.small }, { children: [icon && (0, jsx_runtime_1.jsx)(react_core_1.EmptyStateIcon, { icon: icon }), (0, jsx_runtime_1.jsx)(react_core_1.Title, __assign({ headingLevel: "h4", size: "lg" }, { children: title })), (0, jsx_runtime_1.jsx)(react_core_1.EmptyStateBody, { children: description }), button && (0, jsx_runtime_1.jsx)(react_core_1.EmptyStatePrimary, { children: button })] })));
-}
-exports.EmptyStateCustom = EmptyStateCustom;

package/cjs/components/EmptyStateFilter.js

@@ -1,26 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmptyStateFilter = 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 EmptyStateCustom_1 = require("./EmptyStateCustom");
-function EmptyStateFilter(props) {
-    var button = props.button, clearAllFilters = props.clearAllFilters, description = props.description, title = props.title;
-    var defaultButton = 'Clear all filters';
-    var defaultDescription = 'No results match the filter criteria. Try changing your filter settings.';
-    var defaultTitle = 'No results found';
-    return ((0, jsx_runtime_1.jsx)(EmptyStateCustom_1.EmptyStateCustom, { title: title || defaultTitle, description: description || defaultDescription, icon: react_icons_1.SearchIcon, button: clearAllFilters ? ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ onClick: clearAllFilters, variant: "link" }, { children: button || defaultButton }))) : undefined }));
-}
-exports.EmptyStateFilter = EmptyStateFilter;

package/cjs/components/EmptyStateNoData.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmptyStateNoData = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_icons_1 = require("@patternfly/react-icons");
-var EmptyStateCustom_1 = require("./EmptyStateCustom");
-function EmptyStateNoData(props) {
-    var button = props.button, description = props.description, title = props.title;
-    return ((0, jsx_runtime_1.jsx)(EmptyStateCustom_1.EmptyStateCustom, { icon: button ? react_icons_1.PlusCircleIcon : react_icons_1.CubesIcon, title: title, description: description, button: button }));
-}
-exports.EmptyStateNoData = EmptyStateNoData;

package/cjs/components/EmptyStateUnauthorized.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmptyStateUnauthorized = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_icons_1 = require("@patternfly/react-icons");
-var EmptyStateCustom_1 = require("./EmptyStateCustom");
-function EmptyStateUnauthorized(props) {
-    var defaultAdminMessage = 'Contact your organization administrator for more information.';
-    var defaultTitle = 'You do not have access';
-    var adminMessage = props.adminMessage, loginLink = props.loginLink, title = props.title;
-    return ((0, jsx_runtime_1.jsx)(EmptyStateCustom_1.EmptyStateCustom, { icon: react_icons_1.LockIcon, title: title || defaultTitle, description: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [adminMessage || defaultAdminMessage, (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), loginLink] }) }));
-}
-exports.EmptyStateUnauthorized = EmptyStateUnauthorized;

package/cjs/components/ErrorBoundary.js

@@ -1,45 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var ErrorBoundary = /** @class */ (function (_super) {
-    __extends(ErrorBoundary, _super);
-    function ErrorBoundary() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            hasError: false,
-        };
-        return _this;
-    }
-    ErrorBoundary.getDerivedStateFromError = function (_) {
-        // Update state so the next render will show the fallback UI.
-        return { hasError: true };
-    };
-    ErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
-        // eslint-disable-next-line no-console
-        console.error('Uncaught error:', error, errorInfo);
-    };
-    ErrorBoundary.prototype.render = function () {
-        if (this.state.hasError) {
-            return (0, jsx_runtime_1.jsx)("h1", { children: this.props.message });
-        }
-        return this.props.children;
-    };
-    return ErrorBoundary;
-}(react_1.Component));
-exports.default = ErrorBoundary;

package/cjs/components/Help.js

@@ -1,24 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Help = 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");
-function Help(props) {
-    var help = props.help, title = props.title;
-    if (!help)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    return ((0, jsx_runtime_1.jsx)(react_core_1.Popover, __assign({ headerContent: title, bodyContent: help, removeFindDomNode: true }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "plain", style: { padding: 0, marginLeft: '8px', verticalAlign: 'middle' } }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.OutlinedQuestionCircleIcon, {}) })) })));
-}
-exports.Help = Help;

package/cjs/components/IconWrapper.js

@@ -1,53 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconWrapper = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var pfcolors_1 = require("./pfcolors");
-function IconWrapper(props) {
-    var newProps = {};
-    if (props.color) {
-        newProps.color = (0, pfcolors_1.getPatternflyColor)(props.color);
-    }
-    if (props.size) {
-        newProps.size = props.size;
-    }
-    var paddingRight = 0;
-    if (props.padRight) {
-        switch (props.size) {
-            case 'sm':
-                paddingRight = 4;
-                break;
-            case 'md':
-                paddingRight = 6;
-                break;
-            case 'lg':
-                paddingRight = 8;
-                break;
-            case 'xl':
-                paddingRight = 12;
-                break;
-        }
-    }
-    var newChildren = react_1.Children.toArray(props.children).map(function (child) {
-        if ((0, react_1.isValidElement)(child)) {
-            return (0, react_1.cloneElement)(child, newProps);
-        }
-        else {
-            return child;
-        }
-    });
-    return (0, jsx_runtime_1.jsx)("div", __assign({ style: { paddingRight: paddingRight } }, { children: newChildren }));
-}
-exports.IconWrapper = IconWrapper;

package/cjs/components/LoadingPage.js

@@ -1,25 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingPage = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-var PageHeader_1 = require("../PageHeader");
-function LoadingPage(props) {
-    var _a;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { breadcrumbs: props.breadcrumbs, title: (_a = props.title) !== null && _a !== void 0 ? _a : ((0, jsx_runtime_1.jsx)(react_core_1.Skeleton, { width: "200px" })) }), (0, jsx_runtime_1.jsx)(react_core_1.PageSection
-            // variant={theme === ThemeE.Dark ? undefined : 'light'}
-            , { children: (0, jsx_runtime_1.jsx)(react_core_1.Bullseye, __assign({ style: { paddingTop: 32 } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Spinner, {}) })) })] }));
-}
-exports.LoadingPage = LoadingPage;

package/cjs/components/LoadingState.js

@@ -1,20 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingState = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-function LoadingState() {
-    return ((0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ isFilled: true, variant: "light" }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Bullseye, { children: (0, jsx_runtime_1.jsx)(react_core_1.Spinner, {}) }) })));
-}
-exports.LoadingState = LoadingState;