@flanksource/clicky-ui 0.3.6 → 0.3.7

package/dist/components/button.d.ts

@@ -11,7 +11,7 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & VariantProps
 };
 export declare const Button: import('react').ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "sm" | "lg" | "default" | "icon" | null | undefined;
+    size?: "sm" | "lg" | "icon" | "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
     /** Render the button styles onto the child element via Radix Slot. */
     asChild?: boolean;

package/dist/components/form-lookup-context.cjs

@@ -1,14 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const FormLookupContext = react.createContext(void 0);
-function FormLookupProvider({
-  fetcher,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(FormLookupContext.Provider, { value: fetcher, children });
-}
 function useLookupFetcher() {
   return react.useContext(FormLookupContext);
 }
@@ -30,7 +23,7 @@ function resolveLookupScope(descriptor, rootValue) {
   if (values.length === 0) return {};
   return { [scope.param]: values.join(scope.join ?? ",") };
 }
-exports.FormLookupProvider = FormLookupProvider;
+exports.FormLookupContext = FormLookupContext;
 exports.resolveLookupScope = resolveLookupScope;
 exports.useLookupFetcher = useLookupFetcher;
 //# sourceMappingURL=form-lookup-context.cjs.map

package/dist/components/form-lookup-context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form-lookup-context.cjs","sources":["../../src/components/form-lookup-context.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from \"react\";\nimport type { LookupDescriptor, LookupFetcher } from \"./json-schema-form-types\";\n\n// FormLookupContext carries the host-provided LookupFetcher down to the\n// LookupControl rendered deep inside the form, so the form stays decoupled from\n// any specific RPC client. JsonSchemaForm provides it when given a lookupFetcher.\nconst FormLookupContext = createContext<LookupFetcher | undefined>(undefined);\n\nexport function FormLookupProvider({\n  fetcher,\n  children,\n}: {\n  fetcher?: LookupFetcher;\n  children: ReactNode;\n}) {\n  return <FormLookupContext.Provider value={fetcher}>{children}</FormLookupContext.Provider>;\n}\n\nexport function useLookupFetcher(): LookupFetcher | undefined {\n  return useContext(FormLookupContext);\n}\n\n// readPath resolves a dotted path (e.g. \"provider.type\") against the form's root\n// value, returning the string at that path or \"\" when absent/non-scalar.\nfunction readPath(root: Record<string, unknown> | undefined, path: string): string {\n  if (!root || !path) return \"\";\n  let cur: unknown = root;\n  for (const segment of path.split(\".\")) {\n    if (cur == null || typeof cur !== \"object\") return \"\";\n    cur = (cur as Record<string, unknown>)[segment];\n  }\n  return typeof cur === \"string\" || typeof cur === \"number\" ? String(cur) : \"\";\n}\n\n// resolveLookupScope computes the extra query params a lookup should send based\n// on a sibling field's value (LookupScope). Returns an empty object when the\n// descriptor has no scope or the source field is unset/unmapped — the lookup then\n// returns the full, unscoped option set.\nexport function resolveLookupScope(\n  descriptor: LookupDescriptor,\n  rootValue: Record<string, unknown> | undefined,\n): Record<string, string> {\n  const scope = descriptor.scope;\n  if (!scope) return {};\n  const source = readPath(rootValue, scope.from);\n  if (!source) return {};\n  const values = scope.map ? (scope.map[source] ?? []) : [source];\n  if (values.length === 0) return {};\n  return { [scope.param]: values.join(scope.join ?? \",\") };\n}\n"],"names":["createContext","useContext"],"mappings":";;;;AAMA,MAAM,oBAAoBA,MAAAA,cAAyC,MAAS;AAErE,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,wCAAQ,kBAAkB,UAAlB,EAA2B,OAAO,SAAU,UAAS;AAC/D;AAEO,SAAS,mBAA8C;AAC5D,SAAOC,MAAAA,WAAW,iBAAiB;AACrC;AAIA,SAAS,SAAS,MAA2C,MAAsB;AACjF,MAAI,CAAC,QAAQ,CAAC,KAAM,QAAO;AAC3B,MAAI,MAAe;AACnB,aAAW,WAAW,KAAK,MAAM,GAAG,GAAG;AACrC,QAAI,OAAO,QAAQ,OAAO,QAAQ,SAAU,QAAO;AACnD,UAAO,IAAgC,OAAO;AAAA,EAChD;AACA,SAAO,OAAO,QAAQ,YAAY,OAAO,QAAQ,WAAW,OAAO,GAAG,IAAI;AAC5E;AAMO,SAAS,mBACd,YACA,WACwB;AACxB,QAAM,QAAQ,WAAW;AACzB,MAAI,CAAC,MAAO,QAAO,CAAA;AACnB,QAAM,SAAS,SAAS,WAAW,MAAM,IAAI;AAC7C,MAAI,CAAC,OAAQ,QAAO,CAAA;AACpB,QAAM,SAAS,MAAM,MAAO,MAAM,IAAI,MAAM,KAAK,KAAM,CAAC,MAAM;AAC9D,MAAI,OAAO,WAAW,EAAG,QAAO,CAAA;AAChC,SAAO,EAAE,CAAC,MAAM,KAAK,GAAG,OAAO,KAAK,MAAM,QAAQ,GAAG,EAAA;AACvD;;;;"}
+{"version":3,"file":"form-lookup-context.cjs","sources":["../../src/components/form-lookup-context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { LookupDescriptor, LookupFetcher } from \"./json-schema-form-types\";\n\n// FormLookupContext carries the host-provided LookupFetcher down to the\n// LookupControl rendered deep inside the form, so the form stays decoupled from\n// any specific RPC client. FormLookupProvider provides it when JsonSchemaForm is\n// given a lookupFetcher.\nexport const FormLookupContext = createContext<LookupFetcher | undefined>(undefined);\n\nexport function useLookupFetcher(): LookupFetcher | undefined {\n  return useContext(FormLookupContext);\n}\n\n// readPath resolves a dotted path (e.g. \"provider.type\") against the form's root\n// value, returning the string at that path or \"\" when absent/non-scalar.\nfunction readPath(root: Record<string, unknown> | undefined, path: string): string {\n  if (!root || !path) return \"\";\n  let cur: unknown = root;\n  for (const segment of path.split(\".\")) {\n    if (cur == null || typeof cur !== \"object\") return \"\";\n    cur = (cur as Record<string, unknown>)[segment];\n  }\n  return typeof cur === \"string\" || typeof cur === \"number\" ? String(cur) : \"\";\n}\n\n// resolveLookupScope computes the extra query params a lookup should send based\n// on a sibling field's value (LookupScope). Returns an empty object when the\n// descriptor has no scope or the source field is unset/unmapped — the lookup then\n// returns the full, unscoped option set.\nexport function resolveLookupScope(\n  descriptor: LookupDescriptor,\n  rootValue: Record<string, unknown> | undefined,\n): Record<string, string> {\n  const scope = descriptor.scope;\n  if (!scope) return {};\n  const source = readPath(rootValue, scope.from);\n  if (!source) return {};\n  const values = scope.map ? (scope.map[source] ?? []) : [source];\n  if (values.length === 0) return {};\n  return { [scope.param]: values.join(scope.join ?? \",\") };\n}\n"],"names":["createContext","useContext"],"mappings":";;;AAOO,MAAM,oBAAoBA,MAAAA,cAAyC,MAAS;AAE5E,SAAS,mBAA8C;AAC5D,SAAOC,MAAAA,WAAW,iBAAiB;AACrC;AAIA,SAAS,SAAS,MAA2C,MAAsB;AACjF,MAAI,CAAC,QAAQ,CAAC,KAAM,QAAO;AAC3B,MAAI,MAAe;AACnB,aAAW,WAAW,KAAK,MAAM,GAAG,GAAG;AACrC,QAAI,OAAO,QAAQ,OAAO,QAAQ,SAAU,QAAO;AACnD,UAAO,IAAgC,OAAO;AAAA,EAChD;AACA,SAAO,OAAO,QAAQ,YAAY,OAAO,QAAQ,WAAW,OAAO,GAAG,IAAI;AAC5E;AAMO,SAAS,mBACd,YACA,WACwB;AACxB,QAAM,QAAQ,WAAW;AACzB,MAAI,CAAC,MAAO,QAAO,CAAA;AACnB,QAAM,SAAS,SAAS,WAAW,MAAM,IAAI;AAC7C,MAAI,CAAC,OAAQ,QAAO,CAAA;AACpB,QAAM,SAAS,MAAM,MAAO,MAAM,IAAI,MAAM,KAAK,KAAM,CAAC,MAAM;AAC9D,MAAI,OAAO,WAAW,EAAG,QAAO,CAAA;AAChC,SAAO,EAAE,CAAC,MAAM,KAAK,GAAG,OAAO,KAAK,MAAM,QAAQ,GAAG,EAAA;AACvD;;;;"}

