@redhat-cloud-services/frontend-components 3.9.27 → 3.9.28

package/ColumnManager/ColumnManager.d.ts

@@ -0,0 +1,34 @@
+export default ColumnManager;
+declare function ColumnManager({ title, isOpen, columns, saveLabel, onSave: onSaveArgument, closeLabel, onClose: onCloseProp, selectAllLabel, selectedColumns: selectedColumnsProp, modalProps, selectProp, }: {
+    title?: string | undefined;
+    isOpen: any;
+    columns: any;
+    saveLabel?: string | undefined;
+    onSave: any;
+    closeLabel?: string | undefined;
+    onClose: any;
+    selectAllLabel?: string | undefined;
+    selectedColumns?: any[] | undefined;
+    modalProps: any;
+    selectProp?: string | undefined;
+}): JSX.Element;
+declare namespace ColumnManager {
+    namespace propTypes {
+        const title: propTypes.Requireable<string>;
+        const columns: propTypes.Requireable<(propTypes.InferProps<{
+            key: propTypes.Validator<string>;
+            title: propTypes.Requireable<string>;
+            isRequired: propTypes.Requireable<boolean>;
+        }> | null | undefined)[]>;
+        const selectedColumns: propTypes.Requireable<any[]>;
+        const isOpen: propTypes.Requireable<boolean>;
+        const saveLabel: propTypes.Requireable<propTypes.ReactNodeLike>;
+        const onSave: propTypes.Requireable<(...args: any[]) => any>;
+        const closeLabel: propTypes.Requireable<propTypes.ReactNodeLike>;
+        const onClose: propTypes.Requireable<(...args: any[]) => any>;
+        const selectAllLabel: propTypes.Requireable<propTypes.ReactNodeLike>;
+        const modalProps: propTypes.Requireable<object>;
+        const selectProp: propTypes.Requireable<string>;
+    }
+}
+import propTypes_1 from "prop-types";

package/ColumnManager/ColumnManager.js

@@ -0,0 +1,93 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var get_1 = __importDefault(require("lodash/get"));
+var react_core_1 = require("@patternfly/react-core");
+var helpers_1 = require("./helpers");
+var ListItem_1 = __importDefault(require("./ListItem"));
+var ModalDescrption_1 = __importDefault(require("./ModalDescrption"));
+var ColumnManager = function (_a) {
+    var _b = _a.title, title = _b === void 0 ? 'Manage columns' : _b, isOpen = _a.isOpen, columns = _a.columns, _c = _a.saveLabel, saveLabel = _c === void 0 ? 'Save' : _c, onSaveArgument = _a.onSave, _d = _a.closeLabel, closeLabel = _d === void 0 ? 'Cancel' : _d, onCloseProp = _a.onClose, _e = _a.selectAllLabel, selectAllLabel = _e === void 0 ? 'Select All' : _e, _f = _a.selectedColumns, selectedColumnsProp = _f === void 0 ? [] : _f, modalProps = _a.modalProps, _g = _a.selectProp, selectProp = _g === void 0 ? 'key' : _g;
+    var _h = (0, react_1.useState)(selectedColumnsProp), selectedColumns = _h[0], setSelectedColumns = _h[1];
+    var selectAllColumns = function () {
+        setSelectedColumns(columns.map(function (column) { return (0, get_1.default)(column, selectProp); }));
+    };
+    var toggleColumn = function (column) {
+        return setSelectedColumns(function (selectedColumns) {
+            if ((0, helpers_1.isSelectedColumn)(selectedColumns, (0, get_1.default)(column, selectProp))) {
+                return selectedColumns.filter(function (value) { return value !== (0, get_1.default)(column, selectProp); });
+            }
+            else {
+                return __spreadArray(__spreadArray([], selectedColumns, true), [(0, get_1.default)(column, selectProp)], false);
+            }
+        });
+    };
+    var onSave = function () { return onSaveArgument === null || onSaveArgument === void 0 ? void 0 : onSaveArgument(selectedColumns); };
+    var onClose = function () {
+        setSelectedColumns(selectedColumnsProp);
+        onCloseProp === null || onCloseProp === void 0 ? void 0 : onCloseProp();
+    };
+    return (react_1.default.createElement(react_core_1.Modal, __assign({ title: title, isOpen: isOpen, variant: "small", onClose: onClose, description: react_1.default.createElement(ModalDescrption_1.default, { selectAllColumns: selectAllColumns, selectAllLabel: selectAllLabel }), actions: [
+            react_1.default.createElement(react_core_1.Button, { key: "save", variant: "primary", onClick: onSave }, saveLabel),
+            react_1.default.createElement(react_core_1.Button, { key: "cancel", variant: "secondary", onClick: onClose }, closeLabel),
+        ] }, modalProps),
+        react_1.default.createElement(react_core_1.DataList, { "aria-label": "Table column management", id: "table-column-management", isCompact: true }, columns.map(function (column, idx) { return (react_1.default.createElement(ListItem_1.default, { key: "column-".concat(idx), id: "column-".concat(idx), column: column, isSelected: (0, helpers_1.isSelectedColumn)(selectedColumns, (0, get_1.default)(column, selectProp)), onChange: function () { return toggleColumn(column); }, isDisabled: idx === 0 || column.isRequired })); }))));
+};
+ColumnManager.propTypes = {
+    title: prop_types_1.default.string,
+    columns: prop_types_1.default.arrayOf(helpers_1.columnShape),
+    selectedColumns: prop_types_1.default.array,
+    isOpen: prop_types_1.default.bool,
+    saveLabel: prop_types_1.default.node,
+    onSave: prop_types_1.default.func,
+    closeLabel: prop_types_1.default.node,
+    onClose: prop_types_1.default.func,
+    selectAllLabel: prop_types_1.default.node,
+    modalProps: prop_types_1.default.object,
+    selectProp: prop_types_1.default.string,
+};
+exports.default = ColumnManager;
+//# sourceMappingURL=ColumnManager.js.map

