@rh-support/components 2.5.1 → 2.5.3

package/lib/esm/DropDownList/DropDownList.js

@@ -1,116 +0,0 @@
-import './dropdownList.css';
-import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
-import isEmpty from 'lodash/isEmpty';
-import map from 'lodash/map';
-import React, { useEffect, useMemo, useState } from 'react';
-import { Trans } from 'react-i18next';
-import { itemToString, noop } from './dropdownUtils';
-import SearchableList from './SearchableList';
-import SelectList from './SelectList';
-const defaultProps = {
-    className: '',
-    id: '',
-    searchable: false,
-    isInValid: false,
-    isLoadingList: false,
-    disabled: false,
-    required: false,
-    placeholder: '',
-    name: '',
-    'data-tracking-id': '',
-    filterListOnMenuOpen: false,
-    maxResults: 100,
-    paginate: false,
-    paginationBtnText: 'Display additional results',
-    isAsyncSearch: false,
-    multiSelect: false,
-    hasTwoColumns: false,
-    hideToggleButton: false,
-};
-function Dropdown(props) {
-    var _a, _b, _c;
-    const [resultsShown, setResultsShown] = useState(props.maxResults);
-    const [itemsList, setItemsList] = useState(props.list);
-    const onChangeLocal = ({ selectedItem, }) => {
-        selectedItem && props.onChange && props.onChange(selectedItem);
-    };
-    useEffect(() => {
-        setItemsList(props.list);
-    }, [props.list]);
-    const onPaginatonButtonClick = (e, downshift) => {
-        e.stopPropagation();
-        const finalCount = resultsShown + props.maxResults;
-        setResultsShown(finalCount);
-        props.onPaginate && props.onPaginate(finalCount, downshift.inputValue, e);
-    };
-    const isSelectedItemLocal = (item) => {
-        return !item.isNotSelectable && itemToString(props.selectedItem) === itemToString(item);
-    };
-    const isSelectedItem = props.isSelectedItem || isSelectedItemLocal;
-    const getListItemClassNames = (downshift, item, itemIndex) => {
-        let toReturn = 'downshift-item pf-v5-c-select__menu-item';
-        toReturn += item.additionalInfo ? ' pf-m-description' : '';
-        toReturn += isSelectedItem(item) ? ' pf-m-selected' : '';
-        toReturn += item.disabled ? ' pf-m-disabled' : '';
-        toReturn += itemIndex === downshift.highlightedIndex ? ' highlighted' : '';
-        toReturn += item.className ? item.className : '';
-        return toReturn;
-    };
-    const onInputChangeLocal = (items, inputValue) => {
-        setResultsShown(props.maxResults);
-        setItemsList(items);
-        props.onInputChange && props.onInputChange(inputValue);
-    };
-    const renderListItems = (downshift) => {
-        const listToRender = [];
-        if (!downshift.isOpen)
-            return [];
-        let optionsToRender = itemsList;
-        const shouldPaginate = props.paginate && resultsShown < optionsToRender.length;
-        optionsToRender = props.paginate ? optionsToRender.slice(0, resultsShown) : optionsToRender;
-        optionsToRender.filter((item) => !item.isNotSearchable).length === 0 &&
-            props.emptyListLabel &&
-            listToRender.push(React.createElement("li", { key: "empty-label", className: "pf-v5-u-p-sm" },
-                React.createElement(Trans, null, props.emptyListLabel)));
-        listToRender.push(...map(optionsToRender, (item, index) => {
-            const itemProps = item.isNonActionable
-                ? {}
-                : downshift.getItemProps({
-                    item,
-                    index,
-                    disabled: item.disabled,
-                    className: getListItemClassNames(downshift, item, index),
-                });
-            return (React.createElement("li", { className: item.actionItem ? 'pf-v5-c-select__menu-wrapper' : '', role: "presentation", key: `${index}-${props.id}-${itemToString(item)}` },
-                item.isNonActionable ? (isEmpty(item.children) ? itemToString(item) : item.children) : null,
-                props.multiSelect && !item.isNotSelectable && !item.isNonActionable && (React.createElement("div", Object.assign({}, itemProps),
-                    React.createElement("div", { className: item.additionalInfo ? 'pf-v5-c-select__menu-item-main' : '' },
-                        React.createElement("input", { disabled: item.disabled === true, className: "pf-v5-c-check__input pf-v5-u-mr-sm", checked: isSelectedItem(item), onChange: noop, type: "checkbox" }),
-                        isEmpty(item.children) ? itemToString(item) : item.children),
-                    item.additionalInfo && (React.createElement("div", { className: "pf-v5-c-select__menu-item-description" }, item.additionalInfo)))),
-                !props.multiSelect && !item.isNonActionable && (React.createElement("button", Object.assign({}, itemProps, { type: "button", title: itemToString(item) }),
-                    React.createElement("div", { className: item.additionalInfo ? 'pf-v5-c-select__menu-item-main' : '' },
-                        isEmpty(item.children) ? itemToString(item) : item.children,
-                        isSelectedItem(item) && (React.createElement("span", { className: "pf-v5-c-select__menu-item-icon" },
-                            React.createElement(CheckIcon, { "aria-hidden": true })))),
-                    item.additionalInfo && (React.createElement("div", { className: "pf-v5-c-select__menu-item-description" }, item.additionalInfo)))),
-                item.actionItem ? React.cloneElement(item.actionItem, { disabled: item.disabled }) : null));
-        }));
-        shouldPaginate &&
-            listToRender.push(...[
-                React.createElement("li", { key: "separator", className: "dropdown-divider", role: "separator" }),
-                React.createElement("li", { key: "pagination-item", className: "downshift-pagination-item" },
-                    React.createElement("button", { type: "button", onClick: (e) => onPaginatonButtonClick(e, downshift), className: "pf-v5-c-button pf-m-link pf-m-block", disabled: props.isLoadingList },
-                        React.createElement(Trans, null, props.paginationBtnText))),
-            ]);
-        return listToRender;
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const selectedItem = 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,
-        renderListItems,
-        itemsList });
-    return props.searchable ? (React.createElement(SearchableList, Object.assign({}, newProps, { onInputChange: onInputChangeLocal }))) : (React.createElement(SelectList, Object.assign({}, newProps)));
-}
-Dropdown.defaultProps = defaultProps;
-export { Dropdown };

