@redhat-cloud-services/frontend-components 4.0.3 → 4.0.5

package/esm/ErrorBoundary/ErrorBoundary.js

@@ -1,54 +1,17 @@
-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 __());
-    };
-})();
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import PageHeader, { PageHeaderTitle } from '../PageHeader';
-import ErrorState from '../ErrorState';
-import { ExpandableSection } from "@patternfly/react-core/dist/dynamic/components/ExpandableSection";
-import ErrorStack from './ErrorStack';
-import Section from '../Section';
-var ErrorBoundaryPage = (function (_super) {
-    __extends(ErrorBoundaryPage, _super);
-    function ErrorBoundaryPage(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            hasError: false,
-            historyState: history.state,
-        };
-        return _this;
-    }
-    ErrorBoundaryPage.getDerivedStateFromError = function (error) {
-        return { hasError: true, error: error, historyState: history.state };
-    };
-    ErrorBoundaryPage.prototype.render = function () {
-        if (this.state.historyState !== history.state) {
-            this.setState({
-                hasError: false,
-                historyState: history.state,
-            });
-        }
-        if (this.state.hasError) {
-            if (this.props.silent) {
-                return null;
-            }
-            return (_jsxs("div", { children: [_jsx(PageHeader, { children: _jsx(PageHeaderTitle, { title: this.props.headerTitle }) }), _jsx(Section, { children: _jsx(ErrorState, { errorTitle: this.props.errorTitle, errorDescription: _jsxs(_Fragment, { children: [_jsx("span", { children: this.props.errorDescription }), this.state.error && (_jsx(ExpandableSection, { toggleText: "Show details", children: _jsx(ErrorStack, { error: this.state.error }) }))] }) }) })] }));
+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 this.props.children;
+        return t;
     };
-    return ErrorBoundaryPage;
-}(React.Component));
-export default ErrorBoundaryPage;
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ErrorBoundary as ErrorBoundaryPF } from '@patternfly/react-component-groups/dist/dynamic/ErrorBoundary';
+import { DefaultErrorMessage } from '../ErrorState';
+var ErrorBoundary = function (props) { return _jsx(ErrorBoundaryPF, __assign({ defaultErrorDescription: DefaultErrorMessage }, props)); };
+export default ErrorBoundary;
 //# sourceMappingURL=ErrorBoundary.js.map

package/esm/ErrorBoundary/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,UAAU,MAAM,eAAe,CAAC;;AAEvC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,OAAO,MAAM,YAAY,CAAC;AAgBjC;IAAgC,qCAAwE;IACtG,2BAAY,KAA+B;QAA3C,YACE,kBAAM,KAAK,CAAC,SAKb;QAJC,KAAI,CAAC,KAAK,GAAG;YACX,QAAQ,EAAE,KAAK;YACf,YAAY,EAAE,OAAO,CAAC,KAAK;SAC5B,CAAC;;IACJ,CAAC;IAEM,0CAAwB,GAA/B,UAAgC,KAAY;QAC1C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,OAAA,EAAE,YAAY,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC;IAChE,CAAC;IAED,kCAAM,GAAN;QACE,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,OAAO,CAAC,KAAK,EAAE;YAC7C,IAAI,CAAC,QAAQ,CAAC;gBACZ,QAAQ,EAAE,KAAK;gBACf,YAAY,EAAE,OAAO,CAAC,KAAK;aAC5B,CAAC,CAAC;SACJ;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBACrB,OAAO,IAAI,CAAC;aACb;YACD,OAAO,CACL,0BACE,KAAC,UAAU,cACT,KAAC,eAAe,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAI,GACvC,EACb,KAAC,OAAO,cACN,KAAC,UAAU,IACT,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,gBAAgB,EACd,8BACE,yBAAO,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAQ,EACzC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CACnB,KAAC,iBAAiB,IAAC,UAAU,EAAC,cAAc,YAC1C,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,GACrB,CACrB,IACA,GAEL,GACM,IACN,CACP,CAAC;SACH;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;IACH,wBAAC;AAAD,CAAC,AAnDD,CAAgC,KAAK,CAAC,SAAS,GAmD9C;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,+DAA+D,CAAC;AACjH,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAMpD,IAAM,aAAa,GAAiC,UAAC,KAAK,IAAK,OAAA,KAAC,eAAe,aAAC,uBAAuB,EAAE,mBAAmB,IAAM,KAAK,EAAI,EAA5E,CAA4E,CAAC;AAE5I,eAAe,aAAa,CAAC"}