package/ColumnManager/ColumnManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnManager.js","sourceRoot":"","sources":["../src/ColumnManager/ColumnManager.js"],"names":[],"mappings":"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"}

package/ColumnManager/ListItem.d.ts

@@ -0,0 +1,27 @@
+export default ListItem;
+declare function ListItem({ column: { title }, onChange, isSelected, isDisabled, id, dataListCheckProps, dataListCellProps, children, ...props }: {
+    [x: string]: any;
+    column: {
+        title: any;
+    };
+    onChange: any;
+    isSelected: any;
+    isDisabled: any;
+    id: any;
+    dataListCheckProps: any;
+    dataListCellProps: any;
+    children: any;
+}): JSX.Element;
+declare namespace ListItem {
+    namespace propTypes {
+        const id: propTypes.Requireable<string>;
+        const column: propTypes.Requireable<object>;
+        const onChange: propTypes.Requireable<(...args: any[]) => any>;
+        const isSelected: propTypes.Requireable<boolean>;
+        const isDisabled: propTypes.Requireable<boolean>;
+        const dataListCellProps: propTypes.Requireable<object>;
+        const dataListCheckProps: propTypes.Requireable<object>;
+        const children: propTypes.Requireable<propTypes.ReactNodeLike>;
+    }
+}
+import propTypes_1 from "prop-types";

package/ColumnManager/ListItem.js