package/lib/esm/DropDownList/DropdownWrapper.d.ts

@@ -1,16 +0,0 @@
-import { IDClassNameProps } from '@rh-support/types/shared';
-import { GetPropsCommonOptions, UseComboboxGetLabelPropsOptions, UseComboboxGetMenuPropsOptions, UseSelectGetLabelPropsOptions, UseSelectGetMenuPropsOptions } from 'downshift';
-import React from 'react';
-interface IProps extends IDClassNameProps {
-    isOpen: boolean;
-    getMenuProps: (options?: UseComboboxGetMenuPropsOptions | UseSelectGetMenuPropsOptions, otherOptions?: GetPropsCommonOptions) => any;
-    getLabelProps: (options?: UseComboboxGetLabelPropsOptions | UseSelectGetLabelPropsOptions) => any;
-    toggleMenuComponent: React.ReactNode;
-    label: string | React.ReactNode;
-    children: JSX.Element | JSX.Element[] | React.ReactNode;
-    'data-tracking-id': string;
-    hasTwoColumns: boolean;
-}
-export default function DropdownWrapper(props: IProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=DropdownWrapper.d.ts.map

package/lib/esm/DropDownList/DropdownWrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/DropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EACH,qBAAqB,EACrB,+BAA+B,EAC/B,8BAA8B,EAC9B,6BAA6B,EAC7B,4BAA4B,EAC/B,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAO,SAAQ,gBAAgB;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CACV,OAAO,CAAC,EAAE,8BAA8B,GAAG,4BAA4B,EACvE,YAAY,CAAC,EAAE,qBAAqB,KACnC,GAAG,CAAC;IACT,aAAa,EAAE,CAAC,OAAO,CAAC,EAAE,+BAA+B,GAAG,6BAA6B,KAAK,GAAG,CAAC;IAClG,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACxD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBA6BpD"}

package/lib/esm/DropDownList/DropdownWrapper.js

@@ -1,19 +0,0 @@
-import { isiOS } from '@rh-support/utils';
-import React from 'react';
-export default function DropdownWrapper(props) {
-    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
-        if (isiOS()) {
-            event.nativeEvent.preventDownshiftDefault = true;
-        }
-    };
-    return (React.createElement("div", { id: `${props.id}`, className: `downshift ${props.className} pf-v5-c-select ${props.isOpen ? 'pf-m-expanded' : ''} `, "data-tracking-id": props['data-tracking-id'] ? props['data-tracking-id'] : null },
-        props.label && React.createElement("label", Object.assign({}, props.getLabelProps()), props.label),
-        props.toggleMenuComponent,
-        React.createElement("ul", Object.assign({}, props.getMenuProps({
-            onBlur: onBlur,
-            className: `downshift-menu pf-v5-c-select__menu ${props.hasTwoColumns ? 'column-selector-menu' : ''} ${props.isOpen ? 'open' : ''}`,
-        })), props.children)));
-}

