@etoile-dev/react 0.2.3 → 1.0.1

package/dist/store.js

@@ -0,0 +1,63 @@
+/**
+ * SearchbarStore — external state container for the Searchbar primitives.
+ *
+ * Uses the subscribe/getSnapshot pattern compatible with useSyncExternalStore,
+ * so each component can subscribe to exactly the slice of state it needs and
+ * avoid re-rendering on unrelated updates (e.g. a keystroke should not force
+ * every item to re-render).
+ */
+function deriveFiltered(state) {
+    const base = state.sortedValues.filter((v) => {
+        const item = state.items.get(v);
+        return item && !item.disabled;
+    });
+    return { filteredValues: base, filteredSet: new Set(base) };
+}
+export function createSearchbarStore(initial = {}) {
+    let state = {
+        query: "",
+        open: false,
+        selectedValue: null,
+        isLoading: false,
+        error: null,
+        items: new Map(),
+        sortedValues: [],
+        filteredValues: [],
+        filteredSet: new Set(),
+        ...initial,
+    };
+    // Compute initial derived state
+    const derived = deriveFiltered(state);
+    state = { ...state, ...derived };
+    const listeners = new Set();
+    const emit = () => listeners.forEach((fn) => fn());
+    const shallowEqual = (a, b) => a.query === b.query &&
+        a.open === b.open &&
+        a.selectedValue === b.selectedValue &&
+        a.isLoading === b.isLoading &&
+        a.error === b.error &&
+        a.items === b.items &&
+        a.sortedValues === b.sortedValues &&
+        a.filteredValues === b.filteredValues;
+    return {
+        getState: () => state,
+        setState: (updater) => {
+            const prev = state;
+            const next = updater(prev);
+            const needsRefilter = next.query !== prev.query ||
+                next.sortedValues !== prev.sortedValues ||
+                next.items !== prev.items;
+            const nextState = needsRefilter
+                ? { ...next, ...deriveFiltered(next) }
+                : next;
+            if (shallowEqual(state, nextState))
+                return;
+            state = nextState;
+            emit();
+        },
+        subscribe: (fn) => {
+            listeners.add(fn);
+            return () => listeners.delete(fn);
+        },
+    };
+}