@redhat-cloud-services/frontend-components 4.0.10 → 4.0.12

package/Ansible/Ansible.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
-import './ansible.scss';
-export interface AnsibleProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
-    unsupported?: boolean | number;
-}
+import { AnsibleProps } from '@patternfly/react-component-groups/dist/dynamic/Ansible';
 declare const Ansible: React.FunctionComponent<AnsibleProps>;
 export default Ansible;

package/Ansible/Ansible.js

@@ -10,42 +10,12 @@ 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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-require("./ansible.css");
-var Ansible = function (_a) {
-    var _b, _c, _d, _e;
-    var unsupported = _a.unsupported, className = _a.className, props = __rest(_a, ["unsupported", "className"]);
-    var ansibleLogoClass = (0, classnames_1.default)(className, 'Ansible', (_b = {}, _b["is-supported"] = !unsupported || unsupported === 0, _b), (_c = {}, _c["is-unsupported"] = unsupported || unsupported === 1, _c));
-    var unsupportedSlash;
-    var ariaLabels = {};
-    if (unsupported) {
-        unsupportedSlash = ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "1245.1", y: "272.4", transform: "matrix(-0.7071 0.7071 -0.7071 -0.7071 3082.5815 -510.474)", className: "st0", width: "803.8", height: "221.5" }), (0, jsx_runtime_1.jsx)("rect", { x: "-279.7", y: "904", transform: "matrix(-0.7071 0.7071 -0.7071 -0.7071 2450.9683 1014.3757)", className: "st1", width: "2590.2", height: "221.5" }), (0, jsx_runtime_1.jsx)("rect", { x: "17.1", y: "1620.5", transform: "matrix(-0.7071 0.7071 -0.7071 -0.7071 1734.4641 2744.1697)", className: "st0", width: "563.7", height: "221.5" })] }));
-        ariaLabels = (_d = {},
-            _d['disabled'] = 'disabled',
-            _d['aria-label'] = 'Does not have Ansible support',
-            _d);
-    }
-    else {
-        ariaLabels = (_e = {}, _e['aria-label'] = 'Has Ansible support', _e);
-    }
-    return ((0, jsx_runtime_1.jsx)("i", __assign({ className: ansibleLogoClass }, ariaLabels, props, { "widget-type": "InsightsAnsibleSupport", children: (0, jsx_runtime_1.jsxs)("svg", { version: "1.1", id: "Layer_1", x: "0px", y: "0px", viewBox: "0 0 2032 2027.2", style: { enableBackground: 'new 0 0 2032 2027.2' }, children: [(0, jsx_runtime_1.jsx)("path", { className: "st0", d: "M2030.8,1014.8c0,559.2-453.3,1012.4-1012.4,1012.4C459.2,2027.2,5.9,1574,5.9,1014.8\n                    C5.9,455.7,459.2,2.4,1018.3,2.4C1577.5,2.4,2030.8,455.7,2030.8,1014.8 M1035.4,620.9l262,646.6L901.7,955.8L1035.4,620.9\n                    L1035.4,620.9z M1500.8,1416.5l-403-969.9c-11.5-28-34.5-42.8-62.4-42.8c-28,0-52.7,14.8-64.2,42.8L528.9,1510.4h151.3l175.1-438.6\n                    l522.5,422.1c21,17,36.2,24.7,55.9,24.7c39.5,0,74-29.6,74-72.3C1507.7,1439.4,1505.3,1428.3,1500.8,1416.5L1500.8,1416.5z" }), unsupportedSlash] }) })));
-};
+var Ansible_1 = __importDefault(require("@patternfly/react-component-groups/dist/dynamic/Ansible"));
+var Ansible = function (props) { return (0, jsx_runtime_1.jsx)(Ansible_1.default, __assign({}, props)); };
 exports.default = Ansible;
 //# sourceMappingURL=Ansible.js.map

