@tripian/react 9.3.5 → 9.3.6

package/index.js

@@ -27464,7 +27464,6 @@ const match_sorter_1 = __webpack_require__(827);
 const CitySearchModal_1 = __importDefault(__webpack_require__(828));
 const DestinationSelect_scss_1 = __importDefault(__webpack_require__(829));
 const DestinationSelect = ({ options, selectedOptionId, onSelectedOptionChange, placeHolder = 'Please select', disabled = false, onFocus, onBlur, showAiSuggestions = false, suggestions = [], onSuggestionsSearch, isSearching = false, onSelectSuggestedCity, onClearSuggestions, t, showSearchIcon = false, }) => {
-    var _a;
     const selectedOption = (0, react_1.useMemo)(() => options.find((option) => option.id === selectedOptionId), [selectedOptionId, options]);
     const [destinationSearchInput, setDestinationSearchInput] = (0, react_1.useState)('');
     const [isSuggestionsModalOpen, setSuggestionsModalOpen] = (0, react_1.useState)(false);
@@ -27482,17 +27481,21 @@ const DestinationSelect = ({ options, selectedOptionId, onSelectedOptionChange,
         }
         return null;
     };
-    const formatOptionLabel = (option) => {
-        var _a;
-        return (react_1.default.createElement(react_1.default.Fragment, null, option.payload && (react_1.default.createElement("div", { className: DestinationSelect_scss_1.default.optionLabel },
-            react_1.default.createElement("div", { className: "h-6 w-6" },
-                react_1.default.createElement("svg", { viewBox: "0 0 24 24", width: "24", height: "24", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" },
-                    react_1.default.createElement("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" }),
-                    react_1.default.createElement("circle", { cx: "12", cy: "10", r: "3" }))),
-            react_1.default.createElement("div", { className: DestinationSelect_scss_1.default.optionLabelText },
-                react_1.default.createElement("div", null, (_a = option.payload) === null || _a === void 0 ? void 0 : _a.destinationName),
-                react_1.default.createElement("div", null, option.payload.parentName))))));
-    };
+    const SafeText = ({ text }) => (react_1.default.createElement(react_1.default.Fragment, null, text.split(' ').map((part, i) => (
+    // eslint-disable-next-line react/no-array-index-key
+    react_1.default.createElement("span", { key: i },
+        part,
+        " ")))));
+    const formatOptionLabel = (option) => (react_1.default.createElement("div", { className: DestinationSelect_scss_1.default.optionLabel },
+        react_1.default.createElement("div", { className: "h-6 w-6" },
+            react_1.default.createElement("svg", { viewBox: "0 0 24 24", width: "24", height: "24", stroke: "currentColor", strokeWidth: "2", fill: "none" },
+                react_1.default.createElement("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" }),
+                react_1.default.createElement("circle", { cx: "12", cy: "10", r: "3" }))),
+        react_1.default.createElement("div", { className: DestinationSelect_scss_1.default.optionLabelText },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(SafeText, { text: option.payload.destinationName })),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(SafeText, { text: option.payload.parentName })))));
     // Update lastSearchText whenever destinationSearchInput changes
     (0, react_1.useEffect)(() => {
         if (destinationSearchInput.trim() !== '') {
@@ -27561,7 +27564,7 @@ const DestinationSelect = ({ options, selectedOptionId, onSelectedOptionChange,
         react_1.default.createElement("div", { className: "relative", style: {
                 ...(showSearchIcon ? { width: '100%' } : {}),
             } },
-            react_1.default.createElement(react_select_1.default, { key: (_a = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.id) !== null && _a !== void 0 ? _a : 'empty', ref: selectRef, options: filteredOptions, value: selectedOption, onChange: handleChange, onInputChange: (value, meta) => {
+            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);
                     }
@@ -78575,7 +78578,7 @@ exports.default = CitySearchModal;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"optionLabel":"components-DestinationSelect-DestinationSelect__optionLabel--2Gare","optionLabelText":"components-DestinationSelect-DestinationSelect__optionLabelText--2CoVy","aiSuggestionsButton":"components-DestinationSelect-DestinationSelect__aiSuggestionsButton--13IWJ"};
+module.exports = {"optionLabel":"components-DestinationSelect-DestinationSelect__optionLabel--2Gare","optionLabelText":"components-DestinationSelect-DestinationSelect__optionLabelText--2CoVy","aiSuggestionsButton":"components-DestinationSelect-DestinationSelect__aiSuggestionsButton--13IWJ","destinationSelect__option":"components-DestinationSelect-DestinationSelect__destinationSelect__option--3Jcu2"};
 
 /***/ }),
 /* 830 */