@patternfly/react-templates 1.1.0-prerelease.26 → 1.1.0-prerelease.28

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0-prerelease.28](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.27...@patternfly/react-templates@1.1.0-prerelease.28) (2024-07-17)
+
+### Features
+
+- **MultiTypeaheadSelect:** Add MultiTypeaheadSelect to react-templates ([#10757](https://github.com/patternfly/patternfly-react/issues/10757)) ([943e19d](https://github.com/patternfly/patternfly-react/commit/943e19dc049ee9a0f047c89b0e456cdc69c56547))
+
+# [1.1.0-prerelease.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.26...@patternfly/react-templates@1.1.0-prerelease.27) (2024-07-16)
+
+**Note:** Version bump only for package @patternfly/react-templates
+
 # [1.1.0-prerelease.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.25...@patternfly/react-templates@1.1.0-prerelease.26) (2024-07-16)
 
 **Note:** Version bump only for package @patternfly/react-templates

package/components/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-templates-components","main":"../dist/js/components/index.js","module":"../dist/esm/components/index.js","typings":"../dist/esm/components/index.d.ts","version":"1.1.0-prerelease.25","private":true}
+{"name":"@patternfly/react-templates-components","main":"../dist/js/components/index.js","module":"../dist/esm/components/index.js","typings":"../dist/esm/components/index.d.ts","version":"1.1.0-prerelease.27","private":true}

package/dist/dynamic/components/Dropdown/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-templates-dropdown-dynamic","main":"../../../js/components/Dropdown/index.js","module":"../../../esm/components/Dropdown/index.js","typings":"../../../esm/components/Dropdown/index.d.ts","version":"1.1.0-prerelease.25","private":true}
+{"name":"@patternfly/react-templates-dropdown-dynamic","main":"../../../js/components/Dropdown/index.js","module":"../../../esm/components/Dropdown/index.js","typings":"../../../esm/components/Dropdown/index.d.ts","version":"1.1.0-prerelease.27","private":true}

package/dist/dynamic/components/Select/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-templates-select-dynamic","main":"../../../js/components/Select/index.js","module":"../../../esm/components/Select/index.js","typings":"../../../esm/components/Select/index.d.ts","version":"1.1.0-prerelease.25","private":true}
+{"name":"@patternfly/react-templates-select-dynamic","main":"../../../js/components/Select/index.js","module":"../../../esm/components/Select/index.js","typings":"../../../esm/components/Select/index.d.ts","version":"1.1.0-prerelease.27","private":true}

package/dist/dynamic-modules.json

@@ -2,6 +2,10 @@
   "CheckboxSelect": "dist/dynamic/components/Select",
   "CheckboxSelectOption": "dist/dynamic/components/Select",
   "CheckboxSelectProps": "dist/dynamic/components/Select",
+  "MultiTypeaheadSelect": "dist/dynamic/components/Select",
+  "MultiTypeaheadSelectBase": "dist/dynamic/components/Select",
+  "MultiTypeaheadSelectOption": "dist/dynamic/components/Select",
+  "MultiTypeaheadSelectProps": "dist/dynamic/components/Select",
   "SimpleDropdown": "dist/dynamic/components/Dropdown",
   "SimpleDropdownItem": "dist/dynamic/components/Dropdown",
   "SimpleDropdownProps": "dist/dynamic/components/Dropdown",

package/dist/esm/components/Select/MultiTypeaheadSelect.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { SelectOptionProps, MenuToggleProps, SelectProps } from '@patternfly/react-core';
+export interface MultiTypeaheadSelectOption extends Omit<SelectOptionProps, 'content'> {
+    /** Content of the select option. */
+    content: string | number;
+    /** Value of the select option. */
+    value: string | number;
+}
+export interface MultiTypeaheadSelectProps extends Omit<SelectProps, 'toggle' | 'onSelect'> {
+    /** @hide Forwarded ref */
+    innerRef?: React.Ref<any>;
+    /** Initial options of the select. */
+    initialOptions: MultiTypeaheadSelectOption[];
+    /** Callback triggered on selection. */
+    onSelectionChange?: (_event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<HTMLInputElement>, selections: (string | number)[]) => void;
+    /** Callback triggered when the select opens or closes. */
+    onToggle?: (nextIsOpen: boolean) => void;
+    /** Callback triggered when the text in the input field changes. */
+    onInputChange?: (newValue: string) => void;
+    /** Placeholder text for the select input. */
+    placeholder?: string;
+    /** Message to display when no options match the filter. */
+    noOptionsFoundMessage?: string | ((filter: string) => string);
+    /** Flag indicating the select should be disabled. */
+    isDisabled?: boolean;
+    /** Width of the toggle. */
+    toggleWidth?: string;
+    /** Additional props passed to the toggle. */
+    toggleProps?: MenuToggleProps;
+}
+export declare const MultiTypeaheadSelectBase: React.FunctionComponent<MultiTypeaheadSelectProps>;
+export declare const MultiTypeaheadSelect: React.ForwardRefExoticComponent<MultiTypeaheadSelectProps & React.RefAttributes<any>>;
+//# sourceMappingURL=MultiTypeaheadSelect.d.ts.map

package/dist/esm/components/Select/MultiTypeaheadSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiTypeaheadSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/MultiTypeaheadSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,iBAAiB,EAOjB,eAAe,EACf,WAAW,EAGZ,MAAM,wBAAwB,CAAC;AAGhC,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IACpF,oCAAoC;IACpC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,kCAAkC;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,UAAU,CAAC;IACzF,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,qCAAqC;IACrC,cAAc,EAAE,0BAA0B,EAAE,CAAC;IAC7C,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,CAClB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,EACrF,UAAU,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAC5B,IAAI,CAAC;IACV,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,mEAAmE;IACnE,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,qBAAqB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC9D,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA+RvF,CAAC;AAIF,eAAO,MAAM,oBAAoB,uFAE/B,CAAC"}

package/dist/esm/components/Select/MultiTypeaheadSelect.js

@@ -0,0 +1,186 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Select, SelectOption, SelectList, MenuToggle, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, Button, ChipGroup, Chip } from '@patternfly/react-core';
+import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+export const MultiTypeaheadSelectBase = (_a) => {
+    var _b;
+    var { innerRef, initialOptions, onSelectionChange, onToggle, onInputChange, placeholder = 'Select an option', noOptionsFoundMessage = (filter) => `No results found for "${filter}"`, isDisabled, toggleWidth, toggleProps } = _a, props = __rest(_a, ["innerRef", "initialOptions", "onSelectionChange", "onToggle", "onInputChange", "placeholder", "noOptionsFoundMessage", "isDisabled", "toggleWidth", "toggleProps"]);
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [selected, setSelected] = React.useState(((_b = initialOptions === null || initialOptions === void 0 ? void 0 : initialOptions.filter((o) => o.selected)) !== null && _b !== void 0 ? _b : []).map((o) => o.value));
+    const [inputValue, setInputValue] = React.useState();
+    const [selectOptions, setSelectOptions] = React.useState(initialOptions);
+    const [focusedItemIndex, setFocusedItemIndex] = React.useState(null);
+    const [activeItemId, setActiveItemId] = React.useState(null);
+    const textInputRef = React.useRef();
+    const NO_RESULTS = 'no results';
+    const openMenu = () => {
+        onToggle && onToggle(true);
+        setIsOpen(true);
+    };
+    React.useEffect(() => {
+        let newSelectOptions = initialOptions;
+        // Filter menu items based on the text input value when one exists
+        if (inputValue) {
+            newSelectOptions = initialOptions.filter((option) => String(option.content).toLowerCase().includes(inputValue.toLowerCase()));
+            // When no options are found after filtering, display 'No results found'
+            if (!newSelectOptions.length) {
+                newSelectOptions = [
+                    {
+                        isAriaDisabled: true,
+                        content: typeof noOptionsFoundMessage === 'string' ? noOptionsFoundMessage : noOptionsFoundMessage(inputValue),
+                        value: NO_RESULTS
+                    }
+                ];
+            }
+            // Open the menu when the input value changes and the new value is not empty
+            openMenu();
+        }
+        setSelectOptions(newSelectOptions);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [inputValue, initialOptions]);
+    React.useEffect(() => { var _a; return setSelected(((_a = initialOptions === null || initialOptions === void 0 ? void 0 : initialOptions.filter((o) => o.selected)) !== null && _a !== void 0 ? _a : []).map((o) => o.value)); }, [initialOptions]);
+    const setActiveAndFocusedItem = (itemIndex) => {
+        setFocusedItemIndex(itemIndex);
+        const focusedItem = selectOptions[itemIndex];
+        setActiveItemId(focusedItem.value);
+    };
+    const resetActiveAndFocusedItem = () => {
+        setFocusedItemIndex(null);
+        setActiveItemId(null);
+    };
+    const closeMenu = () => {
+        onToggle && onToggle(false);
+        setIsOpen(false);
+        resetActiveAndFocusedItem();
+        setInputValue('');
+    };
+    const onInputClick = () => {
+        if (!isOpen) {
+            openMenu();
+        }
+        else if (!inputValue) {
+            closeMenu();
+        }
+    };
+    const selectOption = (_event, option) => {
+        const selections = selected.includes(option) ? selected.filter((o) => option !== o) : [...selected, option];
+        onSelectionChange && onSelectionChange(_event, selections);
+        setSelected(selections);
+    };
+    const clearOption = (_event, option) => {
+        const selections = selected.filter((o) => option !== o);
+        onSelectionChange && onSelectionChange(_event, selections);
+        setSelected(selections);
+    };
+    const _onSelect = (_event, value) => {
+        if (value && value !== NO_RESULTS) {
+            selectOption(_event, value);
+        }
+    };
+    const onTextInputChange = (_event, value) => {
+        setInputValue(value);
+        onInputChange && onInputChange(value);
+        resetActiveAndFocusedItem();
+    };
+    const handleMenuArrowKeys = (key) => {
+        let indexToFocus = 0;
+        if (!isOpen) {
+            openMenu();
+        }
+        if (selectOptions.every((option) => option.isDisabled)) {
+            return;
+        }
+        if (key === 'ArrowUp') {
+            // When no index is set or at the first index, focus to the last, otherwise decrement focus index
+            if (focusedItemIndex === null || focusedItemIndex === 0) {
+                indexToFocus = selectOptions.length - 1;
+            }
+            else {
+                indexToFocus = focusedItemIndex - 1;
+            }
+            // Skip disabled options
+            while (selectOptions[indexToFocus].isDisabled) {
+                indexToFocus--;
+                if (indexToFocus === -1) {
+                    indexToFocus = selectOptions.length - 1;
+                }
+            }
+        }
+        if (key === 'ArrowDown') {
+            // When no index is set or at the last index, focus to the first, otherwise increment focus index
+            if (focusedItemIndex === null || focusedItemIndex === selectOptions.length - 1) {
+                indexToFocus = 0;
+            }
+            else {
+                indexToFocus = focusedItemIndex + 1;
+            }
+            // Skip disabled options
+            while (selectOptions[indexToFocus].isDisabled) {
+                indexToFocus++;
+                if (indexToFocus === selectOptions.length) {
+                    indexToFocus = 0;
+                }
+            }
+        }
+        setActiveAndFocusedItem(indexToFocus);
+    };
+    const onInputKeyDown = (event) => {
+        const focusedItem = focusedItemIndex !== null ? selectOptions[focusedItemIndex] : null;
+        switch (event.key) {
+            case 'Enter':
+                if (isOpen && focusedItem && focusedItem.value !== NO_RESULTS && !focusedItem.isAriaDisabled) {
+                    selectOption(event, focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.value);
+                }
+                if (!isOpen) {
+                    onToggle && onToggle(true);
+                    setIsOpen(true);
+                }
+                break;
+            case 'ArrowUp':
+            case 'ArrowDown':
+                event.preventDefault();
+                handleMenuArrowKeys(event.key);
+                break;
+        }
+    };
+    const onToggleClick = () => {
+        var _a;
+        onToggle && onToggle(!isOpen);
+        setIsOpen(!isOpen);
+        (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const onClearButtonClick = (ev) => {
+        var _a;
+        setSelected([]);
+        onInputChange && onInputChange('');
+        resetActiveAndFocusedItem();
+        (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        onSelectionChange && onSelectionChange(ev, []);
+    };
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, Object.assign({ ref: toggleRef, variant: "typeahead", "aria-label": "Multi select Typeahead menu toggle", onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, isFullWidth: true, style: {
+            width: toggleWidth
+        } }, toggleProps),
+        React.createElement(TextInputGroup, { isPlain: true },
+            React.createElement(TextInputGroupMain, Object.assign({ value: inputValue, onClick: onInputClick, onChange: onTextInputChange, onKeyDown: onInputKeyDown, autoComplete: "off", innerRef: textInputRef, placeholder: placeholder }, (activeItemId && { 'aria-activedescendant': activeItemId }), { role: "combobox", isExpanded: isOpen, "aria-controls": "select-typeahead-listbox" }),
+                React.createElement(ChipGroup, { "aria-label": "Current selections" }, selected.map((selection, index) => {
+                    var _a;
+                    return (React.createElement(Chip, { key: index, "datatest-id": `${selection}-chip`, onClick: (ev) => {
+                            ev.stopPropagation();
+                            clearOption(ev, selection);
+                        } }, (_a = initialOptions.find((o) => o.value === selection)) === null || _a === void 0 ? void 0 : _a.content));
+                }))),
+            React.createElement(TextInputGroupUtilities, Object.assign({}, (selected.length === 0 ? { style: { display: 'none' } } : {})),
+                React.createElement(Button, { variant: "plain", onClick: onClearButtonClick, "aria-label": "Clear input value" },
+                    React.createElement(TimesIcon, { "aria-hidden": true }))))));
+    return (React.createElement(Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: _onSelect, onOpenChange: (isOpen) => {
+            !isOpen && closeMenu();
+        }, toggle: toggle, shouldFocusFirstItemOnOpen: false, ref: innerRef }, props),
+        React.createElement(SelectList, null, selectOptions.map((option, index) => {
+            const { content, value } = option, props = __rest(option, ["content", "value"]);
+            return (React.createElement(SelectOption, Object.assign({ key: value, value: value, isFocused: focusedItemIndex === index }, props), content));
+        }))));
+};
+MultiTypeaheadSelectBase.displayName = 'MultiTypeaheadSelectBase';
+export const MultiTypeaheadSelect = React.forwardRef((props, ref) => (React.createElement(MultiTypeaheadSelectBase, Object.assign({}, props, { innerRef: ref }))));
+MultiTypeaheadSelect.displayName = 'MultiTypeaheadSelect';
+//# sourceMappingURL=MultiTypeaheadSelect.js.map

package/dist/esm/components/Select/MultiTypeaheadSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiTypeaheadSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/MultiTypeaheadSelect.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Select/index.d.ts

@@ -1,4 +1,5 @@
 export * from './SimpleSelect';
 export * from './CheckboxSelect';
 export * from './TypeaheadSelect';
+export * from './MultiTypeaheadSelect';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC"}

package/dist/esm/components/Select/index.js

@@ -1,4 +1,5 @@
 export * from './SimpleSelect';
 export * from './CheckboxSelect';
 export * from './TypeaheadSelect';
+export * from './MultiTypeaheadSelect';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC"}

package/dist/js/components/Select/MultiTypeaheadSelect.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { SelectOptionProps, MenuToggleProps, SelectProps } from '@patternfly/react-core';
+export interface MultiTypeaheadSelectOption extends Omit<SelectOptionProps, 'content'> {
+    /** Content of the select option. */
+    content: string | number;
+    /** Value of the select option. */
+    value: string | number;
+}
+export interface MultiTypeaheadSelectProps extends Omit<SelectProps, 'toggle' | 'onSelect'> {
+    /** @hide Forwarded ref */
+    innerRef?: React.Ref<any>;
+    /** Initial options of the select. */
+    initialOptions: MultiTypeaheadSelectOption[];
+    /** Callback triggered on selection. */
+    onSelectionChange?: (_event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<HTMLInputElement>, selections: (string | number)[]) => void;
+    /** Callback triggered when the select opens or closes. */
+    onToggle?: (nextIsOpen: boolean) => void;
+    /** Callback triggered when the text in the input field changes. */
+    onInputChange?: (newValue: string) => void;
+    /** Placeholder text for the select input. */
+    placeholder?: string;
+    /** Message to display when no options match the filter. */
+    noOptionsFoundMessage?: string | ((filter: string) => string);
+    /** Flag indicating the select should be disabled. */
+    isDisabled?: boolean;
+    /** Width of the toggle. */
+    toggleWidth?: string;
+    /** Additional props passed to the toggle. */
+    toggleProps?: MenuToggleProps;
+}
+export declare const MultiTypeaheadSelectBase: React.FunctionComponent<MultiTypeaheadSelectProps>;
+export declare const MultiTypeaheadSelect: React.ForwardRefExoticComponent<MultiTypeaheadSelectProps & React.RefAttributes<any>>;
+//# sourceMappingURL=MultiTypeaheadSelect.d.ts.map

package/dist/js/components/Select/MultiTypeaheadSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiTypeaheadSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/MultiTypeaheadSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,iBAAiB,EAOjB,eAAe,EACf,WAAW,EAGZ,MAAM,wBAAwB,CAAC;AAGhC,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IACpF,oCAAoC;IACpC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,kCAAkC;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,UAAU,CAAC;IACzF,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,qCAAqC;IACrC,cAAc,EAAE,0BAA0B,EAAE,CAAC;IAC7C,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,CAClB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,EACrF,UAAU,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAC5B,IAAI,CAAC;IACV,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,mEAAmE;IACnE,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,qBAAqB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC9D,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA+RvF,CAAC;AAIF,eAAO,MAAM,oBAAoB,uFAE/B,CAAC"}

package/dist/js/components/Select/MultiTypeaheadSelect.js

@@ -0,0 +1,190 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiTypeaheadSelect = exports.MultiTypeaheadSelectBase = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const times_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/times-icon'));
+const MultiTypeaheadSelectBase = (_a) => {
+    var _b;
+    var { innerRef, initialOptions, onSelectionChange, onToggle, onInputChange, placeholder = 'Select an option', noOptionsFoundMessage = (filter) => `No results found for "${filter}"`, isDisabled, toggleWidth, toggleProps } = _a, props = tslib_1.__rest(_a, ["innerRef", "initialOptions", "onSelectionChange", "onToggle", "onInputChange", "placeholder", "noOptionsFoundMessage", "isDisabled", "toggleWidth", "toggleProps"]);
+    const [isOpen, setIsOpen] = react_1.default.useState(false);
+    const [selected, setSelected] = react_1.default.useState(((_b = initialOptions === null || initialOptions === void 0 ? void 0 : initialOptions.filter((o) => o.selected)) !== null && _b !== void 0 ? _b : []).map((o) => o.value));
+    const [inputValue, setInputValue] = react_1.default.useState();
+    const [selectOptions, setSelectOptions] = react_1.default.useState(initialOptions);
+    const [focusedItemIndex, setFocusedItemIndex] = react_1.default.useState(null);
+    const [activeItemId, setActiveItemId] = react_1.default.useState(null);
+    const textInputRef = react_1.default.useRef();
+    const NO_RESULTS = 'no results';
+    const openMenu = () => {
+        onToggle && onToggle(true);
+        setIsOpen(true);
+    };
+    react_1.default.useEffect(() => {
+        let newSelectOptions = initialOptions;
+        // Filter menu items based on the text input value when one exists
+        if (inputValue) {
+            newSelectOptions = initialOptions.filter((option) => String(option.content).toLowerCase().includes(inputValue.toLowerCase()));
+            // When no options are found after filtering, display 'No results found'
+            if (!newSelectOptions.length) {
+                newSelectOptions = [
+                    {
+                        isAriaDisabled: true,
+                        content: typeof noOptionsFoundMessage === 'string' ? noOptionsFoundMessage : noOptionsFoundMessage(inputValue),
+                        value: NO_RESULTS
+                    }
+                ];
+            }
+            // Open the menu when the input value changes and the new value is not empty
+            openMenu();
+        }
+        setSelectOptions(newSelectOptions);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [inputValue, initialOptions]);
+    react_1.default.useEffect(() => { var _a; return setSelected(((_a = initialOptions === null || initialOptions === void 0 ? void 0 : initialOptions.filter((o) => o.selected)) !== null && _a !== void 0 ? _a : []).map((o) => o.value)); }, [initialOptions]);
+    const setActiveAndFocusedItem = (itemIndex) => {
+        setFocusedItemIndex(itemIndex);
+        const focusedItem = selectOptions[itemIndex];
+        setActiveItemId(focusedItem.value);
+    };
+    const resetActiveAndFocusedItem = () => {
+        setFocusedItemIndex(null);
+        setActiveItemId(null);
+    };
+    const closeMenu = () => {
+        onToggle && onToggle(false);
+        setIsOpen(false);
+        resetActiveAndFocusedItem();
+        setInputValue('');
+    };
+    const onInputClick = () => {
+        if (!isOpen) {
+            openMenu();
+        }
+        else if (!inputValue) {
+            closeMenu();
+        }
+    };
+    const selectOption = (_event, option) => {
+        const selections = selected.includes(option) ? selected.filter((o) => option !== o) : [...selected, option];
+        onSelectionChange && onSelectionChange(_event, selections);
+        setSelected(selections);
+    };
+    const clearOption = (_event, option) => {
+        const selections = selected.filter((o) => option !== o);
+        onSelectionChange && onSelectionChange(_event, selections);
+        setSelected(selections);
+    };
+    const _onSelect = (_event, value) => {
+        if (value && value !== NO_RESULTS) {
+            selectOption(_event, value);
+        }
+    };
+    const onTextInputChange = (_event, value) => {
+        setInputValue(value);
+        onInputChange && onInputChange(value);
+        resetActiveAndFocusedItem();
+    };
+    const handleMenuArrowKeys = (key) => {
+        let indexToFocus = 0;
+        if (!isOpen) {
+            openMenu();
+        }
+        if (selectOptions.every((option) => option.isDisabled)) {
+            return;
+        }
+        if (key === 'ArrowUp') {
+            // When no index is set or at the first index, focus to the last, otherwise decrement focus index
+            if (focusedItemIndex === null || focusedItemIndex === 0) {
+                indexToFocus = selectOptions.length - 1;
+            }
+            else {
+                indexToFocus = focusedItemIndex - 1;
+            }
+            // Skip disabled options
+            while (selectOptions[indexToFocus].isDisabled) {
+                indexToFocus--;
+                if (indexToFocus === -1) {
+                    indexToFocus = selectOptions.length - 1;
+                }
+            }
+        }
+        if (key === 'ArrowDown') {
+            // When no index is set or at the last index, focus to the first, otherwise increment focus index
+            if (focusedItemIndex === null || focusedItemIndex === selectOptions.length - 1) {
+                indexToFocus = 0;
+            }
+            else {
+                indexToFocus = focusedItemIndex + 1;
+            }
+            // Skip disabled options
+            while (selectOptions[indexToFocus].isDisabled) {
+                indexToFocus++;
+                if (indexToFocus === selectOptions.length) {
+                    indexToFocus = 0;
+                }
+            }
+        }
+        setActiveAndFocusedItem(indexToFocus);
+    };
+    const onInputKeyDown = (event) => {
+        const focusedItem = focusedItemIndex !== null ? selectOptions[focusedItemIndex] : null;
+        switch (event.key) {
+            case 'Enter':
+                if (isOpen && focusedItem && focusedItem.value !== NO_RESULTS && !focusedItem.isAriaDisabled) {
+                    selectOption(event, focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.value);
+                }
+                if (!isOpen) {
+                    onToggle && onToggle(true);
+                    setIsOpen(true);
+                }
+                break;
+            case 'ArrowUp':
+            case 'ArrowDown':
+                event.preventDefault();
+                handleMenuArrowKeys(event.key);
+                break;
+        }
+    };
+    const onToggleClick = () => {
+        var _a;
+        onToggle && onToggle(!isOpen);
+        setIsOpen(!isOpen);
+        (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const onClearButtonClick = (ev) => {
+        var _a;
+        setSelected([]);
+        onInputChange && onInputChange('');
+        resetActiveAndFocusedItem();
+        (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        onSelectionChange && onSelectionChange(ev, []);
+    };
+    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, Object.assign({ ref: toggleRef, variant: "typeahead", "aria-label": "Multi select Typeahead menu toggle", onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, isFullWidth: true, style: {
+            width: toggleWidth
+        } }, toggleProps),
+        react_1.default.createElement(react_core_1.TextInputGroup, { isPlain: true },
+            react_1.default.createElement(react_core_1.TextInputGroupMain, Object.assign({ value: inputValue, onClick: onInputClick, onChange: onTextInputChange, onKeyDown: onInputKeyDown, autoComplete: "off", innerRef: textInputRef, placeholder: placeholder }, (activeItemId && { 'aria-activedescendant': activeItemId }), { role: "combobox", isExpanded: isOpen, "aria-controls": "select-typeahead-listbox" }),
+                react_1.default.createElement(react_core_1.ChipGroup, { "aria-label": "Current selections" }, selected.map((selection, index) => {
+                    var _a;
+                    return (react_1.default.createElement(react_core_1.Chip, { key: index, "datatest-id": `${selection}-chip`, onClick: (ev) => {
+                            ev.stopPropagation();
+                            clearOption(ev, selection);
+                        } }, (_a = initialOptions.find((o) => o.value === selection)) === null || _a === void 0 ? void 0 : _a.content));
+                }))),
+            react_1.default.createElement(react_core_1.TextInputGroupUtilities, Object.assign({}, (selected.length === 0 ? { style: { display: 'none' } } : {})),
+                react_1.default.createElement(react_core_1.Button, { variant: "plain", onClick: onClearButtonClick, "aria-label": "Clear input value" },
+                    react_1.default.createElement(times_icon_1.default, { "aria-hidden": true }))))));
+    return (react_1.default.createElement(react_core_1.Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: _onSelect, onOpenChange: (isOpen) => {
+            !isOpen && closeMenu();
+        }, toggle: toggle, shouldFocusFirstItemOnOpen: false, ref: innerRef }, props),
+        react_1.default.createElement(react_core_1.SelectList, null, selectOptions.map((option, index) => {
+            const { content, value } = option, props = tslib_1.__rest(option, ["content", "value"]);
+            return (react_1.default.createElement(react_core_1.SelectOption, Object.assign({ key: value, value: value, isFocused: focusedItemIndex === index }, props), content));
+        }))));
+};
+exports.MultiTypeaheadSelectBase = MultiTypeaheadSelectBase;
+exports.MultiTypeaheadSelectBase.displayName = 'MultiTypeaheadSelectBase';
+exports.MultiTypeaheadSelect = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(exports.MultiTypeaheadSelectBase, Object.assign({}, props, { innerRef: ref }))));
+exports.MultiTypeaheadSelect.displayName = 'MultiTypeaheadSelect';
+//# sourceMappingURL=MultiTypeaheadSelect.js.map

package/dist/js/components/Select/MultiTypeaheadSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiTypeaheadSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/MultiTypeaheadSelect.tsx"],"names":[],"mappings":"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"}

package/dist/js/components/Select/index.d.ts

@@ -1,4 +1,5 @@
 export * from './SimpleSelect';
 export * from './CheckboxSelect';
 export * from './TypeaheadSelect';
+export * from './MultiTypeaheadSelect';
 //# sourceMappingURL=index.d.ts.map

package/dist/js/components/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC"}

package/dist/js/components/Select/index.js

@@ -4,4 +4,5 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./SimpleSelect"), exports);
 tslib_1.__exportStar(require("./CheckboxSelect"), exports);
 tslib_1.__exportStar(require("./TypeaheadSelect"), exports);
+tslib_1.__exportStar(require("./MultiTypeaheadSelect"), exports);
 //# sourceMappingURL=index.js.map

package/dist/js/components/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,2DAAiC;AACjC,4DAAkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,2DAAiC;AACjC,4DAAkC;AAClC,iEAAuC"}