package/esm/ErrorState/ErrorState.js

@@ -9,27 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ExclamationCircleIcon from "@patternfly/react-icons/dist/dynamic/icons/exclamation-circle-icon";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ErrorState as ErrorStatePF } from '@patternfly/react-component-groups/dist/dynamic/ErrorState';
 import DefaultErrorMessage from './DefaultErrorMessage';
-import { Button } from "@patternfly/react-core/dist/dynamic/components/Button";
-import { EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateHeader, EmptyStateIcon, EmptyStateProps, EmptyStateVariant } from "@patternfly/react-core/dist/dynamic/components/EmptyState";
-import { Stack, StackItem } from "@patternfly/react-core/dist/dynamic/layouts/Stack";
-import '../ErrorState/error-state.css';
-var ErrorState = function (_a) {
-    var _b = _a.errorTitle, errorTitle = _b === void 0 ? 'Something went wrong' : _b, errorDescription = _a.errorDescription, props = __rest(_a, ["errorTitle", "errorDescription"]);
-    return (_jsxs(EmptyState, __assign({ variant: EmptyStateVariant.lg }, props, { className: "ins-c-error-state", children: [_jsx(EmptyStateHeader, { titleText: _jsx(_Fragment, { children: errorTitle }), icon: _jsx(EmptyStateIcon, { icon: ExclamationCircleIcon }), headingLevel: "h4" }), _jsx(EmptyStateBody, { children: _jsxs(Stack, { children: [!errorDescription && _jsx(StackItem, { children: "There was a problem processing the request. Please try again." }), _jsx(StackItem, { children: errorDescription || _jsx(DefaultErrorMessage, {}) })] }) }), _jsx(EmptyStateFooter, { children: document.referrer ? (_jsx(Button, { variant: "primary", onClick: function () { return history.back(); }, children: "Return to last page" })) : (_jsx(Button, { variant: "primary", component: "a", href: ".", target: "_blank", rel: "noopener noreferrer", children: "Go to home page" })) })] })));
-};
+var ErrorState = function (props) { return _jsx(ErrorStatePF, __assign({ defaultErrorDescription: _jsx(DefaultErrorMessage, {}) }, props)); };
 export default ErrorState;
 //# sourceMappingURL=ErrorState.js.map

package/esm/ErrorState/ErrorState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorState.js","sourceRoot":"","sources":["../../src/ErrorState/ErrorState.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;;;;AAaxD,OAAO,oBAAoB,CAAC;AAO5B,IAAM,UAAU,GAA6C,UAAC,EAAmE;IAAjE,IAAA,kBAAmC,EAAnC,UAAU,mBAAG,sBAAsB,KAAA,EAAE,gBAAgB,sBAAA,EAAK,KAAK,cAAjE,kCAAmE,CAAF;IAC7H,OAAO,CACL,MAAC,UAAU,aAAC,OAAO,EAAE,iBAAiB,CAAC,EAAE,IAAM,KAAK,IAAE,SAAS,EAAC,mBAAmB,aACjF,KAAC,gBAAgB,IAAC,SAAS,EAAE,4BAAG,UAAU,GAAI,EAAE,IAAI,EAAE,KAAC,cAAc,IAAC,IAAI,EAAE,qBAAqB,GAAI,EAAE,YAAY,EAAC,IAAI,GAAG,EAC3H,KAAC,cAAc,cACb,MAAC,KAAK,eACH,CAAC,gBAAgB,IAAI,KAAC,SAAS,gFAA0E,EAC1G,KAAC,SAAS,cAAE,gBAAgB,IAAI,KAAC,mBAAmB,KAAG,GAAa,IAC9D,GACO,EACjB,KAAC,gBAAgB,cACd,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CACnB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,EAAE,EAAd,CAAc,oCAE9C,CACV,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,gCAEjF,CACV,GACgB,KACR,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ErrorState.js","sourceRoot":"","sources":["../../src/ErrorState/ErrorState.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,4DAA4D,CAAC;AACxG,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAKxD,IAAM,UAAU,GAA4B,UAAC,KAAK,IAAK,OAAA,KAAC,YAAY,aAAC,uBAAuB,EAAE,KAAC,mBAAmB,KAAG,IAAM,KAAK,EAAI,EAA7E,CAA6E,CAAC;AAErI,eAAe,UAAU,CAAC"}