@@ -0,0 +1,54 @@
+"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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_core_1 = require("@patternfly/react-core");
+var ListItem = function (_a) {
+    var title = _a.column.title, onChange = _a.onChange, isSelected = _a.isSelected, isDisabled = _a.isDisabled, id = _a.id, dataListCheckProps = _a.dataListCheckProps, dataListCellProps = _a.dataListCellProps, children = _a.children, props = __rest(_a, ["column", "onChange", "isSelected", "isDisabled", "id", "dataListCheckProps", "dataListCellProps", "children"]);
+    return (react_1.default.createElement(react_core_1.DataListItem, __assign({}, props),
+        react_1.default.createElement(react_core_1.DataListItemRow, null,
+            react_1.default.createElement(react_core_1.DataListControl, null,
+                react_1.default.createElement(react_core_1.DataListCheck, __assign({ checked: isSelected, onChange: onChange, otherControls: true, isDisabled: isDisabled, id: "".concat(id, "-id"), name: "".concat(id, "-id") }, dataListCheckProps))),
+            react_1.default.createElement(react_core_1.DataListItemCells, { dataListCells: [
+                    react_1.default.createElement(react_core_1.DataListCell, __assign({ key: "".concat(id, "-cell") }, dataListCellProps),
+                        react_1.default.createElement("label", { htmlFor: "".concat(id, "-id") }, title)),
+                ] })),
+        children));
+};
+ListItem.propTypes = {
+    id: prop_types_1.default.string,
+    column: prop_types_1.default.object,
+    onChange: prop_types_1.default.func,
+    isSelected: prop_types_1.default.bool,
+    isDisabled: prop_types_1.default.bool,
+    dataListCellProps: prop_types_1.default.object,
+    dataListCheckProps: prop_types_1.default.object,
+    children: prop_types_1.default.node,
+};
+exports.default = ListItem;
+//# sourceMappingURL=ListItem.js.map

package/ColumnManager/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ColumnManager/ListItem.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAAmC;AACnC,qDAAwI;AAExI,IAAM,QAAQ,GAAG,UAAC,EAAsH;IAA1G,IAAA,KAAK,kBAAA,EAAI,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,EAAE,QAAA,EAAE,kBAAkB,wBAAA,EAAE,iBAAiB,uBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAApH,+GAAsH,CAAF;IAAO,OAAA,CAC3I,8BAAC,yBAAY,eAAK,KAAK;QACrB,8BAAC,4BAAe;YACd,8BAAC,4BAAe;gBACd,8BAAC,0BAAa,aACZ,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,EAClB,aAAa,QACb,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,UAAG,EAAE,QAAK,EACd,IAAI,EAAE,UAAG,EAAE,QAAK,IACZ,kBAAkB,EACtB,CACc;YAClB,8BAAC,8BAAiB,IAChB,aAAa,EAAE;oBACb,8BAAC,yBAAY,aAAC,GAAG,EAAE,UAAG,EAAE,UAAO,IAAM,iBAAiB;wBACpD,yCAAO,OAAO,EAAE,UAAG,EAAE,QAAK,IAAG,KAAK,CAAS,CAC9B;iBAChB,GACD,CACc;QACjB,QAAQ,CACI,CAChB,CAAA;CAAA,CAAC;AAEF,QAAQ,CAAC,SAAS,GAAG;IACnB,EAAE,EAAE,oBAAS,CAAC,MAAM;IACpB,MAAM,EAAE,oBAAS,CAAC,MAAM;IACxB,QAAQ,EAAE,oBAAS,CAAC,IAAI;IACxB,UAAU,EAAE,oBAAS,CAAC,IAAI;IAC1B,UAAU,EAAE,oBAAS,CAAC,IAAI;IAC1B,iBAAiB,EAAE,oBAAS,CAAC,MAAM;IACnC,kBAAkB,EAAE,oBAAS,CAAC,MAAM;IACpC,QAAQ,EAAE,oBAAS,CAAC,IAAI;CACzB,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/ColumnManager/ModalDescrption.d.ts

@@ -0,0 +1,12 @@
+export default ModalDescription;
+declare function ModalDescription({ selectAllColumns, selectAllLabel }: {
+    selectAllColumns: any;
+    selectAllLabel: any;
+}): JSX.Element;
+declare namespace ModalDescription {
+    namespace propTypes {
+        const selectAllColumns: propTypes.Requireable<(...args: any[]) => any>;
+        const selectAllLabel: propTypes.Requireable<propTypes.ReactNodeLike>;
+    }
+}
+import propTypes_1 from "prop-types";

package/ColumnManager/ModalDescrption.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_core_1 = require("@patternfly/react-core");
+var ModalDescription = function (_a) {
+    var selectAllColumns = _a.selectAllColumns, selectAllLabel = _a.selectAllLabel;
+    return (react_1.default.createElement(react_core_1.TextContent, null,
+        react_1.default.createElement(react_core_1.Text, { component: react_core_1.TextVariants.p }, "Selected categories will be displayed in the table."),
+        react_1.default.createElement(react_core_1.Button, { isInline: true, onClick: selectAllColumns, variant: "link" }, selectAllLabel)));
+};
+ModalDescription.propTypes = {
+    selectAllColumns: prop_types_1.default.func,
+    selectAllLabel: prop_types_1.default.node,
+};
+exports.default = ModalDescription;
+//# sourceMappingURL=ModalDescrption.js.map

