@ansible/ansible-ui-framework 0.0.614 → 0.0.615

package/cjs/PageActions/PageBulkAction.js

@@ -1,35 +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.PageBulkAction = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-function PageBulkAction(props) {
-    var _a;
-    var action = props.action, selectedItems = props.selectedItems, wrapper = props.wrapper;
-    var Wrapper = wrapper !== null && wrapper !== void 0 ? wrapper : react_1.Fragment;
-    var Icon = action.icon;
-    var tooltip = action.tooltip;
-    var isDisabled = false;
-    var variant = (_a = action.variant) !== null && _a !== void 0 ? _a : react_core_1.ButtonVariant.secondary;
-    if (variant === react_core_1.ButtonVariant.primary && action.isDanger) {
-        variant = react_core_1.ButtonVariant.danger;
-    }
-    if (!selectedItems || !selectedItems.length) {
-        tooltip = 'No selections';
-        isDisabled = true;
-    }
-    return ((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: variant, icon: Icon ? ((0, jsx_runtime_1.jsx)("span", __assign({ style: { paddingRight: 4 } }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) }))) : undefined, isAriaDisabled: isDisabled, onClick: function () { return action.onClick(selectedItems !== null && selectedItems !== void 0 ? selectedItems : []); }, isDanger: action.isDanger }, { children: action.shortLabel ? action.shortLabel : action.label })) })) }));
-}
-exports.PageBulkAction = PageBulkAction;

package/cjs/PageActions/PageButtonAction.js

@@ -1,41 +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.PageButtonAction = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
-function PageButtonAction(props) {
-    var _a, _b;
-    var action = props.action, isSecondary = props.isSecondary, wrapper = props.wrapper;
-    var Wrapper = wrapper !== null && wrapper !== void 0 ? wrapper : react_1.Fragment;
-    var Icon = action.icon;
-    var tooltip = ((_a = action.tooltip) !== null && _a !== void 0 ? _a : props.iconOnly) ? props.action.label : undefined;
-    var isDisabled = action.isDisabled !== undefined ? action.isDisabled : false;
-    tooltip = isDisabled ? isDisabled : tooltip;
-    var variant = (_b = action.variant) !== null && _b !== void 0 ? _b : react_core_1.ButtonVariant.secondary;
-    if (isSecondary && [react_core_1.ButtonVariant.primary, react_core_1.ButtonVariant.danger].includes(variant)) {
-        variant = react_core_1.ButtonVariant.secondary;
-    }
-    if (variant === react_core_1.ButtonVariant.primary && action.isDanger) {
-        variant = react_core_1.ButtonVariant.danger;
-    }
-    if (props.iconOnly) {
-        variant = react_core_1.ButtonVariant.plain;
-    }
-    var id = props.action.label.toLowerCase().split(' ').join('-');
-    var content = props.iconOnly && Icon ? (0, jsx_runtime_1.jsx)(Icon, {}) : action.shortLabel ? action.shortLabel : action.label;
-    return ((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ id: id, variant: variant, isDanger: action.isDanger, icon: Icon ? ((0, jsx_runtime_1.jsx)("span", __assign({ style: { paddingRight: 4 } }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) }))) : undefined, isAriaDisabled: Boolean(isDisabled), onClick: action.onClick ? action.onClick : undefined, component: action.href ? function (props) { return (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, __assign({}, props, { to: action.href })); } : undefined }, { children: content })) })) }));
-}
-exports.PageButtonAction = PageButtonAction;

package/cjs/PageActions/PageDropdownAction.js

