@rh-support/components 2.5.2 → 2.5.4

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

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

@@ -1,5 +0,0 @@
-import { IOption } from '@rh-support/types/shared';
-export declare function itemToString<T>(item: IOption<T>): string;
-export declare const noop: () => void;
-export declare const multiSelectDropdownStateReducer: (state: any, actionAndChanges: any) => any;
-//# sourceMappingURL=dropdownUtils.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdownUtils.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/dropdownUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAGnD,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAExD;AAED,eAAO,MAAM,IAAI,YAAW,CAAC;AAE7B,eAAO,MAAM,+BAA+B,4CAoC3C,CAAC"}

package/lib/esm/DropDownList/dropdownUtils.js

@@ -1,23 +0,0 @@
-import { useCombobox, useSelect } from 'downshift';
-export function itemToString(item) {
-    return item ? item.label : '';
-}
-export const noop = () => { };
-export const multiSelectDropdownStateReducer = (state, actionAndChanges) => {
-    const { changes, type } = actionAndChanges;
-    switch (type) {
-        case useSelect.stateChangeTypes.MenuKeyDownSpaceButton:
-            return Object.assign(Object.assign({}, changes), { isOpen: true, highlightedIndex: state.highlightedIndex });
-        case useSelect.stateChangeTypes.MenuKeyDownEnter:
-        case useSelect.stateChangeTypes.ItemClick:
-            return Object.assign(Object.assign({}, changes), { isOpen: true, highlightedIndex: state.highlightedIndex, inputValue: '' });
-        case useCombobox.stateChangeTypes.InputKeyDownEnter:
-            return Object.assign(Object.assign({}, changes), { inputValue: state.inputValue });
-        case useCombobox.stateChangeTypes.ItemClick:
-            return Object.assign(Object.assign({}, changes), { isOpen: true, highlightedIndex: state.highlightedIndex, inputValue: '' });
-        case useCombobox.stateChangeTypes.InputBlur:
-            return Object.assign({}, changes);
-        default:
-            return changes;
-    }
-};

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

@@ -1,4 +0,0 @@
-export * from './DropDownList';
-export * from './AsyncDropDownList';
-export * from './MultiSelectDropdownList';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC"}

package/lib/esm/DropDownList/index.js

@@ -1,3 +0,0 @@
-export * from './DropDownList';
-export * from './AsyncDropDownList';
-export * from './MultiSelectDropdownList';

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

