@redhat-cloud-services/frontend-components 4.0.0 → 4.0.2

package/esm/TreeTable/styles.scss

@@ -1,38 +1,38 @@
-$pf-v5-c-treeview--MaxDepth: 10;
+$pf-c-treeview--MaxDepth: 10;
 
-.pf-v5-c-treeview {
+.pf-c-treeview {
   // Th
-  --pf-v5-c-treeview--th--Padding: var(--pf-v5-global--spacer--md);
+  --pf-c-treeview--th--Padding: var(--pf-global--spacer--md);
 
   // Td
-  --pf-v5-c-treeview--td--Padding: var(--pf-v5-global--spacer--md);
+  --pf-c-treeview--td--Padding: var(--pf-global--spacer--md);
 
   // cell
-  --pf-v5-c-treeview--cell--Padding: var(--pf-v5-global--spacer--md);
+  --pf-c-treeview--cell--Padding: var(--pf-global--spacer--md);
   
   // Toggle button
-  --pf-v5-c-treeview__toggle-button--Padding: var(--pf-v5-c-treeview--td--Padding);
+  --pf-c-treeview__toggle-button--Padding: var(--pf-c-treeview--td--Padding);
 
   // Control cell  
-  --pf-v5-c-treeview__control-toggle--Width: 42px;
-  --pf-v5-c-treeview__control-check--Width: 22px;
+  --pf-c-treeview__control-toggle--Width: 42px;
+  --pf-c-treeview__control-check--Width: 22px;
   
-  --pf-v5-c-treeview--td--level-2--PaddingLeft: calc(var(--pf-v5-c-treeview--td--Padding) * 3);
-  --pf-v5-c-treeview--td--level-3--PaddingLeft: calc(var(--pf-v5-c-treeview--td--Padding) * 5);
+  --pf-c-treeview--td--level-2--PaddingLeft: calc(var(--pf-c-treeview--td--Padding) * 3);
+  --pf-c-treeview--td--level-3--PaddingLeft: calc(var(--pf-c-treeview--td--Padding) * 5);
   
-  --pf-v5-c-treeview--level--PaddingLeft: var(--pf-v5-global--spacer--xl);  
+  --pf-c-treeview--level--PaddingLeft: var(--pf-global--spacer--xl);  
   
-  --pf-v5-c-treeview__aria-level--GridColumn: 1;
+  --pf-c-treeview__aria-level--GridColumn: 1;
 
-  --pf-v5-c-treeview--tr--Display: table-row;
-  --pf-v5-c-treeview--tr--Visibility: visible;
+  --pf-c-treeview--tr--Display: table-row;
+  --pf-c-treeview--tr--Visibility: visible;
   
   width: 100%;
   border-collapse: collapse;
  
   th,
   td {
-    padding: var(--pf-v5-c-treeview--cell--Padding);
+    padding: var(--pf-c-treeview--cell--Padding);
     text-align: left;
     vertical-align: baseline;
   }
@@ -51,8 +51,8 @@ $pf-v5-c-treeview--MaxDepth: 10;
     display: table-row;
     visibility: visible;
 
-    --pf-v5-c-treeview--tr--Display: table-row;
-    --pf-v5-c-treeview--tr--Visibility: visible;
+    --pf-c-treeview--tr--Display: table-row;
+    --pf-c-treeview--tr--Visibility: visible;
   }
   
   .pf-m-hidden,
@@ -74,25 +74,25 @@ $pf-v5-c-treeview--MaxDepth: 10;
     visibility: visible;
   }
     