package/lib/esm/DropDownList/MultiSelectDropdownList.d.ts

@@ -1,4 +0,0 @@
-import { MultiSelectDropdownProps } from './types';
-declare const MultiSelectDropDownList: <T extends {}>(props: MultiSelectDropdownProps<T>) => JSX.Element;
-export { MultiSelectDropDownList, MultiSelectDropdownProps };
-//# sourceMappingURL=MultiSelectDropdownList.d.ts.map

package/lib/esm/DropDownList/MultiSelectDropdownList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelectDropdownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/MultiSelectDropdownList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGnD,QAAA,MAAM,uBAAuB,EAA0B,CAAC,CAAY,SAAF,EAAE,EAChE,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,KACjC,GAAG,CAAC,OAAO,CAAC;AAEjB,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,CAAC"}

package/lib/esm/DropDownList/MultiSelectDropdownList.js

@@ -1,4 +0,0 @@
-import { Dropdown } from './DropDownList';
-import { withMulti } from './withMulti';
-const MultiSelectDropDownList = withMulti(Dropdown);
-export { MultiSelectDropDownList };

package/lib/esm/DropDownList/Readme.md

@@ -1,114 +0,0 @@
-# Dropdown list
-
-## Async Dropdown
-
-It is an HOC wrapper around the original dropdown component.If you use async dropdown then the dropdown list will be searchable by default. You don't need to pass the searchable prop explicitly.
-
-### How to use async dropdownlist
-
-Below is the an example of how you can use async dropdown list. Please also go through the comments as they explain a lot about the inner functionalities of the dropdown
-
-```js
-import React, { useState, useMemo } from 'react'
-import { AsyncDropDownList } from '@rh-support/components';
-import { toOptions, toOption } from '@rh-support/utils';
-
-
-// it's better to keep the server pagination in sync with the dropdown pagination
-// so that you always know that if user will click on pagination button
-// we need to fetch data from the server just by increasing the page size.
-// otherwise we will need some complex logic in handle pagination function
-const PER_PAGE = 50;
-const SEARCH_URI = 'https://api.github.com/search/users';
-
-
-function makeAndHandleRequest(query, page = 1) {
-    return fetch(`${SEARCH_URI}?q=${query}+in:login&page=${page}&per_page=${PER_PAGE}`)
-        .then(resp => resp.json())
-        .then(({ items, total_count }) => {
-            /* eslint-disable-line camelcase */
-            const options = items.map(i => ({
-                avatar_url: i.avatar_url,
-                id: i.id,
-                login: i.login,
-            }));
-            return { options, total_count };
-        });
-}
-
-export function Test() {
-    const [items, setItems] = useState<any>([]);
-    const [isFetching, setIsFetching] = useState(false);
-    const [selectedItem, setSelectedItem] = useState({ login: 'karan' });
-    const fetchUsers = async (inputVal) => {
-        try {
-            setIsFetching(true);
-            const userResponse = await makeAndHandleRequest(inputVal);
-            setItems(userResponse)
-        } catch (e) {
-            // silently fails
-        }
-        finally {
-            setIsFetching(false);
-        }
-    };
-
-    const onDropdownChange = (item) => {
-        setSelectedItem(item.label);
-    }
-
-    const onPaginate = (shownResults, inputVal, e) => {
-        console.log(inputVal);
-        // fetch more results here
-    };
-
-    const onOuterClick = () => {
-    // optional if you don't want to show the last results if user focuses out of dropdown
-        setItems({ options: [] });
-    }
-
-    const onDropdownClear = () => {
-        setSelectedItem({ login: '' });
-    }
-
-    // this is the most important part to memoize the selected item. If you don't then every time
-    // new results are fetched the dropdown will render and toOption always create a new object
-    // forcing dropdown to render and overriding the input value
-    const memoizedSelectedItem = useMemo(() => toOption(selectedItem, { labelKey: 'login' }), [selectedItem]);
-
-    return (
-        <AsyncDropDownList<any>
-            placeholder={'Select a Cluster'}
-            id="case-details-cluster-nickname-selector"
-            selectedItem={memoizedSelectedItem}
-            list={items ? toOptions(items.options, {
-                labelKey: 'login',
-                childrenKey: 'children'
-            }) : []}
-            title={`Select a Cluster`}
-            onOuterClick={onOuterClick}
-            onChange={onDropdownChange}
-            onSearch={fetchUsers}
-            delay={300}
-            useCache={true}
-            isLoadingList={isFetching}
-            paginate={true}
-            onPaginate={onPaginate}
-            maxResults={PER_PAGE - 1}
-            emptyListLabel={'No results found'}
-            onClearSelection={onDropdownClear}
-        />
-    )
-}
-
-```
-
-**Props specific to async dropdown**
-
-| Name       | Type                 | Default             | Description                                                             |
-| ---------- | -------------------- | ------------------- | ----------------------------------------------------------------------- |
-| delay      | <code>number</code>  | 200                 | Delay, in milliseconds, before performing search.                       |
-| minlength  | <code>number</code>  | 2                   | Number of input characters that must be entered before showing results. |
-| promptText | <code>string</code>  | 'Type to search...' | Message displayed in the menu when there is no user input.              |
-| searchText | <code>string</code>  | 'Searching...'      | Message displayed in the menu while the request is pending.             |
-| useCache   | <code>boolean</code> | false               | Whether or not the component should cache query results.                |

