@rh-support/components 2.5.2 → 2.5.4

package/lib/esm/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC"}

package/lib/esm/hooks/index.js

@@ -15,4 +15,5 @@ export * from './useSelectKeyboardNavigator';
 export * from './useLocalStorage';
 export * from './useSessionStorage';
 export * from './useSearchDocument';
+export * from './usePatternFlySingleSelectToggle';
 export * from './useProgressiveLoading';

package/lib/esm/hooks/usePatternFlySingleSelectToggle.d.ts

@@ -0,0 +1,16 @@
+import { MenuToggleElement } from '@patternfly/react-core';
+import React, { Ref } from 'react';
+interface IProps {
+    selected: string;
+    isDisabled: boolean;
+    isLoading?: boolean;
+    placeholder?: string;
+    isInvalid?: boolean;
+}
+export declare function usePatternFlySingleSelectToggle(props: IProps): {
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    toggle: (toggleRef: Ref<MenuToggleElement>) => React.JSX.Element;
+};
+export {};
+//# sourceMappingURL=usePatternFlySingleSelectToggle.d.ts.map

package/lib/esm/hooks/usePatternFlySingleSelectToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePatternFlySingleSelectToggle.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePatternFlySingleSelectToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,iBAAiB,EAAW,MAAM,wBAAwB,CAAC;AAChG,OAAO,KAAK,EAAE,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AAE7C,UAAU,MAAM;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAGD,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,MAAM;;;wBAO9B,GAAG,CAAC,iBAAiB,CAAC;EAsBpD"}

package/lib/esm/hooks/usePatternFlySingleSelectToggle.js

@@ -0,0 +1,17 @@
+import { Flex, FlexItem, MenuToggle, Spinner } from '@patternfly/react-core';
+import React, { useState } from 'react';
+// The hook to manage the PatternFly Single Select component
+export function usePatternFlySingleSelectToggle(props) {
+    const [isOpen, setIsOpen] = useState(false);
+    const onToggleClick = () => {
+        setIsOpen(!isOpen);
+    };
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, { className: "single-select-toggle-text", ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: props.isDisabled, isFullWidth: true, status: props.isInvalid ? 'danger' : undefined },
+        React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
+            React.createElement(FlexItem, null,
+                " ",
+                props.selected || props.placeholder),
+            props.isLoading && (React.createElement(FlexItem, null,
+                React.createElement(Spinner, { size: "md" }))))));
+    return { isOpen, setIsOpen, toggle };
+}

package/lib/esm/index.d.ts

@@ -1,7 +1,6 @@
 export * from './LoadingIndicator';
 export * from './AlertMessage';
 export * from './ProgressBar';
-export * from './DropDownList';
 export * from './ErrorBoundary';
 export * from './ErrorPages';
 export * from './LoginModal';
@@ -32,5 +31,6 @@ export * from './TextAreaResizable';
 export * from './CustomTextInput';
 export * from './PhoneInput';
 export * from './TagsSelector';
+export * from './SingleSelectDropdown';
 export * from './OwnerTypeaheadDropdown';
 //# sourceMappingURL=index.d.ts.map

package/lib/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}

package/lib/esm/index.js

@@ -1,7 +1,6 @@
 export * from './LoadingIndicator';
 export * from './AlertMessage';
 export * from './ProgressBar';
-export * from './DropDownList';
 export * from './ErrorBoundary';
 export * from './ErrorPages';
 export * from './LoginModal';
@@ -32,4 +31,5 @@ export * from './TextAreaResizable';
 export * from './CustomTextInput';
 export * from './PhoneInput';
 export * from './TagsSelector';
+export * from './SingleSelectDropdown';
 export * from './OwnerTypeaheadDropdown';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.5.2",
+    "version": "2.5.4",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -46,11 +46,10 @@
     "peerDependencies": {
         "@cee-eng/hydrajs": "4.18.0",
         "@cee-eng/ui-toolkit": "1.1.8",
-        "@patternfly/patternfly": "5.4.0",
-        "@patternfly/react-core": "5.4.0",
-        "@patternfly/react-table": "5.4.0",
+        "@patternfly/patternfly": "5.4.2",
+        "@patternfly/react-core": "5.4.2",
+        "@patternfly/react-table": "5.4.2",
         "dompurify": "^2.2.6",
-        "downshift": "^6.0.5",
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
         "lodash": "^4.17.21",
@@ -64,16 +63,15 @@
     "dependencies": {
         "@cee-eng/hydrajs": "4.18.0",
         "@cee-eng/ui-toolkit": "1.1.8",
-        "@patternfly/patternfly": "5.4.0",
-        "@patternfly/react-core": "5.4.0",
+        "@patternfly/patternfly": "5.4.2",
+        "@patternfly/react-core": "5.4.2",
         "@patternfly/react-icons": "5.1.1",
-        "@patternfly/react-table": "5.1.1",
+        "@patternfly/react-table": "5.4.2",
         "@patternfly/react-tokens": "^5.4.0",
         "@rh-support/types": "2.0.5",
         "@rh-support/user-permissions": "2.5.1",
         "@rh-support/utils": "2.5.1",
         "dompurify": "^2.2.6",
-        "downshift": "^6.0.5",
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
         "lodash": "^4.17.21",
@@ -111,5 +109,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "c4edba0ff68de868d7de31a8afcca922b218476a"
+    "gitHead": "b7de3083da67036047ec7b0384d9d015bdf24286"
 }

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"AsyncDropDownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/AsyncDropDownList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElF,QAAA,MAAM,iBAAiB,EAA0B,CAAC,CAAY,SAAF,EAAE,EAC1D,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,KAChD,GAAG,CAAC,OAAO,CAAC;AAEjB,QAAA,MAAM,sBAAsB,EAAyC,CAAC,CAAY,SAAF,EAAE,EAC9E,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,wBAAwB,CAAC,CAAC,CAAC,KACtD,GAAG,CAAC,OAAO,CAAC;AAEjB,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/esm/DropDownList/AsyncDropDownList.js

@@ -1,6 +0,0 @@
-import { withAsync } from './async';
-import { Dropdown } from './DropDownList';
-import { MultiSelectDropDownList } from './MultiSelectDropdownList';
-const AsyncDropDownList = withAsync(Dropdown);
-const AsyncMultiDropDownList = withAsync(MultiSelectDropDownList);
-export { AsyncDropDownList, AsyncMultiDropDownList };

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

@@ -1,9 +0,0 @@
-import './dropdownList.css';
-import React from 'react';
-import { IDropdownListProps } from './types';
-declare function Dropdown<T>(props: IDropdownListProps<T>): React.JSX.Element;
-declare namespace Dropdown {
-    var defaultProps: Partial<IDropdownListProps<any>>;
-}
-export { Dropdown };
-//# sourceMappingURL=DropDownList.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropDownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/DropDownList.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAO5B,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAuB7C,iBAAS,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,qBAoJhD;kBApJQ,QAAQ;;;AAsJjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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"}