package/ColumnManager/ModalDescrption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDescrption.js","sourceRoot":"","sources":["../src/ColumnManager/ModalDescrption.js"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0DAAmC;AACnC,qDAAiF;AAEjF,IAAM,gBAAgB,GAAG,UAAC,EAAoC;QAAlC,gBAAgB,sBAAA,EAAE,cAAc,oBAAA;IAAO,OAAA,CACjE,8BAAC,wBAAW;QACV,8BAAC,iBAAI,IAAC,SAAS,EAAE,yBAAY,CAAC,CAAC,0DAA4D;QAC3F,8BAAC,mBAAM,IAAC,QAAQ,QAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAC,MAAM,IACvD,cAAc,CACR,CACG,CACf;AAPkE,CAOlE,CAAC;AAEF,gBAAgB,CAAC,SAAS,GAAG;IAC3B,gBAAgB,EAAE,oBAAS,CAAC,IAAI;IAChC,cAAc,EAAE,oBAAS,CAAC,IAAI;CAC/B,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/ColumnManager/__fixtures__/columns.d.ts

@@ -0,0 +1,14 @@
+declare var _default: ({
+    title: string;
+    key: string;
+    isRequired?: undefined;
+} | {
+    title: string;
+    key: string;
+    isRequired: boolean;
+} | {
+    title: string;
+    key?: undefined;
+    isRequired?: undefined;
+})[];
+export default _default;

package/ColumnManager/__fixtures__/columns.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = [
+    {
+        title: 'ID',
+        key: 'id',
+    },
+    {
+        title: 'Another col',
+        key: 'name',
+        isRequired: true,
+    },
+    {
+        title: 'Name',
+        key: 'name1',
+    },
+    {
+        title: 'Another Name column without key',
+    },
+];
+//# sourceMappingURL=columns.js.map

package/ColumnManager/__fixtures__/columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../src/ColumnManager/__fixtures__/columns.js"],"names":[],"mappings":";;AAAA,kBAAe;IACb;QACE,KAAK,EAAE,IAAI;QACX,GAAG,EAAE,IAAI;KACV;IACD;QACE,KAAK,EAAE,aAAa;QACpB,GAAG,EAAE,MAAM;QACX,UAAU,EAAE,IAAI;KACjB;IACD;QACE,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,OAAO;KACb;IACD;QACE,KAAK,EAAE,iCAAiC;KACzC;CACF,CAAC"}

package/ColumnManager/columns.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=columns.js.map

package/ColumnManager/columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.js","sourceRoot":"","sources":["../src/ColumnManager/columns.js"],"names":[],"mappings":""}

package/ColumnManager/helpers.d.ts

@@ -0,0 +1,7 @@
+export function isSelectedColumn(selectedColumns: any, value: any): any;
+export const columnShape: propTypes.Requireable<propTypes.InferProps<{
+    key: propTypes.Validator<string>;
+    title: propTypes.Requireable<string>;
+    isRequired: propTypes.Requireable<boolean>;
+}>>;
+import propTypes from "prop-types";

package/ColumnManager/helpers.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.columnShape = exports.isSelectedColumn = void 0;
+var prop_types_1 = __importDefault(require("prop-types"));
+var isSelectedColumn = function (selectedColumns, value) { return selectedColumns.includes(value); };
+exports.isSelectedColumn = isSelectedColumn;
+exports.columnShape = prop_types_1.default.shape({
+    key: prop_types_1.default.string.isRequired,
+    title: prop_types_1.default.string,
+    isRequired: prop_types_1.default.bool,
+});
+//# sourceMappingURL=helpers.js.map