@@ -1,132 +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 __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));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterActionSeperators = exports.PageDropdownAction = 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 react_router_dom_1 = require("react-router-dom");
-var PageActions_1 = require("./PageActions");
-var PageActionType_1 = require("./PageActionType");
-function PageDropdownAction(props) {
-    var label = props.label, icon = props.icon, selectedItems = props.selectedItems, selectedItem = props.selectedItem, iconOnly = props.iconOnly, isDisabled = props.isDisabled, tooltip = props.tooltip, variant = props.variant;
-    var actions = props.actions;
-    actions = actions.filter(function (action) { return !(0, PageActions_1.isHiddenAction)(action, selectedItem); });
-    actions = filterActionSeperators(actions);
-    var _a = __read((0, react_1.useState)(false), 2), dropdownOpen = _a[0], setDropdownOpen = _a[1];
-    var hasBulkActions = (0, react_1.useMemo)(function () { return !actions.every(function (action) { return action.type !== PageActionType_1.PageActionType.bulk; }); }, [actions]);
-    var hasIcons = (0, react_1.useMemo)(function () {
-        return actions.find(function (action) { return action.type !== PageActionType_1.PageActionType.seperator && action.icon !== undefined; }) !== undefined;
-    }, [actions]);
-    (0, react_1.useEffect)(function () {
-        var _a;
-        (_a = props.onOpen) === null || _a === void 0 ? void 0 : _a.call(props, dropdownOpen);
-    }, [dropdownOpen, props]);
-    if (actions.length === 0)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    var Icon = icon;
-    var toggleIcon = Icon ? (0, jsx_runtime_1.jsx)(Icon, {}) : label;
-    var isPrimary = variant === react_core_1.ButtonVariant.primary || (hasBulkActions && !!(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length));
-    /** Turn primary button to secondary if there are items selected */
-    var isSecondary = variant === react_core_1.ButtonVariant.primary && !hasBulkActions && !!(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length);
-    var Toggle = label || Icon ? ((0, jsx_runtime_1.jsx)(react_core_1.DropdownToggle, __assign({ id: "toggle-dropdown", isDisabled: isDisabled, onToggle: function () { return setDropdownOpen(!dropdownOpen); }, toggleVariant: isSecondary ? 'secondary' : isPrimary ? 'primary' : undefined, toggleIndicator: Icon && iconOnly ? null : undefined, style: isPrimary && !label ? { color: 'var(--pf-global--Color--light-100)' } : {}, icon: Icon ? (0, jsx_runtime_1.jsx)(Icon, {}) : undefined }, { children: iconOnly ? undefined : label }))) : ((0, jsx_runtime_1.jsx)(react_core_1.KebabToggle, __assign({ id: "toggle-kebab", isDisabled: isDisabled, onToggle: function () { return setDropdownOpen(!dropdownOpen); }, toggleVariant: isPrimary ? 'primary' : undefined, style: isPrimary && !label ? { color: 'var(--pf-global--Color--light-100)' } : {} }, { children: toggleIcon })));
-    var dropdown = ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { onSelect: function () { return setDropdownOpen(false); }, toggle: Toggle, isOpen: dropdownOpen, isPlain: !label || iconOnly, dropdownItems: actions.map(function (action, index) { return ((0, jsx_runtime_1.jsx)(PageDropdownActionItem, { action: action, selectedItems: selectedItems !== null && selectedItems !== void 0 ? selectedItems : [], selectedItem: selectedItem, hasIcons: hasIcons, index: index }, 'label' in action ? action.label : "action-".concat(index))); }), position: props.position, style: { zIndex: dropdownOpen ? 201 : undefined } }));
-    return tooltip && (iconOnly || isDisabled) ? ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: dropdown }))) : (__assign({}, dropdown));
-}
-exports.PageDropdownAction = PageDropdownAction;
-function PageDropdownActionItem(props) {
-    var action = props.action, selectedItems = props.selectedItems, selectedItem = props.selectedItem, hasIcons = props.hasIcons, index = props.index;
-    switch (action.type) {
-        case PageActionType_1.PageActionType.single:
-        case PageActionType_1.PageActionType.singleLink: {
-            var Icon = action.icon;
-            if (!Icon && hasIcons)
-                Icon = TransparentIcon;
-            var tooltip = action.tooltip;
-            var isDisabled = action.isDisabled !== undefined && selectedItem ? action.isDisabled(selectedItem) : false;
-            tooltip = isDisabled ? isDisabled : tooltip;
-            return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ onClick: action.onClick ? function () { return selectedItem && action.onClick(selectedItem); } : undefined, component: (action.href
-                        ? function (props) { return ((0, jsx_runtime_1.jsx)(react_router_dom_1.Link, __assign({}, props, { to: selectedItem ? action.href(selectedItem) : '' }))); }
-                        : undefined), isAriaDisabled: Boolean(isDisabled), icon: Icon ? ((0, jsx_runtime_1.jsx)("span", __assign({ style: { paddingRight: 4 } }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) }))) : undefined, style: {
-                        color: action.isDanger && !isDisabled ? 'var(--pf-global--danger-color--100)' : undefined,
-                    } }, { children: action.label })) }), action.label));
-        }
-        case PageActionType_1.PageActionType.button:
-        case PageActionType_1.PageActionType.bulk: {
-            var Icon = action.icon;
-            if (!Icon && hasIcons)
-                Icon = TransparentIcon;
-            var tooltip = action.tooltip;
-            var isDisabled = false;
-            if (action.type === PageActionType_1.PageActionType.bulk && !selectedItems.length) {
-                tooltip = 'No selections';
-                isDisabled = true;
-            }
-            return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ onClick: action.onClick ? function () { return action.onClick(selectedItems); } : undefined, component: (!action.onClick
-                        ? function (props) { return (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, __assign({}, props, { to: action.href })); }
-                        : undefined), isAriaDisabled: isDisabled, icon: Icon ? ((0, jsx_runtime_1.jsx)("span", __assign({ style: { paddingRight: 4 } }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) }))) : undefined, style: {
-                        color: action.isDanger && !isDisabled ? 'var(--pf-global--danger-color--100)' : undefined,
-                    } }, { children: action.label })) }), action.label));
-        }
-        case PageActionType_1.PageActionType.dropdown: {
-            var tooltip = action.label;
-            var isDisabled = action.isDisabled !== undefined && selectedItem ? action.isDisabled(selectedItem) : '';
-            tooltip = isDisabled ? isDisabled : tooltip;
-            return ((0, jsx_runtime_1.jsx)(PageDropdownAction, { label: action.label, actions: action.options, selectedItem: selectedItem, isDisabled: Boolean(isDisabled), tooltip: tooltip, variant: action.variant }, action.label));
-        }
-        case PageActionType_1.PageActionType.seperator:
-            return (0, jsx_runtime_1.jsx)(react_core_1.DropdownSeparator, {}, "separator-".concat(index));
-    }
-}
-var TransparentIcon = function () { return (0, jsx_runtime_1.jsx)(react_icons_1.CircleIcon, { style: { opacity: 0 } }); };
-function filterActionSeperators(actions) {
-    var filteredActions = __spreadArray([], __read(actions), false);
-    // Remove seperators at beginning of actions
-    while (filteredActions.length > 0 && filteredActions[0].type === PageActionType_1.PageActionType.seperator) {
-        filteredActions.shift();
-    }
-    // Remove seperators at end of actions
-    while (filteredActions.length > 0 &&
-        filteredActions[filteredActions.length - 1].type === PageActionType_1.PageActionType.seperator) {
-        filteredActions.pop();
-    }
-    // TODO remove two seperators in a row
-    return filteredActions;
-}
-exports.filterActionSeperators = filterActionSeperators;