package/Ansible/Ansible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ansible.js","sourceRoot":"","sources":["../src/Ansible/Ansible.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,0DAAoC;AAEpC,0BAAwB;AAgBxB,IAAM,OAAO,GAA0C,UAAC,EAAoC;;IAAlC,IAAA,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAAlC,4BAAoC,CAAF;IACxF,IAAM,gBAAgB,GAAG,IAAA,oBAAU,EACjC,SAAS,EACT,SAAS,YACP,GAAC,cAAc,IAAG,CAAC,WAAW,IAAI,WAAW,KAAK,CAAC,iBACnD,GAAC,gBAAgB,IAAG,WAAW,IAAI,WAAW,KAAK,CAAC,MACvD,CAAC;IAEF,IAAI,gBAAgB,CAAC;IACrB,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,WAAW,EAAE;QACf,gBAAgB,GAAG,CACjB,wBAAC,eAAK,CAAC,QAAQ,eACb,iCACE,CAAC,EAAC,QAAQ,EACV,CAAC,EAAC,OAAO,EACT,SAAS,EAAC,2DAA2D,EACrE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,EAEF,iCACE,CAAC,EAAC,QAAQ,EACV,CAAC,EAAC,KAAK,EACP,SAAS,EAAC,4DAA4D,EACtE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,OAAO,GACd,EAEF,iCACE,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,QAAQ,EACV,SAAS,EAAC,4DAA4D,EACtE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,IACa,CAClB,CAAC;QACF,UAAU;YACR,GAAC,UAAU,IAAG,UAAU;YACxB,GAAC,YAAY,IAAG,+BAA+B;eAChD,CAAC;KACH;SAAM;QACL,UAAU,aAAK,GAAC,YAAY,IAAG,qBAAqB,KAAE,CAAC;KACxD;IAED,OAAO,CACL,uCAAG,SAAS,EAAE,gBAAgB,IAAM,UAAU,EAAM,KAAK,mBAAc,wBAAwB,YAC7F,iCACE,OAAO,EAAC,KAAK,EACb,EAAE,EAAC,SAAS,EACZ,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,OAAO,EAAC,iBAAiB,EACzB,KAAK,EAAE,EAAE,gBAAgB,EAAE,qBAAqB,EAAyB,aAEzE,iCACE,SAAS,EAAC,KAAK,EACf,CAAC,EAAC,ggBAG+H,GACjI,EACD,gBAAgB,IACb,IACJ,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"Ansible.js","sourceRoot":"","sources":["../src/Ansible/Ansible.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,oGAAkG;AAMlG,IAAM,OAAO,GAA0C,UAAC,KAAK,IAAK,OAAA,uBAAC,iBAAS,eAAK,KAAK,EAAI,EAAxB,CAAwB,CAAC;AAE3F,kBAAe,OAAO,CAAC"}

package/esm/Ansible/Ansible.js