@@ -1,53 +0,0 @@
-import { IDClassNameProps, IOption } from '@rh-support/types/shared';
-export interface IDropdownListProps<T> extends IDClassNameProps {
-    list: Array<IOption<T>>;
-    selectedItem: IOption<T>;
-    placeholder?: string;
-    title: string;
-    disabled?: boolean;
-    isLoadingList?: boolean;
-    searchable?: boolean;
-    isInValid?: boolean;
-    required?: boolean;
-    name?: string;
-    onOuterClick?: (selectedItem: IOption<T>) => void;
-    onClearSelection?: () => void;
-    onChange: (selection: IOption<T>) => any;
-    onMenuToggle?: () => void;
-    'data-tracking-id'?: string;
-    filterListOnMenuOpen?: boolean;
-    onInputChange?: (query: string) => void;
-    paginate?: boolean;
-    maxResults?: number;
-    onPaginate?: (resultShown: number, inputVal: string, e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    emptyListLabel?: string;
-    onInputBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    paginationBtnText?: string;
-    isAsyncSearch?: boolean;
-    multiSelect?: boolean;
-    isSelectedItem?: (item: IOption<T>) => boolean;
-    label?: string | React.ReactNode;
-    hasTwoColumns?: boolean;
-    chipGroupComponent?: React.ReactNode;
-    hideToggleButton?: boolean;
-    isExportingPDF?: boolean;
-}
-export type IMultiSelectOnlyProps<T> = {
-    selectedItems?: Array<IOption<T>>;
-    onChange: (selectedItems: IOption<T>[]) => any;
-    onOuterClick?: (selectedItems: IOption<T>[]) => any;
-};
-export type IDropdownListBasePropsForMultiSelect<T> = Omit<IDropdownListProps<T>, 'onChange' | 'onOuterClick' | 'multiSelect' | 'selectedItem' | 'isSelectedItem' | 'isAsyncSearch'>;
-export type MultiSelectDropdownProps<T> = IDropdownListBasePropsForMultiSelect<T> & IMultiSelectOnlyProps<T>;
-export type IAsyncOnlyProps<T> = {
-    delay?: number;
-    minLength?: number;
-    onSearch: (string: any) => void;
-    promptText?: string;
-    searchText?: string;
-    useCache?: boolean;
-    suggestedItems?: Array<IOption<T>>;
-};
-export type IDropdownListBasePropsForAsync<T> = Omit<IDropdownListProps<T>, 'isAsyncSearch' | 'searchable' | 'multiSelect'> | MultiSelectDropdownProps<T>;
-export type AsyncDropdownProps<T> = Omit<IDropdownListProps<T>, 'isAsyncSearch' | 'searchable' | 'multiSelect'> & IAsyncOnlyProps<T>;
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/types.ts"],"names":[],"mappings":"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"}

package/lib/esm/DropDownList/types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { IDropdownListBasePropsForMultiSelect, IMultiSelectOnlyProps } from './types';
-export declare function useMulti<OptionType, DropdownPropsType extends IDropdownListBasePropsForMultiSelect<OptionType>>(props: DropdownPropsType & IMultiSelectOnlyProps<OptionType>): DropdownPropsType;
-export declare function withMulti<DropdownPropsType extends IDropdownListBasePropsForMultiSelect<OptionType>, OptionType>(WrappedComponent: React.ComponentType<DropdownPropsType>): React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
-//# sourceMappingURL=withMulti.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"withMulti.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/withMulti.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,oCAAoC,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAMtF,wBAAgB,QAAQ,CAAC,UAAU,EAAE,iBAAiB,SAAS,oCAAoC,CAAC,UAAU,CAAC,EAC3G,KAAK,EAAE,iBAAiB,GAAG,qBAAqB,CAAC,UAAU,CAAC,GAC7D,iBAAiB,CA8BnB;AAED,wBAAgB,SAAS,CAAC,iBAAiB,SAAS,oCAAoC,CAAC,UAAU,CAAC,EAAE,UAAU,EAC5G,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,iEAa3D"}

package/lib/esm/DropDownList/withMulti.js

@@ -1,46 +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 React, { forwardRef } from 'react';
-import { itemToString } from './dropdownUtils';
-const defaultProps = {
-    selectedItems: [],
-};
-export function useMulti(props) {
-    const { selectedItems, onChange } = props, rest = __rest(props, ["selectedItems", "onChange"]);
-    const onChangeLocal = (selectedItem) => {
-        let newItems = (selectedItems || []).slice();
-        const selectedItemsLabel = props.selectedItems.filter((item) => !item.isNotSelectable).map(itemToString);
-        const selectedItemLabel = itemToString(selectedItem);
-        if (selectedItemsLabel.includes(selectedItemLabel)) {
-            newItems = selectedItems.filter((i) => itemToString(i) !== itemToString(selectedItem));
-        }
-        else {
-            newItems.push(selectedItem);
-        }
-        props.onChange && props.onChange(newItems);
-    };
-    const onOuterClickLocal = () => {
-        props.onOuterClick && props.onOuterClick(props.selectedItems);
-    };
-    const isSelectedItemLocal = (item) => {
-        return !item.isNotSelectable && props.selectedItems.map(itemToString).includes(itemToString(item));
-    };
-    return Object.assign(Object.assign({}, rest), { multiSelect: true, onChange: onChangeLocal, selectedItem: null, onOuterClick: onOuterClickLocal, isSelectedItem: isSelectedItemLocal });
-}
-export function withMulti(WrappedComponent) {
-    // @ts-ignore
-    const MultiSelectDropdown = forwardRef((props, ref) => (React.createElement(WrappedComponent, Object.assign({}, useMulti(props), { ref: ref }))));
-    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
-    MultiSelectDropdown.displayName = `withMulti${displayName}`;
-    MultiSelectDropdown.defaultProps = defaultProps;
-    return MultiSelectDropdown;
-}