@rh-support/components 2.0.5 → 2.0.8

package/lib/cjs/PaginatedList/PaginatedList.js

@@ -18,54 +18,38 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginatedList = void 0;
-var react_core_1 = require("@patternfly/react-core");
-var times_1 = __importDefault(require("lodash/times"));
-var react_1 = __importStar(require("react"));
-var AlertMessage_1 = require("../AlertMessage");
-var CustomContentLoader_1 = require("../CustomContentLoader/CustomContentLoader");
+const react_core_1 = require("@patternfly/react-core");
+const times_1 = __importDefault(require("lodash/times"));
+const react_1 = __importStar(require("react"));
+const AlertMessage_1 = require("../AlertMessage");
+const CustomContentLoader_1 = require("../CustomContentLoader/CustomContentLoader");
 function PaginatedList(props) {
-    var _a = __read(react_1.useState(props.perPage || 10), 2), pageSize = _a[0], setPageSize = _a[1];
-    var _b = __read(react_1.useState(1), 2), currentPage = _b[0], setCurrentPage = _b[1];
-    var indexOfFirstShownElement = (currentPage - 1) * pageSize;
-    var skeltonLoader = times_1.default(pageSize, function (index) { return react_1.default.createElement(CustomContentLoader_1.CustomContentLoader, { key: index }); });
+    const [pageSize, setPageSize] = react_1.useState(props.perPage || 10);
+    const [currentPage, setCurrentPage] = react_1.useState(1);
+    const indexOfFirstShownElement = (currentPage - 1) * pageSize;
+    const skeltonLoader = times_1.default(pageSize, (index) => react_1.default.createElement(CustomContentLoader_1.CustomContentLoader, { key: index }));
     // wrap the list components in patternfly list item component
-    var listItems = props.listItems.map(function (listItem, index) { return (react_1.default.createElement(react_core_1.ListItem, { type: 'none', className: props.id + "-listItem", key: index }, listItem)); });
+    let listItems = props.listItems.map((listItem, index) => (react_1.default.createElement(react_core_1.ListItem, { type: 'none', className: `${props.id}-listItem`, key: index }, listItem)));
     // trim the list to the "current page" if data is not paginated by server.
     if (!props.serverPaginated) {
         listItems = listItems.slice(indexOfFirstShownElement, indexOfFirstShownElement + pageSize);
     }
-    var onSetPage = function (event, pageNumber) {
+    const onSetPage = (event, pageNumber) => {
         setCurrentPage(pageNumber);
         props.onSetPage && props.onSetPage(pageNumber);
     };
-    var onPerPageSelect = function (event, pageSize) {
+    const onPerPageSelect = (event, pageSize) => {
         setPageSize(pageSize);
         props.onPerPageSelect && props.onPerPageSelect(pageSize);
         onSetPage(event, 1);
     };
     // reset to first page on fetch
-    react_1.useEffect(function () {
+    react_1.useEffect(() => {
         if (props.isFetching) {
             setCurrentPage(1);
         }
@@ -73,7 +57,7 @@ function PaginatedList(props) {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         !!props.isFetching && skeltonLoader,
         react_1.default.createElement(AlertMessage_1.AlertMessage, { variant: AlertMessage_1.AlertType.WARNING, show: !!props.errorMessage, title: props.errorMessage }),
-        !props.isFetching && (react_1.default.createElement(react_core_1.List, { id: props.id, className: "" + (props.className || '') }, listItems)),
-        props.listItems.length > pageSize && (react_1.default.createElement(react_core_1.Pagination, { itemCount: props.serverPaginated ? props.itemCount : props.listItems.length, widgetId: props.id + "-pagination", perPage: pageSize, page: currentPage, perPageOptions: props.perPageOptions, variant: react_core_1.PaginationVariant.bottom, onSetPage: onSetPage, isDisabled: props.isFetching, onPerPageSelect: onPerPageSelect }))));
+        !props.isFetching && (react_1.default.createElement(react_core_1.List, { id: props.id, className: `${props.className || ''}` }, listItems)),
+        props.listItems.length > pageSize && (react_1.default.createElement(react_core_1.Pagination, { itemCount: props.serverPaginated ? props.itemCount : props.listItems.length, widgetId: `${props.id}-pagination`, perPage: pageSize, page: currentPage, perPageOptions: props.perPageOptions, variant: react_core_1.PaginationVariant.bottom, onSetPage: onSetPage, isDisabled: props.isFetching, onPerPageSelect: onPerPageSelect }))));
 }
 exports.PaginatedList = PaginatedList;

package/lib/cjs/PaginationCompact/PaginationCompact.js

@@ -18,43 +18,26 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginationCompact = void 0;
 require("./paginationCompact.css");
-var react_core_1 = require("@patternfly/react-core");
-var angle_left_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/angle-left-icon"));
-var angle_right_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/angle-right-icon"));
-var react_1 = __importStar(require("react"));
-function PaginationCompact(_a) {
-    var maxPage = _a.maxPage, dataTrackingId = _a.dataTrackingId, onPageChange = _a.onPageChange;
-    var _b = __read(react_1.useState(1), 2), currentPage = _b[0], setCurrentPage = _b[1];
-    var isFirstMountRef = react_1.useRef(true);
-    var onNextClick = function () {
-        setCurrentPage(function (currentPage) { return currentPage + 1; });
+const react_core_1 = require("@patternfly/react-core");
+const angle_left_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/angle-left-icon"));
+const angle_right_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/angle-right-icon"));
+const react_1 = __importStar(require("react"));
+function PaginationCompact({ maxPage, dataTrackingId, onPageChange }) {
+    const [currentPage, setCurrentPage] = react_1.useState(1);
+    const isFirstMountRef = react_1.useRef(true);
+    const onNextClick = () => {
+        setCurrentPage((currentPage) => currentPage + 1);
     };
-    var onPreviousClick = function () {
-        setCurrentPage(function (currentPage) { return currentPage - 1; });
+    const onPreviousClick = () => {
+        setCurrentPage((currentPage) => currentPage - 1);
     };
-    react_1.useEffect(function () {
+    react_1.useEffect(() => {
         if (isFirstMountRef.current) {
             isFirstMountRef.current = false;
             return;
@@ -65,7 +48,7 @@ function PaginationCompact(_a) {
     return (react_1.default.createElement("div", { className: "pagination-compact pf-c-pagination pf-m-compact pf-m-bottom pf-u-ml-auto" },
         react_1.default.createElement("nav", { className: "pf-c-pagination__nav" },
             react_1.default.createElement("div", { className: "pf-c-pagination__nav-control pf-m-prev" },
-                react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.plain, type: "button", "data-tracking-id": dataTrackingId + "-previous", onClick: onPreviousClick, isDisabled: currentPage === 1, "aria-label": "Go to previous page" },
+                react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.plain, type: "button", "data-tracking-id": `${dataTrackingId}-previous`, onClick: onPreviousClick, isDisabled: currentPage === 1, "aria-label": "Go to previous page" },
                     react_1.default.createElement(angle_left_icon_1.default, null))),
             react_1.default.createElement("div", { style: {
                     lineHeight: 2.6,
@@ -74,7 +57,7 @@ function PaginationCompact(_a) {
                 " of ",
                 maxPage),
             react_1.default.createElement("div", { className: "pf-c-pagination__nav-control pf-m-next" },
-                react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.plain, onClick: onNextClick, "data-tracking-id": dataTrackingId + "-next", isDisabled: currentPage === maxPage, type: "button", "aria-label": "Go to next page" },
+                react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.plain, onClick: onNextClick, "data-tracking-id": `${dataTrackingId}-next`, isDisabled: currentPage === maxPage, type: "button", "aria-label": "Go to next page" },
                     react_1.default.createElement(angle_right_icon_1.default, null))))));
 }
 exports.PaginationCompact = PaginationCompact;

package/lib/cjs/ProgressBar/CircularProgressBar/CircularProgressBar.js

@@ -5,11 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CircularProgressbar = void 0;
 require("./styles.css");
-var react_1 = __importDefault(require("react"));
-var constants_1 = require("./constants");
-var Path_1 = __importDefault(require("./Path"));
+const react_1 = __importDefault(require("react"));
+const constants_1 = require("./constants");
+const Path_1 = __importDefault(require("./Path"));
 // Credits https://github.com/kevinsqi/react-circular-progressbar
-var defaultProps = {
+const defaultProps = {
     background: false,
     backgroundPadding: 0,
     circleRatio: 1,
@@ -35,33 +35,33 @@ var defaultProps = {
     text: '',
 };
 function CircularProgressbar(props) {
-    var getBackgroundPadding = function () {
+    const getBackgroundPadding = () => {
         if (!props.background) {
             // Don't add padding if not displaying background
             return 0;
         }
         return props.backgroundPadding;
     };
-    var getPathRadius = function () {
+    const getPathRadius = () => {
         // The radius of the path is defined to be in the middle, so in order for the path to
         // fit perfectly inside the 100x100 viewBox, need to subtract half the strokeWidth
         return constants_1.VIEWBOX_HEIGHT_HALF - props.strokeWidth / 2 - getBackgroundPadding();
     };
     // Ratio of path length to trail length, as a value between 0 and 1
-    var getPathRatio = function () {
-        var value = props.value, minValue = props.minValue, maxValue = props.maxValue;
-        var boundedValue = Math.min(Math.max(value, minValue), maxValue);
+    const getPathRatio = () => {
+        const { value, minValue, maxValue } = props;
+        const boundedValue = Math.min(Math.max(value, minValue), maxValue);
         return (boundedValue - minValue) / (maxValue - minValue);
     };
-    var circleRatio = props.circleRatio, className = props.className, classes = props.classes, counterClockwise = props.counterClockwise, styles = props.styles, strokeWidth = props.strokeWidth, text = props.text;
-    var pathRadius = getPathRadius();
-    var pathRatio = getPathRatio();
+    const { circleRatio, className, classes, counterClockwise, styles, strokeWidth, text } = props;
+    const pathRadius = getPathRadius();
+    const pathRatio = getPathRatio();
     return (react_1.default.createElement("div", { role: "progressbar", "aria-valuenow": props.value, "aria-valuemin": props.minValue, "aria-valuemax": props.maxValue },
-        react_1.default.createElement("svg", { className: classes.root + " " + className, style: styles.root, viewBox: "0 0 " + constants_1.VIEWBOX_WIDTH + " " + constants_1.VIEWBOX_HEIGHT, "data-test-id": "CircularProgressbar" },
+        react_1.default.createElement("svg", { className: `${classes.root} ${className}`, style: styles.root, viewBox: `0 0 ${constants_1.VIEWBOX_WIDTH} ${constants_1.VIEWBOX_HEIGHT}`, "data-test-id": "CircularProgressbar" },
             props.background ? (react_1.default.createElement("circle", { className: classes.background, style: styles.background, cx: constants_1.VIEWBOX_CENTER_X, cy: constants_1.VIEWBOX_CENTER_Y, r: constants_1.VIEWBOX_HEIGHT_HALF })) : null,
             react_1.default.createElement(Path_1.default, { className: classes.trail, counterClockwise: counterClockwise, dashRatio: circleRatio, pathRadius: pathRadius, strokeWidth: strokeWidth, style: styles.trail }),
             react_1.default.createElement(Path_1.default, { className: classes.path, counterClockwise: counterClockwise, dashRatio: pathRatio * circleRatio, pathRadius: pathRadius, strokeWidth: strokeWidth, style: styles.path },
-                react_1.default.createElement("title", null, props.title || props.value + "%")),
+                react_1.default.createElement("title", null, props.title || `${props.value}%`)),
             text ? (react_1.default.createElement("text", { className: classes.text, style: styles.text, x: constants_1.VIEWBOX_CENTER_X, y: constants_1.VIEWBOX_CENTER_Y }, text)) : null)));
 }
 exports.CircularProgressbar = CircularProgressbar;

package/lib/cjs/ProgressBar/CircularProgressBar/Path.js

@@ -3,35 +3,37 @@ 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 constants_1 = require("./constants");
-function Path(_a) {
-    var className = _a.className, counterClockwise = _a.counterClockwise, dashRatio = _a.dashRatio, pathRadius = _a.pathRadius, strokeWidth = _a.strokeWidth, style = _a.style, children = _a.children;
-    return (react_1.default.createElement("path", { className: className, style: Object.assign({}, style, getDashStyle({ pathRadius: pathRadius, dashRatio: dashRatio, counterClockwise: counterClockwise })), d: getPathDescription({
-            pathRadius: pathRadius,
-            counterClockwise: counterClockwise,
+const react_1 = __importDefault(require("react"));
+const constants_1 = require("./constants");
+function Path({ className, counterClockwise, dashRatio, pathRadius, strokeWidth, style, children, }) {
+    return (react_1.default.createElement("path", { className: className, style: Object.assign({}, style, getDashStyle({ pathRadius, dashRatio, counterClockwise })), d: getPathDescription({
+            pathRadius,
+            counterClockwise,
         }), strokeWidth: strokeWidth, fillOpacity: 0 }, children ? children : null));
 }
 // SVG path description specifies how the path should be drawn
-function getPathDescription(_a) {
-    var pathRadius = _a.pathRadius, counterClockwise = _a.counterClockwise;
-    var radius = pathRadius;
-    var rotation = counterClockwise ? 1 : 0;
+function getPathDescription({ pathRadius, counterClockwise }) {
+    const radius = pathRadius;
+    const rotation = counterClockwise ? 1 : 0;
     // Move to center of canvas
     // Relative move to top canvas
     // Relative arc to bottom of canvas
     // Relative arc to top of canvas
-    return "\n      M " + constants_1.VIEWBOX_CENTER_X + "," + constants_1.VIEWBOX_CENTER_Y + "\n      m 0,-" + radius + "\n      a " + radius + "," + radius + " " + rotation + " 1 1 0," + 2 * radius + "\n      a " + radius + "," + radius + " " + rotation + " 1 1 0,-" + 2 * radius + "\n    ";
+    return `
+      M ${constants_1.VIEWBOX_CENTER_X},${constants_1.VIEWBOX_CENTER_Y}
+      m 0,-${radius}
+      a ${radius},${radius} ${rotation} 1 1 0,${2 * radius}
+      a ${radius},${radius} ${rotation} 1 1 0,-${2 * radius}
+    `;
 }
-function getDashStyle(_a) {
-    var counterClockwise = _a.counterClockwise, dashRatio = _a.dashRatio, pathRadius = _a.pathRadius;
-    var diameter = Math.PI * 2 * pathRadius;
-    var gapLength = (1 - dashRatio) * diameter;
+function getDashStyle({ counterClockwise, dashRatio, pathRadius, }) {
+    const diameter = Math.PI * 2 * pathRadius;
+    const gapLength = (1 - dashRatio) * diameter;
     return {
         // Have dash be full diameter, and gap be full diameter
-        strokeDasharray: diameter + "px " + diameter + "px",
+        strokeDasharray: `${diameter}px ${diameter}px`,
         // Shift dash backward by gapLength, so gap starts appearing at correct distance
-        strokeDashoffset: (counterClockwise ? -gapLength : gapLength) + "px",
+        strokeDashoffset: `${counterClockwise ? -gapLength : gapLength}px`,
     };
 }
 exports.default = Path;

package/lib/cjs/ProgressBar/ProgressBar.js

@@ -1,15 +1,4 @@
 "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)
@@ -26,22 +15,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProgressBar = void 0;
-var react_1 = __importDefault(require("react"));
-var defaultProps = {
+const react_1 = __importDefault(require("react"));
+const defaultProps = {
     progressBarClassName: '',
     show: true,
     className: '',
 };
 function ProgressBar(props) {
-    var valueMin = props.valueMin, valueMax = props.valueMax, valueNow = props.valueNow, progressBarClassName = props.progressBarClassName, progressBarLabel = props.progressBarLabel, show = props.show, className = props.className, restProps = __rest(props, ["valueMin", "valueMax", "valueNow", "progressBarClassName", "progressBarLabel", "show", "className"]);
+    const { valueMin, valueMax, valueNow, progressBarClassName, progressBarLabel, show, className } = props, restProps = __rest(props, ["valueMin", "valueMax", "valueNow", "progressBarClassName", "progressBarLabel", "show", "className"]);
     if (!show) {
         return null;
     }
-    var valueNowInPercent = valueMax > valueMin ? ((valueNow - valueMin) / (valueMax - valueMin)) * 100 : NaN;
-    var widthInPercent = valueNowInPercent > 100 ? 100 : valueNowInPercent < 0 || isNaN(valueNowInPercent) ? 0 : valueNowInPercent;
-    return (react_1.default.createElement("div", __assign({ className: className + " progress" }, restProps),
-        react_1.default.createElement("div", { role: "progressbar", className: "progress-bar " + progressBarClassName, "aria-valuenow": valueNow, "aria-valuemin": valueMin, "aria-valuemax": valueMax, style: { width: widthInPercent + "%" } },
-            react_1.default.createElement("span", { className: "" + (progressBarLabel ? '' : 'sr-only') }, progressBarLabel ? progressBarLabel : valueNowInPercent + "% complete"))));
+    const valueNowInPercent = valueMax > valueMin ? ((valueNow - valueMin) / (valueMax - valueMin)) * 100 : NaN;
+    const widthInPercent = valueNowInPercent > 100 ? 100 : valueNowInPercent < 0 || isNaN(valueNowInPercent) ? 0 : valueNowInPercent;
+    return (react_1.default.createElement("div", Object.assign({ className: `${className} progress` }, restProps),
+        react_1.default.createElement("div", { role: "progressbar", className: `progress-bar ${progressBarClassName}`, "aria-valuenow": valueNow, "aria-valuemin": valueMin, "aria-valuemax": valueMax, style: { width: `${widthInPercent}%` } },
+            react_1.default.createElement("span", { className: `${progressBarLabel ? '' : 'sr-only'}` }, progressBarLabel ? progressBarLabel : `${valueNowInPercent}% complete`))));
 }
 exports.ProgressBar = ProgressBar;
 ProgressBar.defaultProps = defaultProps;

package/lib/cjs/PromisifyModal/PromisifyModal.js

@@ -1,54 +1,37 @@
 "use strict";
 // Original source
 // https://github.com/prezly/react-promise-modal/
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PromisifyModal = void 0;
-var react_dom_1 = require("react-dom");
-var DEFAULT_DESTRUCTION_DELAY = 300;
-var DEFAULT_OPTIONS = {
+const react_dom_1 = require("react-dom");
+const DEFAULT_DESTRUCTION_DELAY = 300;
+const DEFAULT_OPTIONS = {
     destructionDelay: DEFAULT_DESTRUCTION_DELAY,
 };
-var noop = function () { };
-function PromisifyModal(renderModal, options) {
-    if (options === void 0) { options = {}; }
-    var destructionDelay = __assign(__assign({}, DEFAULT_OPTIONS), options).destructionDelay;
-    var container = document.createElement('div');
+const noop = () => { };
+function PromisifyModal(renderModal, options = {}) {
+    const { destructionDelay } = Object.assign(Object.assign({}, DEFAULT_OPTIONS), options);
+    const container = document.createElement('div');
     document.body.appendChild(container);
-    function displayModal(_a) {
-        var onSubmit = _a.onSubmit, onDismiss = _a.onDismiss;
-        react_dom_1.render(renderModal({ onSubmit: onSubmit, onDismiss: onDismiss, show: true }), container);
+    function displayModal({ onSubmit, onDismiss }) {
+        react_dom_1.render(renderModal({ onSubmit, onDismiss, show: true }), container);
     }
-    function hideModal(_a, callback) {
-        var onSubmit = _a.onSubmit, onDismiss = _a.onDismiss;
-        react_dom_1.render(renderModal({ onSubmit: onSubmit, onDismiss: onDismiss, show: false }), container, callback);
+    function hideModal({ onSubmit, onDismiss }, callback) {
+        react_dom_1.render(renderModal({ onSubmit, onDismiss, show: false }), container, callback);
     }
     function destroyModal() {
         react_dom_1.unmountComponentAtNode(container);
         document.body.removeChild(container);
     }
-    var confirmation = new Promise(function (resolve) {
-        var onSubmit = function (value) {
-            if (value === void 0) { value = true; }
-            return resolve(value);
-        };
-        var onDismiss = function () { return resolve(undefined); };
-        displayModal({ onSubmit: onSubmit, onDismiss: onDismiss });
+    const confirmation = new Promise((resolve) => {
+        const onSubmit = (value = true) => resolve(value);
+        const onDismiss = () => resolve(undefined);
+        displayModal({ onSubmit, onDismiss });
     });
-    return confirmation.then(function (result) {
-        var onSubmit = noop;
-        var onDismiss = noop;
-        hideModal({ onSubmit: onSubmit, onDismiss: onDismiss }, function () {
+    return confirmation.then((result) => {
+        const onSubmit = noop;
+        const onDismiss = noop;
+        hideModal({ onSubmit, onDismiss }, () => {
             setTimeout(destroyModal, destructionDelay);
         });
         return result;

package/lib/cjs/SubscriptionAbuse/SubscriptionAbuseModal.js

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SubscriptionAbuseModal = void 0;
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = __importDefault(require("react"));
-var react_i18next_1 = require("react-i18next");
-var const_1 = require("./const");
+const react_core_1 = require("@patternfly/react-core");
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const const_1 = require("./const");
 function SubscriptionAbuseModal(props) {
-    var t = react_i18next_1.useTranslation().t;
+    const { t } = react_i18next_1.useTranslation();
     return (react_1.default.createElement(react_core_1.Modal, { id: "subscription-abuse-confirmation", title: t(const_1.SubscriptionAbuseModalTitle), isOpen: props.isOpen, variant: react_core_1.ModalVariant.small, onClose: props.onConfirm, actions: [
             react_1.default.createElement(react_core_1.Button, { key: "confirm", variant: react_core_1.ButtonVariant.primary, onClick: props.onConfirm, "data-tracking-id": "subscription-abuse-close-cases-confirm" },
                 react_1.default.createElement(react_i18next_1.Trans, null, "I understand")),

package/lib/cjs/SubscriptionAbuse/const.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SubscriptionAbuseModalText = exports.SubscriptionAbuseModalTitle = void 0;
-var react_1 = __importDefault(require("react"));
-var SubscriptionAbuseModalTitle = 'Please address your account issues';
+const react_1 = __importDefault(require("react"));
+const SubscriptionAbuseModalTitle = 'Please address your account issues';
 exports.SubscriptionAbuseModalTitle = SubscriptionAbuseModalTitle;
-var SubscriptionAbuseModalText = (react_1.default.createElement(react_1.default.Fragment, null,
+const SubscriptionAbuseModalText = (react_1.default.createElement(react_1.default.Fragment, null,
     "A support case cannot be opened or modified for this account at this time. Please contact your Sales Account Manager for more information. If you do not know who your Account Manager is please visit",
     ' ',
     react_1.default.createElement("a", { href: "https://www.redhat.com/contact", target: "_blank", rel: "noopener noreferrer" }, "www.redhat.com/contact"),

package/lib/cjs/SupportFeedbackForm/SupportFeedbackForm.js

@@ -18,41 +18,25 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SupportFeedbackForm = void 0;
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = __importStar(require("react"));
-var react_i18next_1 = require("react-i18next");
-var SupportFeedbackModal_1 = require("./SupportFeedbackModal");
-var defaultProps = {
+const react_core_1 = require("@patternfly/react-core");
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const SupportFeedbackModal_1 = require("./SupportFeedbackModal");
+const defaultProps = {
     buttonLabel: 'Provide feedback',
     additionalBtnClass: '',
     isInline: false,
 };
 function SupportFeedbackForm(props) {
-    var _a = __read(react_1.useState(false), 2), isModalOpen = _a[0], toggleModal = _a[1];
+    const [isModalOpen, toggleModal] = react_1.useState(false);
     // Function for Toggling the Modal when Provide feedback button is clicked
-    var handleModalToggle = function () {
+    const handleModalToggle = () => {
         toggleModal(!isModalOpen);
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_core_1.Button, { key: "confirm", onClick: handleModalToggle, className: "" + props.additionalBtnClass, "data-tracking-id": "app-feedback-trigger", variant: "link", isInline: props.isInline ? true : null },
+        react_1.default.createElement(react_core_1.Button, { key: "confirm", onClick: handleModalToggle, className: `${props.additionalBtnClass}`, "data-tracking-id": "app-feedback-trigger", variant: "link", isInline: props.isInline ? true : null },
             react_1.default.createElement(react_i18next_1.Trans, null, props.isInline ? props.buttonLabel.toLowerCase() : props.buttonLabel)),
         react_1.default.createElement(SupportFeedbackModal_1.SupportFeedbackModal, { isModalOpen: isModalOpen, onClose: handleModalToggle })));
 }