package/dist/components/form-lookup-context.d.ts

@@ -1,9 +1,5 @@
-import { ReactNode } from 'react';
 import { LookupDescriptor, LookupFetcher } from './json-schema-form-types';
-export declare function FormLookupProvider({ fetcher, children, }: {
-    fetcher?: LookupFetcher;
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+export declare const FormLookupContext: import('react').Context<LookupFetcher | undefined>;
 export declare function useLookupFetcher(): LookupFetcher | undefined;
 export declare function resolveLookupScope(descriptor: LookupDescriptor, rootValue: Record<string, unknown> | undefined): Record<string, string>;
 //# sourceMappingURL=form-lookup-context.d.ts.map

package/dist/components/form-lookup-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-lookup-context.d.ts","sourceRoot":"","sources":["../../src/components/form-lookup-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAOhF,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAEA;AAED,wBAAgB,gBAAgB,IAAI,aAAa,GAAG,SAAS,CAE5D;AAkBD,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,gBAAgB,EAC5B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAC7C,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAQxB"}
+{"version":3,"file":"form-lookup-context.d.ts","sourceRoot":"","sources":["../../src/components/form-lookup-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAMhF,eAAO,MAAM,iBAAiB,oDAAsD,CAAC;AAErF,wBAAgB,gBAAgB,IAAI,aAAa,GAAG,SAAS,CAE5D;AAkBD,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,gBAAgB,EAC5B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAC7C,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAQxB"}

package/dist/components/form-lookup-context.js

@@ -1,12 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { useContext, createContext } from "react";
 const FormLookupContext = createContext(void 0);
-function FormLookupProvider({
-  fetcher,
-  children
-}) {
-  return /* @__PURE__ */ jsx(FormLookupContext.Provider, { value: fetcher, children });
-}
 function useLookupFetcher() {
   return useContext(FormLookupContext);
 }
@@ -29,7 +22,7 @@ function resolveLookupScope(descriptor, rootValue) {
   return { [scope.param]: values.join(scope.join ?? ",") };
 }
 export {
-  FormLookupProvider,
+  FormLookupContext,
   resolveLookupScope,
   useLookupFetcher
 };

package/dist/components/form-lookup-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-lookup-context.js","sources":["../../src/components/form-lookup-context.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from \"react\";\nimport type { LookupDescriptor, LookupFetcher } from \"./json-schema-form-types\";\n\n// FormLookupContext carries the host-provided LookupFetcher down to the\n// LookupControl rendered deep inside the form, so the form stays decoupled from\n// any specific RPC client. JsonSchemaForm provides it when given a lookupFetcher.\nconst FormLookupContext = createContext<LookupFetcher | undefined>(undefined);\n\nexport function FormLookupProvider({\n  fetcher,\n  children,\n}: {\n  fetcher?: LookupFetcher;\n  children: ReactNode;\n}) {\n  return <FormLookupContext.Provider value={fetcher}>{children}</FormLookupContext.Provider>;\n}\n\nexport function useLookupFetcher(): LookupFetcher | undefined {\n  return useContext(FormLookupContext);\n}\n\n// readPath resolves a dotted path (e.g. \"provider.type\") against the form's root\n// value, returning the string at that path or \"\" when absent/non-scalar.\nfunction readPath(root: Record<string, unknown> | undefined, path: string): string {\n  if (!root || !path) return \"\";\n  let cur: unknown = root;\n  for (const segment of path.split(\".\")) {\n    if (cur == null || typeof cur !== \"object\") return \"\";\n    cur = (cur as Record<string, unknown>)[segment];\n  }\n  return typeof cur === \"string\" || typeof cur === \"number\" ? String(cur) : \"\";\n}\n\n// resolveLookupScope computes the extra query params a lookup should send based\n// on a sibling field's value (LookupScope). Returns an empty object when the\n// descriptor has no scope or the source field is unset/unmapped — the lookup then\n// returns the full, unscoped option set.\nexport function resolveLookupScope(\n  descriptor: LookupDescriptor,\n  rootValue: Record<string, unknown> | undefined,\n): Record<string, string> {\n  const scope = descriptor.scope;\n  if (!scope) return {};\n  const source = readPath(rootValue, scope.from);\n  if (!source) return {};\n  const values = scope.map ? (scope.map[source] ?? []) : [source];\n  if (values.length === 0) return {};\n  return { [scope.param]: values.join(scope.join ?? \",\") };\n}\n"],"names":[],"mappings":";;AAMA,MAAM,oBAAoB,cAAyC,MAAS;AAErE,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,6BAAQ,kBAAkB,UAAlB,EAA2B,OAAO,SAAU,UAAS;AAC/D;AAEO,SAAS,mBAA8C;AAC5D,SAAO,WAAW,iBAAiB;AACrC;AAIA,SAAS,SAAS,MAA2C,MAAsB;AACjF,MAAI,CAAC,QAAQ,CAAC,KAAM,QAAO;AAC3B,MAAI,MAAe;AACnB,aAAW,WAAW,KAAK,MAAM,GAAG,GAAG;AACrC,QAAI,OAAO,QAAQ,OAAO,QAAQ,SAAU,QAAO;AACnD,UAAO,IAAgC,OAAO;AAAA,EAChD;AACA,SAAO,OAAO,QAAQ,YAAY,OAAO,QAAQ,WAAW,OAAO,GAAG,IAAI;AAC5E;AAMO,SAAS,mBACd,YACA,WACwB;AACxB,QAAM,QAAQ,WAAW;AACzB,MAAI,CAAC,MAAO,QAAO,CAAA;AACnB,QAAM,SAAS,SAAS,WAAW,MAAM,IAAI;AAC7C,MAAI,CAAC,OAAQ,QAAO,CAAA;AACpB,QAAM,SAAS,MAAM,MAAO,MAAM,IAAI,MAAM,KAAK,KAAM,CAAC,MAAM;AAC9D,MAAI,OAAO,WAAW,EAAG,QAAO,CAAA;AAChC,SAAO,EAAE,CAAC,MAAM,KAAK,GAAG,OAAO,KAAK,MAAM,QAAQ,GAAG,EAAA;AACvD;"}
+{"version":3,"file":"form-lookup-context.js","sources":["../../src/components/form-lookup-context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { LookupDescriptor, LookupFetcher } from \"./json-schema-form-types\";\n\n// FormLookupContext carries the host-provided LookupFetcher down to the\n// LookupControl rendered deep inside the form, so the form stays decoupled from\n// any specific RPC client. FormLookupProvider provides it when JsonSchemaForm is\n// given a lookupFetcher.\nexport const FormLookupContext = createContext<LookupFetcher | undefined>(undefined);\n\nexport function useLookupFetcher(): LookupFetcher | undefined {\n  return useContext(FormLookupContext);\n}\n\n// readPath resolves a dotted path (e.g. \"provider.type\") against the form's root\n// value, returning the string at that path or \"\" when absent/non-scalar.\nfunction readPath(root: Record<string, unknown> | undefined, path: string): string {\n  if (!root || !path) return \"\";\n  let cur: unknown = root;\n  for (const segment of path.split(\".\")) {\n    if (cur == null || typeof cur !== \"object\") return \"\";\n    cur = (cur as Record<string, unknown>)[segment];\n  }\n  return typeof cur === \"string\" || typeof cur === \"number\" ? String(cur) : \"\";\n}\n\n// resolveLookupScope computes the extra query params a lookup should send based\n// on a sibling field's value (LookupScope). Returns an empty object when the\n// descriptor has no scope or the source field is unset/unmapped — the lookup then\n// returns the full, unscoped option set.\nexport function resolveLookupScope(\n  descriptor: LookupDescriptor,\n  rootValue: Record<string, unknown> | undefined,\n): Record<string, string> {\n  const scope = descriptor.scope;\n  if (!scope) return {};\n  const source = readPath(rootValue, scope.from);\n  if (!source) return {};\n  const values = scope.map ? (scope.map[source] ?? []) : [source];\n  if (values.length === 0) return {};\n  return { [scope.param]: values.join(scope.join ?? \",\") };\n}\n"],"names":[],"mappings":";AAOO,MAAM,oBAAoB,cAAyC,MAAS;AAE5E,SAAS,mBAA8C;AAC5D,SAAO,WAAW,iBAAiB;AACrC;AAIA,SAAS,SAAS,MAA2C,MAAsB;AACjF,MAAI,CAAC,QAAQ,CAAC,KAAM,QAAO;AAC3B,MAAI,MAAe;AACnB,aAAW,WAAW,KAAK,MAAM,GAAG,GAAG;AACrC,QAAI,OAAO,QAAQ,OAAO,QAAQ,SAAU,QAAO;AACnD,UAAO,IAAgC,OAAO;AAAA,EAChD;AACA,SAAO,OAAO,QAAQ,YAAY,OAAO,QAAQ,WAAW,OAAO,GAAG,IAAI;AAC5E;AAMO,SAAS,mBACd,YACA,WACwB;AACxB,QAAM,QAAQ,WAAW;AACzB,MAAI,CAAC,MAAO,QAAO,CAAA;AACnB,QAAM,SAAS,SAAS,WAAW,MAAM,IAAI;AAC7C,MAAI,CAAC,OAAQ,QAAO,CAAA;AACpB,QAAM,SAAS,MAAM,MAAO,MAAM,IAAI,MAAM,KAAK,KAAM,CAAC,MAAM;AAC9D,MAAI,OAAO,WAAW,EAAG,QAAO,CAAA;AAChC,SAAO,EAAE,CAAC,MAAM,KAAK,GAAG,OAAO,KAAK,MAAM,QAAQ,GAAG,EAAA;AACvD;"}

package/dist/components/jotai-bindings-core.cjs

@@ -0,0 +1,197 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const jotai = require("jotai");
+function useAtomSubscriptions(atoms) {
+  const store = jotai.useStore();
+  const [, forceRender] = react.useReducer((count) => count + 1, 0);
+  const uniqueAtoms = react.useMemo(() => Array.from(new Set(atoms)), [atoms]);
+  react.useEffect(() => {
+    if (uniqueAtoms.length === 0) return void 0;
+    const unsubscribers = uniqueAtoms.map((atom) => store.sub(atom, forceRender));
+    return () => {
+      unsubscribers.forEach((unsubscribe) => unsubscribe());
+    };
+  }, [store, uniqueAtoms]);
+}
+function useAtomValueSetter(atom) {
+  const store = jotai.useStore();
+  const value = store.get(atom);
+  const setValue = react.useCallback(
+    (next) => {
+      store.set(atom, next);
+    },
+    [atom, store]
+  );
+  return [value, setValue];
+}
+function useJotaiJsonSchemaFormProps(atom, onChange) {
+  const atoms = react.useMemo(() => [atom], [atom]);
+  useAtomSubscriptions(atoms);
+  const [value, setValue] = useAtomValueSetter(atom);
+  return react.useMemo(
+    () => ({
+      value,
+      onChange: (next) => {
+        setValue(next);
+        onChange == null ? void 0 : onChange(next);
+      }
+    }),
+    [onChange, setValue, value]
+  );
+}
+function useJotaiFilterBarAtoms({
+  search,
+  filters,
+  timeRange,
+  dateRange
+}) {
+  const atoms = react.useMemo(() => {
+    const next = [];
+    if (search) next.push(search.atom);
+    filters == null ? void 0 : filters.forEach((filter) => next.push(filter.atom));
+    if (timeRange) next.push(timeRange.atom);
+    if (dateRange) next.push(dateRange.atom);
+    return next;
+  }, [dateRange, filters, search, timeRange]);
+  useAtomSubscriptions(atoms);
+}
+function useJotaiSearch(search) {
+  const store = jotai.useStore();
+  if (!search) return void 0;
+  const { atom, onChange, ...rest } = search;
+  return {
+    ...rest,
+    value: store.get(atom),
+    onChange: (next) => {
+      store.set(atom, next);
+      onChange == null ? void 0 : onChange(next);
+    }
+  };
+}
+function useJotaiRange(range) {
+  const store = jotai.useStore();
+  if (!range) return void 0;
+  const { atom, onApply, ...rest } = range;
+  const value = store.get(atom);
+  return {
+    ...rest,
+    ...value.from !== void 0 ? { from: value.from } : {},
+    ...value.to !== void 0 ? { to: value.to } : {},
+    onApply: (from, to) => {
+      store.set(atom, { from, to });
+      onApply == null ? void 0 : onApply(from, to);
+    }
+  };
+}
+function useJotaiFilters(filters) {
+  const store = jotai.useStore();
+  if (!filters) return void 0;
+  return filters.map((filter) => bindJotaiFilter(store, filter));
+}
+function bindJotaiFilter(store, filter) {
+  switch (filter.kind) {
+    case "text": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
+    case "lookup": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
+    case "lookup-multi":
+    case "select-multi": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
+    case "multi":
+    case "nested-multi": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
+    case "number": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
+    case "enum": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
+    case "boolean": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
+  }
+}
+function useJotaiFilterBarProps({
+  search,
+  filters,
+  timeRange,
+  dateRange,
+  ...props
+}) {
+  useJotaiFilterBarAtoms({ search, filters, timeRange, dateRange });
+  const controlledSearch = useJotaiSearch(search);
+  const controlledFilters = useJotaiFilters(filters);
+  const controlledTimeRange = useJotaiRange(timeRange);
+  const controlledDateRange = useJotaiRange(dateRange);
+  return {
+    ...props,
+    ...controlledSearch ? { search: controlledSearch } : {},
+    ...controlledFilters ? { filters: controlledFilters } : {},
+    ...controlledTimeRange ? { timeRange: controlledTimeRange } : {},
+    ...controlledDateRange ? { dateRange: controlledDateRange } : {}
+  };
+}
+exports.useJotaiFilterBarProps = useJotaiFilterBarProps;
+exports.useJotaiJsonSchemaFormProps = useJotaiJsonSchemaFormProps;
+//# sourceMappingURL=jotai-bindings-core.cjs.map

package/dist/components/jotai-bindings-core.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jotai-bindings-core.cjs","sources":["../../src/components/jotai-bindings-core.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useReducer } from \"react\";\nimport { useStore, type WritableAtom } from \"jotai\";\nimport type {\n  FilterBarBooleanFilter,\n  FilterBarEnumFilter,\n  FilterBarFilter,\n  FilterBarLookupFilter,\n  FilterBarLookupMultiFilter,\n  FilterBarMultiFilter,\n  FilterBarNestedMultiFilter,\n  FilterBarNumberFilter,\n  FilterBarProps,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n  FilterBarSelectMultiFilter,\n  FilterBarTextFilter,\n} from \"./FilterBar\";\nimport type { JsonSchemaFormProps } from \"./json-schema-form-types\";\n\nexport type JotaiWritableAtom<Value> = WritableAtom<Value, [Value], unknown>;\nexport type JotaiJsonSchemaFormAtom = JotaiWritableAtom<Record<string, unknown>>;\n\nexport type JotaiJsonSchemaFormProps = Omit<JsonSchemaFormProps, \"value\" | \"onChange\"> & {\n  atom: JotaiJsonSchemaFormAtom;\n  onChange?: JsonSchemaFormProps[\"onChange\"];\n};\n\nexport type JotaiFilterBarSearchProps = Omit<FilterBarSearchProps, \"value\" | \"onChange\"> & {\n  atom: JotaiWritableAtom<string>;\n  onChange?: FilterBarSearchProps[\"onChange\"];\n};\n\nexport type JotaiFilterBarRangeValue = {\n  from?: string;\n  to?: string;\n};\n\nexport type JotaiFilterBarRangeProps = Omit<FilterBarRangeProps, \"from\" | \"to\" | \"onApply\"> & {\n  atom: JotaiWritableAtom<JotaiFilterBarRangeValue>;\n  onApply?: FilterBarRangeProps[\"onApply\"];\n};\n\ntype AtomizedFilter<TFilter extends FilterBarFilter> = Omit<TFilter, \"value\" | \"onChange\"> & {\n  atom: JotaiWritableAtom<TFilter[\"value\"]>;\n  onChange?: TFilter[\"onChange\"];\n};\n\nexport type JotaiFilterBarTextFilter = AtomizedFilter<FilterBarTextFilter>;\nexport type JotaiFilterBarLookupFilter = AtomizedFilter<FilterBarLookupFilter>;\nexport type JotaiFilterBarLookupMultiFilter = AtomizedFilter<FilterBarLookupMultiFilter>;\nexport type JotaiFilterBarMultiFilter = AtomizedFilter<FilterBarMultiFilter>;\nexport type JotaiFilterBarNestedMultiFilter = AtomizedFilter<FilterBarNestedMultiFilter>;\nexport type JotaiFilterBarSelectMultiFilter = AtomizedFilter<FilterBarSelectMultiFilter>;\nexport type JotaiFilterBarNumberFilter = AtomizedFilter<FilterBarNumberFilter>;\nexport type JotaiFilterBarEnumFilter = AtomizedFilter<FilterBarEnumFilter>;\nexport type JotaiFilterBarBooleanFilter = AtomizedFilter<FilterBarBooleanFilter>;\n\nexport type JotaiFilterBarFilter =\n  | JotaiFilterBarTextFilter\n  | JotaiFilterBarLookupFilter\n  | JotaiFilterBarLookupMultiFilter\n  | JotaiFilterBarMultiFilter\n  | JotaiFilterBarNestedMultiFilter\n  | JotaiFilterBarSelectMultiFilter\n  | JotaiFilterBarNumberFilter\n  | JotaiFilterBarEnumFilter\n  | JotaiFilterBarBooleanFilter;\n\nexport type JotaiFilterBarProps = Omit<\n  FilterBarProps,\n  \"search\" | \"filters\" | \"timeRange\" | \"dateRange\"\n> & {\n  search?: JotaiFilterBarSearchProps;\n  filters?: JotaiFilterBarFilter[];\n  timeRange?: JotaiFilterBarRangeProps;\n  dateRange?: JotaiFilterBarRangeProps;\n};\n\ntype AnyJotaiAtom = JotaiWritableAtom<unknown>;\n\nfunction useAtomSubscriptions(atoms: AnyJotaiAtom[]) {\n  const store = useStore();\n  const [, forceRender] = useReducer((count: number) => count + 1, 0);\n  const uniqueAtoms = useMemo(() => Array.from(new Set(atoms)), [atoms]);\n\n  useEffect(() => {\n    if (uniqueAtoms.length === 0) return undefined;\n    const unsubscribers = uniqueAtoms.map((atom) => store.sub(atom, forceRender));\n    return () => {\n      unsubscribers.forEach((unsubscribe) => unsubscribe());\n    };\n  }, [store, uniqueAtoms]);\n}\n\nfunction useAtomValueSetter<Value>(atom: JotaiWritableAtom<Value>) {\n  const store = useStore();\n  const value = store.get(atom);\n  const setValue = useCallback(\n    (next: Value) => {\n      store.set(atom, next);\n    },\n    [atom, store],\n  );\n  return [value, setValue] as const;\n}\n\nexport function useJotaiJsonSchemaFormProps(\n  atom: JotaiJsonSchemaFormAtom,\n  onChange?: JsonSchemaFormProps[\"onChange\"],\n): Pick<JsonSchemaFormProps, \"value\" | \"onChange\"> {\n  const atoms = useMemo(() => [atom as AnyJotaiAtom], [atom]);\n  useAtomSubscriptions(atoms);\n  const [value, setValue] = useAtomValueSetter(atom);\n\n  return useMemo(\n    () => ({\n      value,\n      onChange: (next: Record<string, unknown>) => {\n        setValue(next);\n        onChange?.(next);\n      },\n    }),\n    [onChange, setValue, value],\n  );\n}\n\nfunction useJotaiFilterBarAtoms({\n  search,\n  filters,\n  timeRange,\n  dateRange,\n}: {\n  search?: JotaiFilterBarSearchProps | undefined;\n  filters?: JotaiFilterBarFilter[] | undefined;\n  timeRange?: JotaiFilterBarRangeProps | undefined;\n  dateRange?: JotaiFilterBarRangeProps | undefined;\n}) {\n  const atoms = useMemo(() => {\n    const next: AnyJotaiAtom[] = [];\n    if (search) next.push(search.atom as AnyJotaiAtom);\n    filters?.forEach((filter) => next.push(filter.atom as AnyJotaiAtom));\n    if (timeRange) next.push(timeRange.atom as AnyJotaiAtom);\n    if (dateRange) next.push(dateRange.atom as AnyJotaiAtom);\n    return next;\n  }, [dateRange, filters, search, timeRange]);\n  useAtomSubscriptions(atoms);\n}\n\nfunction useJotaiSearch(search: JotaiFilterBarSearchProps | undefined): FilterBarSearchProps | undefined {\n  const store = useStore();\n  if (!search) return undefined;\n  const { atom, onChange, ...rest } = search;\n  return {\n    ...rest,\n    value: store.get(atom),\n    onChange: (next: string) => {\n      store.set(atom, next);\n      onChange?.(next);\n    },\n  };\n}\n\nfunction useJotaiRange(range: JotaiFilterBarRangeProps | undefined): FilterBarRangeProps | undefined {\n  const store = useStore();\n  if (!range) return undefined;\n  const { atom, onApply, ...rest } = range;\n  const value = store.get(atom);\n  return {\n    ...rest,\n    ...(value.from !== undefined ? { from: value.from } : {}),\n    ...(value.to !== undefined ? { to: value.to } : {}),\n    onApply: (from: string, to: string) => {\n      store.set(atom, { from, to });\n      onApply?.(from, to);\n    },\n  };\n}\n\nfunction useJotaiFilters(filters: JotaiFilterBarFilter[] | undefined): FilterBarFilter[] | undefined {\n  const store = useStore();\n  if (!filters) return undefined;\n  return filters.map((filter) => bindJotaiFilter(store, filter));\n}\n\nfunction bindJotaiFilter(store: ReturnType<typeof useStore>, filter: JotaiFilterBarFilter): FilterBarFilter {\n  switch (filter.kind) {\n    case \"text\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"lookup\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"lookup-multi\":\n    case \"select-multi\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string[]) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      } as FilterBarFilter;\n    }\n    case \"multi\":\n    case \"nested-multi\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: FilterBarMultiFilter[\"value\"]) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      } as FilterBarFilter;\n    }\n    case \"number\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: FilterBarNumberFilter[\"value\"]) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"enum\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"boolean\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: boolean) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n  }\n}\n\nexport function useJotaiFilterBarProps({\n  search,\n  filters,\n  timeRange,\n  dateRange,\n  ...props\n}: JotaiFilterBarProps): FilterBarProps {\n  useJotaiFilterBarAtoms({ search, filters, timeRange, dateRange });\n  const controlledSearch = useJotaiSearch(search);\n  const controlledFilters = useJotaiFilters(filters);\n  const controlledTimeRange = useJotaiRange(timeRange);\n  const controlledDateRange = useJotaiRange(dateRange);\n\n  return {\n    ...props,\n    ...(controlledSearch ? { search: controlledSearch } : {}),\n    ...(controlledFilters ? { filters: controlledFilters } : {}),\n    ...(controlledTimeRange ? { timeRange: controlledTimeRange } : {}),\n    ...(controlledDateRange ? { dateRange: controlledDateRange } : {}),\n  };\n}\n"],"names":["useStore","useReducer","useMemo","useEffect","useCallback"],"mappings":"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"}

