krl-alfred 2.17.53 → 2.17.54

package/dist/components/SelectBox/SelectBox.js

@@ -110,7 +110,7 @@ var SelectBox = (0, react_1.forwardRef)(function (_a, ref) {
         // Add +N indicator if there are additional selections
         var additionalCount = selectedValues.length - 1;
         var additionalText = additionalCount > 0 ? " (+".concat(additionalCount, ")") : '';
-        return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "customSelect__multi-value" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "customSelect__multi-value__label" }, { children: [(0, jsx_runtime_1.jsx)("span", { children: firstLabel }), (0, jsx_runtime_1.jsx)("span", { children: additionalText })] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "customSelect__multi-value__remove", onClick: function (e) {
+        return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "customSelect__multi-value" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "customSelect__multi-value__label" }, { children: [(0, jsx_runtime_1.jsx)("span", { children: firstLabel }), additionalText && (0, jsx_runtime_1.jsx)("span", { children: additionalText })] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "customSelect__multi-value__remove", onClick: function (e) {
                         e.stopPropagation();
                         // Use onChange to clear all selections
                         if (selectProps.onChange) {
@@ -122,6 +122,30 @@ var SelectBox = (0, react_1.forwardRef)(function (_a, ref) {
     var ValueContainer = function (props) {
         return ((0, jsx_runtime_1.jsx)(react_select_1.components.ValueContainer, __assign({}, props, { children: props.children })));
     };
+    // Helper function to extract string label from option for search/filtering
+    var getOptionLabel = function (option) {
+        var _a, _b, _c, _d, _e;
+        if (!option)
+            return '';
+        // If label is a React component, try to extract text or use a fallback
+        if (react_1.default.isValidElement(option.label)) {
+            // For React components, try to get text content or use value as fallback
+            return ((_a = option.value) === null || _a === void 0 ? void 0 : _a.toString()) || '';
+        }
+        if (react_1.default.isValidElement(option.optionLabel)) {
+            return ((_b = option.value) === null || _b === void 0 ? void 0 : _b.toString()) || '';
+        }
+        // Return string label or optionLabel
+        return ((_c = option.optionLabel) === null || _c === void 0 ? void 0 : _c.toString()) || ((_d = option.label) === null || _d === void 0 ? void 0 : _d.toString()) || ((_e = option.value) === null || _e === void 0 ? void 0 : _e.toString()) || '';
+    };
+    // Wrapper for filterOption to handle React component labels
+    var wrappedFilterOption = filterOption ? function (option, inputValue) {
+        // Create a normalized option with string labels for filtering
+        var normalizedOption = __assign(__assign({}, option), { label: getOptionLabel(option), optionLabel: typeof option.optionLabel === 'string' ? option.optionLabel : getOptionLabel(option) });
+        return filterOption(normalizedOption, inputValue);
+    } : undefined;
+    // Remove filterOption from other to avoid duplicate props
+    var _5 = other, _ = _5.filterOption, restOther = __rest(_5, ["filterOption"]);
     return ((0, jsx_runtime_1.jsxs)(SelectBox_styled_1.Container, __assign({ "$width": width, "$hasError": hasError, "$maxOptionListHeight": maxOptionListHeight, "$hasShowDropdownIcon": hasShowDropdownIcon, "$MenuPlacement": menuPlacement, "$size": size, "$isMulti": isMulti, "$menuPosition": menuPosition }, { children: [label && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "top" }, { children: (0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: id }, { children: label })) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: "select" }, { children: isAsync ? ((0, jsx_runtime_1.jsx)(async_1.default, __assign({ components: {
                         Option: CustomOption,
                         Input: Input,
@@ -129,13 +153,13 @@ var SelectBox = (0, react_1.forwardRef)(function (_a, ref) {
                         MenuList: MenuList,
                         LoadingIndicator: LoadingIndicator,
                         MultiValue: MultiValue
-                    }, options: options || [], instanceId: instanceId, filterOption: filterOption, isSearchable: isSearchable, name: name, menuIsOpen: menuIsOpen, onChange: onChange, classNamePrefix: "customSelect", className: (0, classnames_1.default)("customSelect", (_b = {}, _b['isSearchable'] = isSearchable && hasShowSearchIcon, _b), (_c = {}, _c['lightBg'] = lightBg, _c)), placeholder: placeholder, noOptionsMessage: function () { return 'Sonuç bulunamadı'; }, loadingMessage: function () { return 'Sonuç bulunamadı'; }, captureMenuScroll: false, isClearable: isClearable, defaultValue: defaultValue, isMulti: isMulti, closeMenuOnSelect: !isMulti }, other, { ref: ref, id: id }))) : ((0, jsx_runtime_1.jsx)(react_select_1.default, __assign({ components: {
+                    }, options: options || [], instanceId: instanceId, getOptionLabel: getOptionLabel, filterOption: wrappedFilterOption, isSearchable: isSearchable, name: name, menuIsOpen: menuIsOpen, onChange: onChange, classNamePrefix: "customSelect", className: (0, classnames_1.default)("customSelect", (_b = {}, _b['isSearchable'] = isSearchable && hasShowSearchIcon, _b), (_c = {}, _c['lightBg'] = lightBg, _c)), placeholder: placeholder, noOptionsMessage: function () { return 'Sonuç bulunamadı'; }, loadingMessage: function () { return 'Sonuç bulunamadı'; }, captureMenuScroll: false, isClearable: isClearable, defaultValue: defaultValue, isMulti: isMulti, closeMenuOnSelect: !isMulti }, restOther, { ref: ref, id: id }))) : ((0, jsx_runtime_1.jsx)(react_select_1.default, __assign({ components: {
                         Option: CustomOption,
                         Input: Input,
                         DropdownIndicator: DropdownIndicator,
                         MenuList: MenuList,
                         LoadingIndicator: LoadingIndicator,
                         MultiValue: MultiValue
-                    }, options: options || [], instanceId: instanceId, filterOption: filterOption, isSearchable: isSearchable, name: name, menuIsOpen: menuIsOpen, onChange: onChange, classNamePrefix: "customSelect", className: (0, classnames_1.default)("customSelect", (_d = {}, _d['isSearchable'] = isSearchable && hasShowSearchIcon, _d), (_e = {}, _e['lightBg'] = lightBg, _e)), placeholder: placeholder, noOptionsMessage: function () { return 'Sonuç bulunamadı'; }, captureMenuScroll: false, isClearable: isClearable, defaultValue: defaultValue, isMulti: isMulti, closeMenuOnSelect: !isMulti, hideSelectedOptions: false }, other, { ref: ref, id: id }))) })), hasError && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "error" }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "SwitchPassive" }), (0, jsx_runtime_1.jsx)("p", { children: errorMessage })] })))] })));
+                    }, options: options || [], instanceId: instanceId, getOptionLabel: getOptionLabel, filterOption: wrappedFilterOption, isSearchable: isSearchable, name: name, menuIsOpen: menuIsOpen, onChange: onChange, classNamePrefix: "customSelect", className: (0, classnames_1.default)("customSelect", (_d = {}, _d['isSearchable'] = isSearchable && hasShowSearchIcon, _d), (_e = {}, _e['lightBg'] = lightBg, _e)), placeholder: placeholder, noOptionsMessage: function () { return 'Sonuç bulunamadı'; }, captureMenuScroll: false, isClearable: isClearable, defaultValue: defaultValue, isMulti: isMulti, closeMenuOnSelect: !isMulti, hideSelectedOptions: false }, restOther, { ref: ref, id: id }))) })), hasError && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "error" }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "SwitchPassive" }), (0, jsx_runtime_1.jsx)("p", { children: errorMessage })] })))] })));
 });
 exports.default = SelectBox;

package/dist/components/SelectBox/props.d.ts

@@ -1,5 +1,21 @@
+import React from "react";
 export declare const sizes: string[];
 type SIZES = typeof sizes[number];
+export interface SelectBoxOption {
+    label?: string | React.ReactNode;
+    value?: any;
+    optionLabel?: string | React.ReactNode;
+    labelBottom?: string | React.ReactNode;
+    price?: string;
+    priceSm?: string;
+    period?: string;
+    isCustom?: boolean;
+    customContent?: React.ReactNode;
+    isFixedBottom?: boolean;
+    isDisabled?: boolean;
+    isHideSelected?: boolean;
+    [key: string]: any;
+}
 export interface SelectBox {
     size?: SIZES;
     isSearchable?: boolean;
@@ -9,10 +25,10 @@ export interface SelectBox {
     name?: string;
     placeholder?: string;
     instanceId?: string;
-    options?: object[];
+    options?: SelectBoxOption[];
     lightBg?: boolean;
     onChange?(): void;
-    filterOption?(): any;
+    filterOption?(option: SelectBoxOption, inputValue: string): boolean;
     hasError?: boolean;
     isClearable?: boolean;
     errorMessage?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "2.17.53",
+  "version": "2.17.54",
   "files": [
     "dist"
   ],