package/ColumnManager/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/ColumnManager/helpers.js"],"names":[],"mappings":";;;;;;AAAA,0DAAmC;AAE5B,IAAM,gBAAgB,GAAG,UAAC,eAAe,EAAE,KAAK,IAAK,OAAA,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA/B,CAA+B,CAAC;AAA/E,QAAA,gBAAgB,oBAA+D;AAE/E,QAAA,WAAW,GAAG,oBAAS,CAAC,KAAK,CAAC;IACzC,GAAG,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IAChC,KAAK,EAAE,oBAAS,CAAC,MAAM;IACvB,UAAU,EAAE,oBAAS,CAAC,IAAI;CAC3B,CAAC,CAAC"}

package/ColumnManager/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ColumnManager";

package/ColumnManager/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ColumnManager_1 = require("./ColumnManager");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ColumnManager_1).default; } });
+//# sourceMappingURL=index.js.map

package/ColumnManager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/ColumnManager/index.js"],"names":[],"mappings":";;;;;;AAAA,iDAA0C;AAAjC,yHAAA,OAAO,OAAA"}

package/ColumnManager/package.json

@@ -0,0 +1 @@
+{"main":"index.js","module":"../esm/ColumnManager/index.js","typings":"index.d.ts"}

package/InsightsLabel/CriticalIcon.d.ts

@@ -0,0 +1,3 @@
+import './critical-icon.scss';
+declare const CriticalIcon: () => JSX.Element;
+export default CriticalIcon;

package/InsightsLabel/CriticalIcon.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./critical-icon.css");
+var react_1 = __importDefault(require("react"));
+var CriticalIcon = function () { return (react_1.default.createElement("svg", { className: "ins-c-critical-icon", viewBox: "0 0 10 10" },
+    react_1.default.createElement("polygon", { points: "10 10, 10 3, 5 0, 0 3, 0 10, 5 8" }))); };
+exports.default = CriticalIcon;
+//# sourceMappingURL=CriticalIcon.js.map

package/InsightsLabel/CriticalIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriticalIcon.js","sourceRoot":"","sources":["../src/InsightsLabel/CriticalIcon.tsx"],"names":[],"mappings":";;;;;AAAA,gCAA8B;AAE9B,gDAA0B;AAE1B,IAAM,YAAY,GAAG,cAAM,OAAA,CACzB,uCAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAC,WAAW;IACtD,2CAAS,MAAM,EAAC,kCAAkC,GAAG,CACjD,CACP,EAJ0B,CAI1B,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/InsightsLabel/critical-icon.css

@@ -0,0 +1,8 @@
+.ins-c-critical-icon {
+  width: 10px;
+  height: 10px;
+  stroke: var(--pf-global--palette--red-200);
+  stroke-width: 0.5px;
+  fill: var(--pf-global--palette--red-200);
+  margin: 0.25px;
+}

package/InsightsLabel/critical-icon.scss

@@ -0,0 +1,8 @@
+.ins-c-critical-icon {
+    width: 10px;
+    height: 10px;
+    stroke: var(--pf-global--palette--red-200);
+    stroke-width: 0.5px;
+    fill: var(--pf-global--palette--red-200);
+    margin: 0.25px;
+}

package/InsightsLabel/labels.css

@@ -0,0 +1,20 @@
+.pf-c-label {
+  --ins-c-label--gold-bg: #fdf7e7;
+  --inc-c-label--content-gold: var(--pf-global--palette--gold-700);
+  --inc-c-label--icon-gold: #F4C145;
+  --inc-c-label--border-gold: var(--pf-global--palette--gold-100) ;
+}
+
+.ins-c-label-2.pf-c-label {
+  background-color: var(--ins-c-label--gold-bg);
+}
+.ins-c-label-2.pf-c-label .pf-c-label__content {
+  color: var(--inc-c-label--content-gold);
+}
+.ins-c-label-2.pf-c-label .pf-c-label__content .pf-c-label__icon {
+  color: var(--inc-c-label--icon-gold);
+}
+
+.ins-c-label-2.pf-c-label .pf-c-label__content::before {
+  border: 1px solid var(--inc-c-label--border-gold);
+}

package/InsightsLabel/labels.scss