package/cjs/PageActions/PagePinnedActions.js

@@ -1,55 +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.PagePinnedAction = exports.PagePinnedActions = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var PageActionType_1 = require("./PageActionType");
-var PageBulkAction_1 = require("./PageBulkAction");
-var PageButtonAction_1 = require("./PageButtonAction");
-var PageDropdownAction_1 = require("./PageDropdownAction");
-var PageSingleAction_1 = require("./PageSingleAction");
-function PagePinnedActions(props) {
-    var actions = props.actions, selectedItems = props.selectedItems, selectedItem = props.selectedItem, wrapper = props.wrapper, iconOnly = props.iconOnly;
-    if (actions.length === 0)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    return ((0, jsx_runtime_1.jsx)(react_core_1.Split, __assign({ hasGutter: true }, { children: actions.map(function (action, index) { return ((0, jsx_runtime_1.jsx)(PagePinnedAction, { action: action, selectedItem: selectedItem, selectedItems: selectedItems, wrapper: wrapper, iconOnly: iconOnly }, index)); }) })));
-}
-exports.PagePinnedActions = PagePinnedActions;
-function PagePinnedAction(props) {
-    var action = props.action, selectedItems = props.selectedItems, selectedItem = props.selectedItem, wrapper = props.wrapper;
-    switch (action.type) {
-        case PageActionType_1.PageActionType.seperator: {
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-        }
-        case PageActionType_1.PageActionType.single:
-        case PageActionType_1.PageActionType.singleLink: {
-            return ((0, jsx_runtime_1.jsx)(PageSingleAction_1.PageSingleAction, { action: action, selectedItem: selectedItem, iconOnly: props.iconOnly, wrapper: wrapper }));
-        }
-        case PageActionType_1.PageActionType.bulk: {
-            return ((0, jsx_runtime_1.jsx)(PageBulkAction_1.PageBulkAction, { action: action, selectedItems: selectedItems, 
-                // iconOnly={props.iconOnly}
-                wrapper: wrapper }));
-        }
-        case PageActionType_1.PageActionType.button: {
-            return ((0, jsx_runtime_1.jsx)(PageButtonAction_1.PageButtonAction, { action: action, isSecondary: selectedItems !== undefined && selectedItems.length !== 0, iconOnly: props.iconOnly, wrapper: wrapper }));
-        }
-        case PageActionType_1.PageActionType.dropdown: {
-            var tooltip = action.label;
-            var isDisabled = action.isDisabled !== undefined && selectedItem ? action.isDisabled(selectedItem) : '';
-            tooltip = isDisabled ? isDisabled : tooltip;
-            return ((0, jsx_runtime_1.jsx)(PageDropdownAction_1.PageDropdownAction, { icon: action.icon, label: action.label, actions: action.options, selectedItem: selectedItem, selectedItems: selectedItems, iconOnly: props.iconOnly, position: react_core_1.DropdownPosition.right, isDisabled: Boolean(isDisabled), tooltip: props.iconOnly || isDisabled ? tooltip : undefined, variant: action.variant }));
-        }
-    }
-}
-exports.PagePinnedAction = PagePinnedAction;

