@appcorp/shadcn 1.1.96 → 1.1.98

package/components/enhanced-combobox.js

@@ -137,11 +137,6 @@ function EnhancedCombobox(_a) {
     var scrollContainerRef = (0, react_1.useRef)(null);
     var selectedOption = options.find(function (option) { return option.value === value; });
     var shouldVirtualize = options.length > virtualizeThreshold;
-    console.log("EnhancedCombobox render:", {
-        options: options,
-        selectedOption: selectedOption,
-        value: value,
-    });
     // Filter options based on search - always handle filtering at this level for virtualization
     var filteredOptions = react_1.default.useMemo(function () {
         if (!searchValue) {

package/hooks/use-enhanced-combobox.d.ts

@@ -15,8 +15,12 @@ interface UseEnhancedComboboxProps {
     searchEndpoint: string;
     searchPlaceholder?: string;
     value: string;
+    formatSearchResult?: (item: Record<string, unknown>) => {
+        label: string;
+        value: string;
+    };
 }
-export declare const useEnhancedCombobox: ({ emptyText, error, id, info, label, onValueChange, options, placeholder, required, searchEndpoint, searchPlaceholder, value, }: UseEnhancedComboboxProps) => {
+export declare const useEnhancedCombobox: ({ emptyText, error, formatSearchResult, id, info, label, onValueChange, options, placeholder, required, searchEndpoint, searchPlaceholder, value, }: UseEnhancedComboboxProps) => {
     enhancedComboboxElement: React.JSX.Element;
 };
 export {};

package/hooks/use-enhanced-combobox.js

@@ -76,7 +76,7 @@ var api_methods_1 = require("@react-pakistan/util-functions/constants/api-method
 var use_debounce_1 = require("@react-pakistan/util-functions/hooks/use-debounce");
 var enhanced_combobox_1 = require("../components/enhanced-combobox");
 var useEnhancedCombobox = function (_a) {
-    var emptyText = _a.emptyText, error = _a.error, id = _a.id, info = _a.info, label = _a.label, onValueChange = _a.onValueChange, options = _a.options, placeholder = _a.placeholder, required = _a.required, searchEndpoint = _a.searchEndpoint, searchPlaceholder = _a.searchPlaceholder, value = _a.value;
+    var emptyText = _a.emptyText, error = _a.error, formatSearchResult = _a.formatSearchResult, id = _a.id, info = _a.info, label = _a.label, onValueChange = _a.onValueChange, options = _a.options, placeholder = _a.placeholder, required = _a.required, searchEndpoint = _a.searchEndpoint, searchPlaceholder = _a.searchPlaceholder, value = _a.value;
     var _b = (0, react_1.useState)(""), searchQuery = _b[0], setSearchQuery = _b[1];
     var _c = (0, react_1.useState)([]), searchOptions = _c[0], setSearchOptions = _c[1];
     var _d = (0, react_1.useState)(false), loading = _d[0], setLoading = _d[1];
@@ -89,7 +89,7 @@ var useEnhancedCombobox = function (_a) {
         }
         setLoading(true);
         (function () { return __awaiter(void 0, void 0, void 0, function () {
-            var data, error_1;
+            var data, formatter, error_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -101,7 +101,15 @@ var useEnhancedCombobox = function (_a) {
                             })];
                     case 1:
                         data = (_a.sent()).data;
-                        setSearchOptions(data.items || []);
+                        formatter = formatSearchResult ||
+                            (function (item) {
+                                var _a, _b;
+                                return ({
+                                    label: String((_a = item.label) !== null && _a !== void 0 ? _a : ""),
+                                    value: String((_b = item.value) !== null && _b !== void 0 ? _b : ""),
+                                });
+                            });
+                        setSearchOptions((data.items || []).map(formatter));
                         return [3 /*break*/, 4];
                     case 2:
                         error_1 = _a.sent();
@@ -115,13 +123,9 @@ var useEnhancedCombobox = function (_a) {
                 }
             });
         }); })();
-    }, [debouncedSearchQuery, searchEndpoint]);
+    }, [debouncedSearchQuery, formatSearchResult, searchEndpoint]);
     var mappedOptions = (0, react_1.useMemo)(function () {
-        var opts = searchOptions.length > 0 ? searchOptions : options;
-        return ((opts === null || opts === void 0 ? void 0 : opts.map(function (category) { return ({
-            label: category.label,
-            value: category.value,
-        }); })) || []);
+        return searchOptions.length > 0 ? searchOptions : options;
     }, [searchOptions, options]);
     var handleSearchChange = (0, react_1.useCallback)(function (query) {
         setSearchQuery(query);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/shadcn",
-  "version": "1.1.96",
+  "version": "1.1.98",
   "scripts": {
     "build:next": "next build",
     "build:storybook": "mv ../.pnp.cjs ../.pnp.cjs.bak 2>/dev/null || true && storybook build -c .storybook -o .out && mv ../.pnp.cjs.bak ../.pnp.cjs 2>/dev/null || true",