package/esm/NotAuthorized/NotAuthorized.js

@@ -9,28 +9,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Button } from "@patternfly/react-core/dist/dynamic/components/Button";
-import { EmptyState, EmptyStateActions, EmptyStateBody, EmptyStateFooter, EmptyStateHeader, EmptyStateIcon, EmptyStateProps, EmptyStateVariant } from "@patternfly/react-core/dist/dynamic/components/EmptyState";
-import LockIcon from "@patternfly/react-icons/dist/dynamic/icons/lock-icon";
-var ContactBody = function () { return (_jsxs(React.Fragment, { children: ["Contact your organization administrator(s) for more information or visit\u00A0", _jsx("a", { href: "./settings/my-user-access", children: "My User Access" }), "\u00A0 to learn more about your permissions."] })); };
-var NotAuthorized = function (_a) {
-    var _b = _a.prevPageButtonText, prevPageButtonText = _b === void 0 ? 'Return to previous page' : _b, _c = _a.toLandingPageText, toLandingPageText = _c === void 0 ? 'Go to landing page' : _c, title = _a.title, _d = _a.actions, actions = _d === void 0 ? null : _d, serviceName = _a.serviceName, _e = _a.icon, Icon = _e === void 0 ? LockIcon : _e, _f = _a.description, description = _f === void 0 ? _jsx(ContactBody, {}) : _f, _g = _a.showReturnButton, showReturnButton = _g === void 0 ? true : _g, className = _a.className, props = __rest(_a, ["prevPageButtonText", "toLandingPageText", "title", "actions", "serviceName", "icon", "description", "showReturnButton", "className"]);
-    var heading = title || "You do not have access to ".concat(serviceName);
-    return (_jsxs(EmptyState, __assign({ variant: EmptyStateVariant.full, className: "ins-c-not-authorized ".concat(className || '') }, props, { children: [_jsx(EmptyStateHeader, { titleText: heading, icon: _jsx(EmptyStateIcon, { icon: Icon }), headingLevel: "h5" }), _jsx(EmptyStateBody, { children: description }), _jsxs(EmptyStateFooter, { children: [actions && _jsx(EmptyStateActions, { children: actions }), _jsx(EmptyStateActions, { children: showReturnButton &&
-                            (document.referrer ? (_jsx(Button, { variant: "primary", onClick: function () { return history.back(); }, children: prevPageButtonText })) : (_jsx(Button, { variant: "primary", component: "a", href: ".", children: toLandingPageText }))) })] })] })));
-};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { NotAuthorized as NotAuthorizedPF } from '@patternfly/react-component-groups/dist/dynamic/NotAuthorized';
+var NotAuthorized = function (props) { return (_jsx(NotAuthorizedPF, __assign({ description: _jsxs(_Fragment, { children: ["Contact your organization administrator(s) for more information or visit\u00A0", _jsx("a", { href: "./iam/my-user-access", children: "My User Access" }), "\u00A0to learn more about your permissions."] }) }, props))); };
 export default NotAuthorized;
 //# sourceMappingURL=NotAuthorized.js.map

