@rh-support/components 2.0.4 → 2.0.7-beta.1

package/lib/cjs/Table/TableProvider.js

@@ -4,21 +4,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTableContext = exports.TableContext = void 0;
-var react_1 = __importDefault(require("react"));
-var intialTableContext = {
+const react_1 = __importDefault(require("react"));
+const intialTableContext = {
     columns: [],
     data: [],
     currentPage: 1,
     perPage: 10,
-    setSelectedPage: function () { },
-    setPerPage: function () { },
+    setSelectedPage: () => { },
+    setPerPage: () => { },
     selectedColumns: [],
 };
 exports.TableContext = react_1.default.createContext(intialTableContext);
 function useTableContext() {
-    var context = react_1.default.useContext(exports.TableContext);
+    const context = react_1.default.useContext(exports.TableContext);
     if (context === undefined) {
-        throw new Error("useTableContext must be used within a TableProvider");
+        throw new Error(`useTableContext must be used within a TableProvider`);
     }
     return context;
 }

package/lib/cjs/TermsAndConditions/AcceptTermsModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IProps {
     isModalOpen: boolean;
     onModalClose: () => void;

package/lib/cjs/TermsAndConditions/AcceptTermsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AcceptTermsModal.d.ts","sourceRoot":"","sources":["../../../src/TermsAndConditions/AcceptTermsModal.tsx"],"names":[],"mappings":";AAmBA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAiBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAyI7C"}
+{"version":3,"file":"AcceptTermsModal.d.ts","sourceRoot":"","sources":["../../../src/TermsAndConditions/AcceptTermsModal.tsx"],"names":[],"mappings":"AAmBA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAiBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAyI7C"}

package/lib/cjs/TermsAndConditions/AcceptTermsModal.js

@@ -27,65 +27,22 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-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.AcceptTermsModal = void 0;
-var hydrajs_1 = require("@cee-eng/hydrajs");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = __importStar(require("react"));
-var react_i18next_1 = require("react-i18next");
-var hooks_1 = require("../hooks");
-var LoadingIndicator_1 = require("../LoadingIndicator");
-var getLocaleNameFromLocalCode = function (localeCode) {
+const hydrajs_1 = require("@cee-eng/hydrajs");
+const react_core_1 = require("@patternfly/react-core");
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const hooks_1 = require("../hooks");
+const LoadingIndicator_1 = require("../LoadingIndicator");
+const getLocaleNameFromLocalCode = (localeCode) => {
     if ('Intl' in window && 'DisplayNames' in Intl) {
         try {
-            var _a = __read(localeCode.includes('_') ? localeCode.split('_') : localeCode.split('-'), 2), lang = _a[0], locale = _a[1];
+            const [lang, locale] = localeCode.includes('_') ? localeCode.split('_') : localeCode.split('-');
             // https://github.com/microsoft/TypeScript/issues/41338
-            var langName = new Intl.DisplayNames([lang], { type: 'language' });
-            var regionNamesInLang = new Intl.DisplayNames([lang], { type: 'region' });
-            return regionNamesInLang.of(locale) + " (" + langName.of(lang) + ")";
+            const langName = new Intl.DisplayNames([lang], { type: 'language' });
+            const regionNamesInLang = new Intl.DisplayNames([lang], { type: 'region' });
+            return `${regionNamesInLang.of(locale)} (${langName.of(lang)})`;
         }
         catch (e) {
             return localeCode;
@@ -94,62 +51,51 @@ var getLocaleNameFromLocalCode = function (localeCode) {
     return localeCode;
 };
 function AcceptTermsModal(props) {
-    var _this = this;
-    var _a = hooks_1.useFetch(hydrajs_1.publicApi.terms.getRequiredTerms), request = _a.request, isFetching = _a.isFetching;
-    var _b = __read(react_1.useState(false), 2), termsAcked = _b[0], setTermsAcked = _b[1];
-    var _c = __read(react_1.useState({}), 2), allTranslations = _c[0], setAllTranslations = _c[1];
-    var _d = __read(react_1.useState(false), 2), isLangSelectorDropdownOpen = _d[0], setisLangSelectorDropdownOpen = _d[1];
-    var _e = __read(react_1.useState(null), 2), selectedTranslation = _e[0], setSelectedTranslation = _e[1];
-    var t = react_i18next_1.useTranslation().t;
-    react_1.useEffect(function () {
-        var fetchTerms = function () { return __awaiter(_this, void 0, void 0, function () {
-            var siteCode, eventCode, loggedInUser, response, defaultTranslation_1, translationLangInfoMap, e_1;
+    const { request, isFetching } = hooks_1.useFetch(hydrajs_1.publicApi.terms.getRequiredTerms);
+    const [termsAcked, setTermsAcked] = react_1.useState(false);
+    const [allTranslations, setAllTranslations] = react_1.useState({});
+    const [isLangSelectorDropdownOpen, setisLangSelectorDropdownOpen] = react_1.useState(false);
+    const [selectedTranslation, setSelectedTranslation] = react_1.useState(null);
+    const { t } = react_i18next_1.useTranslation();
+    react_1.useEffect(() => {
+        const fetchTerms = () => __awaiter(this, void 0, void 0, function* () {
             var _a, _b, _c, _d;
-            return __generator(this, function (_e) {
-                switch (_e.label) {
-                    case 0:
-                        _e.trys.push([0, 2, , 3]);
-                        siteCode = props.siteCode, eventCode = props.eventCode, loggedInUser = props.loggedInUser;
-                        return [4 /*yield*/, request(siteCode, eventCode, loggedInUser)];
-                    case 1:
-                        response = _e.sent();
-                        defaultTranslation_1 = (_b = (_a = response === null || response === void 0 ? void 0 : response[0]) === null || _a === void 0 ? void 0 : _a.translations) === null || _b === void 0 ? void 0 : _b[0];
-                        translationLangInfoMap = (_d = (_c = response === null || response === void 0 ? void 0 : response[0]) === null || _c === void 0 ? void 0 : _c.translations) === null || _d === void 0 ? void 0 : _d.reduce(function (allTranslationsmap, translation) {
-                            if (translation.isDefault) {
-                                defaultTranslation_1 = translation;
-                            }
-                            allTranslationsmap[translation['localeCode']] = translation;
-                            return allTranslationsmap;
-                        }, {});
-                        setSelectedTranslation(defaultTranslation_1);
-                        setAllTranslations(translationLangInfoMap);
-                        return [3 /*break*/, 3];
-                    case 2:
-                        e_1 = _e.sent();
-                        console.log(e_1);
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        }); };
+            try {
+                const { siteCode, eventCode, loggedInUser } = props;
+                const response = yield request(siteCode, eventCode, loggedInUser);
+                let defaultTranslation = (_b = (_a = response === null || response === void 0 ? void 0 : response[0]) === null || _a === void 0 ? void 0 : _a.translations) === null || _b === void 0 ? void 0 : _b[0];
+                const translationLangInfoMap = (_d = (_c = response === null || response === void 0 ? void 0 : response[0]) === null || _c === void 0 ? void 0 : _c.translations) === null || _d === void 0 ? void 0 : _d.reduce((allTranslationsmap, translation) => {
+                    if (translation.isDefault) {
+                        defaultTranslation = translation;
+                    }
+                    allTranslationsmap[translation['localeCode']] = translation;
+                    return allTranslationsmap;
+                }, {});
+                setSelectedTranslation(defaultTranslation);
+                setAllTranslations(translationLangInfoMap);
+            }
+            catch (e) {
+                console.log(e);
+            }
+        });
         fetchTerms();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    var onLangChange = function (event, lang) {
+    const onLangChange = (event, lang) => {
         setSelectedTranslation(allTranslations[lang]);
         setisLangSelectorDropdownOpen(false);
     };
-    var handleModalToggle = function () {
+    const handleModalToggle = () => {
         props.onModalClose();
     };
-    var onSubmitClick = function () {
+    const onSubmitClick = () => {
         props.onConfirm(selectedTranslation.termsPdfId);
     };
-    var onDropdownToggle = function (toggle) { return setisLangSelectorDropdownOpen(toggle); };
+    const onDropdownToggle = (toggle) => setisLangSelectorDropdownOpen(toggle);
     return (react_1.default.createElement(react_core_1.Modal, { variant: react_core_1.ModalVariant.medium, className: "pf-u-font-size-sm", title: isFetching || !selectedTranslation ? 'Remote Access Rider' : selectedTranslation.translatedTermsName, isOpen: props.isModalOpen, showClose: props.isSubmitting ? false : true, onClose: handleModalToggle, actions: [
-            react_1.default.createElement(react_core_1.Button, { key: "confirm", variant: react_core_1.ButtonVariant.primary, isDisabled: !termsAcked || props.isSubmitting, isLoading: props.isSubmitting, "data-tracking-id": (props.dataTrackingId || props.eventCode) + "-terms-accept", onClick: onSubmitClick },
+            react_1.default.createElement(react_core_1.Button, { key: "confirm", variant: react_core_1.ButtonVariant.primary, isDisabled: !termsAcked || props.isSubmitting, isLoading: props.isSubmitting, "data-tracking-id": `${props.dataTrackingId || props.eventCode}-terms-accept`, onClick: onSubmitClick },
                 react_1.default.createElement(react_i18next_1.Trans, null, "Submit")),
-            react_1.default.createElement(react_core_1.Button, { key: "cancel", isDisabled: props.isSubmitting, "data-tracking-id": (props.dataTrackingId || props.eventCode) + "-terms-cancel", variant: react_core_1.ButtonVariant.link, onClick: props.onModalClose },
+            react_1.default.createElement(react_core_1.Button, { key: "cancel", isDisabled: props.isSubmitting, "data-tracking-id": `${props.dataTrackingId || props.eventCode}-terms-cancel`, variant: react_core_1.ButtonVariant.link, onClick: props.onModalClose },
                 react_1.default.createElement(react_i18next_1.Trans, null, "Cancel")),
         ] }, isFetching || !selectedTranslation ? (react_1.default.createElement("div", { style: { height: '100px' } },
         react_1.default.createElement(LoadingIndicator_1.LoadingIndicator, null))) : (react_1.default.createElement(react_1.default.Fragment, null,
@@ -159,11 +105,11 @@ function AcceptTermsModal(props) {
         react_1.default.createElement("p", { className: "pf-u-mb-md pf-u-mt-sm" }, selectedTranslation.translatedInstructions),
         react_1.default.createElement(react_core_1.Flex, null,
             react_1.default.createElement(react_core_1.FlexItem, null,
-                react_1.default.createElement(react_core_1.Select, { "aria-label": t('Select language'), id: "terms-language-selector", className: "pf-u-mb-md", selections: selectedTranslation.localeCode, onSelect: onLangChange, isOpen: isLangSelectorDropdownOpen, isDisabled: props.isSubmitting, menuAppendTo: document.body, placeholderText: t('Select an option that best fits'), onToggle: onDropdownToggle }, Object.keys(allTranslations).map(function (option, index) { return (react_1.default.createElement(react_core_1.SelectOption, { key: index, value: option }, getLocaleNameFromLocalCode(option))); }))),
+                react_1.default.createElement(react_core_1.Select, { "aria-label": t('Select language'), id: "terms-language-selector", className: "pf-u-mb-md", selections: selectedTranslation.localeCode, onSelect: onLangChange, isOpen: isLangSelectorDropdownOpen, isDisabled: props.isSubmitting, menuAppendTo: document.body, placeholderText: t('Select an option that best fits'), onToggle: onDropdownToggle }, Object.keys(allTranslations).map((option, index) => (react_1.default.createElement(react_core_1.SelectOption, { key: index, value: option }, getLocaleNameFromLocalCode(option)))))),
             react_1.default.createElement(react_core_1.FlexItem, null,
-                react_1.default.createElement("a", { href: selectedTranslation.pdfDownloadUrl, "data-tracking-id": props.eventCode + "-terms-download", target: "_blank", rel: "noopener noreferrer" },
+                react_1.default.createElement("a", { href: selectedTranslation.pdfDownloadUrl, "data-tracking-id": `${props.eventCode}-terms-download`, target: "_blank", rel: "noopener noreferrer" },
                     react_1.default.createElement(react_i18next_1.Trans, null, "Download")))),
-        react_1.default.createElement(react_core_1.Checkbox, { label: t('I have read and agree to the terms'), isChecked: termsAcked, onChange: function (checked) {
+        react_1.default.createElement(react_core_1.Checkbox, { label: t('I have read and agree to the terms'), isChecked: termsAcked, onChange: (checked) => {
                 setTermsAcked(checked);
             }, "aria-label": t('I have read and agree to the terms'), id: "agree-terms", name: "agree-terms" })))));
 }

package/lib/cjs/TextAreaAutosize/TextAreaAutosize.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 __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]; } });
@@ -40,52 +29,36 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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.TextAreaAutosize = void 0;
-var debounce_1 = __importDefault(require("lodash/debounce"));
-var react_1 = __importStar(require("react"));
-var useForkRef_1 = require("../hooks/useForkRef");
-var defaultProps = {
+const debounce_1 = __importDefault(require("lodash/debounce"));
+const react_1 = __importStar(require("react"));
+const useForkRef_1 = require("../hooks/useForkRef");
+const defaultProps = {
     rowsMax: 20,
     rowsMin: 2,
 };
 function getStyleValue(computedStyle, property) {
     return parseInt(computedStyle[property], 10) || 0;
 }
-var TextAreaAutosize = react_1.forwardRef(function (props, ref) {
-    var rowsMax = props.rowsMax, rowsMin = props.rowsMin, rest = __rest(props, ["rowsMax", "rowsMin"]);
-    var isControlled = react_1.default.useRef(props.value != null).current;
-    var inputRef = react_1.useRef(null);
-    var handleRef = useForkRef_1.useForkRef(ref, inputRef);
-    var shadowRef = react_1.default.useRef(null);
-    var renders = react_1.default.useRef(0);
-    var _a = __read(react_1.useState({
+const TextAreaAutosize = react_1.forwardRef((props, ref) => {
+    const { rowsMax, rowsMin } = props, rest = __rest(props, ["rowsMax", "rowsMin"]);
+    const { current: isControlled } = react_1.default.useRef(props.value != null);
+    const inputRef = react_1.useRef(null);
+    const handleRef = useForkRef_1.useForkRef(ref, inputRef);
+    const shadowRef = react_1.default.useRef(null);
+    const renders = react_1.default.useRef(0);
+    const [state, setState] = react_1.useState({
         overflow: null,
         outerHeightStyle: null,
-    }), 2), state = _a[0], setState = _a[1];
-    var syncHeight = react_1.useCallback(function () {
-        var input = inputRef.current;
-        var computedStyle = window.getComputedStyle(input);
-        var inputShallow = shadowRef.current;
+    });
+    const syncHeight = react_1.useCallback(() => {
+        const input = inputRef.current;
+        const computedStyle = window.getComputedStyle(input);
+        const inputShallow = shadowRef.current;
         inputShallow.style.width = computedStyle.width;
         inputShallow.value = input.value || 'x';
         if (inputShallow.value.slice(-1) === '\n') {
@@ -94,25 +67,25 @@ var TextAreaAutosize = react_1.forwardRef(function (props, ref) {
             // is empty. Make it non-empty to avoid this issue.
             inputShallow.value += ' ';
         }
-        var boxSizing = computedStyle['box-sizing'];
-        var padding = getStyleValue(computedStyle, 'padding-bottom') + getStyleValue(computedStyle, 'padding-top');
-        var border = getStyleValue(computedStyle, 'border-bottom-width') + getStyleValue(computedStyle, 'border-top-width');
+        const boxSizing = computedStyle['box-sizing'];
+        const padding = getStyleValue(computedStyle, 'padding-bottom') + getStyleValue(computedStyle, 'padding-top');
+        const border = getStyleValue(computedStyle, 'border-bottom-width') + getStyleValue(computedStyle, 'border-top-width');
         // The height of the inner content
-        var innerHeight = inputShallow.scrollHeight - padding;
+        const innerHeight = inputShallow.scrollHeight - padding;
         // Measure height of a textarea with a single row
         inputShallow.value = 'x';
-        var singleRowHeight = inputShallow.scrollHeight - padding;
+        const singleRowHeight = inputShallow.scrollHeight - padding;
         // The height of the outer content
-        var outerHeight = innerHeight;
+        let outerHeight = innerHeight;
         if (props.rowsMin)
             outerHeight = Math.max(Number(props.rowsMin) * singleRowHeight, outerHeight);
         if (props.rowsMax)
             outerHeight = Math.min(Number(props.rowsMax) * singleRowHeight, outerHeight);
         outerHeight = Math.max(outerHeight, singleRowHeight);
         // Take the box sizing into account for applying this value as a style.
-        var outerHeightStyle = outerHeight + (boxSizing === 'border-box' ? padding + border : 0);
-        var overflow = Math.abs(outerHeight - innerHeight) <= 1;
-        setState(function (prevState) {
+        const outerHeightStyle = outerHeight + (boxSizing === 'border-box' ? padding + border : 0);
+        const overflow = Math.abs(outerHeight - innerHeight) <= 1;
+        setState((prevState) => {
             // Need a large enough difference to update the height.
             // This prevents infinite rendering loop.
             if (renders.current < 20 &&
@@ -120,30 +93,30 @@ var TextAreaAutosize = react_1.forwardRef(function (props, ref) {
                     prevState.overflow !== overflow)) {
                 renders.current += 1;
                 return {
-                    overflow: overflow,
-                    outerHeightStyle: outerHeightStyle,
+                    overflow,
+                    outerHeightStyle,
                 };
             }
             return prevState;
         });
     }, [props.rowsMax, props.rowsMin]);
-    react_1.useEffect(function () {
-        var debouncedHandleResize = debounce_1.default(function () {
+    react_1.useEffect(() => {
+        const debouncedHandleResize = debounce_1.default(() => {
             renders.current = 0;
             syncHeight();
         }, 1000);
         window.addEventListener('resize', debouncedHandleResize);
-        return function () {
+        return () => {
             window.removeEventListener('resize', debouncedHandleResize);
         };
     }, [syncHeight]);
-    react_1.useLayoutEffect(function () {
+    react_1.useLayoutEffect(() => {
         syncHeight();
     });
-    react_1.useEffect(function () {
+    react_1.useEffect(() => {
         renders.current = 0;
     }, [props.value]);
-    var handleChange = function (event) {
+    const handleChange = (event) => {
         renders.current = 0;
         if (!isControlled)
             syncHeight();
@@ -151,7 +124,7 @@ var TextAreaAutosize = react_1.forwardRef(function (props, ref) {
             props.onChange(event);
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("textarea", __assign({}, rest, { value: props.value, onChange: handleChange, ref: handleRef, rows: props.rows || props.rowsMin, style: {
+        react_1.default.createElement("textarea", Object.assign({}, rest, { value: props.value, onChange: handleChange, ref: handleRef, rows: props.rows || props.rowsMin, style: {
                 height: state.outerHeightStyle,
                 // Need a large enough difference to allow scrolling.
                 // This prevents infinite rendering loop.

package/lib/cjs/TextAreaResizable/TextAreaResizable.js

@@ -18,41 +18,28 @@ 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.TextAreaResizable = void 0;
-var react_core_1 = require("@patternfly/react-core");
-var lodash_1 = require("lodash");
-var react_1 = __importStar(require("react"));
-var TextAreaResizable = function (props) {
+const react_core_1 = require("@patternfly/react-core");
+const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
+const react_1 = __importStar(require("react"));
+const TextAreaResizable = (props) => {
     // To set defaultProps
-    var _a = props.rowsMin, rowsMin = _a === void 0 ? 2 : _a, _b = props.autoResize, autoResize = _b === void 0 ? false : _b, onChange = props.onChange, rows = props.rows, id = props.id, className = props.className, isRequired = props.isRequired, maxLength = props.maxLength, name = props.name, value = props.value, isDisabled = props.isDisabled, _c = props.isSpaceAllowed, isSpaceAllowed = _c === void 0 ? true : _c;
-    var _d = __read(react_1.useState(false), 2), isTextAreaEmpty = _d[0], setIsTextAreaEmpty = _d[1];
+    const { rowsMin = 2, autoResize = false, onChange, rows, id, className, isRequired, maxLength, name, value, isDisabled, isSpaceAllowed = true, } = props;
+    const [isTextAreaEmpty, setIsTextAreaEmpty] = react_1.useState(false);
     // Function to handle onChange event
-    var onTextAreaChange = function (value, event) {
+    const onTextAreaChange = (value, event) => {
         onChange(value, event);
-        setIsTextAreaEmpty(lodash_1.isEmpty(value === null || value === void 0 ? void 0 : value.trim()));
+        setIsTextAreaEmpty(isEmpty_1.default(value === null || value === void 0 ? void 0 : value.trim()));
         event.preventDefault();
         return [];
     };
     // Function to check for validity
-    var validatedCheck = function () {
-        var isValidated = 'default';
+    const validatedCheck = () => {
+        let isValidated = 'default';
         if (isRequired) {
             if (isSpaceAllowed) {
                 return isValidated;

package/lib/cjs/ToastNotification/ToastNotification.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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -17,12 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToastNotification = exports.ToastContainer = exports.ToastType = void 0;
 require("react-toastify/dist/ReactToastify.min.css");
 require("./toastNotification.css");
-var react_core_1 = require("@patternfly/react-core");
-var debounce_1 = __importDefault(require("lodash/debounce"));
-var react_1 = __importDefault(require("react"));
-var react_toastify_1 = require("react-toastify");
+const react_core_1 = require("@patternfly/react-core");
+const debounce_1 = __importDefault(require("lodash/debounce"));
+const react_1 = __importDefault(require("react"));
+const react_toastify_1 = require("react-toastify");
 Object.defineProperty(exports, "ToastContainer", { enumerable: true, get: function () { return react_toastify_1.ToastContainer; } });
-var errorMessage_1 = require("../helperFunctions/errorMessage");
+const errorMessage_1 = require("../helperFunctions/errorMessage");
 var ToastType;
 (function (ToastType) {
     ToastType["DANGER"] = "danger";
@@ -30,69 +19,45 @@ var ToastType;
     ToastType["SUCCESS"] = "success";
     ToastType["WARNING"] = "warning";
 })(ToastType = exports.ToastType || (exports.ToastType = {}));
-var AlertComponent = function (_a) {
-    var variant = _a.variant, message = _a.message, _b = _a.alertActions, alertActions = _b === void 0 ? {} : _b, closeToast = _a.closeToast, children = _a.children;
+const AlertComponent = ({ variant, message, alertActions = {}, closeToast, children }) => {
     return (react_1.default.createElement(react_core_1.Alert, { variant: variant, title: message, actionClose: react_1.default.createElement(react_core_1.AlertActionCloseButton, { onClose: closeToast }) }, children));
 };
-var defaultCloseMs = 8000;
-var defaultToastOptions = { autoClose: defaultCloseMs };
-var ToastNotification = /** @class */ (function () {
-    function ToastNotification() {
+const defaultCloseMs = 8000;
+const defaultToastOptions = { autoClose: defaultCloseMs };
+class ToastNotification {
+    static addDangerMessage(message, alertBody, options = {}) {
+        return react_toastify_1.toast(({ closeToast }) => (react_1.default.createElement(AlertComponent, { variant: ToastType.DANGER, message: message, closeToast: closeToast }, alertBody)), Object.assign({}, options));
     }
-    ToastNotification.addDangerMessage = function (message, alertBody, options) {
-        if (options === void 0) { options = {}; }
-        return react_toastify_1.toast(function (_a) {
-            var closeToast = _a.closeToast;
-            return (react_1.default.createElement(AlertComponent, { variant: ToastType.DANGER, message: message, closeToast: closeToast }, alertBody));
-        }, __assign({}, options));
-    };
     // removed  options: ToastOptions = defaultToastOptions to fix auto-dismissing of success alerts.
-    ToastNotification.addSuccessMessage = function (message, alertBody, options) {
-        if (options === void 0) { options = defaultToastOptions; }
-        return react_toastify_1.toast(function (_a) {
-            var closeToast = _a.closeToast;
-            return (react_1.default.createElement(AlertComponent, { variant: ToastType.SUCCESS, message: message, closeToast: closeToast }, alertBody));
-        }, __assign({}, options));
-    };
-    ToastNotification.addWarningMessage = function (message, options) {
-        if (options === void 0) { options = {}; }
-        return react_toastify_1.toast(function (_a) {
-            var closeToast = _a.closeToast;
-            return (react_1.default.createElement(AlertComponent, { variant: ToastType.WARNING, message: message, closeToast: closeToast }));
-        }, __assign({}, options));
-    };
-    ToastNotification.addInfoMessage = function (message, options) {
-        if (options === void 0) { options = defaultToastOptions; }
-        return react_toastify_1.toast(function (_a) {
-            var closeToast = _a.closeToast;
-            return react_1.default.createElement(AlertComponent, { variant: ToastType.INFO, message: message, closeToast: closeToast });
-        }, __assign({}, options));
-    };
-    ToastNotification.addXHRErrorMessage = function (error, errorMessageObj) {
-        var messageBody = errorMessage_1.formattedApiErrorMessage(error, errorMessageObj);
-        var messageHeader = errorMessage_1.errorMessageTitle(error, errorMessageObj);
+    static addSuccessMessage(message, alertBody, options = defaultToastOptions) {
+        return react_toastify_1.toast(({ closeToast }) => (react_1.default.createElement(AlertComponent, { variant: ToastType.SUCCESS, message: message, closeToast: closeToast }, alertBody)), Object.assign({}, options));
+    }
+    static addWarningMessage(message, options = {}) {
+        return react_toastify_1.toast(({ closeToast }) => (react_1.default.createElement(AlertComponent, { variant: ToastType.WARNING, message: message, closeToast: closeToast })), Object.assign({}, options));
+    }
+    static addInfoMessage(message, options = defaultToastOptions) {
+        return react_toastify_1.toast(({ closeToast }) => react_1.default.createElement(AlertComponent, { variant: ToastType.INFO, message: message, closeToast: closeToast }), Object.assign({}, options));
+    }
+    static addXHRErrorMessage(error, errorMessageObj) {
+        const messageBody = errorMessage_1.formattedApiErrorMessage(error, errorMessageObj);
+        const messageHeader = errorMessage_1.errorMessageTitle(error, errorMessageObj);
         ToastNotification.addDangerMessage(messageHeader, messageBody, { closeOnClick: false });
-    };
-    ToastNotification.clearAll = function () {
+    }
+    static clearAll() {
         react_toastify_1.toast.dismiss();
-    };
-    ToastNotification.clearAllDebounce = function (timeToDebounce) {
-        debounce_1.default(function () { return react_toastify_1.toast.dismiss; }, timeToDebounce)();
-    };
-    ToastNotification.clearToast = function (toastId) {
+    }
+    static clearAllDebounce(timeToDebounce) {
+        debounce_1.default(() => react_toastify_1.toast.dismiss, timeToDebounce)();
+    }
+    static clearToast(toastId) {
         react_toastify_1.toast.dismiss(toastId);
-    };
+    }
     /**
      * DEPRECATED: Call an add message function with { autoClose: timeToDelat } in the ToastOptions object to clear toast
      * after a certain amount of time.
      */
-    ToastNotification.clearToastDebounce = function (timeToDebounce) {
-        var toastIds = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            toastIds[_i - 1] = arguments[_i];
-        }
-        debounce_1.default(function () { return toastIds.forEach(function (id) { return ToastNotification.clearToast(id); }); }, timeToDebounce)();
-    };
-    return ToastNotification;
-}());
+    static clearToastDebounce(timeToDebounce, ...toastIds) {
+        debounce_1.default(() => toastIds.forEach((id) => ToastNotification.clearToast(id)), timeToDebounce)();
+    }
+}
 exports.ToastNotification = ToastNotification;