package/lib/esm/DropDownList/SearchableList.d.ts

@@ -1,14 +0,0 @@
-import { IOption } from '@rh-support/types/shared';
-import { UseComboboxReturnValue, UseComboboxStateChange } from 'downshift';
-import React from 'react';
-import { IDropdownListProps } from './types';
-interface IProps<T> extends Omit<IDropdownListProps<T>, 'onChange' | 'onInputChange'> {
-    renderListItems: (downshift: UseComboboxReturnValue<IOption<T>>) => React.ReactNode[];
-    onChange: (changes: UseComboboxStateChange<IOption<T>>) => void;
-    itemsList: IOption<T>[];
-    onInputChange?: (items: IOption<T>[], inputValue: string) => void;
-    isPDFExporting?: boolean;
-}
-export default function SearchableList<T>(props: IProps<T>): React.JSX.Element;
-export {};
-//# sourceMappingURL=SearchableList.d.ts.map

package/lib/esm/DropDownList/SearchableList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchableList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/SearchableList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAEH,sBAAsB,EAEtB,sBAAsB,EAEzB,MAAM,WAAW,CAAC;AAGnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,MAAM,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC;IACjF,eAAe,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC;IACtF,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,qBAgJzD"}

package/lib/esm/DropDownList/SearchableList.js