package/esm/NotAuthorized/NotAuthorized.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotAuthorized.js","sourceRoot":"","sources":["../../src/NotAuthorized/NotAuthorized.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AA4B1B,IAAM,WAAW,GAAG,cAAM,OAAA,CACxB,MAAC,KAAK,CAAC,QAAQ,iGAEb,YAAG,IAAI,EAAE,2BAA2B,+BAAoB,oDACzC,CAClB,EALyB,CAKzB,CAAC;AAEF,IAAM,aAAa,GAAgD,UAAC,EAWnE;IAVC,IAAA,0BAA8C,EAA9C,kBAAkB,mBAAG,yBAAyB,KAAA,EAC9C,yBAAwC,EAAxC,iBAAiB,mBAAG,oBAAoB,KAAA,EACxC,KAAK,WAAA,EACL,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,WAAW,iBAAA,EACX,YAAqB,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACrB,mBAA6B,EAA7B,WAAW,mBAAG,KAAC,WAAW,KAAG,KAAA,EAC7B,wBAAuB,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACvB,SAAS,eAAA,EACN,KAAK,cAV0D,sIAWnE,CADS;IAER,IAAM,OAAO,GAAG,KAAK,IAAI,oCAA6B,WAAW,CAAE,CAAC;IACpE,OAAO,CACL,MAAC,UAAU,aAAC,OAAO,EAAE,iBAAiB,CAAC,IAAI,EAAE,SAAS,EAAE,+BAAwB,SAAS,IAAI,EAAE,CAAE,IAAM,KAAK,eAC1G,KAAC,gBAAgB,IAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,GAAI,EAAE,YAAY,EAAC,IAAI,GAAG,EAChG,KAAC,cAAc,cAAE,WAAW,GAAkB,EAC9C,MAAC,gBAAgB,eACd,OAAO,IAAI,KAAC,iBAAiB,cAAE,OAAO,GAAqB,EAC5D,KAAC,iBAAiB,cACf,gBAAgB;4BACf,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CACnB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,EAAE,EAAd,CAAc,YACpD,kBAAkB,GACZ,CACV,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,YAC7C,iBAAiB,GACX,CACV,CAAC,GACc,IACH,KACR,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"NotAuthorized.js","sourceRoot":"","sources":["../../src/NotAuthorized/NotAuthorized.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,+DAA+D,CAAC;AAKjH,IAAM,aAAa,GAA4B,UAAC,KAAK,IAAK,OAAA,CACxD,KAAC,eAAe,aACd,WAAW,EACT,gHACgF,YAAG,IAAI,EAAE,sBAAsB,+BAAoB,mDAEhI,IAED,KAAK,EACT,CACH,EAVyD,CAUzD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/index.css

@@ -18,42 +18,6 @@ i.Ansible svg {
   top: 0.25rem;
 }
 
-:root {
-  --ins-color--orange: #ec7a08;
-}
-
-i.ins-battery {
-  display: inline-block;
-  line-height: 0;
-}
-i.ins-battery svg {
-  position: relative;
-  top: var(--pf-v5-global--spacer--sm);
-  position: relative;
-  height: 28px;
-  height: 1.75rem;
-}
-
-.ins-battery-1 svg path, .ins-battery-low svg path, .ins-battery-info svg path {
-  fill: var(--pf-v5-global--disabled-color--200);
-}
-
-.ins-battery-2 svg path, .ins-battery-medium svg path, .ins-battery-warn svg path {
-  fill: var(--pf-v5-global--warning-color--100);
-}
-
-.ins-battery-3 svg path, .ins-battery-high svg path, .ins-battery-error svg path {
-  fill: var(--ins-color--orange);
-}
-
-.ins-battery-4 svg path, .ins-battery-critical svg path {
-  fill: var(--pf-v5-global--danger-color--100);
-}
-
-.ins-battery-0 svg path, .ins-battery-null svg path {
-  fill: var(--pf-v5-global--disabled-color--200);
-}
-
 .ins-c-bulk-select .pf-v5-c-dropdown__toggle-check span.pf-v5-c-dropdown__toggle-text {
   display: initial;
 }
@@ -238,20 +202,6 @@ button.pf-v5-c-menu-toggle {
   justify-content: center;
 }
 
-:root {
-  --ins-color--orange: #ec7a08;
-}
-
-.ins-error-boundary-stack {
-  font-family: "monospace";
-  font-size: var(--pf-v5-global--icon--FontSize--md);
-  text-align: left;
-  background-color: white;
-  border-style: solid;
-  border-color: var(--pf-v5-global--BackgroundColor--dark-300);
-  padding: var(--pf-v5-global--spacer--sm);
-}
-
 .ins-c-chip-filters .ins-c-chip-group__plain.pf-m-toolbar > li:not(.pf-m-overflow) {
   background: none;
   padding: 0;

package/esm/index.scss

@@ -1,11 +1,9 @@
 @import './Ansible/ansible.scss';
-@import './Battery/battery.scss';
 @import './BulkSelect/bulk-select.scss';
 @import './ConditionalFilter/conditional-filter.scss';
 @import './ConditionalFilter/group-filter.scss';
 @import './CullingInfo/CullingInformation.scss';
 @import './EmptyTable/EmptyTable.scss';
-@import './ErrorBoundary/ErrorBoundary.scss';
 @import './FilterChips/filter-chips.scss';
 @import './FilterHooks/tagFilterHook.scss';
 @import './Filters/filter-dropdown.scss';

package/index.css

@@ -18,42 +18,6 @@ i.Ansible svg {
   top: 0.25rem;
 }
 
-:root {
-  --ins-color--orange: #ec7a08;
-}
-
-i.ins-battery {
-  display: inline-block;
-  line-height: 0;
-}
-i.ins-battery svg {
-  position: relative;
-  top: var(--pf-v5-global--spacer--sm);
-  position: relative;
-  height: 28px;
-  height: 1.75rem;
-}
-
-.ins-battery-1 svg path, .ins-battery-low svg path, .ins-battery-info svg path {
-  fill: var(--pf-v5-global--disabled-color--200);
-}
-
-.ins-battery-2 svg path, .ins-battery-medium svg path, .ins-battery-warn svg path {
-  fill: var(--pf-v5-global--warning-color--100);
-}
-
-.ins-battery-3 svg path, .ins-battery-high svg path, .ins-battery-error svg path {
-  fill: var(--ins-color--orange);
-}
-
-.ins-battery-4 svg path, .ins-battery-critical svg path {
-  fill: var(--pf-v5-global--danger-color--100);
-}
-
-.ins-battery-0 svg path, .ins-battery-null svg path {
-  fill: var(--pf-v5-global--disabled-color--200);
-}
-
 .ins-c-bulk-select .pf-v5-c-dropdown__toggle-check span.pf-v5-c-dropdown__toggle-text {
   display: initial;
 }
@@ -238,20 +202,6 @@ button.pf-v5-c-menu-toggle {
   justify-content: center;
 }
 
-:root {
-  --ins-color--orange: #ec7a08;
-}
-
-.ins-error-boundary-stack {
-  font-family: "monospace";
-  font-size: var(--pf-v5-global--icon--FontSize--md);
-  text-align: left;
-  background-color: white;
-  border-style: solid;
-  border-color: var(--pf-v5-global--BackgroundColor--dark-300);
-  padding: var(--pf-v5-global--spacer--sm);
-}
-
 .ins-c-chip-filters .ins-c-chip-group__plain.pf-m-toolbar > li:not(.pf-m-overflow) {
   background: none;
   padding: 0;

package/index.scss

@@ -1,11 +1,9 @@
 @import './Ansible/ansible.scss';
-@import './Battery/battery.scss';
 @import './BulkSelect/bulk-select.scss';
 @import './ConditionalFilter/conditional-filter.scss';
 @import './ConditionalFilter/group-filter.scss';
 @import './CullingInfo/CullingInformation.scss';
 @import './EmptyTable/EmptyTable.scss';
-@import './ErrorBoundary/ErrorBoundary.scss';
 @import './FilterChips/filter-chips.scss';
 @import './FilterHooks/tagFilterHook.scss';
 @import './Filters/filter-dropdown.scss';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@redhat-cloud-services/frontend-components",
-    "version": "4.0.3",
+    "version": "4.0.5",
     "description": "Common components for RedHat Cloud Services project.",
     "main": "index.js",
     "module": "esm/index.js",
@@ -49,6 +49,7 @@
     "dependencies": {
         "@redhat-cloud-services/frontend-components-utilities": "^4.0.0",
         "@redhat-cloud-services/types": "^0.0.24",
+        "@patternfly/react-component-groups": "^1.0.13",
         "@scalprum/core": "^0.5.1",
         "@scalprum/react-core": "^0.5.1",
         "sanitize-html": "^2.7.2"

package/Battery/battery.css

@@ -1,35 +0,0 @@
-:root {
-  --ins-color--orange: #ec7a08;
-}
-
-i.ins-battery {
-  display: inline-block;
-  line-height: 0;
-}
-i.ins-battery svg {
-  position: relative;
-  top: var(--pf-v5-global--spacer--sm);
-  position: relative;
-  height: 28px;
-  height: 1.75rem;
-}
-
-.ins-battery-1 svg path, .ins-battery-low svg path, .ins-battery-info svg path {
-  fill: var(--pf-v5-global--disabled-color--200);
-}
-
-.ins-battery-2 svg path, .ins-battery-medium svg path, .ins-battery-warn svg path {
-  fill: var(--pf-v5-global--warning-color--100);
-}
-
-.ins-battery-3 svg path, .ins-battery-high svg path, .ins-battery-error svg path {
-  fill: var(--ins-color--orange);
-}
-
-.ins-battery-4 svg path, .ins-battery-critical svg path {
-  fill: var(--pf-v5-global--danger-color--100);
-}
-
-.ins-battery-0 svg path, .ins-battery-null svg path {
-  fill: var(--pf-v5-global--disabled-color--200);
-}

package/Battery/battery.scss

@@ -1,47 +0,0 @@
-@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
-
-@mixin setBatteryFont() {
-  position: relative;
-  @include rem(height, 28px);
-}
-
-i.ins-battery {
-  display: inline-block;
-  line-height: 0;
-  svg {
-    position: relative;
-    top: var(--pf-v5-global--spacer--sm);
-    @include setBatteryFont;
-  }
-}
-
-// Setting the icons
-.ins-battery-1, .ins-battery-low, .ins-battery-info {
-  svg {
-    path { fill: $ins-color--gray; }
-  }
-}
-
-.ins-battery-2, .ins-battery-medium, .ins-battery-warn {
-  svg {
-    path { fill: $ins-color--medium; }
-  }
-}
-
-.ins-battery-3, .ins-battery-high, .ins-battery-error{
-  svg {
-    path { fill: $ins-color--high; }
-  }
-}
-
-.ins-battery-4, .ins-battery-critical {
-  svg {
-    path { fill: $ins-color--critical; }
-  }
-}
-
-.ins-battery-0, .ins-battery-null {
-  svg {
-    path { fill: $ins-color--gray; }
-  }
-}

package/ErrorBoundary/ErrorBoundary.css

@@ -1,13 +0,0 @@
-:root {
-  --ins-color--orange: #ec7a08;
-}
-
-.ins-error-boundary-stack {
-  font-family: "monospace";
-  font-size: var(--pf-v5-global--icon--FontSize--md);
-  text-align: left;
-  background-color: white;
-  border-style: solid;
-  border-color: var(--pf-v5-global--BackgroundColor--dark-300);
-  padding: var(--pf-v5-global--spacer--sm);
-}

package/ErrorBoundary/ErrorBoundary.scss

@@ -1,11 +0,0 @@
-@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
-
-.ins-error-boundary-stack {
-  font-family: 'monospace';
-  font-size: var(--pf-v5-global--icon--FontSize--md);
-  text-align: left;
-  background-color: white;
-  border-style: solid;
-  border-color: var(--pf-v5-global--BackgroundColor--dark-300);
-  padding: var(--pf-v5-global--spacer--sm);
-}

package/ErrorBoundary/ErrorStack.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-interface ErrorStackProps {
-    error: Error;
-}
-declare const ErrorStack: React.FunctionComponent<ErrorStackProps>;
-export default ErrorStack;

package/ErrorBoundary/ErrorStack.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var errorStackClass = 'ins-error-boundary-stack';
-var ErrorStack = function (_a) {
-    var error = _a.error;
-    if (error.stack) {
-        return ((0, jsx_runtime_1.jsx)(react_core_1.Text, { className: errorStackClass, children: error.stack.split('\n').map(function (line) { return ((0, jsx_runtime_1.jsx)("div", { children: line }, line)); }) }));
-    }
-    if (error.name && error.message) {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_core_1.Text, { component: "h6", children: error.name }), (0, jsx_runtime_1.jsx)(react_core_1.Text, { className: errorStackClass, component: "blockquote", children: error.message })] }));
-    }
-    return ((0, jsx_runtime_1.jsx)(react_core_1.Text, { className: errorStackClass, component: "blockquote", children: error.toString() }));
-};
-exports.default = ErrorStack;
-//# sourceMappingURL=ErrorStack.js.map