package/dist/components/jotai-bindings-core.d.ts

@@ -0,0 +1,45 @@
+import { WritableAtom } from 'jotai';
+import { FilterBarBooleanFilter, FilterBarEnumFilter, FilterBarFilter, FilterBarLookupFilter, FilterBarLookupMultiFilter, FilterBarMultiFilter, FilterBarNestedMultiFilter, FilterBarNumberFilter, FilterBarProps, FilterBarRangeProps, FilterBarSearchProps, FilterBarSelectMultiFilter, FilterBarTextFilter } from './FilterBar';
+import { JsonSchemaFormProps } from './json-schema-form-types';
+export type JotaiWritableAtom<Value> = WritableAtom<Value, [Value], unknown>;
+export type JotaiJsonSchemaFormAtom = JotaiWritableAtom<Record<string, unknown>>;
+export type JotaiJsonSchemaFormProps = Omit<JsonSchemaFormProps, "value" | "onChange"> & {
+    atom: JotaiJsonSchemaFormAtom;
+    onChange?: JsonSchemaFormProps["onChange"];
+};
+export type JotaiFilterBarSearchProps = Omit<FilterBarSearchProps, "value" | "onChange"> & {
+    atom: JotaiWritableAtom<string>;
+    onChange?: FilterBarSearchProps["onChange"];
+};
+export type JotaiFilterBarRangeValue = {
+    from?: string;
+    to?: string;
+};
+export type JotaiFilterBarRangeProps = Omit<FilterBarRangeProps, "from" | "to" | "onApply"> & {
+    atom: JotaiWritableAtom<JotaiFilterBarRangeValue>;
+    onApply?: FilterBarRangeProps["onApply"];
+};
+type AtomizedFilter<TFilter extends FilterBarFilter> = Omit<TFilter, "value" | "onChange"> & {
+    atom: JotaiWritableAtom<TFilter["value"]>;
+    onChange?: TFilter["onChange"];
+};
+export type JotaiFilterBarTextFilter = AtomizedFilter<FilterBarTextFilter>;
+export type JotaiFilterBarLookupFilter = AtomizedFilter<FilterBarLookupFilter>;
+export type JotaiFilterBarLookupMultiFilter = AtomizedFilter<FilterBarLookupMultiFilter>;
+export type JotaiFilterBarMultiFilter = AtomizedFilter<FilterBarMultiFilter>;
+export type JotaiFilterBarNestedMultiFilter = AtomizedFilter<FilterBarNestedMultiFilter>;
+export type JotaiFilterBarSelectMultiFilter = AtomizedFilter<FilterBarSelectMultiFilter>;
+export type JotaiFilterBarNumberFilter = AtomizedFilter<FilterBarNumberFilter>;
+export type JotaiFilterBarEnumFilter = AtomizedFilter<FilterBarEnumFilter>;
+export type JotaiFilterBarBooleanFilter = AtomizedFilter<FilterBarBooleanFilter>;
+export type JotaiFilterBarFilter = JotaiFilterBarTextFilter | JotaiFilterBarLookupFilter | JotaiFilterBarLookupMultiFilter | JotaiFilterBarMultiFilter | JotaiFilterBarNestedMultiFilter | JotaiFilterBarSelectMultiFilter | JotaiFilterBarNumberFilter | JotaiFilterBarEnumFilter | JotaiFilterBarBooleanFilter;
+export type JotaiFilterBarProps = Omit<FilterBarProps, "search" | "filters" | "timeRange" | "dateRange"> & {
+    search?: JotaiFilterBarSearchProps;
+    filters?: JotaiFilterBarFilter[];
+    timeRange?: JotaiFilterBarRangeProps;
+    dateRange?: JotaiFilterBarRangeProps;
+};
+export declare function useJotaiJsonSchemaFormProps(atom: JotaiJsonSchemaFormAtom, onChange?: JsonSchemaFormProps["onChange"]): Pick<JsonSchemaFormProps, "value" | "onChange">;
+export declare function useJotaiFilterBarProps({ search, filters, timeRange, dateRange, ...props }: JotaiFilterBarProps): FilterBarProps;
+export {};
+//# sourceMappingURL=jotai-bindings-core.d.ts.map