@@ -1,98 +0,0 @@
-import CaretDownIcon from '@patternfly/react-icons/dist/js/icons/caret-down-icon';
-import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
-import { useCombobox, } from 'downshift';
-import includes from 'lodash/includes';
-import isEmpty from 'lodash/isEmpty';
-import React from 'react';
-import { LoadingIndicator } from '../LoadingIndicator/LoadingIndicator';
-import { itemToString, multiSelectDropdownStateReducer, noop } from './dropdownUtils';
-import DropdownWrapper from './DropdownWrapper';
-export default function SearchableList(props) {
-    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 = itemToString(item).trim().toLowerCase();
-        return includes(labelLC, inputValueLC);
-    };
-    const onIsOpenChange = (changes) => {
-        if (!changes.isOpen && changes.type !== useCombobox.stateChangeTypes.ItemClick) {
-            props.onOuterClick && props.onOuterClick(props.selectedItem);
-        }
-    };
-    const comboboxStateReducer = (state, actionAndChanges) => {
-        const { changes, type } = actionAndChanges;
-        switch (type) {
-            case useCombobox.stateChangeTypes.InputBlur:
-                return Object.assign(Object.assign({}, changes), { inputValue: itemToString(props.selectedItem) && downshift.inputValue !== itemToString(props.selectedItem)
-                        ? itemToString(props.selectedItem)
-                        : state.inputValue });
-            case useCombobox.stateChangeTypes.InputKeyDownEnter:
-                return Object.assign(Object.assign({}, changes), { inputValue: state.inputValue });
-            default:
-                return changes;
-        }
-    };
-    const downshift = useCombobox({
-        selectedItem: props.selectedItem,
-        items: props.itemsList,
-        onSelectedItemChange: props.onChange,
-        labelId: `${props.id}-label`,
-        itemToString,
-        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
-            // the input manually as it will trigger an api call.
-            (!props.isAsyncSearch || (props.isAsyncSearch && isOpen)) && props.onInputChange(newList, inputValue);
-        },
-        stateReducer: props.multiSelect ? multiSelectDropdownStateReducer : comboboxStateReducer,
-    });
-    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();
-    };
-    const onInputClick = () => (e) => {
-        if (!isOpen) {
-            openMenu();
-            props.onMenuToggle && props.onMenuToggle();
-        }
-    };
-    const onInputBlur = () => (e) => {
-        props.onInputBlur && props.onInputBlur(e);
-    };
-    const renderSearchableToggleButton = () => {
-        return (React.createElement("div", Object.assign({}, downshift.getComboboxProps({ className: 'pf-v5-c-select__toggle pf-m-typeahead' })),
-            React.createElement("div", { className: "pf-v5-c-select__toggle-wrapper" },
-                props.chipGroupComponent,
-                React.createElement("input", Object.assign({}, getInputProps({
-                    placeholder: props.placeholder,
-                    className: `pf-v5-c-form-control pf-v5-c-select__toggle-typeahead`,
-                    id: `${props.id}-downshift-search`,
-                    'aria-invalid': props.isInValid,
-                    'aria-required': props.required,
-                    required: props.required,
-                    disabled: props.disabled,
-                    onClick: onInputClick(),
-                    onBlur: onInputBlur(),
-                })))),
-            React.createElement(LoadingIndicator, { isInline: true, show: props.isLoadingList }),
-            !isEmpty(downshift.inputValue) &&
-                !props.isLoadingList &&
-                (!props.isExportingPDF ? (React.createElement("button", { className: "pf-v5-c-button pf-m-plain pf-v5-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.createElement(TimesCircleIcon, null))) : null),
-            !props.hideToggleButton && (React.createElement("button", Object.assign({ type: "button", "aria-label": "Menu toggle" }, getToggleButtonProps({
-                disabled: props.disabled || props.isLoadingList,
-                className: 'pf-v5-c-button pf-v5-c-select__toggle-button pf-m-plain',
-                onClick: props.onMenuToggle ? () => props.onMenuToggle() : noop,
-            })),
-                React.createElement(CaretDownIcon, null)))));
-    };
-    return (React.createElement(DropdownWrapper, { id: props.id, className: props.className, isOpen: isOpen, getMenuProps: getMenuProps, getLabelProps: getLabelProps, label: props.label, toggleMenuComponent: renderSearchableToggleButton(), "data-tracking-id": props['data-tracking-id'], hasTwoColumns: props.hasTwoColumns }, isOpen && props.renderListItems(downshift)));
-}

package/lib/esm/DropDownList/SelectList.d.ts

@@ -1,11 +0,0 @@
-import { IOption } from '@rh-support/types/shared';
-import { UseSelectReturnValue, UseSelectStateChange } from 'downshift';
-import React from 'react';
-import { IDropdownListProps } from './types';
-interface IProps<T> extends Omit<IDropdownListProps<T>, 'onChange'> {
-    renderListItems: (downshift: UseSelectReturnValue<IOption<T>>) => React.ReactNode[];
-    onChange: (changes: UseSelectStateChange<IOption<T>>) => void;
-}
-export default function SelectList<T>(props: IProps<T>): React.JSX.Element;
-export {};
-//# sourceMappingURL=SelectList.d.ts.map

package/lib/esm/DropDownList/SelectList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/SelectList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAa,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,MAAM,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IAC/D,eAAe,EAAE,CAAC,SAAS,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC;IACpF,QAAQ,EAAE,CAAC,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,qBAkErD"}

package/lib/esm/DropDownList/SelectList.js

@@ -1,35 +0,0 @@
-import CaretDownIcon from '@patternfly/react-icons/dist/js/icons/caret-down-icon';
-import { useSelect } from 'downshift';
-import React from 'react';
-import { LoadingIndicator } from '../LoadingIndicator/LoadingIndicator';
-import { itemToString, multiSelectDropdownStateReducer, noop } from './dropdownUtils';
-import DropdownWrapper from './DropdownWrapper';
-export default function SelectList(props) {
-    const onIsOpenChange = (changes) => {
-        if (!changes.isOpen && changes.type !== useSelect.stateChangeTypes.ItemClick) {
-            props.onOuterClick && props.onOuterClick(props.selectedItem);
-        }
-    };
-    const downshift = useSelect(Object.assign({ selectedItem: props.selectedItem, items: props.list, onIsOpenChange, onSelectedItemChange: props.onChange, labelId: `${props.id}-label`, itemToString }, (props.multiSelect && { stateReducer: multiSelectDropdownStateReducer })));
-    const { getToggleButtonProps, getLabelProps, getMenuProps, isOpen } = downshift;
-    const renderToggleButton = () => {
-        var _a;
-        return (React.createElement("button", Object.assign({ type: "button" }, getToggleButtonProps({
-            id: `pcm-${props.id}-${props.name}-toggle`,
-            className: `pf-v5-c-select__toggle ${props.isInValid ? 'form-invalid' : ''}`,
-            disabled: props.disabled || props.isLoadingList,
-            'aria-label': `${isOpen ? 'Close ' + props.title : 'Open ' + props.title}${props.selectedItem ? '. The selected option is ' + itemToString(props.selectedItem) + '.' : ''}`,
-            'aria-invalid': props.isInValid,
-            name: props.name,
-            title: itemToString(props.selectedItem) || props.placeholder,
-            'data-tracking-id': (_a = props['data-tracking-id']) !== null && _a !== void 0 ? _a : '',
-            onClick: props.onMenuToggle ? () => props.onMenuToggle() : noop,
-        })),
-            React.createElement("div", { className: "pf-v5-c-select__toggle-wrapper" },
-                React.createElement("span", { className: "pf-v5-c-select__toggle-text" }, itemToString(props.selectedItem) || (React.createElement("span", { className: "pf-v5-c-select__placeholder-text" }, props.placeholder)))),
-            React.createElement(LoadingIndicator, { isInline: true, show: props.isLoadingList }),
-            !props.isLoadingList && (React.createElement("span", { className: "pf-v5-c-select__toggle-arrow" },
-                React.createElement(CaretDownIcon, null)))));
-    };
-    return (React.createElement(DropdownWrapper, { id: props.id, className: props.className, label: props.label, isOpen: isOpen, getMenuProps: getMenuProps, getLabelProps: getLabelProps, toggleMenuComponent: renderToggleButton(), "data-tracking-id": props['data-tracking-id'], hasTwoColumns: props.hasTwoColumns }, isOpen && props.renderListItems(downshift)));
-}

package/lib/esm/DropDownList/async.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { IAsyncOnlyProps, IDropdownListBasePropsForAsync } from './types';
-export declare function useAsync<OptionType, DropdownPropsType extends IDropdownListBasePropsForAsync<OptionType>>(props: DropdownPropsType & IAsyncOnlyProps<OptionType>): DropdownPropsType;
-export declare function withAsync<DropdownPropsType extends IDropdownListBasePropsForAsync<OptionType>, OptionType>(WrappedComponent: React.ComponentType<DropdownPropsType>): {
-    (props: DropdownPropsType & IAsyncOnlyProps<OptionType>): React.JSX.Element;
-    displayName: string;
-    defaultProps: {};
-};
-//# sourceMappingURL=async.d.ts.map

package/lib/esm/DropDownList/async.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"async.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/async.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,eAAe,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAiB1E,wBAAgB,QAAQ,CAAC,UAAU,EAAE,iBAAiB,SAAS,8BAA8B,CAAC,UAAU,CAAC,EACrG,KAAK,EAAE,iBAAiB,GAAG,eAAe,CAAC,UAAU,CAAC,GACvD,iBAAiB,CA6HnB;AAED,wBAAgB,SAAS,CAAC,iBAAiB,SAAS,8BAA8B,CAAC,UAAU,CAAC,EAAE,UAAU,EACtG,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC;YAE1B,iBAAiB,GAAG,eAAe,CAAC,UAAU,CAAC;;;EAUhF"}

package/lib/esm/DropDownList/async.js

@@ -1,111 +0,0 @@
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import debounce from 'lodash/debounce';
-import React, { useCallback, useEffect, useRef } from 'react';
-import { useForceUpdate, useLRUCache } from '../hooks';
-import { usePrevious } from '../hooks/usePrevious';
-// Most of the code credit goes to
-// https://github.com/ericgio/react-bootstrap-typeahead/blob/master/src/behaviors/async.js
-const defaultProps = {
-    delay: 200,
-    minLength: 2,
-    promptText: '',
-    searchText: 'Searching...',
-    useCache: false,
-};
-export function useAsync(props) {
-    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 } = useLRUCache(25);
-    const handleSearchDebouncedRef = useRef();
-    const queryRef = useRef('');
-    const forceUpdate = useForceUpdate();
-    const prevProps = usePrevious(props);
-    const handleSearch = useCallback((query) => {
-        queryRef.current = query;
-        if (!query || (minLength && query.length < minLength)) {
-            return;
-        }
-        // Use cached results, if applicable.
-        if (useCache && getFromCache(query)) {
-            // Re-render the component with the cached results.
-            forceUpdate();
-            return;
-        }
-        // Perform the search.
-        onSearch(query);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [forceUpdate, minLength, onSearch, useCache]);
-    // Set the debounced search function.
-    useEffect(() => {
-        handleSearchDebouncedRef.current = debounce(handleSearch, delay);
-        return () => {
-            handleSearchDebouncedRef.current && handleSearchDebouncedRef.current.cancel();
-        };
-    }, [delay, handleSearch]);
-    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.
-        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]);
-    useEffect(() => {
-        if (prevProps && prevProps.useCache && !useCache) {
-            clearCache();
-        }
-        return () => {
-            clearCache();
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [useCache]);
-    const getEmptyLabel = () => {
-        if (!queryRef.current.length) {
-            return props.promptText;
-        }
-        if (isLoadingList) {
-            return props.searchText;
-        }
-        return emptyListLabel;
-    };
-    const handleInputBlur = (e) => {
-        onInputBlur && onInputBlur(e);
-    };
-    const handleClearSelection = () => {
-        onClearSelection && onClearSelection();
-        queryRef.current = '';
-    };
-    const handleInputChange = useCallback((query) => {
-        onInputChange && onInputChange(query);
-        handleSearchDebouncedRef.current && handleSearchDebouncedRef.current(query);
-    }, [onInputChange]);
-    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
-                    ? suggestedItems
-                    : list
-                : list, onInputBlur: handleInputBlur, searchable: true, onClearSelection: handleClearSelection, isAsyncSearch: true });
-}
-export function withAsync(WrappedComponent) {
-    const AsyncDropdown = (props) => (React.createElement(WrappedComponent, Object.assign({}, useAsync(props))));
-    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
-    AsyncDropdown.displayName = `withAsync${displayName}`;
-    AsyncDropdown.defaultProps = defaultProps;
-    return AsyncDropdown;
-}

