@dashadmin/dash-components 1.3.25 → 1.3.28

package/dist/components/SearchableSelects/RASearchableSelectChips.js

@@ -1 +1,465 @@
-import{Fragment as ie,jsx as u,jsxs as G}from"react/jsx-runtime";import{Autocomplete as K,Box as E,Chip as ee,CircularProgress as te,TextField as re}from"@mui/material";import{useEffect as B,useState as y}from"react";import{useGetList as oe}from"react-admin";import{LoadingIndicator as ne}from"react-admin";const ae=({isMultiple:l=!1,searchResults:c=50,minSearch:s=2,minOptions:p=10,timerSearch:j=500,resource:i,selectLabel:L,renderText:I,transformData:se=U=>U,queryFilter:T="q",defaultValues:P=void 0,value:C,onChange:O,isEmpty:le=!1,filter:z,isOptionEqualToValue:_,viewAttribute:d=null,valueKeyId:h="id",transformOption:F,disabled:X=!1,placeholder:$="",emptyText:ce="",fullWidth:H=!0,enableMixedResults:m=!1})=>{const[U,k]=y(!1),[N,w]=y(!1),[f,J]=y([]),[r,Q]=y(""),[x,D]=y([]),[M,Y]=y(void 0),A=(e,t)=>typeof F=="function"?F(e,f,t):e,W=(()=>{const e=C||P;if(!e)return[];if(Array.isArray(e))return e.map(n=>typeof n=="object"?n[h]:n).filter(Boolean);const t=typeof e=="object"?e[h]:e;return t?[t]:[]})(),Z=(()=>{const e={...z};if(W.length>0&&(e.includes=W),console.log("\u{1F527} SearchableSelectChips DEBUG - buildFilterParams called:",{resource:i,enableMixedResults:m,searchQuery:r,hasSearch:r&&r.length>=s,timestamp:new Date().toISOString()}),m){const t=p;e.mixedResults=t,console.log("\u{1F525} SearchableSelectChips DEBUG - Mixed results enabled via query param:",{resource:i,mixedResults:t,searchQuery:r,hasSearch:r&&r.length>=s,baseFilter:e,timestamp:new Date().toISOString()}),r&&r.length>=s&&(e[T]=r),e.limit=c}else r&&r.length>=s?(e[T]=r,e.mixed_results=!0,e.min_options=p,e.limit=c,console.log("\u{1F50D} SearchableSelectChips DEBUG - Legacy mixed results enabled:",{resource:i,searchQuery:r,minOptions:p,searchResults:c,mixed_results:!0,baseFilter:e,timestamp:new Date().toISOString()})):e.limit=Math.max(p,c);return console.log("\u{1F680} SearchableSelectChips DEBUG - Final filter params:",{resource:i,filterParams:e,enableMixedResults:m,timestamp:new Date().toISOString()}),e})(),{data:b,isLoading:q,error:ge}=oe(i,{meta:{removeSortFilters:!0},filter:Z});B(()=>{if(b){const e=Array.isArray(b)?b:Object.values(b);console.log("\u{1F4CA} SearchableSelectChips DEBUG - Processing results:",{resource:i,totalResults:e.length,searchQuery:r,hasSearch:r&&r.length>=s,enableMixedResults:m,timestamp:new Date().toISOString()});let t=e.map((o,a)=>{const S=r&&r.length>=s?o[d]&&o[d].toLowerCase().includes(r.toLowerCase()):!0;return{...o,key:`option-${o[h]||a}`,isSearchMatch:S,priority:S?1:2}});t.sort((o,a)=>{if(o.priority!==a.priority)return o.priority-a.priority;const S=o[d]||o.name||"",R=a[d]||a.name||"";return S.localeCompare(R)});const n=t.filter(o=>o.isSearchMatch),g=t.filter(o=>!o.isSearchMatch);console.log("\u{1F3AF} SearchableSelectChips DEBUG - Results breakdown:",{resource:i,searchQuery:r,totalProcessed:t.length,searchMatches:n.length,nonMatches:g.length,enableMixedResults:m,mixedResultsParam:m?p:"disabled",timestamp:new Date().toISOString()}),t.length>c&&(t=t.slice(0,c)),J(t)}},[b,h,r,s,d,c,p,m]),B(()=>{console.log("\u{1F50D} SearchableSelectChips DEBUG - Component initialized with resource:",{resource:i,resourceType:typeof i,selectLabel:L,isMultiple:l,minOptions:p,searchResults:c,minSearch:s,timestamp:new Date().toISOString()})},[]),B(()=>{const e=C!==void 0?C:P;if(console.log("\u{1F3AF} SearchableSelectChips DEBUG - Value changed:",{resource:i,currentValue:e,valueType:typeof e,isArray:Array.isArray(e),isMultiple:l,timestamp:new Date().toISOString()}),e==null){D([]),w(!0);return}let t=[];l?Array.isArray(e)?t=e:e&&(t=[e]):e&&(t=[e]),console.log("\u{1F3AF} SearchableSelectChips DEBUG - Selected options set:",{resource:i,currentValue:e,initialSelectedOptions:t,isMultiple:l,timestamp:new Date().toISOString()}),D(t),w(!0)},[C,P,l]),B(()=>{if(f.length>0&&x.length>0){const e=x.map(t=>{if(typeof t=="object"&&t[d])return t;const n=typeof t=="object"?t[h]:t;return f.find(g=>g[h]===n)||t});D(e)}},[f,d,h]);const v=(e,t=500)=>{clearTimeout(M),Y(setTimeout(()=>{e()},t))},V=e=>{D(e||[]),O&&O(l?e||[]:e&&e.length>0?e[0]:null)};return N?u(K,{multiple:l,loading:q,fullWidth:H,freeSolo:!1,options:f,open:U,onOpen:()=>k(!0),onClose:()=>k(!1),value:l?x:x[0]||null,isOptionEqualToValue:_,autoHighlight:!0,disabled:X,getOptionLabel:e=>e&&I(A(e,"optionlabel"),"optionlabel")||"",renderOption:(e,t)=>{const{key:n,...g}=e,o=t.isSearchMatch,a=r&&r.length>=s;return G(E,{component:"li",sx:{"& > img":{mr:2,flexShrink:0},fontWeight:a&&o?"bold":"normal",opacity:a&&!o?.7:1,borderLeft:a&&o?"3px solid #1976d2":"none",paddingLeft:a&&o?1:2,backgroundColor:a&&o?"rgba(25, 118, 210, 0.04)":"transparent",borderTop:a&&!o&&t.priority===2?"1px solid rgba(0,0,0,0.1)":"none",marginTop:a&&!o&&t.priority===2?.5:0},...g,children:[a&&t.priority===2&&f.indexOf(t)===f.findIndex(S=>S.priority===2)&&u(E,{sx:{position:"absolute",top:-20,left:0,right:0,fontSize:"0.7rem",color:"text.secondary",backgroundColor:"background.paper",padding:"2px 8px",borderBottom:"1px solid rgba(0,0,0,0.1)",fontWeight:"bold"},children:"Otras opciones"}),I(A(t,"option"),"option"),a&&o&&G(E,{component:"span",sx:{ml:"auto",fontSize:"0.75rem",color:"#1976d2",fontWeight:"bold",display:"flex",alignItems:"center",gap:.5},children:[u(E,{component:"span",sx:{width:6,height:6,borderRadius:"50%",backgroundColor:"#1976d2"}}),"Coincidencia"]})]},t.key||`option-${t[h]}`)},renderValue:(e,t)=>e.map((n,g)=>{const o=t({index:g});return u(ee,{label:I(A(n,"chip"),"chip"),...o},`chip-${n[h]||g}`)}),onChange:(e,t)=>{console.log("\u{1F504} SearchableSelectChips DEBUG - Autocomplete onChange:",{resource:i,rawValue:t,isMultiple:l,timestamp:new Date().toISOString()}),V(l?Array.isArray(t)?t:[]:t?[t]:[])},renderInput:e=>u(re,{...e,label:L,variant:"outlined",placeholder:$,onChange:t=>{const n=t.target.value;console.log("\u{1F50D} SearchableSelectChips DEBUG - Search input changed:",{resource:i,searchValue:n,searchLength:n.length,minSearch:s,willTriggerSearch:n.length>=s,timestamp:new Date().toISOString()}),n&&n!==""&&n.length>=s?v(()=>{console.log("\u{1F680} SearchableSelectChips DEBUG - Triggering search:",{resource:i,searchValue:n,minOptions:p,searchResults:c,timestamp:new Date().toISOString()}),Q(n)},j):n===""&&(console.log("\u{1F504} SearchableSelectChips DEBUG - Clearing search:",{resource:i,timestamp:new Date().toISOString()}),Q(""))},slotProps:{input:{...e.InputProps,autoComplete:"new-password",endAdornment:G(ie,{children:[q&&u(te,{color:"inherit",size:20}),e.InputProps.endAdornment]})}}}),ListboxProps:{sx:{maxHeight:400,"& .MuiAutocomplete-option":{position:"relative"}}}}):u(ne,{})};var Ce=ae;export{ae as SearchableSelectChips,Ce as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Autocomplete,
+  Box,
+  Chip,
+  CircularProgress,
+  TextField
+} from "@mui/material";
+import { useEffect, useState } from "react";
+import { useGetList } from "react-admin";
+import { LoadingIndicator } from "react-admin";
+const SearchableSelectChips = ({
+  isMultiple = false,
+  searchResults = 50,
+  minSearch = 2,
+  minOptions = 10,
+  timerSearch = 500,
+  resource,
+  selectLabel,
+  renderText,
+  transformData = (val) => val,
+  queryFilter = "q",
+  defaultValues = void 0,
+  value,
+  onChange,
+  isEmpty = false,
+  filter,
+  isOptionEqualToValue,
+  viewAttribute = null,
+  valueKeyId = "id",
+  transformOption,
+  disabled = false,
+  placeholder = "",
+  emptyText = "",
+  fullWidth = true,
+  // 🔥 NEW: Mixed results props
+  enableMixedResults = false
+}) => {
+  const [open, setOpen] = useState(false);
+  const [fullyLoaded, setFullyLoaded] = useState(false);
+  const [parsedOptions, setParsedOptions] = useState([]);
+  const [q, setQ] = useState("");
+  const [selectedOptions, setSelectedOptions] = useState([]);
+  const [timeOutSearch, setTimeOutSearch] = useState(void 0);
+  const _transformOption = (option, caller) => {
+    if (typeof transformOption === "function") {
+      return transformOption(option, parsedOptions, caller);
+    }
+    return option;
+  };
+  const getIncludes = () => {
+    const currentValue = value || defaultValues;
+    if (!currentValue) return [];
+    if (Array.isArray(currentValue)) {
+      return currentValue.map(
+        (item) => typeof item === "object" ? item[valueKeyId] : item
+      ).filter(Boolean);
+    }
+    const id = typeof currentValue === "object" ? currentValue[valueKeyId] : currentValue;
+    return id ? [id] : [];
+  };
+  const includes = getIncludes();
+  const buildFilterParams = () => {
+    const baseFilter = __spreadValues({}, filter);
+    if (includes.length > 0) {
+      baseFilter.includes = includes;
+    }
+    console.log("\u{1F527} SearchableSelectChips DEBUG - buildFilterParams called:", {
+      resource,
+      enableMixedResults,
+      searchQuery: q,
+      hasSearch: q && q.length >= minSearch,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    });
+    if (enableMixedResults) {
+      const mixedResultsValue = minOptions;
+      baseFilter.mixedResults = mixedResultsValue;
+      console.log("\u{1F525} SearchableSelectChips DEBUG - Mixed results enabled via query param:", {
+        resource,
+        mixedResults: mixedResultsValue,
+        searchQuery: q,
+        hasSearch: q && q.length >= minSearch,
+        baseFilter,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      if (q && q.length >= minSearch) {
+        baseFilter[queryFilter] = q;
+      }
+      baseFilter.limit = searchResults;
+    } else {
+      if (q && q.length >= minSearch) {
+        baseFilter[queryFilter] = q;
+        baseFilter.mixed_results = true;
+        baseFilter.min_options = minOptions;
+        baseFilter.limit = searchResults;
+        console.log("\u{1F50D} SearchableSelectChips DEBUG - Legacy mixed results enabled:", {
+          resource,
+          searchQuery: q,
+          minOptions,
+          searchResults,
+          mixed_results: true,
+          baseFilter,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        });
+      } else if (q === "") {
+        baseFilter.limit = Math.max(minOptions, searchResults);
+      } else {
+        baseFilter.limit = Math.max(minOptions, searchResults);
+      }
+    }
+    console.log("\u{1F680} SearchableSelectChips DEBUG - Final filter params:", {
+      resource,
+      filterParams: baseFilter,
+      enableMixedResults,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    });
+    return baseFilter;
+  };
+  const filterParams = buildFilterParams();
+  const {
+    data: resourceSearchResults,
+    isLoading: isResourceSearchLoading,
+    error: isResourceSearchErrored
+  } = useGetList(resource, {
+    meta: { removeSortFilters: true },
+    filter: filterParams
+  });
+  useEffect(() => {
+    if (resourceSearchResults) {
+      const resultsArray = Array.isArray(resourceSearchResults) ? resourceSearchResults : Object.values(resourceSearchResults);
+      console.log("\u{1F4CA} SearchableSelectChips DEBUG - Processing results:", {
+        resource,
+        totalResults: resultsArray.length,
+        searchQuery: q,
+        hasSearch: q && q.length >= minSearch,
+        enableMixedResults,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      let processedOptions = resultsArray.map((ele, index) => {
+        const isSearchMatch = q && q.length >= minSearch ? ele[viewAttribute] && ele[viewAttribute].toLowerCase().includes(q.toLowerCase()) : true;
+        return __spreadProps(__spreadValues({}, ele), {
+          key: `option-${ele[valueKeyId] || index}`,
+          isSearchMatch,
+          priority: isSearchMatch ? 1 : 2
+        });
+      });
+      processedOptions.sort((a, b) => {
+        if (a.priority !== b.priority) {
+          return a.priority - b.priority;
+        }
+        const nameA = a[viewAttribute] || a.name || "";
+        const nameB = b[viewAttribute] || b.name || "";
+        return nameA.localeCompare(nameB);
+      });
+      const searchMatches = processedOptions.filter((opt) => opt.isSearchMatch);
+      const nonMatches = processedOptions.filter((opt) => !opt.isSearchMatch);
+      console.log("\u{1F3AF} SearchableSelectChips DEBUG - Results breakdown:", {
+        resource,
+        searchQuery: q,
+        totalProcessed: processedOptions.length,
+        searchMatches: searchMatches.length,
+        nonMatches: nonMatches.length,
+        enableMixedResults,
+        mixedResultsParam: enableMixedResults ? minOptions : "disabled",
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      if (processedOptions.length > searchResults) {
+        processedOptions = processedOptions.slice(0, searchResults);
+      }
+      setParsedOptions(processedOptions);
+    }
+  }, [resourceSearchResults, valueKeyId, q, minSearch, viewAttribute, searchResults, minOptions, enableMixedResults]);
+  useEffect(() => {
+    console.log("\u{1F50D} SearchableSelectChips DEBUG - Component initialized with resource:", {
+      resource,
+      resourceType: typeof resource,
+      selectLabel,
+      isMultiple,
+      minOptions,
+      searchResults,
+      minSearch,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    });
+  }, []);
+  useEffect(() => {
+    const currentValue = value !== void 0 ? value : defaultValues;
+    console.log("\u{1F3AF} SearchableSelectChips DEBUG - Value changed:", {
+      resource,
+      currentValue,
+      valueType: typeof currentValue,
+      isArray: Array.isArray(currentValue),
+      isMultiple,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    });
+    if (currentValue === null || currentValue === void 0) {
+      setSelectedOptions([]);
+      setFullyLoaded(true);
+      return;
+    }
+    let initialSelectedOptions = [];
+    if (isMultiple) {
+      if (Array.isArray(currentValue)) {
+        initialSelectedOptions = currentValue;
+      } else if (currentValue) {
+        initialSelectedOptions = [currentValue];
+      }
+    } else {
+      if (currentValue) {
+        initialSelectedOptions = [currentValue];
+      }
+    }
+    console.log("\u{1F3AF} SearchableSelectChips DEBUG - Selected options set:", {
+      resource,
+      currentValue,
+      initialSelectedOptions,
+      isMultiple,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    });
+    setSelectedOptions(initialSelectedOptions);
+    setFullyLoaded(true);
+  }, [value, defaultValues, isMultiple]);
+  useEffect(() => {
+    if (parsedOptions.length > 0 && selectedOptions.length > 0) {
+      const updatedOptions = selectedOptions.map((selectedOption) => {
+        if (typeof selectedOption === "object" && selectedOption[viewAttribute]) {
+          return selectedOption;
+        }
+        const id = typeof selectedOption === "object" ? selectedOption[valueKeyId] : selectedOption;
+        return parsedOptions.find((option) => option[valueKeyId] === id) || selectedOption;
+      });
+      setSelectedOptions(updatedOptions);
+    }
+  }, [parsedOptions, viewAttribute, valueKeyId]);
+  const debounce = (fn, delay = 500) => {
+    clearTimeout(timeOutSearch);
+    setTimeOutSearch(
+      setTimeout(() => {
+        fn();
+      }, delay)
+    );
+  };
+  const updateFieldValue = (newSelectedOptions) => {
+    setSelectedOptions(newSelectedOptions || []);
+    if (onChange) {
+      if (isMultiple) {
+        onChange(newSelectedOptions || []);
+      } else {
+        onChange(newSelectedOptions && newSelectedOptions.length > 0 ? newSelectedOptions[0] : null);
+      }
+    }
+  };
+  if (!fullyLoaded) return /* @__PURE__ */ jsx(LoadingIndicator, {});
+  return /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      multiple: isMultiple,
+      loading: isResourceSearchLoading,
+      fullWidth,
+      freeSolo: false,
+      options: parsedOptions,
+      open,
+      onOpen: () => setOpen(true),
+      onClose: () => setOpen(false),
+      value: isMultiple ? selectedOptions : selectedOptions[0] || null,
+      isOptionEqualToValue,
+      autoHighlight: true,
+      disabled,
+      getOptionLabel: (option) => {
+        if (!option) return "";
+        return renderText(_transformOption(option, "optionlabel"), "optionlabel") || "";
+      },
+      renderOption: (props, option) => {
+        const _a = props, { key } = _a, newProps = __objRest(_a, ["key"]);
+        const isSearchMatch = option.isSearchMatch;
+        const hasSearchQuery = q && q.length >= minSearch;
+        return /* @__PURE__ */ jsxs(
+          Box,
+          __spreadProps(__spreadValues({
+            component: "li",
+            sx: {
+              "& > img": { mr: 2, flexShrink: 0 },
+              // 🔥 ENHANCED: Better visual distinction for mixed results
+              fontWeight: hasSearchQuery && isSearchMatch ? "bold" : "normal",
+              opacity: hasSearchQuery && !isSearchMatch ? 0.7 : 1,
+              borderLeft: hasSearchQuery && isSearchMatch ? "3px solid #1976d2" : "none",
+              paddingLeft: hasSearchQuery && isSearchMatch ? 1 : 2,
+              backgroundColor: hasSearchQuery && isSearchMatch ? "rgba(25, 118, 210, 0.04)" : "transparent",
+              // 🔥 NEW: Add subtle separator between search matches and other options
+              borderTop: hasSearchQuery && !isSearchMatch && option.priority === 2 ? "1px solid rgba(0,0,0,0.1)" : "none",
+              marginTop: hasSearchQuery && !isSearchMatch && option.priority === 2 ? 0.5 : 0
+            }
+          }, newProps), {
+            children: [
+              hasSearchQuery && option.priority === 2 && parsedOptions.indexOf(option) === parsedOptions.findIndex((opt) => opt.priority === 2) && /* @__PURE__ */ jsx(
+                Box,
+                {
+                  sx: {
+                    position: "absolute",
+                    top: -20,
+                    left: 0,
+                    right: 0,
+                    fontSize: "0.7rem",
+                    color: "text.secondary",
+                    backgroundColor: "background.paper",
+                    padding: "2px 8px",
+                    borderBottom: "1px solid rgba(0,0,0,0.1)",
+                    fontWeight: "bold"
+                  },
+                  children: "Otras opciones"
+                }
+              ),
+              renderText(_transformOption(option, "option"), "option"),
+              hasSearchQuery && isSearchMatch && /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  component: "span",
+                  sx: {
+                    ml: "auto",
+                    fontSize: "0.75rem",
+                    color: "#1976d2",
+                    fontWeight: "bold",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 0.5
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Box,
+                      {
+                        component: "span",
+                        sx: {
+                          width: 6,
+                          height: 6,
+                          borderRadius: "50%",
+                          backgroundColor: "#1976d2"
+                        }
+                      }
+                    ),
+                    "Coincidencia"
+                  ]
+                }
+              )
+            ]
+          }),
+          option.key || `option-${option[valueKeyId]}`
+        );
+      },
+      renderValue: (tagValue, getTagProps) => {
+        return tagValue.map((option, index) => {
+          const chipProps = getTagProps({ index });
+          return /* @__PURE__ */ jsx(
+            Chip,
+            __spreadValues({
+              label: renderText(_transformOption(option, "chip"), "chip")
+            }, chipProps),
+            `chip-${option[valueKeyId] || index}`
+          );
+        });
+      },
+      onChange: (event, rawValue) => {
+        console.log("\u{1F504} SearchableSelectChips DEBUG - Autocomplete onChange:", {
+          resource,
+          rawValue,
+          isMultiple,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        });
+        if (isMultiple) {
+          updateFieldValue(Array.isArray(rawValue) ? rawValue : []);
+        } else {
+          updateFieldValue(rawValue ? [rawValue] : []);
+        }
+      },
+      renderInput: (params) => /* @__PURE__ */ jsx(
+        TextField,
+        __spreadProps(__spreadValues({}, params), {
+          label: selectLabel,
+          variant: "outlined",
+          placeholder,
+          onChange: (ev) => {
+            const searchValue = ev.target.value;
+            console.log("\u{1F50D} SearchableSelectChips DEBUG - Search input changed:", {
+              resource,
+              searchValue,
+              searchLength: searchValue.length,
+              minSearch,
+              willTriggerSearch: searchValue.length >= minSearch,
+              timestamp: (/* @__PURE__ */ new Date()).toISOString()
+            });
+            if (searchValue && searchValue !== "" && searchValue.length >= minSearch) {
+              debounce(() => {
+                console.log("\u{1F680} SearchableSelectChips DEBUG - Triggering search:", {
+                  resource,
+                  searchValue,
+                  minOptions,
+                  searchResults,
+                  timestamp: (/* @__PURE__ */ new Date()).toISOString()
+                });
+                setQ(searchValue);
+              }, timerSearch);
+            } else if (searchValue === "") {
+              console.log("\u{1F504} SearchableSelectChips DEBUG - Clearing search:", {
+                resource,
+                timestamp: (/* @__PURE__ */ new Date()).toISOString()
+              });
+              setQ("");
+            }
+          },
+          slotProps: {
+            input: __spreadProps(__spreadValues({}, params.InputProps), {
+              autoComplete: "new-password",
+              endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                isResourceSearchLoading && /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }),
+                params.InputProps.endAdornment
+              ] })
+            })
+          }
+        })
+      ),
+      ListboxProps: {
+        sx: {
+          maxHeight: 400,
+          "& .MuiAutocomplete-option": {
+            position: "relative"
+          }
+        }
+      }
+    }
+  );
+};
+var RASearchableSelectChips_default = SearchableSelectChips;
+export {
+  SearchableSelectChips,
+  RASearchableSelectChips_default as default
+};