@@ -0,0 +1,21 @@
+.pf-c-label {
+  --ins-c-label--gold-bg: #fdf7e7;
+  --inc-c-label--content-gold: var(--pf-global--palette--gold-700);
+  --inc-c-label--icon-gold: #F4C145;
+  --inc-c-label--border-gold: var(--pf-global--palette--gold-100)
+}
+
+.ins-c-label-2.pf-c-label {
+  background-color: var(--ins-c-label--gold-bg);
+  .pf-c-label__content {
+    color: var(--inc-c-label--content-gold);
+    .pf-c-label__icon {
+      color: var(--inc-c-label--icon-gold);
+    }
+  }
+}
+.ins-c-label-2.pf-c-label {
+  .pf-c-label__content::before {
+    border: 1px solid var(--inc-c-label--border-gold);
+  }
+}

package/Main/Main.d.ts

@@ -1,23 +1,7 @@
 import React from 'react';
 import './main.scss';
-import type { ChromeAPI } from '@redhat-cloud-services/types';
-declare global {
-    interface Window {
-        insights: {
-            chrome: ChromeAPI;
-        };
-    }
-}
-export interface InternalMainProps {
-    params?: {
-        [key: string]: string;
-    };
-    path?: string;
-    className?: string;
-    children?: React.ReactNode;
-}
-export declare const InternalMain: React.FunctionComponent<InternalMainProps>;
-declare const Main: import("react-redux").ConnectedComponent<React.FunctionComponent<InternalMainProps>, import("react-redux").Omit<InternalMainProps & {
-    children?: React.ReactNode;
-}, "path" | "params">>;
+export declare type MainProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+export declare type InternalMainProps = MainProps;
+export declare const Main: React.FC<MainProps>;
+export declare const InternalMain: React.FC<MainProps>;
 export default Main;

package/Main/Main.js

@@ -21,74 +21,23 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InternalMain = void 0;
+exports.InternalMain = exports.Main = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 var classnames_1 = __importDefault(require("classnames"));
-var react_redux_1 = require("react-redux");
-var Dark_1 = require("../Dark");
 require("./main.css");
