@rh-support/components 2.0.5 → 2.0.8

package/lib/cjs/AlertMessage/AlertMessage.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertMessage = exports.AlertType = void 0;
 require("./AlertMessage.css");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_1 = __importDefault(require("react"));
 var AlertType;
 (function (AlertType) {
     AlertType["DANGER"] = "danger";
@@ -14,7 +14,7 @@ var AlertType;
     AlertType["INFO"] = "info";
     AlertType["SUCCESS"] = "success";
 })(AlertType = exports.AlertType || (exports.AlertType = {}));
-var defaultProps = {
+const defaultProps = {
     className: '',
     show: false,
 };
@@ -23,8 +23,8 @@ function AlertMessage(props) {
         return null;
     }
     // If there is no title then the children node becomes the title to have a better styling
-    var alertMsg = props.title || props.children;
-    return (react_1.default.createElement(react_core_1.Alert, { label: props.title, className: props.className, variant: props.variant, title: alertMsg, isInline: props.isInline, actionClose: !!props.onClose ? react_1.default.createElement(react_core_1.AlertActionCloseButton, { onClose: props.onClose }) : null }, props.title ? props.children : react_1.default.createElement(react_1.default.Fragment, null)));
+    const alertMsgTitle = props.title || props.children;
+    return (react_1.default.createElement(react_core_1.Alert, { label: props.title, className: props.className, variant: props.variant, title: alertMsgTitle, isInline: props.isInline, actionClose: !!props.onClose ? react_1.default.createElement(react_core_1.AlertActionCloseButton, { onClose: props.onClose }) : null }, props.title ? props.children : react_1.default.createElement(react_1.default.Fragment, null)));
 }
 exports.AlertMessage = AlertMessage;
 AlertMessage.defaultProps = defaultProps;

package/lib/cjs/ConfirmationModal/ConfirmationContext.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]; } });
@@ -29,46 +18,29 @@ 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.ConfirmationServiceProvider = exports.useConfirmation = void 0;
-var react_1 = __importStar(require("react"));
-var ConfirmationDialog_1 = require("./ConfirmationDialog");
-var ConfirmationServiceContext = react_1.default.createContext(Promise.reject);
-var useConfirmation = function () { return react_1.useContext(ConfirmationServiceContext); };
+const react_1 = __importStar(require("react"));
+const ConfirmationDialog_1 = require("./ConfirmationDialog");
+const ConfirmationServiceContext = react_1.default.createContext(Promise.reject);
+const useConfirmation = () => react_1.useContext(ConfirmationServiceContext);
 exports.useConfirmation = useConfirmation;