package/ErrorBoundary/ErrorStack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorStack.js","sourceRoot":"","sources":["../src/ErrorBoundary/ErrorStack.tsx"],"names":[],"mappings":";;;AACA,qDAA8C;AAM9C,IAAM,eAAe,GAAG,0BAA0B,CAAC;AAEnD,IAAM,UAAU,GAA6C,UAAC,EAAS;QAAP,KAAK,WAAA;IACnE,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,OAAO,CACL,uBAAC,iBAAI,IAAC,SAAS,EAAE,eAAe,YAC7B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACrC,0CAAiB,IAAI,IAAX,IAAI,CAAc,CAC7B,EAFsC,CAEtC,CAAC,GACG,CACR,CAAC;KACH;IAED,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE;QAC/B,OAAO,CACL,6DACE,uBAAC,iBAAI,IAAC,SAAS,EAAC,IAAI,YAAE,KAAK,CAAC,IAAI,GAAQ,EACxC,uBAAC,iBAAI,IAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAC,YAAY,YACrD,KAAK,CAAC,OAAO,GACT,IACN,CACJ,CAAC;KACH;IAED,OAAO,CACL,uBAAC,iBAAI,IAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAC,YAAY,YACrD,KAAK,CAAC,QAAQ,EAAE,GACZ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/ErrorState/error-state.css