package/lib/esm/DropDownList/dropdownList.css

@@ -1,59 +0,0 @@
-.downshift {
-    position: relative;
-}
-
-.downshift input {
-    border: none;
-    padding: 6px;
-}
-
-.downshift > .pf-v5-c-select__toggle.form-invalid {
-    border-bottom: 2px solid #c9190b;
-}
-
-.downshift > .pf-v5-c-select__toggle.form-invalid[disabled] {
-    background-color: #ededed;
-    border-color: #ededed;
-}
-
-.downshift .downshift-menu li[disabled] {
-    background: #f0f0f0;
-    cursor: not-allowed;
-    opacity: 0.3;
-}
-
-.downshift .downshift-menu .downshift-item.highlighted:not(:hover) {
-    background-color: #ededed;
-}
-
-.downshift .downshift-menu li.dropdown-divider {
-    height: 0;
-    padding: 0;
-    overflow: hidden;
-    border-top: 1px solid #e9ecef;
-}
-
-.downshift .pf-v5-c-select__placeholder-text {
-    color: #6a6e73;
-}
-
-.downshift .pf-v5-c-select__menu-wrapper {
-    display: flex;
-}
-
-.downshift .pf-v5-c-select__menu-wrapper:hover {
-    background-color: rgb(240, 240, 240);
-}
-
-.downshift .downshift-menu.open {
-    visibility: visible;
-    z-index: 89;
-}
-
-.downshift .downshift-menu {
-    visibility: hidden;
-}
-
-.hide-in-pdf {
-    display: none !important;
-}