@tripian/react 9.3.2 → 9.3.4

package/index.js

@@ -27550,6 +27550,7 @@ const DestinationSelect = ({ options, selectedOptionId, onSelectedOptionChange,
         // Close the modal
         setSuggestionsModalOpen(false);
     };
+    const filteredOptions = (0, react_1.useMemo)(() => (0, match_sorter_1.matchSorter)(options, destinationSearchInput, { keys: ['label'] }), [options, destinationSearchInput]);
     // Open modal and automatically search with current input
     const handleOpenSuggestionsModal = () => {
         setSuggestionsModalOpen(true);
@@ -27560,7 +27561,11 @@ const DestinationSelect = ({ options, selectedOptionId, onSelectedOptionChange,
         react_1.default.createElement("div", { className: "relative", style: {
                 ...(showSearchIcon ? { width: '100%' } : {}),
             } },
-            react_1.default.createElement(react_select_1.default, { ref: selectRef, options: (0, match_sorter_1.matchSorter)(options, destinationSearchInput, { keys: ['label'] }), defaultValue: selectedOption, value: selectedOption, onChange: handleChange, onInputChange: (e) => setDestinationSearchInput(e), placeholder: placeHolder, className: "destinationSelect", classNamePrefix: "destinationSelect", isDisabled: disabled, isOptionDisabled: (option) => option.isSelected === true, isOptionSelected: (option) => option.isSelected === true, onFocus: () => onFocus && onFocus(), onBlur: () => onBlur && onBlur(), noOptionsMessage: noOptionsMessage, formatOptionLabel: formatOptionLabel, menuPlacement: "auto", menuPortalTarget: document.body, styles: {
+            react_1.default.createElement(react_select_1.default, { ref: selectRef, options: filteredOptions, value: selectedOption, onChange: handleChange, onInputChange: (value, meta) => {
+                    if (meta.action === 'input-change') {
+                        setDestinationSearchInput(value);
+                    }
+                }, placeholder: placeHolder, className: "destinationSelect", classNamePrefix: "destinationSelect", isDisabled: disabled, isOptionDisabled: (option) => option.id === selectedOptionId, onFocus: () => onFocus && onFocus(), onBlur: () => onBlur && onBlur(), noOptionsMessage: noOptionsMessage, formatOptionLabel: formatOptionLabel, menuPlacement: "auto", menuPortalTarget: document.body, styles: {
                     menuPortal: (base) => ({ ...base, zIndex: 9999 }),
                 } }),
             showAiSuggestions && (react_1.default.createElement(Button_1.default, { onClick: handleOpenSuggestionsModal, className: `px-3 py-1 bg-gradient-to-r from-blue-500 to-purple-600 text-white text-sm rounded-full shadow-md hover:shadow-lg transition-all flex items-center md:text-sm md:px-3 md:py-1 sm:text-xs sm:px-2 sm:py-0.5 ${DestinationSelect_scss_1.default.aiSuggestionsButton}`, style: { zIndex: 1 }, text: t('destination.ai.buttonText'), type: ButtonTypes_1.default.CONTAINED }))),