@rh-support/components 2.0.5 → 2.0.8

package/lib/cjs/DropDownList/SearchableList.js

@@ -1,67 +1,53 @@
 "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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var caret_down_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/caret-down-icon"));
-var times_circle_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/times-circle-icon"));
-var downshift_1 = require("downshift");
-var includes_1 = __importDefault(require("lodash/includes"));
-var isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-var react_1 = __importDefault(require("react"));
-var LoadingIndicator_1 = require("../LoadingIndicator/LoadingIndicator");
-var dropdownUtils_1 = require("./dropdownUtils");
-var DropdownWrapper_1 = __importDefault(require("./DropdownWrapper"));
+const caret_down_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/caret-down-icon"));
+const times_circle_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/times-circle-icon"));
+const downshift_1 = require("downshift");
+const includes_1 = __importDefault(require("lodash/includes"));
+const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
+const react_1 = __importDefault(require("react"));
+const LoadingIndicator_1 = require("../LoadingIndicator/LoadingIndicator");
+const dropdownUtils_1 = require("./dropdownUtils");
+const DropdownWrapper_1 = __importDefault(require("./DropdownWrapper"));
 function SearchableList(props) {
-    var doesMatchInput = function (inputVal) {
-        return function (item) {
-            // Should always keep non-searchable, or item with no labels
-            if (item.isNotSearchable || item.label === null || item.label === undefined)
-                return true;
-            var inputValueLC = inputVal ? inputVal.trim().toLowerCase() : '';
-            var labelLC = dropdownUtils_1.itemToString(item).trim().toLowerCase();
-            return includes_1.default(labelLC, inputValueLC);
-        };
+    const doesMatchInput = (inputVal) => (item) => {
+        // Should always keep non-searchable, or item with no labels
+        if (item.isNotSearchable || item.label === null || item.label === undefined)
+            return true;
+        const inputValueLC = inputVal ? inputVal.trim().toLowerCase() : '';
+        const labelLC = dropdownUtils_1.itemToString(item).trim().toLowerCase();
+        return includes_1.default(labelLC, inputValueLC);
     };
-    var onIsOpenChange = function (changes) {
+    const onIsOpenChange = (changes) => {
         if (!changes.isOpen && changes.type !== downshift_1.useCombobox.stateChangeTypes.ItemClick) {
             props.onOuterClick && props.onOuterClick(props.selectedItem);
         }
     };
-    var comboboxStateReducer = function (state, actionAndChanges) {
-        var changes = actionAndChanges.changes, type = actionAndChanges.type;
+    const comboboxStateReducer = (state, actionAndChanges) => {
+        const { changes, type } = actionAndChanges;
         switch (type) {
             case downshift_1.useCombobox.stateChangeTypes.InputBlur:
-                return __assign(__assign({}, changes), { inputValue: dropdownUtils_1.itemToString(props.selectedItem) && downshift.inputValue !== dropdownUtils_1.itemToString(props.selectedItem)
+                return Object.assign(Object.assign({}, changes), { inputValue: dropdownUtils_1.itemToString(props.selectedItem) && downshift.inputValue !== dropdownUtils_1.itemToString(props.selectedItem)
                         ? dropdownUtils_1.itemToString(props.selectedItem)
                         : state.inputValue });
             case downshift_1.useCombobox.stateChangeTypes.InputKeyDownEnter:
-                return __assign(__assign({}, changes), { inputValue: state.inputValue });
+                return Object.assign(Object.assign({}, changes), { inputValue: state.inputValue });
             default:
                 return changes;
         }
     };
-    var downshift = downshift_1.useCombobox({
+    const downshift = downshift_1.useCombobox({
         selectedItem: props.selectedItem,
         items: props.itemsList,
         onSelectedItemChange: props.onChange,
-        labelId: props.id + "-label",
+        labelId: `${props.id}-label`,
         itemToString: dropdownUtils_1.itemToString,
-        onIsOpenChange: onIsOpenChange,
-        onInputValueChange: function (_a) {
-            var inputValue = _a.inputValue, isOpen = _a.isOpen;
-            var newList = props.searchable && (props.filterListOnMenuOpen || isOpen) && !props.isAsyncSearch
+        onIsOpenChange,
+        onInputValueChange: ({ inputValue, isOpen }) => {
+            const newList = props.searchable && (props.filterListOnMenuOpen || isOpen) && !props.isAsyncSearch
                 ? props.list.filter(doesMatchInput(inputValue))
                 : props.list;
             // for async search we want to make sure that we don't call input change unless the user changes
@@ -70,30 +56,30 @@ function SearchableList(props) {
         },
         stateReducer: props.multiSelect ? dropdownUtils_1.multiSelectDropdownStateReducer : comboboxStateReducer,
     });
-    var getInputProps = downshift.getInputProps, getToggleButtonProps = downshift.getToggleButtonProps, getMenuProps = downshift.getMenuProps, getLabelProps = downshift.getLabelProps, openMenu = downshift.openMenu, isOpen = downshift.isOpen;
-    var clearSelection = function () { return function (event) {
+    const { getInputProps, getToggleButtonProps, getMenuProps, getLabelProps, openMenu, isOpen } = downshift;
+    const clearSelection = () => (event) => {
         props.onClearSelection && props.onClearSelection();
         // in case of multi select we force input to get cleared on clear button click
         downshift.selectItem(null);
         !isOpen && openMenu();
-    }; };
-    var onInputClick = function () { return function (e) {
+    };
+    const onInputClick = () => (e) => {
         if (!isOpen) {
             openMenu();
             props.onMenuToggle && props.onMenuToggle();
         }
-    }; };
-    var onInputBlur = function () { return function (e) {
+    };
+    const onInputBlur = () => (e) => {
         props.onInputBlur && props.onInputBlur(e);
-    }; };
-    var renderSearchableToggleButton = function () {
-        return (react_1.default.createElement("div", __assign({}, downshift.getComboboxProps({ className: 'pf-c-select__toggle pf-m-typeahead' })),
+    };
+    const renderSearchableToggleButton = () => {
+        return (react_1.default.createElement("div", Object.assign({}, downshift.getComboboxProps({ className: 'pf-c-select__toggle pf-m-typeahead' })),
             react_1.default.createElement("div", { className: "pf-c-select__toggle-wrapper" },
                 props.chipGroupComponent,
-                react_1.default.createElement("input", __assign({}, getInputProps({
+                react_1.default.createElement("input", Object.assign({}, getInputProps({
                     placeholder: props.placeholder,
-                    className: "pf-c-form-control pf-c-select__toggle-typeahead",
-                    id: props.id + "-downshift-search",
+                    className: `pf-c-form-control pf-c-select__toggle-typeahead`,
+                    id: `${props.id}-downshift-search`,
                     'aria-invalid': props.isInValid,
                     'aria-required': props.required,
                     required: props.required,
@@ -102,12 +88,12 @@ function SearchableList(props) {
                     onBlur: onInputBlur(),
                 })))),
             react_1.default.createElement(LoadingIndicator_1.LoadingIndicator, { isInline: true, show: props.isLoadingList }),
-            !isEmpty_1.default(downshift.inputValue) && !props.isLoadingList && (react_1.default.createElement("button", { className: "pf-c-button pf-m-plain pf-c-select__toggle-clear", onClick: clearSelection(), "aria-label": "clear selection", type: "button", title: "Clear selection", disabled: props.disabled, "data-tracking-id": props['data-tracking-id'] + "-clear" },
+            !isEmpty_1.default(downshift.inputValue) && !props.isLoadingList && (react_1.default.createElement("button", { className: "pf-c-button pf-m-plain pf-c-select__toggle-clear", onClick: clearSelection(), "aria-label": "clear selection", type: "button", title: "Clear selection", disabled: props.disabled, "data-tracking-id": `${props['data-tracking-id']}-clear` },
                 react_1.default.createElement(times_circle_icon_1.default, null))),
-            !props.hideToggleButton && (react_1.default.createElement("button", __assign({ type: "button" }, getToggleButtonProps({
+            !props.hideToggleButton && (react_1.default.createElement("button", Object.assign({ type: "button" }, getToggleButtonProps({
                 disabled: props.disabled || props.isLoadingList,
                 className: 'pf-c-button pf-c-select__toggle-button pf-m-plain',
-                onClick: props.onMenuToggle ? function () { return props.onMenuToggle(); } : dropdownUtils_1.noop,
+                onClick: props.onMenuToggle ? () => props.onMenuToggle() : dropdownUtils_1.noop,
             })),
                 react_1.default.createElement(caret_down_icon_1.default, null)))));
     };

package/lib/cjs/DropDownList/SelectList.js

@@ -1,45 +1,34 @@
 "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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var caret_down_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/caret-down-icon"));
-var downshift_1 = require("downshift");
-var react_1 = __importDefault(require("react"));
-var LoadingIndicator_1 = require("../LoadingIndicator/LoadingIndicator");
-var dropdownUtils_1 = require("./dropdownUtils");
-var DropdownWrapper_1 = __importDefault(require("./DropdownWrapper"));
+const caret_down_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/caret-down-icon"));
+const downshift_1 = require("downshift");
+const react_1 = __importDefault(require("react"));
+const LoadingIndicator_1 = require("../LoadingIndicator/LoadingIndicator");
+const dropdownUtils_1 = require("./dropdownUtils");
+const DropdownWrapper_1 = __importDefault(require("./DropdownWrapper"));
 function SelectList(props) {
-    var onIsOpenChange = function (changes) {
+    const onIsOpenChange = (changes) => {
         if (!changes.isOpen && changes.type !== downshift_1.useSelect.stateChangeTypes.ItemClick) {
             props.onOuterClick && props.onOuterClick(props.selectedItem);
         }
     };
-    var downshift = downshift_1.useSelect(__assign({ selectedItem: props.selectedItem, items: props.list, onIsOpenChange: onIsOpenChange, onSelectedItemChange: props.onChange, labelId: props.id + "-label", itemToString: dropdownUtils_1.itemToString }, (props.multiSelect && { stateReducer: dropdownUtils_1.multiSelectDropdownStateReducer })));
-    var getToggleButtonProps = downshift.getToggleButtonProps, getLabelProps = downshift.getLabelProps, getMenuProps = downshift.getMenuProps, isOpen = downshift.isOpen;
-    var renderToggleButton = function () {
+    const downshift = downshift_1.useSelect(Object.assign({ selectedItem: props.selectedItem, items: props.list, onIsOpenChange, onSelectedItemChange: props.onChange, labelId: `${props.id}-label`, itemToString: dropdownUtils_1.itemToString }, (props.multiSelect && { stateReducer: dropdownUtils_1.multiSelectDropdownStateReducer })));
+    const { getToggleButtonProps, getLabelProps, getMenuProps, isOpen } = downshift;
+    const renderToggleButton = () => {
         var _a;
-        return (react_1.default.createElement("button", __assign({ type: "button" }, getToggleButtonProps({
-            id: props.id + "-toggle",
-            className: "pf-c-select__toggle " + (props.isInValid ? 'form-invalid' : ''),
+        return (react_1.default.createElement("button", Object.assign({ type: "button" }, getToggleButtonProps({
+            id: `${props.id}-toggle`,
+            className: `pf-c-select__toggle ${props.isInValid ? 'form-invalid' : ''}`,
             disabled: props.disabled || props.isLoadingList,
-            'aria-label': "" + (isOpen ? 'Close ' + props.title : 'Open ' + props.title),
+            'aria-label': `${isOpen ? 'Close ' + props.title : 'Open ' + props.title}`,
             'aria-invalid': props.isInValid,
             name: props.name,
             title: dropdownUtils_1.itemToString(props.selectedItem) || props.placeholder,
             'data-tracking-id': (_a = props['data-tracking-id']) !== null && _a !== void 0 ? _a : '',
-            onClick: props.onMenuToggle ? function () { return props.onMenuToggle(); } : dropdownUtils_1.noop,
+            onClick: props.onMenuToggle ? () => props.onMenuToggle() : dropdownUtils_1.noop,
         })),
             react_1.default.createElement("div", { className: "pf-c-select__toggle-wrapper" },
                 react_1.default.createElement("span", { className: "pf-c-select__toggle-text" }, dropdownUtils_1.itemToString(props.selectedItem) || (react_1.default.createElement("span", { className: "pf-c-select__placeholder-text" }, props.placeholder)))),

package/lib/cjs/DropDownList/async.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]; } });
@@ -45,13 +34,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withAsync = exports.useAsync = void 0;
-var debounce_1 = __importDefault(require("lodash/debounce"));
-var react_1 = __importStar(require("react"));
-var hooks_1 = require("../hooks");
-var usePrevious_1 = require("../hooks/usePrevious");
+const debounce_1 = __importDefault(require("lodash/debounce"));
+const react_1 = __importStar(require("react"));
+const hooks_1 = require("../hooks");
+const usePrevious_1 = require("../hooks/usePrevious");
 // Most of the code credit goes to
 // https://github.com/ericgio/react-bootstrap-typeahead/blob/master/src/behaviors/async.js
-var defaultProps = {
+const defaultProps = {
     delay: 200,
     minLength: 2,
     promptText: '',
@@ -59,13 +48,13 @@ var defaultProps = {
     useCache: false,
 };
 function useAsync(props) {
-    var delay = props.delay, isLoadingList = props.isLoadingList, minLength = props.minLength, onInputChange = props.onInputChange, onSearch = props.onSearch, useCache = props.useCache, list = props.list, onInputBlur = props.onInputBlur, emptyListLabel = props.emptyListLabel, onClearSelection = props.onClearSelection, suggestedItems = props.suggestedItems, otherProps = __rest(props, ["delay", "isLoadingList", "minLength", "onInputChange", "onSearch", "useCache", "list", "onInputBlur", "emptyListLabel", "onClearSelection", "suggestedItems"]);
-    var _a = hooks_1.useLRUCache(25), getFromCache = _a.getFromCache, setInCache = _a.setInCache, clearCache = _a.clearCache;
-    var handleSearchDebouncedRef = react_1.useRef();
-    var queryRef = react_1.useRef('');
-    var forceUpdate = hooks_1.useForceUpdate();
-    var prevProps = usePrevious_1.usePrevious(props);
-    var handleSearch = react_1.useCallback(function (query) {
+    const { delay, isLoadingList, minLength, onInputChange, onSearch, useCache, list, onInputBlur, emptyListLabel, onClearSelection, suggestedItems } = props, otherProps = __rest(props, ["delay", "isLoadingList", "minLength", "onInputChange", "onSearch", "useCache", "list", "onInputBlur", "emptyListLabel", "onClearSelection", "suggestedItems"]);
+    const { getFromCache, setInCache, clearCache } = hooks_1.useLRUCache(25);
+    const handleSearchDebouncedRef = react_1.useRef();
+    const queryRef = react_1.useRef('');
+    const forceUpdate = hooks_1.useForceUpdate();
+    const prevProps = usePrevious_1.usePrevious(props);
+    const handleSearch = react_1.useCallback((query) => {
         queryRef.current = query;
         if (!query || (minLength && query.length < minLength)) {
             return;
@@ -82,33 +71,33 @@ function useAsync(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [forceUpdate, minLength, onSearch, useCache]);
     // Set the debounced search function.
-    react_1.useEffect(function () {
+    react_1.useEffect(() => {
         handleSearchDebouncedRef.current = debounce_1.default(handleSearch, delay);
-        return function () {
+        return () => {
             handleSearchDebouncedRef.current && handleSearchDebouncedRef.current.cancel();
         };
     }, [delay, handleSearch]);
-    react_1.useEffect(function () {
+    react_1.useEffect(() => {
         // Ensure that we've gone from a loading to a completed state. Otherwise
         // an empty response could get cached if the component updates during the
         // request (eg: if the parent re-renders for some reason).
         // NOTE: There is a limitation that empty responses will not be cached.
-        var listToCache = list.filter(function (item) { return !item.isNotSearchable; });
+        const listToCache = list.filter((item) => !item.isNotSearchable);
         if (!isLoadingList && useCache && queryRef.current && (listToCache || []).length > 0) {
             setInCache(queryRef.current, list);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [list, isLoadingList, useCache]);
-    react_1.useEffect(function () {
+    react_1.useEffect(() => {
         if (prevProps && prevProps.useCache && !useCache) {
             clearCache();
         }
-        return function () {
+        return () => {
             clearCache();
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [useCache]);
-    var getEmptyLabel = function () {
+    const getEmptyLabel = () => {
         if (!queryRef.current.length) {
             return props.promptText;
         }
@@ -117,19 +106,20 @@ function useAsync(props) {
         }
         return emptyListLabel;
     };
-    var handleInputBlur = function (e) {
+    const handleInputBlur = (e) => {
         onInputBlur && onInputBlur(e);
     };
-    var handleClearSelection = function () {
+    const handleClearSelection = () => {
         onClearSelection && onClearSelection();
         queryRef.current = '';
     };
-    var handleInputChange = react_1.useCallback(function (query) {
+    const handleInputChange = react_1.useCallback((query) => {
         onInputChange && onInputChange(query);
         handleSearchDebouncedRef.current && handleSearchDebouncedRef.current(query);
     }, [onInputChange]);
-    var cachedQuery = getFromCache(queryRef.current);
-    return __assign(__assign({}, otherProps), { isLoadingList: isLoadingList, minLength: minLength, onInputChange: handleInputChange, emptyListLabel: getEmptyLabel(), list: useCache && cachedQuery
+    const cachedQuery = getFromCache(queryRef.current);
+    return Object.assign(Object.assign({}, otherProps), { isLoadingList,
+        minLength, onInputChange: handleInputChange, emptyListLabel: getEmptyLabel(), list: useCache && cachedQuery
             ? cachedQuery
             : !queryRef.current
                 ? (suggestedItems || []).length > 0
@@ -139,9 +129,9 @@ function useAsync(props) {
 }
 exports.useAsync = useAsync;
 function withAsync(WrappedComponent) {
-    var AsyncDropdown = function (props) { return (react_1.default.createElement(WrappedComponent, __assign({}, useAsync(props)))); };
-    var displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
-    AsyncDropdown.displayName = "withAsync" + displayName;
+    const AsyncDropdown = (props) => (react_1.default.createElement(WrappedComponent, Object.assign({}, useAsync(props))));
+    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+    AsyncDropdown.displayName = `withAsync${displayName}`;
     AsyncDropdown.defaultProps = defaultProps;
     return AsyncDropdown;
 }

package/lib/cjs/DropDownList/dropdownUtils.js

@@ -1,38 +1,27 @@
 "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);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.multiSelectDropdownStateReducer = exports.noop = exports.itemToString = void 0;
-var downshift_1 = require("downshift");
+const downshift_1 = require("downshift");
 function itemToString(item) {
     return item ? item.label : '';
 }
 exports.itemToString = itemToString;
-var noop = function () { };
+const noop = () => { };
 exports.noop = noop;
-var multiSelectDropdownStateReducer = function (state, actionAndChanges) {
-    var changes = actionAndChanges.changes, type = actionAndChanges.type;
+const multiSelectDropdownStateReducer = (state, actionAndChanges) => {
+    const { changes, type } = actionAndChanges;
     switch (type) {
         case downshift_1.useSelect.stateChangeTypes.MenuKeyDownSpaceButton:
-            return __assign(__assign({}, changes), { isOpen: true, highlightedIndex: state.highlightedIndex });
+            return Object.assign(Object.assign({}, changes), { isOpen: true, highlightedIndex: state.highlightedIndex });
         case downshift_1.useSelect.stateChangeTypes.MenuKeyDownEnter:
         case downshift_1.useSelect.stateChangeTypes.ItemClick:
-            return __assign(__assign({}, changes), { isOpen: true, highlightedIndex: state.highlightedIndex, inputValue: '' });
+            return Object.assign(Object.assign({}, changes), { isOpen: true, highlightedIndex: state.highlightedIndex, inputValue: '' });
         case downshift_1.useCombobox.stateChangeTypes.InputKeyDownEnter:
-            return __assign(__assign({}, changes), { inputValue: state.inputValue });
+            return Object.assign(Object.assign({}, changes), { inputValue: state.inputValue });
         case downshift_1.useCombobox.stateChangeTypes.ItemClick:
-            return __assign(__assign({}, changes), { isOpen: true, highlightedIndex: state.highlightedIndex, inputValue: '' });
+            return Object.assign(Object.assign({}, changes), { isOpen: true, highlightedIndex: state.highlightedIndex, inputValue: '' });
         case downshift_1.useCombobox.stateChangeTypes.InputBlur:
-            return __assign({}, changes);
+            return Object.assign({}, changes);
         default:
             return changes;
     }

package/lib/cjs/DropDownList/withMulti.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]; } });
@@ -42,38 +31,38 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withMulti = exports.useMulti = void 0;
-var react_1 = __importStar(require("react"));
-var dropdownUtils_1 = require("./dropdownUtils");
-var defaultProps = {
+const react_1 = __importStar(require("react"));
+const dropdownUtils_1 = require("./dropdownUtils");
+const defaultProps = {
     selectedItems: [],
 };
 function useMulti(props) {
-    var selectedItems = props.selectedItems, onChange = props.onChange, rest = __rest(props, ["selectedItems", "onChange"]);
-    var onChangeLocal = function (selectedItem) {
-        var newItems = (selectedItems || []).slice();
-        var selectedItemsLabel = props.selectedItems.filter(function (item) { return !item.isNotSelectable; }).map(dropdownUtils_1.itemToString);
-        var selectedItemLabel = dropdownUtils_1.itemToString(selectedItem);
+    const { selectedItems, onChange } = props, rest = __rest(props, ["selectedItems", "onChange"]);
+    const onChangeLocal = (selectedItem) => {
+        let newItems = (selectedItems || []).slice();
+        const selectedItemsLabel = props.selectedItems.filter((item) => !item.isNotSelectable).map(dropdownUtils_1.itemToString);
+        const selectedItemLabel = dropdownUtils_1.itemToString(selectedItem);
         if (selectedItemsLabel.includes(selectedItemLabel)) {
-            newItems = selectedItems.filter(function (i) { return dropdownUtils_1.itemToString(i) !== dropdownUtils_1.itemToString(selectedItem); });
+            newItems = selectedItems.filter((i) => dropdownUtils_1.itemToString(i) !== dropdownUtils_1.itemToString(selectedItem));
         }
         else {
             newItems.push(selectedItem);
         }
         props.onChange && props.onChange(newItems);
     };
-    var onOuterClickLocal = function () {
+    const onOuterClickLocal = () => {
         props.onOuterClick && props.onOuterClick(props.selectedItems);
     };
-    var isSelectedItemLocal = function (item) {
+    const isSelectedItemLocal = (item) => {
         return !item.isNotSelectable && props.selectedItems.map(dropdownUtils_1.itemToString).includes(dropdownUtils_1.itemToString(item));
     };
-    return __assign(__assign({}, rest), { multiSelect: true, onChange: onChangeLocal, selectedItem: null, onOuterClick: onOuterClickLocal, isSelectedItem: isSelectedItemLocal });
+    return Object.assign(Object.assign({}, rest), { multiSelect: true, onChange: onChangeLocal, selectedItem: null, onOuterClick: onOuterClickLocal, isSelectedItem: isSelectedItemLocal });
 }
 exports.useMulti = useMulti;
 function withMulti(WrappedComponent) {
-    var MultiSelectDropdown = react_1.forwardRef(function (props, ref) { return (react_1.default.createElement(WrappedComponent, __assign({}, useMulti(props), { ref: ref }))); });
-    var displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
-    MultiSelectDropdown.displayName = "withMulti" + displayName;
+    const MultiSelectDropdown = react_1.forwardRef((props, ref) => (react_1.default.createElement(WrappedComponent, Object.assign({}, useMulti(props), { ref: ref }))));
+    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+    MultiSelectDropdown.displayName = `withMulti${displayName}`;
     MultiSelectDropdown.defaultProps = defaultProps;
     return MultiSelectDropdown;
 }

package/lib/cjs/ErrorBoundary/ErrorBoundary.js

@@ -1,30 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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]; } });
@@ -46,25 +20,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorBoundary = void 0;
-var hydrajs_1 = require("@cee-eng/hydrajs");
-var utils_1 = require("@rh-support/utils");
-var react_1 = __importStar(require("react"));
-var ErrorBoundaryFallbackComponent_1 = require("./ErrorBoundaryFallbackComponent");
-var ErrorBoundary = /** @class */ (function (_super) {
-    __extends(ErrorBoundary, _super);
-    function ErrorBoundary(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = { hasError: false };
-        return _this;
+const hydrajs_1 = require("@cee-eng/hydrajs");
+const utils_1 = require("@rh-support/utils");
+const react_1 = __importStar(require("react"));
+const ErrorBoundaryFallbackComponent_1 = require("./ErrorBoundaryFallbackComponent");
+class ErrorBoundary extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
     }
-    ErrorBoundary.getDerivedStateFromError = function () {
+    static getDerivedStateFromError() {
         // Update state so the next render will show the fallback UI.
         return { hasError: true };
-    };
-    ErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
+    }
+    componentDidCatch(error, errorInfo) {
         if (hydrajs_1.Env.isLocalEnv())
             return;
-        var onError = this.props.onError;
+        const { onError } = this.props;
         if (typeof onError === 'function') {
             try {
                 onError.call(this, error, errorInfo || '');
@@ -78,14 +50,13 @@ var ErrorBoundary = /** @class */ (function (_super) {
                 package_version: utils_1.getAppVersion(),
             },
         });
-    };
-    ErrorBoundary.prototype.render = function () {
-        var _a = this.props, children = _a.children, FallbackComponent = _a.FallbackComponent;
+    }
+    render() {
+        const { children, FallbackComponent } = this.props;
         if (this.state.hasError) {
-            return this.props.FallbackComponent ? (react_1.default.createElement(FallbackComponent, null)) : (react_1.default.createElement(ErrorBoundaryFallbackComponent_1.ErrorBoundaryFallbackComponent, __assign({ isPageLevelError: this.props.isPageLevelError }, this.props.errorMsgInfo)));
+            return this.props.FallbackComponent ? (react_1.default.createElement(FallbackComponent, null)) : (react_1.default.createElement(ErrorBoundaryFallbackComponent_1.ErrorBoundaryFallbackComponent, Object.assign({ isPageLevelError: this.props.isPageLevelError }, this.props.errorMsgInfo)));
         }
         return children || null;
-    };
-    return ErrorBoundary;
-}(react_1.Component));
+    }
+}
 exports.ErrorBoundary = ErrorBoundary;

package/lib/cjs/ErrorBoundary/ErrorBoundaryFallbackComponent.js

@@ -4,22 +4,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorBoundaryFallbackComponent = void 0;
-var react_core_1 = require("@patternfly/react-core");
-var exclamation_circle_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
-var global_danger_color_200_1 = __importDefault(require("@patternfly/react-tokens/dist/js/global_danger_color_200"));
-var global_info_color_200_1 = __importDefault(require("@patternfly/react-tokens/dist/js/global_info_color_200"));
-var global_warning_color_200_1 = __importDefault(require("@patternfly/react-tokens/dist/js/global_warning_color_200"));
-var react_1 = __importDefault(require("react"));
-var react_i18next_1 = require("react-i18next");
-var defaultProps = {
+const react_core_1 = require("@patternfly/react-core");
+const exclamation_circle_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
+const global_danger_color_200_1 = __importDefault(require("@patternfly/react-tokens/dist/js/global_danger_color_200"));
+const global_info_color_200_1 = __importDefault(require("@patternfly/react-tokens/dist/js/global_info_color_200"));
+const global_warning_color_200_1 = __importDefault(require("@patternfly/react-tokens/dist/js/global_warning_color_200"));
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const defaultProps = {
     errorType: 'error',
     title: 'Unexpected Error Occured',
     message: 'There was an unexpected error. Please try refreshing the page.',
     isPageLevelError: false,
 };
 function ErrorBoundaryFallbackComponent(props) {
-    var t = react_i18next_1.useTranslation().t;
-    var getIconColor = function () {
+    const { t } = react_i18next_1.useTranslation();
+    const getIconColor = () => {
         switch (props.errorType) {
             case 'info':
                 return global_info_color_200_1.default.value;

package/lib/cjs/ErrorPages/Generic403.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Generic403 = void 0;
-var react_1 = __importDefault(require("react"));
-var react_i18next_1 = require("react-i18next");
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
 function Generic403() {
     return (react_1.default.createElement("div", { className: "container" },
         react_1.default.createElement("h2", null,