@timeax/form-palette 0.0.30 → 0.0.31

package/dist/index.mjs

@@ -23802,19 +23802,139 @@ function mapOptions(rawList, mapping, ctx) {
 }
 
 // src/presets/lister/engine/search.ts
-function optionText(o3) {
-  var _a;
-  const l2 = o3.label;
-  if (typeof l2 === "string") return l2;
-  if (typeof l2 === "number") return String(l2);
-  const rl = (_a = o3.raw) == null ? void 0 : _a.label;
-  if (typeof rl === "string") return rl;
-  return String(o3.value);
-}
-function filterOptionsLocal(options, query) {
+function getPath2(obj, path) {
+  if (!obj || !path) return void 0;
+  if (!path.includes(".")) return obj[path];
+  let cur = obj;
+  for (const part of path.split(".")) {
+    if (cur == null) return void 0;
+    cur = cur[part];
+  }
+  return cur;
+}
+function toText(v2) {
+  if (v2 == null) return "";
+  if (typeof v2 === "string") return v2;
+  if (typeof v2 === "number" || typeof v2 === "boolean") return String(v2);
+  return "";
+}
+function collectAllText(obj, out, depth = 2, budget = { n: 80 }) {
+  if (obj == null || budget.n <= 0) return;
+  const t4 = typeof obj;
+  if (t4 === "string" || t4 === "number" || t4 === "boolean") {
+    out.push(String(obj));
+    budget.n -= 1;
+    return;
+  }
+  if (depth <= 0) return;
+  if (Array.isArray(obj)) {
+    for (const x2 of obj) collectAllText(x2, out, depth - 1, budget);
+    return;
+  }
+  if (t4 === "object") {
+    for (const k2 of Object.keys(obj)) {
+      collectAllText(obj[k2], out, depth - 1, budget);
+      if (budget.n <= 0) break;
+    }
+  }
+}
+function matchQueryInText(q2, text) {
+  if (!q2) return true;
+  return text.toLowerCase().includes(q2);
+}
+function buildSearchTextForKeys(raw, keys) {
+  const parts = [];
+  for (const k2 of keys) {
+    const key = String(k2);
+    const v2 = getPath2(raw, key);
+    if (v2 == null) continue;
+    if (Array.isArray(v2)) {
+      for (const x2 of v2) {
+        const s4 = toText(x2);
+        if (s4) parts.push(s4);
+      }
+      continue;
+    }
+    const s3 = toText(v2);
+    if (s3) parts.push(s3);
+  }
+  return parts.join(" ");
+}
+function matchesSearch(raw, q2, search) {
+  if (!q2) return true;
+  if (search == null ? void 0 : search.searchAll) {
+    return matchQueryInText(q2, buildSearchTextAll(raw));
+  }
+  if (Array.isArray(search == null ? void 0 : search.searchOnly) && search.searchOnly.length) {
+    return matchQueryInText(
+      q2,
+      buildSearchTextForKeys(raw, search.searchOnly)
+    );
+  }
+  if (typeof (search == null ? void 0 : search.subject) === "string" && search.subject) {
+    return matchQueryInText(
+      q2,
+      buildSearchTextForKeys(raw, [search.subject])
+    );
+  }
+  return matchQueryInText(q2, buildSearchTextAll(raw));
+}
+function buildSearchTextAll(raw) {
+  const parts = [];
+  collectAllText(raw, parts, 2);
+  return parts.join(" ");
+}
+function isEmptyFilterValue(v2) {
+  if (v2 === void 0 || v2 === null) return true;
+  if (typeof v2 === "string" && v2.trim() === "") return true;
+  return Array.isArray(v2) && v2.length === 0;
+}
+function matchesFilters(raw, filters) {
+  if (!filters) return true;
+  for (const key of Object.keys(filters)) {
+    if (key === "search" || key === "subject" || key === "searchAll" || key === "searchOnly") {
+      continue;
+    }
+    const fv = filters[key];
+    if (isEmptyFilterValue(fv)) continue;
+    const rv = getPath2(raw, key);
+    if (Array.isArray(fv)) {
+      if (Array.isArray(rv)) {
+        const ok = rv.some((x2) => fv.includes(x2));
+        if (!ok) return false;
+      } else {
+        if (!fv.includes(rv)) return false;
+      }
+      continue;
+    }
+    if (Array.isArray(rv)) {
+      if (!rv.includes(fv)) return false;
+      continue;
+    }
+    if (String(rv) !== String(fv)) return false;
+  }
+  return true;
+}
+function filterRawListLocal(rawList, query, search, filters, opts) {
+  let list = Array.isArray(rawList) ? rawList : [];
+  const ctx = { query, search, filters };
+  const filtersLocal = (opts == null ? void 0 : opts.filtersSpec) && opts.filtersSpec.local;
+  if (typeof filtersLocal === "function") {
+    const out = filtersLocal(list, ctx);
+    if (Array.isArray(out)) list = out;
+  } else {
+    list = list.filter(
+      (r5) => matchesFilters(r5, filters)
+    );
+  }
   const q2 = (query != null ? query : "").trim().toLowerCase();
-  if (!q2) return options;
-  return options.filter((o3) => optionText(o3).toLowerCase().includes(q2));
+  if (!q2) return list;
+  const searchLocal = (opts == null ? void 0 : opts.searchSpec) && opts.searchSpec.local;
+  if (typeof searchLocal === "function") {
+    const out = searchLocal(list, ctx);
+    if (Array.isArray(out)) return out;
+  }
+  return list.filter((r5) => matchesSearch(r5, q2, search));
 }
 
 // src/presets/lister/engine/selection.ts
@@ -23976,7 +24096,8 @@ function initialSessionState(sessionId) {
     filtersPatch: {},
     effectiveFilters: void 0,
     // IMPORTANT: these are now OPTION IDS (not db values)
-    selectedFilterValues: []
+    selectedFilterValues: [],
+    searchPayload: void 0
   };
 }
 function buildSearchPayloadFromTarget(target) {
@@ -23988,7 +24109,7 @@ function buildSearchPayloadFromTarget(target) {
     return subject ? { subject } : void 0;
   }
   if (target.mode === "only") {
-    const only = Array.isArray(target.only) ? target.only.filter(Boolean) : void 0;
+    const only = Array.isArray(target.only) ? target.only.filter((v2) => v2 !== null && v2 !== void 0) : void 0;
     return only && only.length ? { searchOnly: only } : void 0;
   }
   return void 0;
@@ -24245,16 +24366,15 @@ function ListerProvider(props) {
   );
   const fetchAndHydrate = React67.useCallback(
     async (id, reason, override) => {
-      var _a2, _b2, _c2, _d, _e, _f, _g, _h;
+      var _a2, _b2, _c2, _d, _e, _f, _g;
       const s0 = getSession(id);
       if (!(s0 == null ? void 0 : s0.definition)) return;
       const myReq = ((_a2 = reqIdBySessionRef.current[id]) != null ? _a2 : 0) + 1;
       reqIdBySessionRef.current[id] = myReq;
       const query = (_b2 = override == null ? void 0 : override.query) != null ? _b2 : s0.query;
       const filters = (_d = (_c2 = override == null ? void 0 : override.filters) != null ? _c2 : s0.effectiveFilters) != null ? _d : s0.filters;
-      const search = (_f = override == null ? void 0 : override.search) != null ? _f : buildSearchPayloadFromTarget(
-        (_e = getSession(id)) == null ? void 0 : _e.searchTarget
-      );
+      const hasSearchOverride = !!override && Object.prototype.hasOwnProperty.call(override, "search");
+      const search = hasSearchOverride ? override.search : (_e = s0.searchPayload) != null ? _e : buildSearchPayloadFromTarget(s0.searchTarget);
       patchSession(id, {
         errorCode: void 0,
         loading: reason !== "refresh",
@@ -24287,7 +24407,7 @@ function ListerProvider(props) {
           details: {
             sessionId: id,
             kind: s3 == null ? void 0 : s3.kind,
-            endpoint: (_h = (_g = s3 == null ? void 0 : s3.definition) == null ? void 0 : _g.source) == null ? void 0 : _h.endpoint,
+            endpoint: (_g = (_f = s3 == null ? void 0 : s3.definition) == null ? void 0 : _f.source) == null ? void 0 : _g.endpoint,
             query,
             filters,
             search
@@ -24341,7 +24461,7 @@ function ListerProvider(props) {
             nextPatch,
             spec
           );
-          shouldFetch = (spec == null ? void 0 : spec.autoFetch) !== false;
+          shouldFetch = (spec == null ? void 0 : spec.autoFetch) !== false && s4.searchMode !== "local";
           return {
             ...s4,
             filtersPatch: nextPatch,
@@ -24430,7 +24550,7 @@ function ListerProvider(props) {
   );
   const apiOpenAny = React67.useCallback(
     async (kindOrDef, filters, opts) => {
-      var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i;
+      var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l;
       const mode = (_a2 = opts == null ? void 0 : opts.mode) != null ? _a2 : "single";
       try {
         const def = typeof kindOrDef === "string" ? getPreset(kindOrDef) : kindOrDef;
@@ -24453,7 +24573,8 @@ function ListerProvider(props) {
         const pos = anchorToPos(opts == null ? void 0 : opts.anchor);
         const filtersSpec = (_d = opts == null ? void 0 : opts.filtersSpec) != null ? _d : prev == null ? void 0 : prev.filtersSpec;
         const filtersPatch = (_e = prev == null ? void 0 : prev.filtersPatch) != null ? _e : {};
-        const selectedFilterValues = (_f = prev == null ? void 0 : prev.selectedFilterValues) != null ? _f : [];
+        const resolvedSearchMode = (_g = (_f = opts == null ? void 0 : opts.searchMode) != null ? _f : prev == null ? void 0 : prev.searchMode) != null ? _g : "remote";
+        const selectedFilterValues = (_h = prev == null ? void 0 : prev.selectedFilterValues) != null ? _h : [];
         const effectiveFilters = computeEffectiveFilters(
           filters,
           filtersPatch,
@@ -24462,9 +24583,9 @@ function ListerProvider(props) {
         const searchSpec = def == null ? void 0 : def.search;
         const defaultCol = searchSpec == null ? void 0 : searchSpec.default;
         const defaultSearchTarget = defaultCol ? { mode: "subject", subject: defaultCol, only: null } : void 0;
-        const searchTarget = (_g = prev == null ? void 0 : prev.searchTarget) != null ? _g : defaultSearchTarget;
-        const initialQuery = (_i = (_h = opts == null ? void 0 : opts.initialQuery) != null ? _h : prev == null ? void 0 : prev.query) != null ? _i : "";
-        const searchPayload = buildSearchPayloadFromTarget(searchTarget);
+        const searchTarget = (_i = prev == null ? void 0 : prev.searchTarget) != null ? _i : defaultSearchTarget;
+        const initialQuery = (_k = (_j = opts == null ? void 0 : opts.initialQuery) != null ? _j : prev == null ? void 0 : prev.query) != null ? _k : "";
+        const searchPayload = (_l = prev == null ? void 0 : prev.searchPayload) != null ? _l : buildSearchPayloadFromTarget(searchTarget);
         const { rawList, optionsList } = await performFetch(
           def,
           effectiveFilters,
@@ -24472,7 +24593,7 @@ function ListerProvider(props) {
         );
         return await new Promise(
           (resolve) => {
-            var _a3, _b3, _c3, _d2;
+            var _a3, _b3, _c3;
             const base = initialSessionState(sessionId);
             const nextSession = {
               ...prev ? { ...prev } : base,
@@ -24488,12 +24609,12 @@ function ListerProvider(props) {
               draggable: (_a3 = opts == null ? void 0 : opts.draggable) != null ? _a3 : true,
               position: pos,
               hasMoved: false,
-              searchMode: (_b3 = opts == null ? void 0 : opts.searchMode) != null ? _b3 : "remote",
+              searchMode: resolvedSearchMode,
               query: initialQuery,
               searchSpec,
               searchTarget,
-              showRefresh: (_c3 = opts == null ? void 0 : opts.showRefresh) != null ? _c3 : false,
-              refreshMode: (_d2 = opts == null ? void 0 : opts.refreshMode) != null ? _d2 : "preserve-selection",
+              showRefresh: (_b3 = opts == null ? void 0 : opts.showRefresh) != null ? _b3 : false,
+              refreshMode: (_c3 = opts == null ? void 0 : opts.refreshMode) != null ? _c3 : "preserve-selection",
               // filters
               filtersSpec,
               filtersPatch,
@@ -24711,17 +24832,32 @@ function ListerProvider(props) {
   );
   const setSearchMode = React67.useCallback(
     (id, mode) => {
+      var _a2;
+      const s3 = getSession(id);
+      if (!s3) return;
+      const prevMode = s3.searchMode;
       patchSession(id, { searchMode: mode });
+      if (prevMode === mode) return;
+      if (mode === "local") {
+        fetchAndHydrate(id, "refresh", {
+          filters: (_a2 = s3.effectiveFilters) != null ? _a2 : s3.filters,
+          query: "",
+          // base fetch (unsearched)
+          search: void 0
+          // force NO search payload
+        });
+      }
     },
-    [patchSession]
+    [fetchAndHydrate, getSession, patchSession]
   );
   const scheduleRemoteFetch = React67.useCallback(
     (id, q2, payloadOverride) => {
       if (timerBySessionRef.current[id])
         clearTimeout(timerBySessionRef.current[id]);
       timerBySessionRef.current[id] = setTimeout(() => {
+        var _a2;
         const s3 = getSession(id);
-        const search = payloadOverride != null ? payloadOverride : buildSearchPayloadFromTarget(s3 == null ? void 0 : s3.searchTarget);
+        const search = (_a2 = payloadOverride != null ? payloadOverride : s3 == null ? void 0 : s3.searchPayload) != null ? _a2 : buildSearchPayloadFromTarget(s3 == null ? void 0 : s3.searchTarget);
         fetchAndHydrate(id, "search", { query: q2, search });
       }, debounceMs);
     },
@@ -24730,7 +24866,10 @@ function ListerProvider(props) {
   const setSearchTarget = React67.useCallback(
     (id, target) => {
       var _a2, _b2;
-      patchSession(id, { searchTarget: target });
+      patchSession(id, {
+        searchTarget: target,
+        searchPayload: void 0
+      });
       const s3 = getSession(id);
       const mode = (_a2 = s3 == null ? void 0 : s3.searchMode) != null ? _a2 : "remote";
       const q2 = (_b2 = s3 == null ? void 0 : s3.query) != null ? _b2 : "";
@@ -24742,7 +24881,7 @@ function ListerProvider(props) {
   );
   const searchLocalImpl = React67.useCallback(
     (id, q2, payload) => {
-      patchSession(id, { query: q2 });
+      patchSession(id, { query: q2, searchPayload: payload });
       const s3 = getSession(id);
       if (!s3) return;
       if (s3.searchMode === "hybrid") {
@@ -24753,7 +24892,7 @@ function ListerProvider(props) {
   );
   const searchRemoteImpl = React67.useCallback(
     (id, q2, payload) => {
-      patchSession(id, { query: q2 });
+      patchSession(id, { query: q2, searchPayload: payload });
       scheduleRemoteFetch(id, q2, payload);
     },
     [patchSession, scheduleRemoteFetch]
@@ -24781,13 +24920,30 @@ function ListerProvider(props) {
   );
   const getVisibleOptions = React67.useCallback(
     (id) => {
+      var _a2, _b2, _c2, _d;
       const s3 = getSession(id);
       if (!s3) return [];
-      if (s3.searchMode === "local")
-        return filterOptionsLocal(s3.optionsList, s3.query);
-      if (s3.searchMode === "hybrid")
-        return filterOptionsLocal(s3.optionsList, s3.query);
-      return s3.optionsList;
+      if (s3.searchMode === "remote") return s3.optionsList;
+      const def = s3.definition;
+      if (!def) return [];
+      const filters = (_a2 = s3.effectiveFilters) != null ? _a2 : s3.filters;
+      const payload = (_b2 = s3.searchPayload) != null ? _b2 : buildSearchPayloadFromTarget(s3 == null ? void 0 : s3.searchTarget);
+      const visibleRaw = filterRawListLocal(
+        (_c2 = s3.rawList) != null ? _c2 : [],
+        s3.query,
+        payload,
+        filters,
+        {
+          searchSpec: (_d = s3.searchSpec) != null ? _d : def.search,
+          filtersSpec: s3.filtersSpec
+        }
+      );
+      const mapCtx = { query: s3.query, filters };
+      return mapOptions(
+        visibleRaw,
+        def.mapping,
+        mapCtx
+      );
     },
     [getSession]
   );
@@ -24852,50 +25008,6 @@ function ListerProvider(props) {
   );
   return /* @__PURE__ */ jsx(Ctx.Provider, { value, children: props.children });
 }
-function useLister() {
-  const ctx = React67.useContext(Ctx);
-  if (!ctx)
-    throw new Error("useLister must be used within <ListerProvider />");
-  const api = React67.useMemo(() => {
-    const fetch = ((kindOrDef, filters, opts) => ctx.apiFetchAny(kindOrDef, filters, opts));
-    const open = ((kindOrDef, filters, opts) => ctx.apiOpenAny(kindOrDef, filters, opts));
-    return {
-      fetch,
-      open,
-      registerPreset: (kind, def) => ctx.registerPreset(kind, def),
-      getPreset: (kind) => ctx.getPreset(kind)
-    };
-  }, [ctx]);
-  const active = ctx.store.activeId ? ctx.store.sessions[ctx.store.activeId] : void 0;
-  return {
-    api,
-    store: ctx.store,
-    state: active,
-    actions: {
-      focus: ctx.focus,
-      dispose: ctx.dispose,
-      apply: ctx.apply,
-      cancel: ctx.cancel,
-      close: ctx.close,
-      toggle: ctx.toggle,
-      select: ctx.select,
-      deselect: ctx.deselect,
-      clear: ctx.clear,
-      setQuery: ctx.setQuery,
-      setSearchMode: ctx.setSearchMode,
-      setSearchTarget: ctx.setSearchTarget,
-      searchLocal: ctx.searchLocal,
-      searchRemote: ctx.searchRemote,
-      refresh: ctx.refresh,
-      setPosition: ctx.setPosition,
-      getFilterCtx: ctx.getFilterCtx,
-      applyFilterOption: ctx.applyFilterOption,
-      registerPreset: ctx.registerPreset,
-      getPreset: ctx.getPreset,
-      getVisibleOptions: ctx.getVisibleOptions
-    }
-  };
-}
 function asArray(v2) {
   if (v2 == null) return [];
   return Array.isArray(v2) ? v2 : [v2];
@@ -25207,6 +25319,7 @@ function SearchBar(props) {
     }
   };
   const hasSearchTargetUI = !!searchSpec && (allowAll || specSubjects.length > 0 || specOnly.length > 0 || allowCustomSubject);
+  console.log(searchMode);
   return /* @__PURE__ */ jsx("div", { className: "px-3 py-2", onMouseDown: () => actions.focus(id), children: /* @__PURE__ */ jsx(
     Input,
     {
@@ -25378,7 +25491,7 @@ function SearchBar(props) {
           {
             variant: "select",
             mode: "button",
-            value: searchMode,
+            defaultValue: searchMode,
             triggerClassName: "border-none ring-0 shadow-none! px-1! cursor-pointer",
             options: [
               {
@@ -25524,6 +25637,50 @@ function FooterBar(props) {
     }
   );
 }
+function useLister() {
+  const ctx = React67.useContext(Ctx);
+  if (!ctx)
+    throw new Error("useLister must be used within <ListerProvider />");
+  const api = React67.useMemo(() => {
+    const fetch = ((kindOrDef, filters, opts) => ctx.apiFetchAny(kindOrDef, filters, opts));
+    const open = ((kindOrDef, filters, opts) => ctx.apiOpenAny(kindOrDef, filters, opts));
+    return {
+      fetch,
+      open,
+      registerPreset: (kind, def) => ctx.registerPreset(kind, def),
+      getPreset: (kind) => ctx.getPreset(kind)
+    };
+  }, [ctx]);
+  const active = ctx.store.activeId ? ctx.store.sessions[ctx.store.activeId] : void 0;
+  return {
+    api,
+    store: ctx.store,
+    state: active,
+    actions: {
+      focus: ctx.focus,
+      dispose: ctx.dispose,
+      apply: ctx.apply,
+      cancel: ctx.cancel,
+      close: ctx.close,
+      toggle: ctx.toggle,
+      select: ctx.select,
+      deselect: ctx.deselect,
+      clear: ctx.clear,
+      setQuery: ctx.setQuery,
+      setSearchMode: ctx.setSearchMode,
+      setSearchTarget: ctx.setSearchTarget,
+      searchLocal: ctx.searchLocal,
+      searchRemote: ctx.searchRemote,
+      refresh: ctx.refresh,
+      setPosition: ctx.setPosition,
+      getFilterCtx: ctx.getFilterCtx,
+      applyFilterOption: ctx.applyFilterOption,
+      registerPreset: ctx.registerPreset,
+      getPreset: ctx.getPreset,
+      getVisibleOptions: ctx.getVisibleOptions
+    }
+  };
+}
 function pick(raw, keyOrFn, ctx) {
   if (!keyOrFn) return void 0;
   if (typeof keyOrFn === "function") return keyOrFn(raw, ctx);