package/cjs/PageActions/PageSingleAction.js

@@ -1,38 +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.PageSingleAction = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
-function PageSingleAction(props) {
-    var _a, _b;
-    var action = props.action, selectedItem = props.selectedItem, wrapper = props.wrapper;
-    var Wrapper = wrapper !== null && wrapper !== void 0 ? wrapper : react_1.Fragment;
-    var Icon = action.icon;
-    var tooltip = ((_a = action.tooltip) !== null && _a !== void 0 ? _a : props.iconOnly) ? props.action.label : undefined;
-    var isDisabled = action.isDisabled !== undefined && selectedItem ? action.isDisabled(selectedItem) : false;
-    tooltip = isDisabled ? isDisabled : tooltip;
-    var variant = (_b = action.variant) !== null && _b !== void 0 ? _b : react_core_1.ButtonVariant.secondary;
-    if (variant === react_core_1.ButtonVariant.primary && action.isDanger) {
-        variant = react_core_1.ButtonVariant.danger;
-    }
-    if (props.iconOnly) {
-        variant = react_core_1.ButtonVariant.plain;
-    }
-    return ((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ id: props.action.label.toLowerCase().split(' ').join('-'), variant: variant, icon: Icon ? ((0, jsx_runtime_1.jsx)("span", __assign({ style: { marginLeft: -4, paddingRight: 4 } }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) }))) : undefined, isAriaDisabled: Boolean(isDisabled), onClick: action.onClick ? function () { return selectedItem && action.onClick(selectedItem); } : undefined, component: action.href
-                    ? function (props) { return (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, __assign({}, props, { to: selectedItem && action.href(selectedItem) })); }
-                    : undefined, isDanger: action.isDanger }, { children: props.iconOnly && Icon ? (0, jsx_runtime_1.jsx)(Icon, {}) : action.shortLabel ? action.shortLabel : action.label })) })) }));
-}
-exports.PageSingleAction = PageSingleAction;

package/cjs/PageAlertToaster.js