-  .pf-v5-c-treeview__check,
-  .pf-v5-c-treeview__action {
+  .pf-c-treeview__check,
+  .pf-c-treeview__action {
     width: 1px;
   }
   
   
-  th.pf-v5-c-treeview__title-cell {
+  th.pf-c-treeview__title-cell {
     padding-left: 0;
   }
   
-  tbody .pf-v5-c-treeview__check + .pf-v5-c-treeview__title-cell {
+  tbody .pf-c-treeview__check + .pf-c-treeview__title-cell {
     padding-left: 0;
   }
   
-  .pf-v5-c-treeview__toggle-icon {
+  .pf-c-treeview__toggle-icon {
     transition: .2s;
   }
   
-  .pf-v5-c-treeview__action {
+  .pf-c-treeview__action {
     text-align: right;
   }
   
@@ -104,11 +104,11 @@ $pf-v5-c-treeview--MaxDepth: 10;
   }
 }
 
-.pf-v5-c-treeview {
-  @for $i from 1 through $pf-v5-c-treeview--MaxDepth {
+.pf-c-treeview {
+  @for $i from 1 through $pf-c-treeview--MaxDepth {
     tr[aria-level="#{$i}"] {
-      .pf-v5-c-treeview__title-cell {
-        padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * #{$i - 1});
+      .pf-c-treeview__title-cell {
+        padding-left: calc(var(--pf-c-treeview--level--PaddingLeft) * #{$i - 1});
       }
     }
   }
@@ -122,27 +122,27 @@ $pf-v5-c-treeview--MaxDepth: 10;
   }
 
   
-  @for $i from 1 through $pf-v5-c-treeview--MaxDepth {
+  @for $i from 1 through $pf-c-treeview--MaxDepth {
     [aria-level="#{$i}"].pf-m-expanded ~ [aria-level="#{$i + 1}"] {
       display: table-row;
     }
   }
 
-  tr.pf-m-expanded .pf-v5-c-treeview__toggle-icon {
+  tr.pf-m-expanded .pf-c-treeview__toggle-icon {
     transform: rotate(90deg);
   }
 }
 
-.pf-v5-c-treeview__control {
+.pf-c-treeview__control {
   display: grid;
   align-items: baseline;
 }
 
-.pf-v5-c-treeview__control-toggle {
+.pf-c-treeview__control-toggle {
   grid-area: 1 / toggle;
 }
 
-.pf-v5-c-treeview__control-text {
+.pf-c-treeview__control-text {
   grid-area: 1 / text;
   max-width: 100%;
   overflow: hidden;
@@ -150,19 +150,19 @@ $pf-v5-c-treeview--MaxDepth: 10;
   text-overflow: ellipsis;
 }
 
-.pf-v5-c-treeview__check {
+.pf-c-treeview__check {
   grid-row-start: 1;
   grid-column-start: 2;
 }
 
-.pf-v5-c-treeview.pf-m-expandable {
-  .pf-v5-c-treeview__control {
-    grid-template-columns: [toggle] var(--pf-v5-c-treeview__control-toggle--Width)  [text] auto;
+.pf-c-treeview.pf-m-expandable {
+  .pf-c-treeview__control {
+    grid-template-columns: [toggle] var(--pf-c-treeview__control-toggle--Width)  [text] auto;
   }
 }
 
 // Mobile layout
-.pf-v5-c-treeview.pf-m-grid {
+.pf-c-treeview.pf-m-grid {
   @media (max-width: 2000px) {
     &,
     tr {
@@ -197,7 +197,7 @@ $pf-v5-c-treeview--MaxDepth: 10;
     }
 
     [data-label] {
-      grid-column-gap: var(--pf-v5-global--spacer--md);
+      grid-column-gap: var(--pf-global--spacer--md);
       padding-top: 8px;
       padding-bottom: 8px;
     }
@@ -206,8 +206,8 @@ $pf-v5-c-treeview--MaxDepth: 10;
       grid-column: 2;
     }  
 
-    .pf-v5-c-treeview__check,
-    .pf-v5-c-treeview__action {
+    .pf-c-treeview__check,
+    .pf-c-treeview__action {
       display: inline-block;
       width: auto;
       grid-row: 1;
@@ -215,30 +215,30 @@ $pf-v5-c-treeview--MaxDepth: 10;
       padding: 0;
     }
 
-    .pf-v5-c-treeview__check {
+    .pf-c-treeview__check {
       grid-column: 3;
     }
 
-    .pf-v5-c-treeview__action {
+    .pf-c-treeview__action {
       grid-column: 4;
     }
 
-    .pf-v5-c-treeview__control {
+    .pf-c-treeview__control {
       display: block;
 
-      .pf-v5-c-treeview__toggle {
+      .pf-c-treeview__toggle {
         display: none;
       }
     }
 
-    [aria-level] .pf-v5-c-treeview__title-cell {
+    [aria-level] .pf-c-treeview__title-cell {
       padding-left: 0;
     }
 
     tr {
       grid-template-columns: 1fr;
       grid-auto-columns: max-content;
-      padding: var(--pf-v5-global--spacer--md);
+      padding: var(--pf-global--spacer--md);
       background: rgba(255,255,255,.5);    
       display: none;
       visibility: hidden;    
@@ -247,7 +247,7 @@ $pf-v5-c-treeview--MaxDepth: 10;
 }
 
 // loop through 
-.pf-v5-c-treeview.pf-m-grid {
+.pf-c-treeview.pf-m-grid {
   tr {
     display: none;
   }
@@ -258,7 +258,7 @@ $pf-v5-c-treeview--MaxDepth: 10;
       visibility: visible;
     }
 
-    @for $i from 1 through $pf-v5-c-treeview--MaxDepth {
+    @for $i from 1 through $pf-c-treeview--MaxDepth {
       .pf-m-level-#{$i + 1} {
         tr[aria-level="#{$i}"].pf-m-expanded ~ tr[aria-level="#{$i + 1}"] {
           background: lightsalmon;
@@ -275,4 +275,4 @@ $pf-v5-c-treeview--MaxDepth: 10;
   }
 }
 
-.pf-v5-c-treeview { @for $i from 1 through $pf-v5-c-treeview--MaxDepth {} }
+.pf-c-treeview { @for $i from 1 through $pf-c-treeview--MaxDepth {} }

package/esm/Truncate/Truncate.js

@@ -12,8 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from 'react';
 import classNames from 'classnames';
-import { Button } from "@patternfly/react-core/dist/dynamic/components/Button";
-import { Stack, StackItem } from "@patternfly/react-core/dist/dynamic/layouts/Stack";
+import { Button, Stack, StackItem } from '@patternfly/react-core';
 import sanitizeHtml from 'sanitize-html';
 import '../Truncate/truncate.css';
 var dangerousHtml = function (html) { return ({ __html: sanitizeHtml(html) }); };
@@ -28,17 +27,17 @@ var Truncate = function (_a) {
         event && event.preventDefault();
         setShowText(!showText);
     };
-    var expandButton = (_jsx(Button, { className: "ins-c-expand-button", variant: "link", onClick: toggleText, children: expandText }));
-    var collapseButton = (_jsx(Button, { className: "ins-c-collapse-button", variant: "link", onClick: toggleText, children: collapseText }));
+    var expandButton = (_jsx(Button, __assign({ className: "ins-c-expand-button", variant: "link", onClick: toggleText }, { children: expandText })));
+    var collapseButton = (_jsx(Button, __assign({ className: "ins-c-collapse-button", variant: "link", onClick: toggleText }, { children: collapseText })));
     var textWithOverflow = showText === false ? "".concat(trimmedText).concat(textOverflow ? '...' : '') : text;
     var html = dangerousHtml(textWithOverflow);
     var mouseOverHandler = expandOnMouseOver && {
         onMouseEnter: function () { return setShowText(true); },
         onMouseLeave: function () { return setShowText(false); },
     };
-    return inline ? (_jsxs(React.Fragment, { children: [_jsx("span", __assign({ className: truncateClasses, "widget-type": "InsightsTruncateInline", dangerouslySetInnerHTML: html }, mouseOverHandler)), !hideExpandText && textOverflow && (showText === false ? expandButton : collapseButton)] })) : (_jsxs(Stack, { className: truncateClasses, children: [_jsx(StackItem, __assign({}, mouseOverHandler, { children: _jsx("span", { "widget-type": "InsightsTruncateBlock", dangerouslySetInnerHTML: html }) })), !hideExpandText && textOverflow && (_jsx(StackItem, { className: classNames({
-                    'pf-v5-u-mt-sm': spaceBetween,
-                }), children: showText === false ? expandButton : collapseButton }))] }));
+    return inline ? (_jsxs(React.Fragment, { children: [_jsx("span", __assign({ className: truncateClasses, "widget-type": "InsightsTruncateInline", dangerouslySetInnerHTML: html }, mouseOverHandler)), !hideExpandText && textOverflow && (showText === false ? expandButton : collapseButton)] })) : (_jsxs(Stack, __assign({ className: truncateClasses }, { children: [_jsx(StackItem, __assign({}, mouseOverHandler, { children: _jsx("span", { "widget-type": "InsightsTruncateBlock", dangerouslySetInnerHTML: html }) })), !hideExpandText && textOverflow && (_jsx(StackItem, __assign({ className: classNames({
+                    'pf-u-mt-sm': spaceBetween,
+                }) }, { children: showText === false ? expandButton : collapseButton })))] })));
 };
 export default Truncate;
 //# sourceMappingURL=Truncate.js.map

package/esm/Truncate/Truncate.js.map

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

package/esm/Unavailable/Unavailable.css

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

package/esm/Unavailable/Unavailable.js

@@ -1,9 +1,20 @@
+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);
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { EmptyState, EmptyStateBody, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant } from "@patternfly/react-core/dist/dynamic/components/EmptyState";
-import ExclamationCircleIcon from "@patternfly/react-icons/dist/dynamic/icons/exclamation-circle-icon";
+import { EmptyState, EmptyStateBody, EmptyStateIcon, EmptyStateVariant, Title } from '@patternfly/react-core';
+import { ExclamationCircleIcon } from '@patternfly/react-icons';
 import '../Unavailable/Unavailable.css';
 var Unavailable = function () {
-    return (_jsxs(EmptyState, { variant: EmptyStateVariant.lg, className: "ins-c-empty-state__unavailable pf-m-redhat-font", children: [_jsx(EmptyStateHeader, { titleText: "This page is temporarily unavailable", icon: _jsx(EmptyStateIcon, { icon: ExclamationCircleIcon }), headingLevel: "h5" }), _jsxs(EmptyStateBody, { children: ["Try refreshing the page. If the problem persists, contact your organization administrator or visit our", _jsxs("a", { href: "https://status.redhat.com/", target: "_blank", rel: "noopener noreferrer", children: [' ', "status page"] }), ' ', "for known outages."] })] }));
+    return (_jsxs(EmptyState, __assign({ variant: EmptyStateVariant.large, className: "ins-c-empty-state__unavailable pf-m-redhat-font" }, { children: [_jsx(EmptyStateIcon, { icon: ExclamationCircleIcon }), _jsx(Title, __assign({ headingLevel: "h5", size: "lg" }, { children: "This page is temporarily unavailable" })), _jsxs(EmptyStateBody, { children: ["Try refreshing the page. If the problem persists, contact your organization administrator or visit our", _jsxs("a", __assign({ href: "https://status.redhat.com/", target: "_blank", rel: "noopener noreferrer" }, { children: [' ', "status page"] })), ' ', "for known outages."] })] })));
 };
 export default Unavailable;
 //# sourceMappingURL=Unavailable.js.map

package/esm/Unavailable/Unavailable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Unavailable.js","sourceRoot":"","sources":["../../src/Unavailable/Unavailable.tsx"],"names":[],"mappings":";;;AAGA,OAAO,oBAAoB,CAAC;AAE5B,IAAM,WAAW,GAAa;IAC5B,OAAO,CACL,MAAC,UAAU,IAAC,OAAO,EAAE,iBAAiB,CAAC,EAAE,EAAE,SAAS,EAAC,iDAAiD,aACpG,KAAC,gBAAgB,IAAC,SAAS,EAAC,sCAAsC,EAAC,IAAI,EAAE,KAAC,cAAc,IAAC,IAAI,EAAE,qBAAqB,GAAI,EAAE,YAAY,EAAC,IAAI,GAAG,EAC9I,MAAC,cAAc,yHAEb,aAAG,IAAI,EAAC,4BAA4B,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,aAC3E,GAAG,mBAEF,EAAC,GAAG,0BAEO,IACN,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"Unavailable.js","sourceRoot":"","sources":["../../src/Unavailable/Unavailable.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC9G,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,oBAAoB,CAAC;AAE5B,IAAM,WAAW,GAAa;IAC5B,OAAO,CACL,MAAC,UAAU,aAAC,OAAO,EAAE,iBAAiB,CAAC,KAAK,EAAE,SAAS,EAAC,iDAAiD,iBACvG,KAAC,cAAc,IAAC,IAAI,EAAE,qBAAqB,GAAI,EAC/C,KAAC,KAAK,aAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,0DAE1B,EACR,MAAC,cAAc,yHAEb,sBAAG,IAAI,EAAC,4BAA4B,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,iBAC3E,GAAG,oBAEF,EAAC,GAAG,0BAEO,KACN,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/Unavailable/Unavailable.scss

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