-var ConfirmationServiceProvider = function (_a) {
-    var children = _a.children;
-    var _b = __read(react_1.useState(null), 2), confirmationState = _b[0], setConfirmationState = _b[1];
-    var awaitingPromiseRef = react_1.useRef();
-    var openConfirmation = function (options) {
+const ConfirmationServiceProvider = ({ children }) => {
+    const [confirmationState, setConfirmationState] = react_1.useState(null);
+    const awaitingPromiseRef = react_1.useRef();
+    const openConfirmation = (options) => {
         setConfirmationState(options);
-        return new Promise(function (resolve, reject) {
-            awaitingPromiseRef.current = { resolve: resolve, reject: reject };
+        return new Promise((resolve, reject) => {
+            awaitingPromiseRef.current = { resolve, reject };
         });
     };
-    var handleClose = function () {
+    const handleClose = () => {
         if (confirmationState.catchOnCancel && awaitingPromiseRef.current) {
             awaitingPromiseRef.current.reject();
         }
         setConfirmationState(null);
     };
-    var handleConfirm = function () {
+    const handleConfirm = () => {
         if (awaitingPromiseRef.current) {
             awaitingPromiseRef.current.resolve();
         }
@@ -76,6 +48,6 @@ var ConfirmationServiceProvider = function (_a) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(ConfirmationServiceContext.Provider, { value: openConfirmation, children: children }),
-        react_1.default.createElement(ConfirmationDialog_1.ConfirmationDialog, __assign({ open: Boolean(confirmationState), onConfirm: handleConfirm, onClose: handleClose }, confirmationState))));
+        react_1.default.createElement(ConfirmationDialog_1.ConfirmationDialog, Object.assign({ open: Boolean(confirmationState), onConfirm: handleConfirm, onClose: handleClose }, confirmationState))));
 };
 exports.ConfirmationServiceProvider = ConfirmationServiceProvider;

package/lib/cjs/ConfirmationModal/ConfirmationDialog.js

@@ -4,17 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfirmationDialog = void 0;
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = __importDefault(require("react"));
-var react_i18next_1 = require("react-i18next");
-var defaultProps = {
+const react_core_1 = require("@patternfly/react-core");
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const defaultProps = {
     confirmText: 'Confirm',
     cancelText: 'Cancel',
     confirmButtonVariant: react_core_1.ButtonVariant.primary,
     cancelButtonVariant: react_core_1.ButtonVariant.link,
 };
 function ConfirmationDialog(props) {
-    var t = react_i18next_1.useTranslation().t;
+    const { t } = react_i18next_1.useTranslation();
     return (react_1.default.createElement(react_core_1.Modal, { width: '50%', "aria-describedby": "se-confirm-dialog", "aria-label": t('confirmation modal'), title: props.title || null, isOpen: props.open, onClose: props.onClose, actions: [
             react_1.default.createElement(react_core_1.Button, { key: "confirm", onClick: props.onConfirm, variant: props.confirmButtonVariant },
                 react_1.default.createElement(react_i18next_1.Trans, null, props.confirmText)),

package/lib/cjs/CoverSpinner/CoverSpinner.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CoverSpinner = void 0;
 require("./CoverSpinner.css");
-var react_1 = __importDefault(require("react"));
+const react_1 = __importDefault(require("react"));
 function CoverSpinner() {
     return (react_1.default.createElement("div", { className: "cover-spin", role: "alert" },
         react_1.default.createElement("div", { className: "spinner" })));

package/lib/cjs/CustomContentLoader/CustomContentLoader.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomContentLoader = exports.OverviewContentLoader = void 0;
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_1 = __importDefault(require("react"));
 function OverviewContentLoader() {
     return (react_1.default.createElement("div", { style: { width: '100%', position: 'relative' } },
         react_1.default.createElement("div", { style: { width: '70%', height: '900px', position: 'relative' } },
@@ -54,8 +54,8 @@ function OverviewContentLoader() {
 }
 exports.OverviewContentLoader = OverviewContentLoader;
 function CustomContentLoader(props) {
-    var children = (props.rectangles &&
-        props.rectangles.map(function (obj) { return (react_1.default.createElement(react_core_1.Skeleton, { height: obj.height, width: obj.width, style: { top: obj.y, left: obj.x } })); })) ||
+    const children = (props.rectangles &&
+        props.rectangles.map((obj) => (react_1.default.createElement(react_core_1.Skeleton, { height: obj.height, width: obj.width, style: { top: obj.y, left: obj.x } })))) ||
         props.children || (react_1.default.createElement(react_core_1.Skeleton, { height: "100px", width: "400px", style: { position: 'relative', marginBottom: '50px' } }));
     return react_1.default.createElement(react_1.default.Fragment, null, children);
 }

package/lib/cjs/CustomTextInput/CustomTextInput.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,20 +15,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomTextInput = void 0;
-var react_core_1 = require("@patternfly/react-core");
-var isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-var react_1 = __importDefault(require("react"));
-var CustomTextInput = function (props) {
+const react_core_1 = require("@patternfly/react-core");
+const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
+const react_1 = __importDefault(require("react"));
+const CustomTextInput = (props) => {
     // To set defaultProps
-    var onChange = props.onChange, _a = props.isSpaceAllowed, isSpaceAllowed = _a === void 0 ? false : _a, isRequired = props.isRequired, className = props.className, type = props.type, maxLength = props.maxLength, value = props.value, isDisabled = props.isDisabled, placeholder = props.placeholder, validated = props.validated, name = props.name, rest = __rest(props, ["onChange", "isSpaceAllowed", "isRequired", "className", "type", "maxLength", "value", "isDisabled", "placeholder", "validated", "name"]);
+    const { onChange, isSpaceAllowed = false, isRequired, className, type, maxLength, value, isDisabled, placeholder, validated, name } = props, rest = __rest(props, ["onChange", "isSpaceAllowed", "isRequired", "className", "type", "maxLength", "value", "isDisabled", "placeholder", "validated", "name"]);
     // To handle on input change
-    var onTextInputChange = function (value, event) {
+    const onTextInputChange = (value, event) => {
         onChange(value, event);
         event.preventDefault();
         return [];
     };
     // Function to check for validity
-    var validatedCheck = function () {
+    const validatedCheck = () => {
         if (!isEmpty_1.default(value)) {
             if (validated === 'error') {
                 return 'error';
@@ -54,6 +43,6 @@ var CustomTextInput = function (props) {
                 return validated;
         }
     };
-    return (react_1.default.createElement(react_core_1.TextInput, __assign({}, rest, { isRequired: isRequired, className: className, type: type, maxLength: maxLength, value: value, isDisabled: isDisabled, "aria-label": props['aria-label'], placeholder: placeholder, onChange: onTextInputChange, validated: validatedCheck(), name: name })));
+    return (react_1.default.createElement(react_core_1.TextInput, Object.assign({}, rest, { isRequired: isRequired, className: className, type: type, maxLength: maxLength, value: value, isDisabled: isDisabled, "aria-label": props['aria-label'], placeholder: placeholder, onChange: onTextInputChange, validated: validatedCheck(), name: name })));
 };
 exports.CustomTextInput = CustomTextInput;

package/lib/cjs/DropDownList/AsyncDropDownList.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AsyncMultiDropDownList = exports.AsyncDropDownList = void 0;
-var async_1 = require("./async");
-var DropDownList_1 = require("./DropDownList");
-var MultiSelectDropdownList_1 = require("./MultiSelectDropdownList");
-var AsyncDropDownList = async_1.withAsync(DropDownList_1.Dropdown);
+const async_1 = require("./async");
+const DropDownList_1 = require("./DropDownList");
+const MultiSelectDropdownList_1 = require("./MultiSelectDropdownList");
+const AsyncDropDownList = async_1.withAsync(DropDownList_1.Dropdown);
 exports.AsyncDropDownList = AsyncDropDownList;
-var AsyncMultiDropDownList = async_1.withAsync(MultiSelectDropdownList_1.MultiSelectDropDownList);
+const AsyncMultiDropDownList = async_1.withAsync(MultiSelectDropdownList_1.MultiSelectDropDownList);
 exports.AsyncMultiDropDownList = AsyncMultiDropDownList;

package/lib/cjs/DropDownList/DropDownList.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]; } });
@@ -29,42 +18,21 @@ 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 __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dropdown = void 0;
 require("./dropdownList.css");
-var check_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/check-icon"));
-var isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-var map_1 = __importDefault(require("lodash/map"));
-var react_1 = __importStar(require("react"));
-var react_i18next_1 = require("react-i18next");
-var dropdownUtils_1 = require("./dropdownUtils");
-var SearchableList_1 = __importDefault(require("./SearchableList"));
-var SelectList_1 = __importDefault(require("./SelectList"));
-var defaultProps = {
+const check_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/check-icon"));
+const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
+const map_1 = __importDefault(require("lodash/map"));
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const dropdownUtils_1 = require("./dropdownUtils");
+const SearchableList_1 = __importDefault(require("./SearchableList"));
+const SelectList_1 = __importDefault(require("./SelectList"));
+const defaultProps = {
     className: '',
     id: '',
     searchable: false,
@@ -86,27 +54,26 @@ var defaultProps = {
 };
 function Dropdown(props) {
     var _a, _b, _c;
-    var _d = __read(react_1.useState(props.maxResults), 2), resultsShown = _d[0], setResultsShown = _d[1];
-    var _e = __read(react_1.useState(props.list), 2), itemsList = _e[0], setItemsList = _e[1];
-    var onChangeLocal = function (_a) {
-        var selectedItem = _a.selectedItem;
+    const [resultsShown, setResultsShown] = react_1.useState(props.maxResults);
+    const [itemsList, setItemsList] = react_1.useState(props.list);
+    const onChangeLocal = ({ selectedItem, }) => {
         selectedItem && props.onChange && props.onChange(selectedItem);
     };
-    react_1.useEffect(function () {
+    react_1.useEffect(() => {
         setItemsList(props.list);
     }, [props.list]);
-    var onPaginatonButtonClick = function (e, downshift) {
+    const onPaginatonButtonClick = (e, downshift) => {
         e.stopPropagation();
-        var finalCount = resultsShown + props.maxResults;
+        const finalCount = resultsShown + props.maxResults;
         setResultsShown(finalCount);
         props.onPaginate && props.onPaginate(finalCount, downshift.inputValue, e);
     };
-    var isSelectedItemLocal = function (item) {
+    const isSelectedItemLocal = (item) => {
         return !item.isNotSelectable && dropdownUtils_1.itemToString(props.selectedItem) === dropdownUtils_1.itemToString(item);
     };
-    var isSelectedItem = props.isSelectedItem || isSelectedItemLocal;
-    var getListItemClassNames = function (downshift, item, itemIndex) {
-        var toReturn = 'downshift-item pf-c-select__menu-item';
+    const isSelectedItem = props.isSelectedItem || isSelectedItemLocal;
+    const getListItemClassNames = (downshift, item, itemIndex) => {
+        let toReturn = 'downshift-item pf-c-select__menu-item';
         toReturn += item.additionalInfo ? ' pf-m-description' : '';
         toReturn += isSelectedItem(item) ? ' pf-m-selected' : '';
         toReturn += item.disabled ? ' pf-m-disabled' : '';
@@ -114,58 +81,61 @@ function Dropdown(props) {
         toReturn += item.className ? item.className : '';
         return toReturn;
     };
-    var onInputChangeLocal = function (items, inputValue) {
+    const onInputChangeLocal = (items, inputValue) => {
         setResultsShown(props.maxResults);
         setItemsList(items);
         props.onInputChange && props.onInputChange(inputValue);
     };
-    var renderListItems = function (downshift) {
-        var listToRender = [];
+    const renderListItems = (downshift) => {
+        const listToRender = [];
         if (!downshift.isOpen)
             return [];
-        var optionsToRender = itemsList;
-        var shouldPaginate = props.paginate && resultsShown < optionsToRender.length;
+        let optionsToRender = itemsList;
+        const shouldPaginate = props.paginate && resultsShown < optionsToRender.length;
         optionsToRender = props.paginate ? optionsToRender.slice(0, resultsShown) : optionsToRender;
-        optionsToRender.filter(function (item) { return !item.isNotSearchable; }).length === 0 &&
+        optionsToRender.filter((item) => !item.isNotSearchable).length === 0 &&
             props.emptyListLabel &&
             listToRender.push(react_1.default.createElement("li", { key: "empty-label", className: "pf-u-p-sm" },
                 react_1.default.createElement(react_i18next_1.Trans, null, props.emptyListLabel)));
-        listToRender.push.apply(listToRender, __spreadArray([], __read(map_1.default(optionsToRender, function (item, index) {
-            var itemProps = item.isNonActionable
+        listToRender.push(...map_1.default(optionsToRender, (item, index) => {
+            const itemProps = item.isNonActionable
                 ? {}
                 : downshift.getItemProps({
-                    item: item,
-                    index: index,
+                    item,
+                    index,
                     disabled: item.disabled,
                     className: getListItemClassNames(downshift, item, index),
                 });
-            return (react_1.default.createElement("li", { className: item.actionItem ? 'pf-c-select__menu-wrapper' : '', role: "presentation", key: index + "-" + props.id + "-" + dropdownUtils_1.itemToString(item) },
+            return (react_1.default.createElement("li", { className: item.actionItem ? 'pf-c-select__menu-wrapper' : '', role: "presentation", key: `${index}-${props.id}-${dropdownUtils_1.itemToString(item)}` },
                 item.isNonActionable ? (isEmpty_1.default(item.children) ? dropdownUtils_1.itemToString(item) : item.children) : null,
-                props.multiSelect && !item.isNotSelectable && !item.isNonActionable && (react_1.default.createElement("div", __assign({}, itemProps),
+                props.multiSelect && !item.isNotSelectable && !item.isNonActionable && (react_1.default.createElement("div", Object.assign({}, itemProps),
                     react_1.default.createElement("div", { className: item.additionalInfo ? 'pf-c-select__menu-item-main' : '' },
                         react_1.default.createElement("input", { disabled: item.disabled === true, className: "pf-c-check__input pf-u-mr-sm", checked: isSelectedItem(item), onChange: dropdownUtils_1.noop, type: "checkbox" }),
                         isEmpty_1.default(item.children) ? dropdownUtils_1.itemToString(item) : item.children),
                     item.additionalInfo && (react_1.default.createElement("div", { className: "pf-c-select__menu-item-description" }, item.additionalInfo)))),
-                !props.multiSelect && !item.isNonActionable && (react_1.default.createElement("button", __assign({}, itemProps, { type: "button", title: dropdownUtils_1.itemToString(item) }),
+                !props.multiSelect && !item.isNonActionable && (react_1.default.createElement("button", Object.assign({}, itemProps, { type: "button", title: dropdownUtils_1.itemToString(item) }),
                     react_1.default.createElement("div", { className: item.additionalInfo ? 'pf-c-select__menu-item-main' : '' },
                         isEmpty_1.default(item.children) ? dropdownUtils_1.itemToString(item) : item.children,
                         isSelectedItem(item) && (react_1.default.createElement("span", { className: "pf-c-select__menu-item-icon" },
                             react_1.default.createElement(check_icon_1.default, { "aria-hidden": true })))),
                     item.additionalInfo && (react_1.default.createElement("div", { className: "pf-c-select__menu-item-description" }, item.additionalInfo)))),
                 item.actionItem ? react_1.default.cloneElement(item.actionItem, { disabled: item.disabled }) : null));
-        }))));
-        shouldPaginate && listToRender.push.apply(listToRender, [
-            react_1.default.createElement("li", { key: "separator", className: "dropdown-divider", role: "separator" }),
-            react_1.default.createElement("li", { key: "pagination-item", className: "downshift-pagination-item" },
-                react_1.default.createElement("button", { type: "button", onClick: function (e) { return onPaginatonButtonClick(e, downshift); }, className: "pf-c-button pf-m-link pf-m-block", disabled: props.isLoadingList },
-                    react_1.default.createElement(react_i18next_1.Trans, null, props.paginationBtnText))),
-        ]);
+        }));
+        shouldPaginate &&
+            listToRender.push(...[
+                react_1.default.createElement("li", { key: "separator", className: "dropdown-divider", role: "separator" }),
+                react_1.default.createElement("li", { key: "pagination-item", className: "downshift-pagination-item" },
+                    react_1.default.createElement("button", { type: "button", onClick: (e) => onPaginatonButtonClick(e, downshift), className: "pf-c-button pf-m-link pf-m-block", disabled: props.isLoadingList },
+                        react_1.default.createElement(react_i18next_1.Trans, null, props.paginationBtnText))),
+            ]);
         return listToRender;
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    var selectedItem = react_1.useMemo(function () { return props.selectedItem; }, [(_c = (_b = (_a = props.selectedItem) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : props.selectedItem) !== null && _c !== void 0 ? _c : '']);
-    var newProps = __assign(__assign({}, props), { selectedItem: selectedItem, onChange: onChangeLocal, itemToString: dropdownUtils_1.itemToString, renderListItems: renderListItems, itemsList: itemsList });
-    return props.searchable ? (react_1.default.createElement(SearchableList_1.default, __assign({}, newProps, { onInputChange: onInputChangeLocal }))) : (react_1.default.createElement(SelectList_1.default, __assign({}, newProps)));
+    const selectedItem = react_1.useMemo(() => props.selectedItem, [(_c = (_b = (_a = props.selectedItem) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : props.selectedItem) !== null && _c !== void 0 ? _c : '']);
+    const newProps = Object.assign(Object.assign({}, props), { selectedItem, onChange: onChangeLocal, itemToString: dropdownUtils_1.itemToString,
+        renderListItems,
+        itemsList });
+    return props.searchable ? (react_1.default.createElement(SearchableList_1.default, Object.assign({}, newProps, { onInputChange: onInputChangeLocal }))) : (react_1.default.createElement(SelectList_1.default, Object.assign({}, newProps)));
 }
 exports.Dropdown = Dropdown;
 Dropdown.defaultProps = defaultProps;

package/lib/cjs/DropDownList/DropdownWrapper.js

@@ -1,23 +1,12 @@
 "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 utils_1 = require("@rh-support/utils");
-var react_1 = __importDefault(require("react"));
+const utils_1 = require("@rh-support/utils");
+const react_1 = __importDefault(require("react"));
 function DropdownWrapper(props) {
-    var onBlur = function (event) {
+    const onBlur = (event) => {
         // on ios devices the onBlur event is called before the onClick event, so selecting an item in droponw
         // closes the dropdown without selecting the item
         // this is just a hack to prevent the downshift onBlur method from being called which closes the dropdown
@@ -25,12 +14,12 @@ function DropdownWrapper(props) {
             event.nativeEvent.preventDownshiftDefault = true;
         }
     };
-    return (react_1.default.createElement("div", { id: "" + props.id, className: "downshift " + props.className + " pf-c-select " + (props.isOpen ? 'pf-m-expanded' : '') + " ", "data-tracking-id": props['data-tracking-id'] ? props['data-tracking-id'] : null },
-        props.label && react_1.default.createElement("label", __assign({}, props.getLabelProps()), props.label),
+    return (react_1.default.createElement("div", { id: `${props.id}`, className: `downshift ${props.className} pf-c-select ${props.isOpen ? 'pf-m-expanded' : ''} `, "data-tracking-id": props['data-tracking-id'] ? props['data-tracking-id'] : null },
+        props.label && react_1.default.createElement("label", Object.assign({}, props.getLabelProps()), props.label),
         props.toggleMenuComponent,
-        react_1.default.createElement("ul", __assign({}, props.getMenuProps({
+        react_1.default.createElement("ul", Object.assign({}, props.getMenuProps({
             onBlur: onBlur,
-            className: "downshift-menu pf-c-select__menu " + (props.hasTwoColumns ? 'column-selector-menu' : '') + " " + (props.isOpen ? 'open' : ''),
+            className: `downshift-menu pf-c-select__menu ${props.hasTwoColumns ? 'column-selector-menu' : ''} ${props.isOpen ? 'open' : ''}`,
         })), props.children)));
 }
 exports.default = DropdownWrapper;

package/lib/cjs/DropDownList/MultiSelectDropdownList.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultiSelectDropDownList = void 0;
-var DropDownList_1 = require("./DropDownList");
-var withMulti_1 = require("./withMulti");
-var MultiSelectDropDownList = withMulti_1.withMulti(DropDownList_1.Dropdown);
+const DropDownList_1 = require("./DropDownList");
+const withMulti_1 = require("./withMulti");
+const MultiSelectDropDownList = withMulti_1.withMulti(DropDownList_1.Dropdown);
 exports.MultiSelectDropDownList = MultiSelectDropDownList;