@@ -1,3 +0,0 @@
-.ins-c-error-state.pf-v5-c-empty-state .pf-v5-c-empty-state__icon svg {
-  fill: var(--pf-v5-global--danger-color--100);
-}

package/ErrorState/error-state.scss

@@ -1,5 +0,0 @@
-.ins-c-error-state.pf-v5-c-empty-state {
-  .pf-v5-c-empty-state__icon svg {
-    fill: var(--pf-v5-global--danger-color--100);
-  }
-}

package/esm/Battery/battery.css

@@ -1,35 +0,0 @@
-:root {
-  --ins-color--orange: #ec7a08;
-}
-
-i.ins-battery {
-  display: inline-block;
-  line-height: 0;
-}
-i.ins-battery svg {
-  position: relative;
-  top: var(--pf-v5-global--spacer--sm);
-  position: relative;
-  height: 28px;
-  height: 1.75rem;
-}
-
-.ins-battery-1 svg path, .ins-battery-low svg path, .ins-battery-info svg path {
-  fill: var(--pf-v5-global--disabled-color--200);
-}
-
-.ins-battery-2 svg path, .ins-battery-medium svg path, .ins-battery-warn svg path {
-  fill: var(--pf-v5-global--warning-color--100);
-}
-
-.ins-battery-3 svg path, .ins-battery-high svg path, .ins-battery-error svg path {
-  fill: var(--ins-color--orange);
-}
-
-.ins-battery-4 svg path, .ins-battery-critical svg path {
-  fill: var(--pf-v5-global--danger-color--100);
-}
-
-.ins-battery-0 svg path, .ins-battery-null svg path {
-  fill: var(--pf-v5-global--disabled-color--200);
-}