@@ -9,38 +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 classNames from 'classnames';
-import '../Ansible/ansible.css';
-var Ansible = function (_a) {
-    var _b, _c, _d, _e;
-    var unsupported = _a.unsupported, className = _a.className, props = __rest(_a, ["unsupported", "className"]);
-    var ansibleLogoClass = classNames(className, 'Ansible', (_b = {}, _b["is-supported"] = !unsupported || unsupported === 0, _b), (_c = {}, _c["is-unsupported"] = unsupported || unsupported === 1, _c));
-    var unsupportedSlash;
-    var ariaLabels = {};
-    if (unsupported) {
-        unsupportedSlash = (_jsxs(React.Fragment, { children: [_jsx("rect", { x: "1245.1", y: "272.4", transform: "matrix(-0.7071 0.7071 -0.7071 -0.7071 3082.5815 -510.474)", className: "st0", width: "803.8", height: "221.5" }), _jsx("rect", { x: "-279.7", y: "904", transform: "matrix(-0.7071 0.7071 -0.7071 -0.7071 2450.9683 1014.3757)", className: "st1", width: "2590.2", height: "221.5" }), _jsx("rect", { x: "17.1", y: "1620.5", transform: "matrix(-0.7071 0.7071 -0.7071 -0.7071 1734.4641 2744.1697)", className: "st0", width: "563.7", height: "221.5" })] }));
-        ariaLabels = (_d = {},
-            _d['disabled'] = 'disabled',
-            _d['aria-label'] = 'Does not have Ansible support',
-            _d);
-    }
-    else {
-        ariaLabels = (_e = {}, _e['aria-label'] = 'Has Ansible support', _e);
-    }
-    return (_jsx("i", __assign({ className: ansibleLogoClass }, ariaLabels, props, { "widget-type": "InsightsAnsibleSupport", children: _jsxs("svg", { version: "1.1", id: "Layer_1", x: "0px", y: "0px", viewBox: "0 0 2032 2027.2", style: { enableBackground: 'new 0 0 2032 2027.2' }, children: [_jsx("path", { className: "st0", d: "M2030.8,1014.8c0,559.2-453.3,1012.4-1012.4,1012.4C459.2,2027.2,5.9,1574,5.9,1014.8\n                    C5.9,455.7,459.2,2.4,1018.3,2.4C1577.5,2.4,2030.8,455.7,2030.8,1014.8 M1035.4,620.9l262,646.6L901.7,955.8L1035.4,620.9\n                    L1035.4,620.9z M1500.8,1416.5l-403-969.9c-11.5-28-34.5-42.8-62.4-42.8c-28,0-52.7,14.8-64.2,42.8L528.9,1510.4h151.3l175.1-438.6\n                    l522.5,422.1c21,17,36.2,24.7,55.9,24.7c39.5,0,74-29.6,74-72.3C1507.7,1439.4,1505.3,1428.3,1500.8,1416.5L1500.8,1416.5z" }), unsupportedSlash] }) })));
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import AnsiblePF from '@patternfly/react-component-groups/dist/dynamic/Ansible';
+var Ansible = function (props) { return _jsx(AnsiblePF, __assign({}, props)); };
 export default Ansible;
 //# sourceMappingURL=Ansible.js.map

package/esm/Ansible/Ansible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ansible.js","sourceRoot":"","sources":["../../src/Ansible/Ansible.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,gBAAgB,CAAC;AAgBxB,IAAM,OAAO,GAA0C,UAAC,EAAoC;;IAAlC,IAAA,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAAlC,4BAAoC,CAAF;IACxF,IAAM,gBAAgB,GAAG,UAAU,CACjC,SAAS,EACT,SAAS,YACP,GAAC,cAAc,IAAG,CAAC,WAAW,IAAI,WAAW,KAAK,CAAC,iBACnD,GAAC,gBAAgB,IAAG,WAAW,IAAI,WAAW,KAAK,CAAC,MACvD,CAAC;IAEF,IAAI,gBAAgB,CAAC;IACrB,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,WAAW,EAAE;QACf,gBAAgB,GAAG,CACjB,MAAC,KAAK,CAAC,QAAQ,eACb,eACE,CAAC,EAAC,QAAQ,EACV,CAAC,EAAC,OAAO,EACT,SAAS,EAAC,2DAA2D,EACrE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,EAEF,eACE,CAAC,EAAC,QAAQ,EACV,CAAC,EAAC,KAAK,EACP,SAAS,EAAC,4DAA4D,EACtE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,OAAO,GACd,EAEF,eACE,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,QAAQ,EACV,SAAS,EAAC,4DAA4D,EACtE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,IACa,CAClB,CAAC;QACF,UAAU;YACR,GAAC,UAAU,IAAG,UAAU;YACxB,GAAC,YAAY,IAAG,+BAA+B;eAChD,CAAC;KACH;SAAM;QACL,UAAU,aAAK,GAAC,YAAY,IAAG,qBAAqB,KAAE,CAAC;KACxD;IAED,OAAO,CACL,qBAAG,SAAS,EAAE,gBAAgB,IAAM,UAAU,EAAM,KAAK,mBAAc,wBAAwB,YAC7F,eACE,OAAO,EAAC,KAAK,EACb,EAAE,EAAC,SAAS,EACZ,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,OAAO,EAAC,iBAAiB,EACzB,KAAK,EAAE,EAAE,gBAAgB,EAAE,qBAAqB,EAAyB,aAEzE,eACE,SAAS,EAAC,KAAK,EACf,CAAC,EAAC,ggBAG+H,GACjI,EACD,gBAAgB,IACb,IACJ,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Ansible.js","sourceRoot":"","sources":["../../src/Ansible/Ansible.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,SAA2B,MAAM,yDAAyD,CAAC;AAMlG,IAAM,OAAO,GAA0C,UAAC,KAAK,IAAK,OAAA,KAAC,SAAS,eAAK,KAAK,EAAI,EAAxB,CAAwB,CAAC;AAE3F,eAAe,OAAO,CAAC"}

package/esm/index.css

@@ -1,23 +1,3 @@
-:root {
-  --ins-color--orange: #ec7a08;
-}
-
-i.Ansible.is-supported .st0 {
-  fill: var(--pf-v5-global--info-color--100);
-}
-i.Ansible.is-unsupported {
-  cursor: not-allowed;
-}
-i.Ansible.is-unsupported .st0, i.Ansible.is-unsupported .st1, i.Ansible.is-unsupported .st2 {
-  fill: var(--pf-v5-global--disabled-color--200);
-}
-i.Ansible svg {
-  height: var(--pf-v5-global--FontSize--xl);
-  position: relative;
-  top: 4px;
-  top: 0.25rem;
-}
-
 .ins-c-bulk-select .pf-v5-c-dropdown__toggle-check span.pf-v5-c-dropdown__toggle-text {
   display: initial;
 }

package/esm/index.scss

@@ -1,4 +1,3 @@
-@import './Ansible/ansible.scss';
 @import './BulkSelect/bulk-select.scss';
 @import './ConditionalFilter/conditional-filter.scss';
 @import './ConditionalFilter/group-filter.scss';

package/index.css

@@ -1,23 +1,3 @@
-:root {
-  --ins-color--orange: #ec7a08;
-}
-
-i.Ansible.is-supported .st0 {
-  fill: var(--pf-v5-global--info-color--100);
-}
-i.Ansible.is-unsupported {
-  cursor: not-allowed;
-}
-i.Ansible.is-unsupported .st0, i.Ansible.is-unsupported .st1, i.Ansible.is-unsupported .st2 {
-  fill: var(--pf-v5-global--disabled-color--200);
-}
-i.Ansible svg {
-  height: var(--pf-v5-global--FontSize--xl);
-  position: relative;
-  top: 4px;
-  top: 0.25rem;
-}
-
 .ins-c-bulk-select .pf-v5-c-dropdown__toggle-check span.pf-v5-c-dropdown__toggle-text {
   display: initial;
 }

package/index.scss

@@ -1,4 +1,3 @@
-@import './Ansible/ansible.scss';
 @import './BulkSelect/bulk-select.scss';
 @import './ConditionalFilter/conditional-filter.scss';
 @import './ConditionalFilter/group-filter.scss';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@redhat-cloud-services/frontend-components",
-    "version": "4.0.10",
+    "version": "4.0.12",
     "description": "Common components for RedHat Cloud Services project.",
     "main": "index.js",
     "module": "esm/index.js",
@@ -49,9 +49,9 @@
     "dependencies": {
         "@redhat-cloud-services/frontend-components-utilities": "^4.0.0",
         "@redhat-cloud-services/types": "^0.0.24",
-        "@patternfly/react-component-groups": "^1.0.17",
-        "@scalprum/core": "^0.5.1",
-        "@scalprum/react-core": "^0.5.1",
+        "@patternfly/react-component-groups": "^1.2.1",
+        "@scalprum/core": "^0.5.3",
+        "@scalprum/react-core": "^0.5.3",
         "sanitize-html": "^2.7.2"
     },
     "devDependencies": {

package/Ansible/ansible.css

@@ -1,19 +0,0 @@
-:root {
-  --ins-color--orange: #ec7a08;
-}
-
-i.Ansible.is-supported .st0 {
-  fill: var(--pf-v5-global--info-color--100);
-}
-i.Ansible.is-unsupported {
-  cursor: not-allowed;
-}
-i.Ansible.is-unsupported .st0, i.Ansible.is-unsupported .st1, i.Ansible.is-unsupported .st2 {
-  fill: var(--pf-v5-global--disabled-color--200);
-}
-i.Ansible svg {
-  height: var(--pf-v5-global--FontSize--xl);
-  position: relative;
-  top: 4px;
-  top: 0.25rem;
-}

package/Ansible/ansible.scss

@@ -1,14 +0,0 @@
-@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
-
-i.Ansible {
-    &.is-supported .st0{ fill: $ins-color--blue; }
-    &.is-unsupported { 
-        .st0, .st1, .st2 { fill: $ins-color--gray; }
-        cursor: not-allowed;
-    }
-    svg {
-        height: var(--pf-v5-global--FontSize--xl);
-        position: relative;
-        @include rem('top', 4px);
-    }
-}

package/esm/Ansible/ansible.css

@@ -1,19 +0,0 @@
-:root {
-  --ins-color--orange: #ec7a08;
-}
-
-i.Ansible.is-supported .st0 {
-  fill: var(--pf-v5-global--info-color--100);
-}
-i.Ansible.is-unsupported {
-  cursor: not-allowed;
-}
-i.Ansible.is-unsupported .st0, i.Ansible.is-unsupported .st1, i.Ansible.is-unsupported .st2 {
-  fill: var(--pf-v5-global--disabled-color--200);
-}
-i.Ansible svg {
-  height: var(--pf-v5-global--FontSize--xl);
-  position: relative;
-  top: 4px;
-  top: 0.25rem;
-}

package/esm/Ansible/ansible.scss

@@ -1,14 +0,0 @@
-@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
-
-i.Ansible {
-    &.is-supported .st0{ fill: $ins-color--blue; }
-    &.is-unsupported { 
-        .st0, .st1, .st2 { fill: $ins-color--gray; }
-        cursor: not-allowed;
-    }
-    svg {
-        height: var(--pf-v5-global--FontSize--xl);
-        position: relative;
-        @include rem('top', 4px);
-    }
-}