@@ -1,102 +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 __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));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageAlertToasterProvider = exports.usePageAlertToaster = exports.PageAlertToasterContext = void 0;
-var react_1 = require("react");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_2 = require("react");
-exports.PageAlertToasterContext = (0, react_2.createContext)({
-    addAlert: function () { return null; },
-    removeAlert: function () { return null; },
-    replaceAlert: function () { return null; },
-    removeAlerts: function () { return null; },
-});
-function usePageAlertToaster() {
-    return (0, react_2.useContext)(exports.PageAlertToasterContext);
-}
-exports.usePageAlertToaster = usePageAlertToaster;
-function PageAlertToasterProvider(props) {
-    var _a = __read((0, react_2.useState)([]), 2), toasterAlerts = _a[0], setToasterAlerts = _a[1];
-    var _b = __read((0, react_2.useState)(function () {
-        function removeAlerts(filter) {
-            setToasterAlerts(function (alerts) { return (filter ? alerts.filter(filter) : []); });
-        }
-        function removeAlert(alert) {
-            setToasterAlerts(function (alerts) { return alerts.filter(function (a) { return a !== alert; }); });
-        }
-        function addAlert(alert) {
-            if (Number.isInteger(alert.timeout)) {
-                setTimeout(function () { return removeAlert(alert); }, alert.timeout);
-                delete alert.timeout;
-            }
-            setToasterAlerts(function (alerts) {
-                var alertIndex = alerts.findIndex(function (a) { return a === alert; });
-                if (alertIndex !== -1) {
-                    var newAlerts = __spreadArray([], __read(alerts), false);
-                    newAlerts[alertIndex] = alert;
-                    return newAlerts;
-                }
-                else {
-                    return __spreadArray(__spreadArray([], __read(alerts), false), [alert], false);
-                }
-            });
-        }
-        function replaceAlert(oldAlert, alert) {
-            setToasterAlerts(function (alerts) {
-                var oldAlertIndex = alerts.findIndex(function (a) { return a === oldAlert; });
-                if (oldAlertIndex !== -1) {
-                    if (Number.isInteger(alert.timeout)) {
-                        setTimeout(function () { return removeAlert(alert); }, alert.timeout);
-                        delete alert.timeout;
-                    }
-                    var newAlerts = __spreadArray([], __read(alerts), false);
-                    newAlerts[oldAlertIndex] = alert;
-                    return newAlerts;
-                }
-                return alerts;
-            });
-        }
-        return { addAlert: addAlert, removeAlert: removeAlert, removeAlerts: removeAlerts, replaceAlert: replaceAlert };
-    }), 1), pageAlertToaster = _b[0];
-    return ((0, jsx_runtime_1.jsxs)(exports.PageAlertToasterContext.Provider, __assign({ value: pageAlertToaster }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.AlertGroup, __assign({ isToast: true, isLiveRegion: true }, { children: toasterAlerts.map(function (alertProps, index) {
-                    var _a, _b;
-                    return ((0, react_1.createElement)(react_core_1.Alert, __assign({}, alertProps, { key: (_b = (_a = alertProps.key) !== null && _a !== void 0 ? _a : alertProps.id) !== null && _b !== void 0 ? _b : index, actionClose: (0, jsx_runtime_1.jsx)(react_core_1.AlertActionCloseButton, { onClose: function () { return pageAlertToaster.removeAlert(alertProps); } }) })));
-                }) })), props.children] })));
-}
-exports.PageAlertToasterProvider = PageAlertToasterProvider;

package/cjs/PageAlerts.js

@@ -1,98 +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 __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));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageAlertsProvider = exports.usePageAlerts = exports.PageAlertsArrayContext = exports.PageAlertsContext = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-exports.PageAlertsContext = (0, react_1.createContext)({
-    addAlert: function () { return null; },
-    removeAlert: function () { return null; },
-    replaceAlert: function () { return null; },
-    removeAlerts: function () { return null; },
-});
-exports.PageAlertsArrayContext = (0, react_1.createContext)([]);
-function usePageAlerts() {
-    return (0, react_1.useContext)(exports.PageAlertsContext);
-}
-exports.usePageAlerts = usePageAlerts;
-function PageAlertsProvider(props) {
-    var _a = __read((0, react_1.useState)([]), 2), toasterAlerts = _a[0], setToasterAlerts = _a[1];
-    var _b = __read((0, react_1.useState)(function () {
-        function removeAlerts(filter) {
-            setToasterAlerts(function (alerts) { return (filter ? alerts.filter(filter) : []); });
-        }
-        function removeAlert(alert) {
-            setToasterAlerts(function (alerts) { return alerts.filter(function (a) { return a !== alert; }); });
-        }
-        function addAlert(alert) {
-            if (Number.isInteger(alert.timeout)) {
-                setTimeout(function () { return removeAlert(alert); }, alert.timeout);
-                delete alert.timeout;
-            }
-            setToasterAlerts(function (alerts) {
-                var alertIndex = alerts.findIndex(function (a) { return a === alert; });
-                if (alertIndex !== -1) {
-                    var newAlerts = __spreadArray([], __read(alerts), false);
-                    newAlerts[alertIndex] = alert;
-                    return newAlerts;
-                }
-                else {
-                    return __spreadArray(__spreadArray([], __read(alerts), false), [alert], false);
-                }
-            });
-        }
-        function replaceAlert(oldAlert, alert) {
-            setToasterAlerts(function (alerts) {
-                var oldAlertIndex = alerts.findIndex(function (a) { return a === oldAlert; });
-                if (oldAlertIndex !== -1) {
-                    if (Number.isInteger(alert.timeout)) {
-                        setTimeout(function () { return removeAlert(alert); }, alert.timeout);
-                        delete alert.timeout;
-                    }
-                    var newAlerts = __spreadArray([], __read(alerts), false);
-                    newAlerts[oldAlertIndex] = alert;
-                    return newAlerts;
-                }
-                return alerts;
-            });
-        }
-        return { addAlert: addAlert, removeAlert: removeAlert, removeAlerts: removeAlerts, replaceAlert: replaceAlert };
-    }), 1), pageAlerts = _b[0];
-    return ((0, jsx_runtime_1.jsx)(exports.PageAlertsContext.Provider, __assign({ value: pageAlerts }, { children: (0, jsx_runtime_1.jsx)(exports.PageAlertsArrayContext.Provider, __assign({ value: toasterAlerts }, { children: props.children })) })));
-}
-exports.PageAlertsProvider = PageAlertsProvider;