package/esm/Battery/battery.scss

@@ -1,47 +0,0 @@
-@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
-
-@mixin setBatteryFont() {
-  position: relative;
-  @include rem(height, 28px);
-}
-
-i.ins-battery {
-  display: inline-block;
-  line-height: 0;
-  svg {
-    position: relative;
-    top: var(--pf-v5-global--spacer--sm);
-    @include setBatteryFont;
-  }
-}
-
-// Setting the icons
-.ins-battery-1, .ins-battery-low, .ins-battery-info {
-  svg {
-    path { fill: $ins-color--gray; }
-  }
-}
-
-.ins-battery-2, .ins-battery-medium, .ins-battery-warn {
-  svg {
-    path { fill: $ins-color--medium; }
-  }
-}
-
-.ins-battery-3, .ins-battery-high, .ins-battery-error{
-  svg {
-    path { fill: $ins-color--high; }
-  }
-}
-
-.ins-battery-4, .ins-battery-critical {
-  svg {
-    path { fill: $ins-color--critical; }
-  }
-}
-
-.ins-battery-0, .ins-battery-null {
-  svg {
-    path { fill: $ins-color--gray; }
-  }
-}

package/esm/ErrorBoundary/ErrorBoundary.css

@@ -1,13 +0,0 @@
-:root {
-  --ins-color--orange: #ec7a08;
-}
-
-.ins-error-boundary-stack {
-  font-family: "monospace";
-  font-size: var(--pf-v5-global--icon--FontSize--md);
-  text-align: left;
-  background-color: white;
-  border-style: solid;
-  border-color: var(--pf-v5-global--BackgroundColor--dark-300);
-  padding: var(--pf-v5-global--spacer--sm);
-}