package/dist/components/jotai-bindings-core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jotai-bindings-core.d.ts","sourceRoot":"","sources":["../../src/components/jotai-bindings-core.ts"],"names":[],"mappings":"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"}

package/dist/components/jotai-bindings-core.js

@@ -0,0 +1,197 @@
+import { useMemo, useReducer, useEffect, useCallback } from "react";
+import { useStore } from "jotai";
+function useAtomSubscriptions(atoms) {
+  const store = useStore();
+  const [, forceRender] = useReducer((count) => count + 1, 0);
+  const uniqueAtoms = useMemo(() => Array.from(new Set(atoms)), [atoms]);
+  useEffect(() => {
+    if (uniqueAtoms.length === 0) return void 0;
+    const unsubscribers = uniqueAtoms.map((atom) => store.sub(atom, forceRender));
+    return () => {
+      unsubscribers.forEach((unsubscribe) => unsubscribe());
+    };
+  }, [store, uniqueAtoms]);
+}
+function useAtomValueSetter(atom) {
+  const store = useStore();
+  const value = store.get(atom);
+  const setValue = useCallback(
+    (next) => {
+      store.set(atom, next);
+    },
+    [atom, store]
+  );
+  return [value, setValue];
+}
+function useJotaiJsonSchemaFormProps(atom, onChange) {
+  const atoms = useMemo(() => [atom], [atom]);
+  useAtomSubscriptions(atoms);
+  const [value, setValue] = useAtomValueSetter(atom);
+  return useMemo(
+    () => ({
+      value,
+      onChange: (next) => {
+        setValue(next);
+        onChange == null ? void 0 : onChange(next);
+      }
+    }),
+    [onChange, setValue, value]
+  );
+}
+function useJotaiFilterBarAtoms({
+  search,
+  filters,
+  timeRange,
+  dateRange
+}) {
+  const atoms = useMemo(() => {
+    const next = [];
+    if (search) next.push(search.atom);
+    filters == null ? void 0 : filters.forEach((filter) => next.push(filter.atom));
+    if (timeRange) next.push(timeRange.atom);
+    if (dateRange) next.push(dateRange.atom);
+    return next;
+  }, [dateRange, filters, search, timeRange]);
+  useAtomSubscriptions(atoms);
+}
+function useJotaiSearch(search) {
+  const store = useStore();
+  if (!search) return void 0;
+  const { atom, onChange, ...rest } = search;
+  return {
+    ...rest,
+    value: store.get(atom),
+    onChange: (next) => {
+      store.set(atom, next);
+      onChange == null ? void 0 : onChange(next);
+    }
+  };
+}
+function useJotaiRange(range) {
+  const store = useStore();
+  if (!range) return void 0;
+  const { atom, onApply, ...rest } = range;
+  const value = store.get(atom);
+  return {
+    ...rest,
+    ...value.from !== void 0 ? { from: value.from } : {},
+    ...value.to !== void 0 ? { to: value.to } : {},
+    onApply: (from, to) => {
+      store.set(atom, { from, to });
+      onApply == null ? void 0 : onApply(from, to);
+    }
+  };
+}
+function useJotaiFilters(filters) {
+  const store = useStore();
+  if (!filters) return void 0;
+  return filters.map((filter) => bindJotaiFilter(store, filter));
+}
+function bindJotaiFilter(store, filter) {
+  switch (filter.kind) {
+    case "text": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
+    case "lookup": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
+    case "lookup-multi":
+    case "select-multi": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
+    case "multi":
+    case "nested-multi": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
+    case "number": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
+    case "enum": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
+    case "boolean": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
+  }
+}
+function useJotaiFilterBarProps({
+  search,
+  filters,
+  timeRange,
+  dateRange,
+  ...props
+}) {
+  useJotaiFilterBarAtoms({ search, filters, timeRange, dateRange });
+  const controlledSearch = useJotaiSearch(search);
+  const controlledFilters = useJotaiFilters(filters);
+  const controlledTimeRange = useJotaiRange(timeRange);
+  const controlledDateRange = useJotaiRange(dateRange);
+  return {
+    ...props,
+    ...controlledSearch ? { search: controlledSearch } : {},
+    ...controlledFilters ? { filters: controlledFilters } : {},
+    ...controlledTimeRange ? { timeRange: controlledTimeRange } : {},
+    ...controlledDateRange ? { dateRange: controlledDateRange } : {}
+  };
+}
+export {
+  useJotaiFilterBarProps,
+  useJotaiJsonSchemaFormProps
+};
+//# sourceMappingURL=jotai-bindings-core.js.map