package/cjs/PageBody.js

@@ -1,52 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageBody = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var ErrorBoundary_1 = __importDefault(require("./components/ErrorBoundary"));
-var useBreakPoint_1 = require("./components/useBreakPoint");
-var useFrameworkTranslations_1 = require("./useFrameworkTranslations");
-function PageBody(props) {
-    var usePadding = (0, useBreakPoint_1.useBreakpoint)('xxl') && props.disablePadding !== true;
-    var _a = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _a[0];
-    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.default, __assign({ message: translations.errorText }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: __assign({ display: 'flex', flexDirection: 'column', height: '100%', maxHeight: '100%', overflow: 'hidden', backgroundColor: 'var(--pf-c-page__main-section--BackgroundColor)' }, props.style) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    height: '100%',
-                    maxHeight: '100%',
-                    margin: usePadding ? 24 : 0,
-                    overflow: 'hidden',
-                    border: usePadding ? 'thin solid var(--pf-global--BorderColor--100)' : undefined,
-                    backgroundColor: 'var(--pf-global--BackgroundColor--100)',
-                } }, { children: props.children })) })) })));
-}
-exports.PageBody = PageBody;

package/cjs/PageCells/BytesCell.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BytesCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-function BytesCell(props) {
-    var bytes = props.bytes;
-    if (!+bytes)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    var k = 1024;
-    var decimals = props.decimals ? props.decimals : 0;
-    var dm = decimals < 0 ? 0 : decimals;
-    var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-    var i = Math.floor(Math.log(bytes) / Math.log(k));
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "".concat(parseFloat((bytes / Math.pow(k, i)).toFixed(dm)), " ").concat(sizes[i]) });
-}
-exports.BytesCell = BytesCell;

package/cjs/PageCells/CapacityCell.js

@@ -1,67 +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.CapacityCell = 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 Settings_1 = require("../Settings");
-var useFrameworkTranslations_1 = require("../useFrameworkTranslations");
-function CapacityCell(props) {
-    var _a = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _a[0];
-    var settings = (0, Settings_1.useSettings)();
-    var ratio = props.used / props.capacity;
-    if (props.capacity === 0)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    var base = ratio >= 0.8
-        ? 'var(--pf-global--palette--red'
-        : ratio >= 0.5
-            ? 'var(--pf-global--palette--gold'
-            : 'var(--pf-global--palette--green';
-    var color1 = settings.activeTheme === 'light' ? "".concat(base, "-100)") : "".concat(base, "-600)");
-    var color2 = settings.activeTheme === 'light' ? "".concat(base, "-400)") : "".concat(base, "-200)");
-    var borderColor = settings.activeTheme === 'light' ? "#0002" : "#fff2";
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.Flex, __assign({ alignItems: { default: 'alignItemsBaseline' }, spaceItems: { default: 'spaceItemsSm' } }, { children: [props.capacity > 0 && ((0, jsx_runtime_1.jsx)(react_core_1.FlexItem, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
-                        width: 18,
-                        height: 25,
-                        background: color1,
-                        marginBottom: -9,
-                        paddingTop: Math.max(0, Math.min(25, (25 * (props.capacity - props.used)) / props.capacity)),
-                        borderRadius: 2,
-                        border: "thin solid ".concat(borderColor),
-                    } }, { children: (0, jsx_runtime_1.jsx)("div", { style: {
-                            width: '100%',
-                            height: '100%',
-                            background: color2,
-                            borderRadius: 2,
-                        } }) })) })), props.format ? ((0, jsx_runtime_1.jsx)(react_core_1.FlexItem, { children: props.format
-                    .replace('{used}', props.used.toString())
-                    .replace('{capacity}', props.capacity.toString()) })) : ((0, jsx_runtime_1.jsxs)(react_core_1.FlexItem, { children: [props.used, " ".concat(translations.ofText, " "), props.capacity] }))] })));
-}
-exports.CapacityCell = CapacityCell;