@timeax/form-palette 0.0.34 → 0.0.36

package/dist/extra.mjs

@@ -15406,6 +15406,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     required,
     // radio UI
     items,
+    options,
     mappers,
     optionValue,
     optionLabel,
@@ -15433,13 +15434,13 @@ var InnerShadcnRadioVariant = (props, ref) => {
   const hasError = !!error;
   const normalized = React.useMemo(
     () => normalizeItems(
-      items,
+      items != null ? items : options,
       mappers,
       //@ts-ignore
       optionValue,
       optionLabel
     ),
-    [items, mappers, optionValue, optionLabel]
+    [items, options, mappers, optionValue, optionLabel]
   );
   const selectedString = React.useMemo(() => {
     if (value === void 0) return void 0;
@@ -15768,6 +15769,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     required,
     // UI / behaviour
     items,
+    options,
     mappers,
     optionValue,
     optionLabel,
@@ -15873,12 +15875,12 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
   const groupValue = asGroupValue(value);
   const normalized = React.useMemo(
     () => normalizeItems2(
-      items,
+      items != null ? items : options,
       mappers,
       optionValue,
       optionLabel
     ),
-    [items, mappers, optionValue, optionLabel]
+    [items, options, mappers, optionValue, optionLabel]
   );
   const {
     groupStyle,
@@ -26411,6 +26413,27 @@ function defaultSearchTarget(search) {
 function isKey(x2) {
   return typeof x2 === "string" || typeof x2 === "number";
 }
+function stringifyForSearch(v2) {
+  if (v2 == null) return "";
+  if (typeof v2 === "string") return v2;
+  if (typeof v2 === "number" || typeof v2 === "boolean" || typeof v2 === "bigint") {
+    return String(v2);
+  }
+  if (v2 instanceof Date) {
+    return Number.isNaN(v2.getTime()) ? "" : v2.toISOString();
+  }
+  if (Array.isArray(v2)) {
+    return v2.map(stringifyForSearch).join(" ");
+  }
+  if (typeof v2 === "object") {
+    try {
+      return JSON.stringify(v2);
+    } catch {
+      return String(v2);
+    }
+  }
+  return String(v2);
+}
 function useData(opts) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const ctx = React.useContext(Ctx);
@@ -26423,6 +26446,10 @@ function useData(opts) {
   });
   const [loading, setLoading] = React.useState(false);
   const [error, setError] = React.useState(void 0);
+  const dataRef = React.useRef(data);
+  React.useEffect(() => {
+    dataRef.current = data;
+  }, [data]);
   const [query, _setQuery] = React.useState("");
   const [searchMode, _setSearchMode] = React.useState(
     (_c = opts.searchMode) != null ? _c : "remote"
@@ -26460,6 +26487,11 @@ function useData(opts) {
   const timerRef = React.useRef(null);
   const didMountRef = React.useRef(false);
   const skipNextModeEffectRef = React.useRef(false);
+  React.useEffect(() => {
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, []);
   const inlineDef = React.useMemo(() => {
     var _a2;
     return makeInlineDef({
@@ -26505,7 +26537,7 @@ function useData(opts) {
   const fetchImpl = React.useCallback(
     async (override) => {
       var _a2, _b2, _c2, _d2, _e2, _f2;
-      if (!enabled) return data;
+      if (!enabled) return dataRef.current;
       const q2 = (_a2 = override == null ? void 0 : override.query) != null ? _a2 : query;
       const f2 = (_b2 = override == null ? void 0 : override.filters) != null ? _b2 : filters;
       const t4 = (_c2 = override == null ? void 0 : override.searchTarget) != null ? _c2 : searchTarget;
@@ -26519,6 +26551,7 @@ function useData(opts) {
           search: payload
         });
         const list = (_f2 = (_e2 = res == null ? void 0 : res.rawList) != null ? _e2 : res == null ? void 0 : res.raw) != null ? _f2 : [];
+        if (reqIdRef.current !== myReq) return list;
         commitSelectedCache(list);
         if (selectionMode !== "none" && selectionPrune === "missing") {
           const nextIds = /* @__PURE__ */ new Set();
@@ -26530,29 +26563,27 @@ function useData(opts) {
             (prev) => prev.filter((x2) => nextIds.has(x2))
           );
         }
-        if (reqIdRef.current !== myReq) return list;
         setData(list);
         setLoading(false);
         return list;
       } catch (e4) {
-        if (reqIdRef.current !== myReq) return data;
+        if (reqIdRef.current !== myReq) return dataRef.current;
         setError(e4);
         setLoading(false);
-        return data;
+        return dataRef.current;
       }
     },
     [
-      commitSelectedCache,
-      ctx,
-      data,
       enabled,
-      filters,
-      getItemKey,
-      inlineDef,
       query,
+      filters,
       searchTarget,
+      ctx,
+      inlineDef,
+      commitSelectedCache,
       selectionMode,
-      selectionPrune
+      selectionPrune,
+      getItemKey
     ]
   );
   const refresh = React.useCallback(() => {
@@ -26578,18 +26609,9 @@ function useData(opts) {
     },
     [fetchImpl]
   );
-  const setSearchTarget = React.useCallback(
-    (t4) => {
-      _setSearchTarget(t4);
-      if (searchMode === "remote" || searchMode === "hybrid") {
-        if (timerRef.current) clearTimeout(timerRef.current);
-        timerRef.current = setTimeout(() => {
-          void fetchImpl({ searchTarget: t4 });
-        }, debounceMs);
-      }
-    },
-    [debounceMs, fetchImpl, searchMode]
-  );
+  const setSearchTarget = React.useCallback((t4) => {
+    _setSearchTarget(t4);
+  }, []);
   const setFilters = React.useCallback(
     (next) => _setFilters(next),
     []
@@ -26657,7 +26679,7 @@ function useData(opts) {
       );
     }
     return list.filter(
-      (item) => String(item != null ? item : "").toLowerCase().includes(ql)
+      (item) => stringifyForSearch(item).toLowerCase().includes(ql)
     );
   }, [data, getItemKey, query, searchMode, searchTarget]);
   const selectedIds = React.useMemo(() => {