package/esm/ErrorBoundary/ErrorBoundary.scss

@@ -1,11 +0,0 @@
-@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
-
-.ins-error-boundary-stack {
-  font-family: 'monospace';
-  font-size: var(--pf-v5-global--icon--FontSize--md);
-  text-align: left;
-  background-color: white;
-  border-style: solid;
-  border-color: var(--pf-v5-global--BackgroundColor--dark-300);
-  padding: var(--pf-v5-global--spacer--sm);
-}

package/esm/ErrorBoundary/ErrorStack.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from "@patternfly/react-core/dist/dynamic/components/Text";
-var errorStackClass = 'ins-error-boundary-stack';
-var ErrorStack = function (_a) {
-    var error = _a.error;
-    if (error.stack) {
-        return (_jsx(Text, { className: errorStackClass, children: error.stack.split('\n').map(function (line) { return (_jsx("div", { children: line }, line)); }) }));
-    }
-    if (error.name && error.message) {
-        return (_jsxs(_Fragment, { children: [_jsx(Text, { component: "h6", children: error.name }), _jsx(Text, { className: errorStackClass, component: "blockquote", children: error.message })] }));
-    }
-    return (_jsx(Text, { className: errorStackClass, component: "blockquote", children: error.toString() }));
-};
-export default ErrorStack;
-//# sourceMappingURL=ErrorStack.js.map

package/esm/ErrorBoundary/ErrorStack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorStack.js","sourceRoot":"","sources":["../../src/ErrorBoundary/ErrorStack.tsx"],"names":[],"mappings":";;AAOA,IAAM,eAAe,GAAG,0BAA0B,CAAC;AAEnD,IAAM,UAAU,GAA6C,UAAC,EAAS;QAAP,KAAK,WAAA;IACnE,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,eAAe,YAC7B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACrC,wBAAiB,IAAI,IAAX,IAAI,CAAc,CAC7B,EAFsC,CAEtC,CAAC,GACG,CACR,CAAC;KACH;IAED,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE;QAC/B,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,SAAS,EAAC,IAAI,YAAE,KAAK,CAAC,IAAI,GAAQ,EACxC,KAAC,IAAI,IAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAC,YAAY,YACrD,KAAK,CAAC,OAAO,GACT,IACN,CACJ,CAAC;KACH;IAED,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAC,YAAY,YACrD,KAAK,CAAC,QAAQ,EAAE,GACZ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/ErrorState/error-state.css

@@ -1,3 +0,0 @@
-.ins-c-error-state.pf-v5-c-empty-state .pf-v5-c-empty-state__icon svg {
-  fill: var(--pf-v5-global--danger-color--100);
-}

package/esm/ErrorState/error-state.scss

@@ -1,5 +0,0 @@
-.ins-c-error-state.pf-v5-c-empty-state {
-  .pf-v5-c-empty-state__icon svg {
-    fill: var(--pf-v5-global--danger-color--100);
-  }
-}