-var toKebab = function (text) { return text.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase(); };
-var InternalMain = function (_a) {
-    var path = _a.path, _b = _a.params, params = _b === void 0 ? {} : _b, children = _a.children, className = _a.className, props = __rest(_a, ["path", "params", "children", "className"]);
-    var calculateLocation = function () {
-        var _a, _b, _c;
-        if ((_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.insights) === null || _a === void 0 ? void 0 : _a.chrome) === null || _b === void 0 ? void 0 : _b.$internal) === null || _c === void 0 ? void 0 : _c.store) {
-            var chromeState = window.insights.chrome.$internal.store.getState();
-            if (path && chromeState) {
-                return path.split('/').reduce(function (acc, curr) {
-                    var _a;
-                    if (curr.indexOf(':') === 0) {
-                        acc.dynamic = __assign(__assign({}, acc.dynamic), (_a = {}, _a["data-".concat(toKebab(curr.substr(1)))] = params[curr.substr(1)], _a));
-                    }
-                    else {
-                        acc.staticPart = __spreadArray(__spreadArray([], acc.staticPart, true), (curr !== '' ? [curr] : []), true);
-                    }
-                    return acc;
-                }, { staticPart: [chromeState.chrome.appId], dynamic: {} });
-            }
-        }
-        return {
-            staticPart: [],
-            dynamic: undefined,
-        };
-    };
-    var _c = calculateLocation(), dynamic = _c.dynamic, staticPart = _c.staticPart;
-    return ((0, jsx_runtime_1.jsx)(Dark_1.DarkContext.Consumer, { children: function (theme) {
-            var _a;
-            if (theme === void 0) { theme = 'light'; }
-            var themeClasses = (0, classnames_1.default)((_a = {}, _a["pf-m-".concat(theme)] = theme === 'dark', _a));
-            return {
-                dark: ((0, jsx_runtime_1.jsx)("section", __assign({}, props, dynamic, { "page-type": staticPart.join('-'), className: "".concat((0, classnames_1.default)(className, 'pf-l-page__main-section pf-c-page__main-section'), " ").concat(themeClasses) }, { children: react_1.default.Children.map(children, function (child) {
-                        return react_1.default.cloneElement(child, {
-                            className: 'pf-m-dark',
-                        });
-                    }) }))),
-                light: ((0, jsx_runtime_1.jsx)("section", __assign({}, props, dynamic, { "page-type": staticPart.join('-'), className: "".concat((0, classnames_1.default)(className, 'pf-l-page__main-section pf-c-page__main-section')) }, { children: children }))),
-            }[theme];
-        } }));
-};
-exports.InternalMain = InternalMain;
-var mapStateToProps = function (_a) {
-    var routerData = _a.routerData;
-    return ({
-        params: routerData && routerData.params,
-        path: routerData && routerData.path,
-    });
+var Main = function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    (0, react_1.useEffect)(function () {
+        console.error("Using deprecated \"Main\" component. Do not use it. Either remove it from your JSX or replace it by \"section\" HTML element.");
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("section", __assign({}, props, { className: "".concat((0, classnames_1.default)(className, 'pf-l-page__main-section pf-c-page__main-section')) }, { children: children })));
 };
-var Main = (0, react_redux_1.connect)(mapStateToProps, function () { return ({}); })(exports.InternalMain);
-exports.default = Main;
+exports.Main = Main;
+exports.InternalMain = exports.Main;
+exports.default = exports.Main;
 //# sourceMappingURL=Main.js.map

package/Main/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","sourceRoot":"","sources":["../src/Main/Main.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Main.js","sourceRoot":"","sources":["../src/Main/Main.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyC;AACzC,0DAAoC;AACpC,uBAAqB;AAQd,IAAM,IAAI,GAAwB,UAAC,EAAiC;IAA/B,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IACvE,IAAA,iBAAS,EAAC;QACR,OAAO,CAAC,KAAK,CAAC,+HAA2H,CAAC,CAAC;IAC7I,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,+CAAa,KAAK,IAAE,SAAS,EAAE,UAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,iDAAiD,CAAC,CAAE,gBACzG,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,IAAI,QASf;AAEW,QAAA,YAAY,GAAG,YAAI,CAAC;AAEjC,kBAAe,YAAI,CAAC"}

package/README.md

@@ -142,7 +142,6 @@ transform: (importName) =>`@redhat-cloud-services/frontend-components/esm/${FECM
   * [pagination](doc/pagination.md)
   * [treeview-table](doc/treeview-table.md)
   * [section](doc/section.md)
-  * [dark](doc/dark.md)
   * [breadcrumbs](doc/breadcrumbs.md)
   * [reboot](doc/reboot.md)
   * [useScreenSize](doc/useScreenSize.md)

package/TableToolsTable/NoResultsTable.d.ts

@@ -0,0 +1,10 @@
+export function NoResultsTable({ kind }: {
+    kind?: string | undefined;
+}): JSX.Element;
+export namespace NoResultsTable {
+    namespace propTypes {
+        const kind: propTypes.Requireable<string>;
+    }
+}
+export default NoResultsTable;
+import propTypes_1 from "prop-types";

package/TableToolsTable/NoResultsTable.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoResultsTable = void 0;
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_core_1 = require("@patternfly/react-core");
+var EmptyTable_1 = __importDefault(require("../EmptyTable"));
+var NoResultsTable = function (_a) {
+    var _b = _a.kind, kind = _b === void 0 ? 'results' : _b;
+    return (react_1.default.createElement(EmptyTable_1.default, null,
+        react_1.default.createElement(react_core_1.Bullseye, null,
+            react_1.default.createElement(react_core_1.EmptyState, { variant: react_core_1.EmptyStateVariant.full },
+                react_1.default.createElement(react_core_1.Title, { headingLevel: "h5", size: "lg" },
+                    "No matching ",
+                    kind,
+                    " found"),
+                react_1.default.createElement(react_core_1.EmptyStateBody, null,
+                    "This filter criteria matches no ",
+                    kind,
+                    ".",
+                    react_1.default.createElement("br", null),
+                    "Try changing your filter settings.")))));
+};
+exports.NoResultsTable = NoResultsTable;
+exports.NoResultsTable.propTypes = {
+    kind: prop_types_1.default.string,
+};
+exports.default = exports.NoResultsTable;
+//# sourceMappingURL=NoResultsTable.js.map