@rh-support/components 2.5.1 → 2.5.3

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