package/dist/components/jotai-bindings-core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jotai-bindings-core.js","sources":["../../src/components/jotai-bindings-core.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useReducer } from \"react\";\nimport { useStore, type WritableAtom } from \"jotai\";\nimport type {\n  FilterBarBooleanFilter,\n  FilterBarEnumFilter,\n  FilterBarFilter,\n  FilterBarLookupFilter,\n  FilterBarLookupMultiFilter,\n  FilterBarMultiFilter,\n  FilterBarNestedMultiFilter,\n  FilterBarNumberFilter,\n  FilterBarProps,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n  FilterBarSelectMultiFilter,\n  FilterBarTextFilter,\n} from \"./FilterBar\";\nimport type { JsonSchemaFormProps } from \"./json-schema-form-types\";\n\nexport type JotaiWritableAtom<Value> = WritableAtom<Value, [Value], unknown>;\nexport type JotaiJsonSchemaFormAtom = JotaiWritableAtom<Record<string, unknown>>;\n\nexport type JotaiJsonSchemaFormProps = Omit<JsonSchemaFormProps, \"value\" | \"onChange\"> & {\n  atom: JotaiJsonSchemaFormAtom;\n  onChange?: JsonSchemaFormProps[\"onChange\"];\n};\n\nexport type JotaiFilterBarSearchProps = Omit<FilterBarSearchProps, \"value\" | \"onChange\"> & {\n  atom: JotaiWritableAtom<string>;\n  onChange?: FilterBarSearchProps[\"onChange\"];\n};\n\nexport type JotaiFilterBarRangeValue = {\n  from?: string;\n  to?: string;\n};\n\nexport type JotaiFilterBarRangeProps = Omit<FilterBarRangeProps, \"from\" | \"to\" | \"onApply\"> & {\n  atom: JotaiWritableAtom<JotaiFilterBarRangeValue>;\n  onApply?: FilterBarRangeProps[\"onApply\"];\n};\n\ntype AtomizedFilter<TFilter extends FilterBarFilter> = Omit<TFilter, \"value\" | \"onChange\"> & {\n  atom: JotaiWritableAtom<TFilter[\"value\"]>;\n  onChange?: TFilter[\"onChange\"];\n};\n\nexport type JotaiFilterBarTextFilter = AtomizedFilter<FilterBarTextFilter>;\nexport type JotaiFilterBarLookupFilter = AtomizedFilter<FilterBarLookupFilter>;\nexport type JotaiFilterBarLookupMultiFilter = AtomizedFilter<FilterBarLookupMultiFilter>;\nexport type JotaiFilterBarMultiFilter = AtomizedFilter<FilterBarMultiFilter>;\nexport type JotaiFilterBarNestedMultiFilter = AtomizedFilter<FilterBarNestedMultiFilter>;\nexport type JotaiFilterBarSelectMultiFilter = AtomizedFilter<FilterBarSelectMultiFilter>;\nexport type JotaiFilterBarNumberFilter = AtomizedFilter<FilterBarNumberFilter>;\nexport type JotaiFilterBarEnumFilter = AtomizedFilter<FilterBarEnumFilter>;\nexport type JotaiFilterBarBooleanFilter = AtomizedFilter<FilterBarBooleanFilter>;\n\nexport type JotaiFilterBarFilter =\n  | JotaiFilterBarTextFilter\n  | JotaiFilterBarLookupFilter\n  | JotaiFilterBarLookupMultiFilter\n  | JotaiFilterBarMultiFilter\n  | JotaiFilterBarNestedMultiFilter\n  | JotaiFilterBarSelectMultiFilter\n  | JotaiFilterBarNumberFilter\n  | JotaiFilterBarEnumFilter\n  | JotaiFilterBarBooleanFilter;\n\nexport type JotaiFilterBarProps = Omit<\n  FilterBarProps,\n  \"search\" | \"filters\" | \"timeRange\" | \"dateRange\"\n> & {\n  search?: JotaiFilterBarSearchProps;\n  filters?: JotaiFilterBarFilter[];\n  timeRange?: JotaiFilterBarRangeProps;\n  dateRange?: JotaiFilterBarRangeProps;\n};\n\ntype AnyJotaiAtom = JotaiWritableAtom<unknown>;\n\nfunction useAtomSubscriptions(atoms: AnyJotaiAtom[]) {\n  const store = useStore();\n  const [, forceRender] = useReducer((count: number) => count + 1, 0);\n  const uniqueAtoms = useMemo(() => Array.from(new Set(atoms)), [atoms]);\n\n  useEffect(() => {\n    if (uniqueAtoms.length === 0) return undefined;\n    const unsubscribers = uniqueAtoms.map((atom) => store.sub(atom, forceRender));\n    return () => {\n      unsubscribers.forEach((unsubscribe) => unsubscribe());\n    };\n  }, [store, uniqueAtoms]);\n}\n\nfunction useAtomValueSetter<Value>(atom: JotaiWritableAtom<Value>) {\n  const store = useStore();\n  const value = store.get(atom);\n  const setValue = useCallback(\n    (next: Value) => {\n      store.set(atom, next);\n    },\n    [atom, store],\n  );\n  return [value, setValue] as const;\n}\n\nexport function useJotaiJsonSchemaFormProps(\n  atom: JotaiJsonSchemaFormAtom,\n  onChange?: JsonSchemaFormProps[\"onChange\"],\n): Pick<JsonSchemaFormProps, \"value\" | \"onChange\"> {\n  const atoms = useMemo(() => [atom as AnyJotaiAtom], [atom]);\n  useAtomSubscriptions(atoms);\n  const [value, setValue] = useAtomValueSetter(atom);\n\n  return useMemo(\n    () => ({\n      value,\n      onChange: (next: Record<string, unknown>) => {\n        setValue(next);\n        onChange?.(next);\n      },\n    }),\n    [onChange, setValue, value],\n  );\n}\n\nfunction useJotaiFilterBarAtoms({\n  search,\n  filters,\n  timeRange,\n  dateRange,\n}: {\n  search?: JotaiFilterBarSearchProps | undefined;\n  filters?: JotaiFilterBarFilter[] | undefined;\n  timeRange?: JotaiFilterBarRangeProps | undefined;\n  dateRange?: JotaiFilterBarRangeProps | undefined;\n}) {\n  const atoms = useMemo(() => {\n    const next: AnyJotaiAtom[] = [];\n    if (search) next.push(search.atom as AnyJotaiAtom);\n    filters?.forEach((filter) => next.push(filter.atom as AnyJotaiAtom));\n    if (timeRange) next.push(timeRange.atom as AnyJotaiAtom);\n    if (dateRange) next.push(dateRange.atom as AnyJotaiAtom);\n    return next;\n  }, [dateRange, filters, search, timeRange]);\n  useAtomSubscriptions(atoms);\n}\n\nfunction useJotaiSearch(search: JotaiFilterBarSearchProps | undefined): FilterBarSearchProps | undefined {\n  const store = useStore();\n  if (!search) return undefined;\n  const { atom, onChange, ...rest } = search;\n  return {\n    ...rest,\n    value: store.get(atom),\n    onChange: (next: string) => {\n      store.set(atom, next);\n      onChange?.(next);\n    },\n  };\n}\n\nfunction useJotaiRange(range: JotaiFilterBarRangeProps | undefined): FilterBarRangeProps | undefined {\n  const store = useStore();\n  if (!range) return undefined;\n  const { atom, onApply, ...rest } = range;\n  const value = store.get(atom);\n  return {\n    ...rest,\n    ...(value.from !== undefined ? { from: value.from } : {}),\n    ...(value.to !== undefined ? { to: value.to } : {}),\n    onApply: (from: string, to: string) => {\n      store.set(atom, { from, to });\n      onApply?.(from, to);\n    },\n  };\n}\n\nfunction useJotaiFilters(filters: JotaiFilterBarFilter[] | undefined): FilterBarFilter[] | undefined {\n  const store = useStore();\n  if (!filters) return undefined;\n  return filters.map((filter) => bindJotaiFilter(store, filter));\n}\n\nfunction bindJotaiFilter(store: ReturnType<typeof useStore>, filter: JotaiFilterBarFilter): FilterBarFilter {\n  switch (filter.kind) {\n    case \"text\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"lookup\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"lookup-multi\":\n    case \"select-multi\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string[]) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      } as FilterBarFilter;\n    }\n    case \"multi\":\n    case \"nested-multi\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: FilterBarMultiFilter[\"value\"]) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      } as FilterBarFilter;\n    }\n    case \"number\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: FilterBarNumberFilter[\"value\"]) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"enum\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"boolean\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: boolean) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n  }\n}\n\nexport function useJotaiFilterBarProps({\n  search,\n  filters,\n  timeRange,\n  dateRange,\n  ...props\n}: JotaiFilterBarProps): FilterBarProps {\n  useJotaiFilterBarAtoms({ search, filters, timeRange, dateRange });\n  const controlledSearch = useJotaiSearch(search);\n  const controlledFilters = useJotaiFilters(filters);\n  const controlledTimeRange = useJotaiRange(timeRange);\n  const controlledDateRange = useJotaiRange(dateRange);\n\n  return {\n    ...props,\n    ...(controlledSearch ? { search: controlledSearch } : {}),\n    ...(controlledFilters ? { filters: controlledFilters } : {}),\n    ...(controlledTimeRange ? { timeRange: controlledTimeRange } : {}),\n    ...(controlledDateRange ? { dateRange: controlledDateRange } : {}),\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/components/jotai-bindings.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const FilterBar = require("./FilterBar.cjs");
+const JsonSchemaForm = require("./JsonSchemaForm.cjs");
+const jotaiBindingsCore = require("./jotai-bindings-core.cjs");
+function JotaiJsonSchemaForm({ atom, onChange, ...props }) {
+  const controlled = jotaiBindingsCore.useJotaiJsonSchemaFormProps(atom, onChange);
+  return /* @__PURE__ */ jsxRuntime.jsx(JsonSchemaForm.JsonSchemaForm, { ...props, ...controlled });
+}
+function JotaiFilterBar(props) {
+  const controlled = jotaiBindingsCore.useJotaiFilterBarProps(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(FilterBar.FilterBar, { ...controlled });
+}
+exports.JotaiFilterBar = JotaiFilterBar;
+exports.JotaiJsonSchemaForm = JotaiJsonSchemaForm;
+//# sourceMappingURL=jotai-bindings.cjs.map

package/dist/components/jotai-bindings.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jotai-bindings.cjs","sources":["../../src/components/jotai-bindings.tsx"],"sourcesContent":["import { FilterBar } from \"./FilterBar\";\nimport { JsonSchemaForm } from \"./JsonSchemaForm\";\nimport {\n  useJotaiFilterBarProps,\n  useJotaiJsonSchemaFormProps,\n  type JotaiFilterBarProps,\n  type JotaiJsonSchemaFormProps,\n} from \"./jotai-bindings-core\";\n\nexport function JotaiJsonSchemaForm({ atom, onChange, ...props }: JotaiJsonSchemaFormProps) {\n  const controlled = useJotaiJsonSchemaFormProps(atom, onChange);\n  return <JsonSchemaForm {...props} {...controlled} />;\n}\n\nexport function JotaiFilterBar(props: JotaiFilterBarProps) {\n  const controlled = useJotaiFilterBarProps(props);\n  return <FilterBar {...controlled} />;\n}\n"],"names":["useJotaiJsonSchemaFormProps","jsx","JsonSchemaForm","useJotaiFilterBarProps","FilterBar"],"mappings":";;;;;;AASO,SAAS,oBAAoB,EAAE,MAAM,UAAU,GAAG,SAAmC;AAC1F,QAAM,aAAaA,kBAAAA,4BAA4B,MAAM,QAAQ;AAC7D,SAAOC,2BAAAA,IAACC,eAAAA,gBAAA,EAAgB,GAAG,OAAQ,GAAG,WAAA,CAAY;AACpD;AAEO,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAaC,kBAAAA,uBAAuB,KAAK;AAC/C,SAAOF,+BAACG,UAAAA,WAAA,EAAW,GAAG,WAAA,CAAY;AACpC;;;"}

package/dist/components/jotai-bindings.d.ts

@@ -0,0 +1,4 @@
+import { JotaiFilterBarProps, JotaiJsonSchemaFormProps } from './jotai-bindings-core';
+export declare function JotaiJsonSchemaForm({ atom, onChange, ...props }: JotaiJsonSchemaFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function JotaiFilterBar(props: JotaiFilterBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=jotai-bindings.d.ts.map

package/dist/components/jotai-bindings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jotai-bindings.d.ts","sourceRoot":"","sources":["../../src/components/jotai-bindings.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,wBAAwB,EAC9B,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,2CAGzF;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAGxD"}