@pipe0/react 0.0.2

package/dist/hooks/use-pipe-catalog-table.mjs

@@ -0,0 +1,170 @@
+import { fuzzyFilter } from "../utils/catalog-helpers.mjs";
+import { useDebounce } from "./use-debounce.mjs";
+import { useCallback, useMemo, useState } from "react";
+import { collectRequirementFields, filterPipeEntries, getDefaultOutputFields, getDefaultPipeProviders, getInitialTableData, getLowestPipeCreditAmount, getStartingCostPerPipesProvider, getTableDataAggregates } from "@pipe0/base";
+import { createColumnHelper, getCoreRowModel, getFilteredRowModel, useReactTable } from "@tanstack/react-table";
+
+//#region src/hooks/use-pipe-catalog-table.ts
+const columnHelper = createColumnHelper();
+const columns = [
+	columnHelper.accessor("pipeId", {
+		filterFn: "includesString",
+		enableGlobalFilter: true
+	}),
+	columnHelper.accessor("label", {
+		filterFn: "fuzzy",
+		enableGlobalFilter: true
+	}),
+	columnHelper.accessor("description", {
+		filterFn: "fuzzy",
+		enableGlobalFilter: true
+	}),
+	columnHelper.accessor((row) => row.defaultInputRequirement ? collectRequirementFields(row.defaultInputRequirement).map(({ field }) => field.name) : [], {
+		id: "inputFields",
+		filterFn: "arrIncludes",
+		enableGlobalFilter: false
+	}),
+	columnHelper.accessor((row) => getDefaultOutputFields(row) || [], {
+		id: "outputFields",
+		filterFn: "arrIncludes",
+		enableGlobalFilter: false
+	}),
+	columnHelper.accessor((row) => row.tags || [], {
+		id: "tags",
+		filterFn: "arrIncludes",
+		enableGlobalFilter: true
+	}),
+	columnHelper.accessor((row) => getDefaultPipeProviders(row.pipeId) || [], {
+		id: "providers",
+		filterFn: "arrIncludes",
+		enableGlobalFilter: true
+	})
+];
+function usePipeCatalogTable(config = {}) {
+	const [category, setCategory] = useState(null);
+	const { initialColumnFilters = [], filter } = config;
+	const initialTableData = useMemo(() => filterPipeEntries(getInitialTableData(category), filter), [category, filter]);
+	const baselineTableData = useMemo(() => filterPipeEntries(getInitialTableData(null), filter), [filter]);
+	const table = useReactTable({
+		columns,
+		data: initialTableData,
+		getCoreRowModel: getCoreRowModel(),
+		getFilteredRowModel: getFilteredRowModel(),
+		globalFilterFn: fuzzyFilter,
+		filterFns: { fuzzy: fuzzyFilter },
+		getColumnCanGlobalFilter: (column) => column.columnDef.enableGlobalFilter !== false,
+		initialState: {
+			columnFilters: initialColumnFilters,
+			pagination: { pageSize: 10 }
+		}
+	});
+	const columnFilters = table.getState().columnFilters;
+	const aggregates = useMemo(() => getTableDataAggregates(initialTableData, category), [category, initialTableData]);
+	const [globalFilterInput, setGlobalFilterInput, setGlobalFilterImmediately] = useDebounce((v) => {
+		if (v === table.getState().globalFilter) return;
+		table.setGlobalFilter(v);
+		if (v) {
+			setCategory(null);
+			table.setColumnFilters([]);
+		}
+	});
+	const addColumnFilter = useCallback((id, value) => {
+		setGlobalFilterImmediately("");
+		table.setColumnFilters([{
+			id,
+			value
+		}]);
+	}, [setGlobalFilterImmediately, table]);
+	const handleCategoryChange = useCallback((category) => {
+		setCategory(category);
+		table.setColumnFilters([]);
+		setGlobalFilterImmediately("");
+	}, [table, setGlobalFilterImmediately]);
+	const resetFilters = useCallback(() => {
+		setGlobalFilterImmediately("");
+		setCategory(null);
+	}, [setGlobalFilterImmediately]);
+	const removeColumnFilter = useCallback((id) => {
+		table.getColumn(id)?.setFilterValue(null);
+	}, [table]);
+	const getColumnFilterValue = useCallback((id) => {
+		return columnFilters.find((f) => f.id === id)?.value;
+	}, [columnFilters]);
+	const rows = table.getRowModel().rows;
+	const cards = useMemo(() => rows.map((row) => {
+		const entry = row.original;
+		const latestEntry = aggregates.pipeEntriesByBasePipe[entry.basePipe]?.[0] ?? entry;
+		const providers = getDefaultPipeProviders(latestEntry.pipeId);
+		return {
+			pipeId: latestEntry.pipeId,
+			basePipe: entry.basePipe,
+			label: entry.label,
+			description: entry.description,
+			providers,
+			startingCostPerProvider: getStartingCostPerPipesProvider(latestEntry.pipeId),
+			startingCreditAmount: getLowestPipeCreditAmount(latestEntry),
+			costMode: "per_result",
+			defaultInputFields: latestEntry.defaultInputRequirement ? collectRequirementFields(latestEntry.defaultInputRequirement).map(({ field }) => ({ name: field.name })) : [],
+			defaultOutputFields: getDefaultOutputFields(latestEntry) ?? [],
+			docPath: latestEntry.docPath,
+			entry,
+			latestEntry
+		};
+	}), [rows, aggregates.pipeEntriesByBasePipe]);
+	return {
+		table,
+		cards,
+		cardsByCategory: useMemo(() => {
+			const groups = /* @__PURE__ */ new Map();
+			for (const card of cards) {
+				const cats = card.entry.categories ?? [];
+				for (const cat of cats) {
+					const arr = groups.get(cat);
+					if (arr) arr.push(card);
+					else groups.set(cat, [card]);
+				}
+			}
+			return Array.from(groups, ([category, group]) => ({
+				category,
+				cards: group
+			}));
+		}, [cards]),
+		categoryCounts: useMemo(() => {
+			const counts = {};
+			for (const card of cards) {
+				const cats = card.entry.categories ?? [];
+				for (const cat of cats) counts[cat] = (counts[cat] ?? 0) + 1;
+			}
+			return counts;
+		}, [cards]),
+		baselineCardCount: baselineTableData.length,
+		baselineCategoryCounts: useMemo(() => {
+			const counts = {};
+			for (const entry of baselineTableData) {
+				const cats = entry.categories ?? [];
+				for (const cat of cats) counts[cat] = (counts[cat] ?? 0) + 1;
+			}
+			return counts;
+		}, [baselineTableData]),
+		category,
+		setCategory: handleCategoryChange,
+		globalFilterInput,
+		setGlobalFilterInput,
+		addColumnFilter,
+		removeColumnFilter,
+		resetFilters,
+		getColumnFilterValue,
+		sortedInputFieldEntries: aggregates.sortedInputFieldEntries,
+		sortedOutputFieldEntries: aggregates.sortedOutputFieldEntries,
+		sortedTagEntries: aggregates.sortedTagEntries,
+		sortedProviderEntries: aggregates.sortedProviderEntries,
+		pipeIdsByInputField: aggregates.pipeIdsByInputField,
+		pipeIdsByOutputField: aggregates.pipeIdsByOutputField,
+		pipeIdsByProvider: aggregates.pipeIdsByProvider,
+		pipeIdsByTag: aggregates.pipeIdsByTag
+	};
+}
+
+//#endregion
+export { usePipeCatalogTable };
+//# sourceMappingURL=use-pipe-catalog-table.mjs.map

package/dist/hooks/use-pipe-catalog-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pipe-catalog-table.mjs","names":[],"sources":["../../src/hooks/use-pipe-catalog-table.ts"],"sourcesContent":["import {\n  type CatalogFilter,\n  collectRequirementFields,\n  filterPipeEntries,\n  getDefaultOutputFields,\n  getDefaultPipeProviders,\n  getInitialTableData,\n  getLowestPipeCreditAmount,\n  getStartingCostPerPipesProvider,\n  getTableDataAggregates,\n  type PipeCatalogEntry,\n  type PipeCategory,\n  type PipeEntryWithLatestVersion,\n  type PipeId,\n} from \"@pipe0/base\";\nimport {\n  type ColumnFilter,\n  createColumnHelper,\n  getCoreRowModel,\n  getFilteredRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { PipeCardData } from \"../types/catalog-adapters.js\";\nimport { fuzzyFilter } from \"../utils/catalog-helpers.js\";\nimport { useDebounce } from \"./use-debounce.js\";\n\nexport type InputFieldEntries = Record<string, PipeId[]>;\nexport type OutputFieldEntries = Record<string, PipeId[]>;\n\nconst columnHelper = createColumnHelper<PipeEntryWithLatestVersion>();\n\nconst columns = [\n  columnHelper.accessor(\"pipeId\", {\n    filterFn: \"includesString\",\n    enableGlobalFilter: true,\n  }),\n  columnHelper.accessor(\"label\", {\n    filterFn: \"fuzzy\" as any,\n    enableGlobalFilter: true,\n  }),\n  columnHelper.accessor(\"description\", {\n    filterFn: \"fuzzy\" as any,\n    enableGlobalFilter: true,\n  }),\n  columnHelper.accessor(\n    (row) =>\n      row.defaultInputRequirement\n        ? collectRequirementFields(row.defaultInputRequirement).map(({ field }) => field.name)\n        : [],\n    {\n      id: \"inputFields\",\n      filterFn: \"arrIncludes\",\n      enableGlobalFilter: false,\n    },\n  ),\n  columnHelper.accessor((row) => getDefaultOutputFields(row) || [], {\n    id: \"outputFields\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => row.tags || [], {\n    id: \"tags\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: true,\n  }),\n  columnHelper.accessor((row) => getDefaultPipeProviders(row.pipeId) || [], {\n    id: \"providers\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: true,\n  }),\n];\n\nexport function usePipeCatalogTable(\n  config: {\n    initialColumnFilters?: ColumnFilter[];\n    /**\n     * Optional whitelist/blacklist of pipes and providers. Memoize to avoid\n     * recomputing the table data on every render.\n     */\n    filter?: CatalogFilter;\n  } = {},\n) {\n  const [category, setCategory] = useState<PipeCategory | null>(null);\n  const { initialColumnFilters = [] as ColumnFilter[], filter } = config;\n\n  const initialTableData = useMemo(\n    () => filterPipeEntries(getInitialTableData(category), filter),\n    [category, filter],\n  );\n\n  // Baseline (config.filter applied, but no category / column / global filter).\n  // Drives the stable category-button counts so the row doesn't jump when the\n  // user changes a filter.\n  const baselineTableData = useMemo(\n    () => filterPipeEntries(getInitialTableData(null), filter),\n    [filter],\n  );\n\n  const table = useReactTable({\n    columns,\n    data: initialTableData,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    globalFilterFn: fuzzyFilter,\n    filterFns: {\n      fuzzy: fuzzyFilter,\n    },\n    getColumnCanGlobalFilter: (column) => column.columnDef.enableGlobalFilter !== false,\n    initialState: {\n      columnFilters: initialColumnFilters,\n      pagination: {\n        pageSize: 10,\n      },\n    },\n  });\n\n  const columnFilters = table.getState().columnFilters;\n\n  const aggregates = useMemo(\n    () => getTableDataAggregates(initialTableData, category),\n    [category, initialTableData],\n  );\n\n  const [globalFilterInput, setGlobalFilterInput, setGlobalFilterImmediately] = useDebounce((v) => {\n    if (v === table.getState().globalFilter) return;\n    table.setGlobalFilter(v);\n    if (v) {\n      setCategory(null);\n      table.setColumnFilters([]);\n    }\n  });\n\n  const addColumnFilter = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\", value: string) => {\n      setGlobalFilterImmediately(\"\");\n      table.setColumnFilters([{ id, value }]);\n    },\n    [setGlobalFilterImmediately, table],\n  );\n\n  const handleCategoryChange = useCallback(\n    (category: PipeCategory | null) => {\n      setCategory(category);\n      table.setColumnFilters([]);\n      setGlobalFilterImmediately(\"\");\n    },\n    [table, setGlobalFilterImmediately],\n  );\n\n  const resetFilters = useCallback(() => {\n    setGlobalFilterImmediately(\"\");\n    setCategory(null);\n  }, [setGlobalFilterImmediately]);\n\n  const removeColumnFilter = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n      table.getColumn(id)?.setFilterValue(null);\n    },\n    [table],\n  );\n\n  const getColumnFilterValue = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n      const res = columnFilters.find((f) => f.id === id)?.value;\n      return res as string;\n    },\n    [columnFilters],\n  );\n\n  // Pre-compute card display data so consumers don't have to. Memoized on\n  // the filtered rows + aggregate map (both stable references from tanstack).\n  const rows = table.getRowModel().rows;\n  const cards = useMemo<PipeCardData[]>(\n    () =>\n      rows.map((row) => {\n        const entry = row.original;\n        const latestEntry = (aggregates.pipeEntriesByBasePipe[entry.basePipe]?.[0] ??\n          entry) as PipeCatalogEntry & { pipeId: PipeId };\n        const providers = getDefaultPipeProviders(latestEntry.pipeId);\n        return {\n          pipeId: latestEntry.pipeId,\n          basePipe: entry.basePipe,\n          label: entry.label,\n          description: entry.description,\n          providers,\n          startingCostPerProvider: getStartingCostPerPipesProvider(latestEntry.pipeId),\n          startingCreditAmount: getLowestPipeCreditAmount(latestEntry),\n          costMode: \"per_result\",\n          defaultInputFields: latestEntry.defaultInputRequirement\n            ? collectRequirementFields(latestEntry.defaultInputRequirement).map(({ field }) => ({\n                name: field.name,\n              }))\n            : [],\n          defaultOutputFields: getDefaultOutputFields(latestEntry) ?? [],\n          docPath: latestEntry.docPath,\n          entry,\n          latestEntry,\n        };\n      }),\n    [rows, aggregates.pipeEntriesByBasePipe],\n  );\n\n  // Group cards by category. Pipes can belong to multiple categories — they\n  // appear once per matching category. Order: insertion (first-seen).\n  const cardsByCategory = useMemo<{ category: PipeCategory; cards: PipeCardData[] }[]>(() => {\n    const groups = new Map<PipeCategory, PipeCardData[]>();\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as PipeCategory[];\n      for (const cat of cats) {\n        const arr = groups.get(cat);\n        if (arr) arr.push(card);\n        else groups.set(cat, [card]);\n      }\n    }\n    return Array.from(groups, ([category, group]) => ({\n      category,\n      cards: group,\n    }));\n  }, [cards]);\n\n  // Count of cards per category (a pipe in N categories counts N times).\n  const categoryCounts = useMemo<Partial<Record<PipeCategory, number>>>(() => {\n    const counts: Partial<Record<PipeCategory, number>> = {};\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as PipeCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [cards]);\n\n  // Stable counts based on the baseline (no category / column / global filter\n  // applied). Use these to render category-selector counts that don't jump as\n  // the user clicks around.\n  const baselineCardCount = baselineTableData.length;\n  const baselineCategoryCounts = useMemo<Partial<Record<PipeCategory, number>>>(() => {\n    const counts: Partial<Record<PipeCategory, number>> = {};\n    for (const entry of baselineTableData) {\n      const cats = (entry.categories ?? []) as PipeCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [baselineTableData]);\n\n  return {\n    table,\n    cards,\n    cardsByCategory,\n    categoryCounts,\n    baselineCardCount,\n    baselineCategoryCounts,\n\n    // category + global filter\n    category,\n    setCategory: handleCategoryChange,\n    globalFilterInput,\n    setGlobalFilterInput,\n\n    // mutators\n    addColumnFilter,\n    removeColumnFilter,\n    resetFilters,\n    getColumnFilterValue,\n\n    // aggregates for filter UI\n    sortedInputFieldEntries: aggregates.sortedInputFieldEntries,\n    sortedOutputFieldEntries: aggregates.sortedOutputFieldEntries,\n    sortedTagEntries: aggregates.sortedTagEntries,\n    sortedProviderEntries: aggregates.sortedProviderEntries,\n\n    // reverse indexes (power-user / inverted-filter UX)\n    pipeIdsByInputField: aggregates.pipeIdsByInputField,\n    pipeIdsByOutputField: aggregates.pipeIdsByOutputField,\n    pipeIdsByProvider: aggregates.pipeIdsByProvider,\n    pipeIdsByTag: aggregates.pipeIdsByTag,\n  };\n}\n\nexport type UsePipeCatalogTableReturn = ReturnType<typeof usePipeCatalogTable>;\n"],"mappings":"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"}

package/dist/hooks/use-pipe-form.d.mts

@@ -0,0 +1,31 @@
+import { ResourceStatus } from "./use-form-core.mjs";
+import { PipeFormContext } from "../context/pipe-form-context.mjs";
+import { FormResolvers, FormStore, PipeId, PipePayload, ValidationContext } from "@pipe0/base";
+
+//#region src/hooks/use-pipe-form.d.ts
+interface UsePipeFormOptions {
+  pipeId: PipeId;
+  publicKey: string;
+  defaultValues?: PipePayload;
+  resolvers?: FormResolvers;
+  userConnections?: {
+    public_id: string;
+    provider: string;
+  }[];
+  validationContext?: ValidationContext;
+  store?: FormStore;
+  /**
+   * Form-level scope tags. Bundled into every `resolvers.getSecrets` call so
+   * the backend can return only the secrets allowed in the declared scopes.
+   */
+  scopes?: string[];
+  /**
+   * Current team context. Bundled into every `resolvers.getSecrets` call so
+   * the backend can restrict team-level secrets to this team only.
+   */
+  teamId?: string;
+}
+declare function usePipeForm(options: UsePipeFormOptions): PipeFormContext;
+//#endregion
+export { UsePipeFormOptions, usePipeForm };
+//# sourceMappingURL=use-pipe-form.d.mts.map

package/dist/hooks/use-pipe-form.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pipe-form.d.mts","names":[],"sources":["../../src/hooks/use-pipe-form.ts"],"mappings":";;;;;UAgBiB,kBAAA;EACf,MAAA,EAAQ,MAAA;EACR,SAAA;EACA,aAAA,GAAgB,WAAA;EAChB,SAAA,GAAY,aAAA;EACZ,eAAA;IAAoB,SAAA;IAAmB,QAAA;EAAA;EACvC,iBAAA,GAAoB,iBAAA;EACpB,KAAA,GAAQ,SAAA;EANR;;;;EAWA,MAAA;EARA;;;;EAaA,MAAA;AAAA;AAAA,iBAGc,WAAA,CAAY,OAAA,EAAS,kBAAA,GAAqB,eAAA"}

package/dist/hooks/use-pipe-form.mjs

@@ -0,0 +1,65 @@
+import { useFormCore } from "./use-form-core.mjs";
+import { useMemo, useState } from "react";
+import { getPipeDefaultPayload, getPipePayloadFormConfig, getPipePayloadSchema } from "@pipe0/base";
+
+//#region src/hooks/use-pipe-form.ts
+function usePipeForm(options) {
+	const { pipeId, publicKey, defaultValues, resolvers, validationContext, store: defaultFormStore, scopes, teamId } = options;
+	const schema = useMemo(() => getPipePayloadSchema(pipeId), [pipeId]);
+	const [store, setStore] = useState(defaultFormStore ?? { field_options: {} });
+	const core = useFormCore({
+		pipeOrSearchId: pipeId,
+		kind: "pipe",
+		schema,
+		publicKey,
+		defaultValues,
+		store,
+		setStore,
+		formConfig: useMemo(() => {
+			const defaultPayload = getPipeDefaultPayload(pipeId);
+			if (!defaultPayload) throw new Error("No default payload");
+			return getPipePayloadFormConfig({
+				pipePayload: defaultPayload,
+				store,
+				validationContext,
+				formResolvers: resolvers
+			});
+		}, [
+			pipeId,
+			defaultValues,
+			validationContext,
+			store
+		]),
+		resolvers,
+		environment: validationContext?.environment,
+		scopes,
+		teamId
+	});
+	return useMemo(() => ({
+		id: pipeId,
+		publicKey,
+		form: core.form,
+		sections: core.sections,
+		fields: core.fields,
+		connectionsStatus: core.connectionsStatus,
+		fieldLoadStates: core.fieldLoadStates,
+		resolvers,
+		store,
+		reset: core.reset
+	}), [
+		pipeId,
+		publicKey,
+		core.form,
+		core.sections,
+		core.fields,
+		core.connectionsStatus,
+		core.fieldLoadStates,
+		resolvers,
+		store,
+		core.reset
+	]);
+}
+
+//#endregion
+export { usePipeForm };
+//# sourceMappingURL=use-pipe-form.mjs.map

package/dist/hooks/use-pipe-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pipe-form.mjs","names":[],"sources":["../../src/hooks/use-pipe-form.ts"],"sourcesContent":["import {\n  type FormResolvers,\n  type FormStore,\n  getPipeDefaultPayload,\n  getPipePayloadFormConfig,\n  getPipePayloadSchema,\n  type PipeId,\n  type PipePayload,\n  type ValidationContext,\n} from \"@pipe0/base\";\nimport { useMemo, useState } from \"react\";\nimport type { PipeFormContext } from \"../context/pipe-form-context.js\";\nimport { type ResourceStatus, useFormCore } from \"./use-form-core.js\";\n\nexport type { PipeFormContext, ResourceStatus };\n\nexport interface UsePipeFormOptions {\n  pipeId: PipeId;\n  publicKey: string;\n  defaultValues?: PipePayload;\n  resolvers?: FormResolvers;\n  userConnections?: { public_id: string; provider: string }[];\n  validationContext?: ValidationContext;\n  store?: FormStore;\n  /**\n   * Form-level scope tags. Bundled into every `resolvers.getSecrets` call so\n   * the backend can return only the secrets allowed in the declared scopes.\n   */\n  scopes?: string[];\n  /**\n   * Current team context. Bundled into every `resolvers.getSecrets` call so\n   * the backend can restrict team-level secrets to this team only.\n   */\n  teamId?: string;\n}\n\nexport function usePipeForm(options: UsePipeFormOptions): PipeFormContext {\n  const {\n    pipeId,\n    publicKey,\n    defaultValues,\n    resolvers,\n    validationContext,\n    store: defaultFormStore,\n    scopes,\n    teamId,\n  } = options;\n\n  const schema = useMemo(() => getPipePayloadSchema(pipeId), [pipeId]);\n\n  const [store, setStore] = useState<FormStore>(defaultFormStore ?? { field_options: {} });\n\n  const formConfig = useMemo(() => {\n    const defaultPayload = getPipeDefaultPayload(pipeId);\n    if (!defaultPayload) throw new Error(\"No default payload\");\n\n    return getPipePayloadFormConfig({\n      pipePayload: defaultPayload,\n      store,\n      validationContext,\n      formResolvers: resolvers,\n    });\n  }, [pipeId, defaultValues, validationContext, store]);\n\n  const core = useFormCore<PipePayload>({\n    pipeOrSearchId: pipeId,\n    kind: \"pipe\",\n    schema,\n    publicKey,\n    defaultValues,\n    store,\n    setStore,\n    formConfig,\n    resolvers,\n    environment: validationContext?.environment,\n    scopes,\n    teamId,\n  });\n\n  return useMemo<PipeFormContext>(\n    () => ({\n      id: pipeId,\n      publicKey,\n      form: core.form,\n      sections: core.sections,\n      fields: core.fields,\n      connectionsStatus: core.connectionsStatus,\n      fieldLoadStates: core.fieldLoadStates,\n      resolvers,\n      store,\n      reset: core.reset,\n    }),\n    [\n      pipeId,\n      publicKey,\n      core.form,\n      core.sections,\n      core.fields,\n      core.connectionsStatus,\n      core.fieldLoadStates,\n      resolvers,\n      store,\n      core.reset,\n    ],\n  );\n}\n"],"mappings":";;;;;AAoCA,SAAgB,YAAY,SAA8C;CACxE,MAAM,EACJ,QACA,WACA,eACA,WACA,mBACA,OAAO,kBACP,QACA,WACE;CAEJ,MAAM,SAAS,cAAc,qBAAqB,OAAO,EAAE,CAAC,OAAO,CAAC;CAEpE,MAAM,CAAC,OAAO,YAAY,SAAoB,oBAAoB,EAAE,eAAe,EAAE,EAAE,CAAC;CAcxF,MAAM,OAAO,YAAyB;EACpC,gBAAgB;EAChB,MAAM;EACN;EACA;EACA;EACA;EACA;EACA,YApBiB,cAAc;GAC/B,MAAM,iBAAiB,sBAAsB,OAAO;AACpD,OAAI,CAAC,eAAgB,OAAM,IAAI,MAAM,qBAAqB;AAE1D,UAAO,yBAAyB;IAC9B,aAAa;IACb;IACA;IACA,eAAe;IAChB,CAAC;KACD;GAAC;GAAQ;GAAe;GAAmB;GAAM,CAAC;EAWnD;EACA,aAAa,mBAAmB;EAChC;EACA;EACD,CAAC;AAEF,QAAO,eACE;EACL,IAAI;EACJ;EACA,MAAM,KAAK;EACX,UAAU,KAAK;EACf,QAAQ,KAAK;EACb,mBAAmB,KAAK;EACxB,iBAAiB,KAAK;EACtB;EACA;EACA,OAAO,KAAK;EACb,GACD;EACE;EACA;EACA,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL;EACA;EACA,KAAK;EACN,CACF"}

package/dist/hooks/use-search-catalog-table.d.mts

@@ -0,0 +1,40 @@
+import { SearchCardData } from "../types/catalog-adapters.mjs";
+import * as _$react from "react";
+import { CatalogFilter, SearchCatalogTableData, SearchCategory, SearchId } from "@pipe0/base";
+import * as _$_tanstack_react_table0 from "@tanstack/react-table";
+import { ColumnFilter } from "@tanstack/react-table";
+
+//#region src/hooks/use-search-catalog-table.d.ts
+type SearchOutputFieldEntries = Record<string, SearchId[]>;
+declare function useSearchCatalogTable(config?: {
+  initialColumnFilters?: ColumnFilter[]; /** Optional whitelist/blacklist of searches and providers. Memoize. */
+  filter?: CatalogFilter;
+}): {
+  table: _$_tanstack_react_table0.Table<SearchCatalogTableData>;
+  cards: SearchCardData[];
+  cardsByCategory: {
+    category: SearchCategory;
+    cards: SearchCardData[];
+  }[];
+  categoryCounts: Partial<Record<SearchCategory, number>>;
+  baselineCardCount: number;
+  baselineCategoryCounts: Partial<Record<SearchCategory, number>>;
+  category: SearchCategory | null;
+  setCategory: (category: SearchCategory | null) => void;
+  globalFilterInput: string;
+  setGlobalFilterInput: _$react.Dispatch<_$react.SetStateAction<string>>;
+  addColumnFilter: (id: "inputFields" | "outputFields" | "tags" | "providers", value: string) => void;
+  removeColumnFilter: (id: "inputFields" | "outputFields" | "tags" | "providers") => void;
+  resetFilters: () => void;
+  getColumnFilterValue: (id: "inputFields" | "outputFields" | "tags" | "providers") => string;
+  sortedOutputFieldEntries: [string, ("companies:profiles:crustdata@1" | "companies:profiles:amplemarket@1" | "people:profiles:crustdata@1" | "people:profiles:amplemarket@1")[]][];
+  sortedTagEntries: [string, ("companies:profiles:crustdata@1" | "companies:profiles:amplemarket@1" | "people:profiles:crustdata@1" | "people:profiles:amplemarket@1")[]][];
+  sortedProviderEntries: [string, ("companies:profiles:crustdata@1" | "companies:profiles:amplemarket@1" | "people:profiles:crustdata@1" | "people:profiles:amplemarket@1")[]][];
+  searchIdsByOutputField: Record<string, ("companies:profiles:crustdata@1" | "companies:profiles:amplemarket@1" | "people:profiles:crustdata@1" | "people:profiles:amplemarket@1")[]>;
+  searchIdsByProvider: Record<string, ("companies:profiles:crustdata@1" | "companies:profiles:amplemarket@1" | "people:profiles:crustdata@1" | "people:profiles:amplemarket@1")[]>;
+  searchIdsByTag: Record<string, ("companies:profiles:crustdata@1" | "companies:profiles:amplemarket@1" | "people:profiles:crustdata@1" | "people:profiles:amplemarket@1")[]>;
+};
+type UseSearchCatalogTableReturn = ReturnType<typeof useSearchCatalogTable>;
+//#endregion
+export { SearchOutputFieldEntries, UseSearchCatalogTableReturn, useSearchCatalogTable };
+//# sourceMappingURL=use-search-catalog-table.d.mts.map

package/dist/hooks/use-search-catalog-table.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-search-catalog-table.d.mts","names":[],"sources":["../../src/hooks/use-search-catalog-table.ts"],"mappings":";;;;;;;KAyBY,wBAAA,GAA2B,MAAA,SAAe,QAAA;AAAA,iBAiCtC,qBAAA,CACd,MAAA;EACE,oBAAA,GAAuB,YAAA;EAEvB,MAAA,GAAS,aAAA;AAAA;;;;cAmHiC,cAAA;WAAuB,cAAA;EAAA;;;;;0BA1CtD,cAAA;;yCAAc,OAAA,CAAA,cAAA;+EApBiC,KAAA;;;;;;;;;;;KAmIlD,2BAAA,GAA8B,UAAA,QAAkB,qBAAA"}

package/dist/hooks/use-search-catalog-table.mjs

@@ -0,0 +1,161 @@
+import { fuzzyFilter } from "../utils/catalog-helpers.mjs";
+import { useDebounce } from "./use-debounce.mjs";
+import { useCallback, useMemo, useState } from "react";
+import { filterSearchEntries, getDefaultSearchOutputFields, getInitialSearchTableData, getLoweestSearchCreditAmount, getSearchTableDataAggregates, getStartingCostPerSearchProvider } from "@pipe0/base";
+import { createColumnHelper, getCoreRowModel, getFilteredRowModel, useReactTable } from "@tanstack/react-table";
+
+//#region src/hooks/use-search-catalog-table.ts
+const columnHelper = createColumnHelper();
+const columns = [
+	columnHelper.accessor("searchId", {
+		filterFn: "includesString",
+		enableGlobalFilter: true
+	}),
+	columnHelper.accessor("description", {
+		filterFn: "fuzzy",
+		enableGlobalFilter: true
+	}),
+	columnHelper.accessor("label", {
+		filterFn: "includesString",
+		enableGlobalFilter: true
+	}),
+	columnHelper.accessor((row) => getDefaultSearchOutputFields(row.searchId) || [], {
+		id: "outputFields",
+		filterFn: "arrIncludes",
+		enableGlobalFilter: false
+	}),
+	columnHelper.accessor((row) => row.tags || [], {
+		id: "tags",
+		filterFn: "arrIncludes",
+		enableGlobalFilter: true
+	}),
+	columnHelper.accessor((row) => row.provider, {
+		id: "providers",
+		enableGlobalFilter: true
+	})
+];
+function useSearchCatalogTable(config = {}) {
+	const [category, setCategory] = useState(null);
+	const { initialColumnFilters = [], filter } = config;
+	const initialSearchTableData = useMemo(() => filterSearchEntries(getInitialSearchTableData(category), filter), [category, filter]);
+	const baselineTableData = useMemo(() => filterSearchEntries(getInitialSearchTableData(null), filter), [filter]);
+	const table = useReactTable({
+		columns,
+		data: initialSearchTableData,
+		getCoreRowModel: getCoreRowModel(),
+		getFilteredRowModel: getFilteredRowModel(),
+		globalFilterFn: fuzzyFilter,
+		filterFns: { fuzzy: fuzzyFilter },
+		getColumnCanGlobalFilter: (column) => column.columnDef.enableGlobalFilter !== false,
+		initialState: {
+			columnFilters: initialColumnFilters,
+			pagination: { pageSize: 10 }
+		}
+	});
+	const columnFilters = table.getState().columnFilters;
+	const aggregates = useMemo(() => getSearchTableDataAggregates(initialSearchTableData, category), [category, initialSearchTableData]);
+	const [globalFilterInput, setGlobalFilterInput, setGlobalFilterImmediately] = useDebounce((v) => {
+		if (v === table.getState().globalFilter) return;
+		table.setGlobalFilter(v);
+		if (v) {
+			setCategory(null);
+			table.setColumnFilters([]);
+		}
+	});
+	const addColumnFilter = useCallback((id, value) => {
+		setGlobalFilterImmediately("");
+		table.setColumnFilters([{
+			id,
+			value
+		}]);
+	}, [setGlobalFilterImmediately, table]);
+	const resetFilters = useCallback(() => {
+		setGlobalFilterImmediately("");
+		setCategory(null);
+	}, [setGlobalFilterImmediately]);
+	const removeColumnFilter = useCallback((id) => {
+		table.getColumn(id)?.setFilterValue(null);
+	}, [table]);
+	const handleCategoryChange = useCallback((category) => {
+		setCategory(category);
+		table.setColumnFilters([]);
+		setGlobalFilterImmediately("");
+	}, [table, setGlobalFilterImmediately]);
+	const getColumnFilterValue = useCallback((id) => {
+		return columnFilters.find((f) => f.id === id)?.value;
+	}, [columnFilters]);
+	const rows = table.getRowModel().rows;
+	const cards = useMemo(() => rows.map((row) => {
+		const entry = row.original;
+		const latestEntry = aggregates.searchEntriesByBaseSearch[entry.baseSearch]?.[0] ?? entry;
+		return {
+			searchId: latestEntry.searchId,
+			baseSearch: entry.baseSearch,
+			label: entry.label,
+			description: entry.description,
+			provider: entry.provider,
+			providers: [entry.provider],
+			startingCostPerProvider: getStartingCostPerSearchProvider(latestEntry.searchId),
+			startingCreditAmount: getLoweestSearchCreditAmount(latestEntry),
+			costMode: latestEntry.cost.mode,
+			defaultOutputFields: getDefaultSearchOutputFields(latestEntry.searchId),
+			docPath: latestEntry.docPath,
+			entry,
+			latestEntry
+		};
+	}), [rows, aggregates.searchEntriesByBaseSearch]);
+	return {
+		table,
+		cards,
+		cardsByCategory: useMemo(() => {
+			const groups = /* @__PURE__ */ new Map();
+			for (const card of cards) {
+				const cats = card.entry.categories ?? [];
+				for (const cat of cats) {
+					const arr = groups.get(cat);
+					if (arr) arr.push(card);
+					else groups.set(cat, [card]);
+				}
+			}
+			return Array.from(groups, ([category, group]) => ({
+				category,
+				cards: group
+			}));
+		}, [cards]),
+		categoryCounts: useMemo(() => {
+			const counts = {};
+			for (const card of cards) {
+				const cats = card.entry.categories ?? [];
+				for (const cat of cats) counts[cat] = (counts[cat] ?? 0) + 1;
+			}
+			return counts;
+		}, [cards]),
+		baselineCardCount: baselineTableData.length,
+		baselineCategoryCounts: useMemo(() => {
+			const counts = {};
+			for (const entry of baselineTableData) {
+				const cats = entry.categories ?? [];
+				for (const cat of cats) counts[cat] = (counts[cat] ?? 0) + 1;
+			}
+			return counts;
+		}, [baselineTableData]),
+		category,
+		setCategory: handleCategoryChange,
+		globalFilterInput,
+		setGlobalFilterInput,
+		addColumnFilter,
+		removeColumnFilter,
+		resetFilters,
+		getColumnFilterValue,
+		sortedOutputFieldEntries: aggregates.sortedOutputFieldEntries,
+		sortedTagEntries: aggregates.sortedTagEntries,
+		sortedProviderEntries: aggregates.sortedProviderEntries,
+		searchIdsByOutputField: aggregates.searchIdsByOutputField,
+		searchIdsByProvider: aggregates.searchIdsByProvider,
+		searchIdsByTag: aggregates.searchIdsByTag
+	};
+}
+
+//#endregion
+export { useSearchCatalogTable };
+//# sourceMappingURL=use-search-catalog-table.mjs.map

package/dist/hooks/use-search-catalog-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-search-catalog-table.mjs","names":[],"sources":["../../src/hooks/use-search-catalog-table.ts"],"sourcesContent":["import {\n  type CatalogFilter,\n  filterSearchEntries,\n  getDefaultSearchOutputFields,\n  getInitialSearchTableData,\n  getLoweestSearchCreditAmount,\n  getSearchTableDataAggregates,\n  getStartingCostPerSearchProvider,\n  type SearchCatalogEntry,\n  type SearchCatalogTableData,\n  type SearchCategory,\n  type SearchId,\n} from \"@pipe0/base\";\nimport {\n  type ColumnFilter,\n  createColumnHelper,\n  getCoreRowModel,\n  getFilteredRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { CostMode, SearchCardData } from \"../types/catalog-adapters.js\";\nimport { fuzzyFilter } from \"../utils/catalog-helpers.js\";\nimport { useDebounce } from \"./use-debounce.js\";\n\nexport type SearchOutputFieldEntries = Record<string, SearchId[]>;\n\nconst columnHelper = createColumnHelper<SearchCatalogTableData>();\n\nconst columns = [\n  columnHelper.accessor(\"searchId\", {\n    filterFn: \"includesString\",\n    enableGlobalFilter: true,\n  }),\n  columnHelper.accessor(\"description\", {\n    filterFn: \"fuzzy\" as any,\n    enableGlobalFilter: true,\n  }),\n  columnHelper.accessor(\"label\", {\n    filterFn: \"includesString\",\n    enableGlobalFilter: true,\n  }),\n  columnHelper.accessor((row) => getDefaultSearchOutputFields(row.searchId) || [], {\n    id: \"outputFields\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: false,\n  }),\n  columnHelper.accessor((row) => row.tags || [], {\n    id: \"tags\",\n    filterFn: \"arrIncludes\",\n    enableGlobalFilter: true,\n  }),\n  columnHelper.accessor((row) => row.provider, {\n    id: \"providers\",\n    enableGlobalFilter: true,\n  }),\n];\n\nexport function useSearchCatalogTable(\n  config: {\n    initialColumnFilters?: ColumnFilter[];\n    /** Optional whitelist/blacklist of searches and providers. Memoize. */\n    filter?: CatalogFilter;\n  } = {},\n) {\n  const [category, setCategory] = useState<SearchCategory | null>(null);\n  const { initialColumnFilters = [] as ColumnFilter[], filter } = config;\n\n  const initialSearchTableData = useMemo(\n    () => filterSearchEntries(getInitialSearchTableData(category), filter),\n    [category, filter],\n  );\n\n  // Baseline (config.filter applied, but no category / column / global filter).\n  // Drives the stable category-button counts so the row doesn't jump.\n  const baselineTableData = useMemo(\n    () => filterSearchEntries(getInitialSearchTableData(null), filter),\n    [filter],\n  );\n\n  const table = useReactTable({\n    columns,\n    data: initialSearchTableData,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    globalFilterFn: fuzzyFilter,\n    filterFns: {\n      fuzzy: fuzzyFilter,\n    },\n    getColumnCanGlobalFilter: (column) => column.columnDef.enableGlobalFilter !== false,\n    initialState: {\n      columnFilters: initialColumnFilters,\n      pagination: {\n        pageSize: 10,\n      },\n    },\n  });\n\n  const columnFilters = table.getState().columnFilters;\n\n  const aggregates = useMemo(\n    () => getSearchTableDataAggregates(initialSearchTableData, category),\n    [category, initialSearchTableData],\n  );\n\n  const [globalFilterInput, setGlobalFilterInput, setGlobalFilterImmediately] = useDebounce((v) => {\n    if (v === table.getState().globalFilter) return;\n    table.setGlobalFilter(v);\n    if (v) {\n      setCategory(null);\n      table.setColumnFilters([]);\n    }\n  });\n\n  const addColumnFilter = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\", value: string) => {\n      setGlobalFilterImmediately(\"\");\n      table.setColumnFilters([{ id, value }]);\n    },\n    [setGlobalFilterImmediately, table],\n  );\n\n  const resetFilters = useCallback(() => {\n    setGlobalFilterImmediately(\"\");\n    setCategory(null);\n  }, [setGlobalFilterImmediately]);\n\n  const removeColumnFilter = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n      table.getColumn(id)?.setFilterValue(null);\n    },\n    [table],\n  );\n\n  const handleCategoryChange = useCallback(\n    (category: SearchCategory | null) => {\n      setCategory(category);\n      table.setColumnFilters([]);\n      setGlobalFilterImmediately(\"\");\n    },\n    [table, setGlobalFilterImmediately],\n  );\n\n  const getColumnFilterValue = useCallback(\n    (id: \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\") => {\n      const res = columnFilters.find((f) => f.id === id)?.value;\n      return res as string;\n    },\n    [columnFilters],\n  );\n\n  const rows = table.getRowModel().rows;\n  const cards = useMemo<SearchCardData[]>(\n    () =>\n      rows.map((row) => {\n        const entry = row.original;\n        const latestEntry = (aggregates.searchEntriesByBaseSearch[entry.baseSearch]?.[0] ??\n          entry) as SearchCatalogEntry & { searchId: SearchId };\n        return {\n          searchId: latestEntry.searchId,\n          baseSearch: entry.baseSearch,\n          label: entry.label,\n          description: entry.description,\n          provider: entry.provider,\n          providers: [entry.provider],\n          startingCostPerProvider: getStartingCostPerSearchProvider(latestEntry.searchId),\n          startingCreditAmount: getLoweestSearchCreditAmount(latestEntry),\n          costMode: latestEntry.cost.mode as CostMode,\n          defaultOutputFields: getDefaultSearchOutputFields(latestEntry.searchId),\n          docPath: latestEntry.docPath,\n          entry: entry as SearchCatalogTableData,\n          latestEntry,\n        };\n      }),\n    [rows, aggregates.searchEntriesByBaseSearch],\n  );\n\n  const cardsByCategory = useMemo<{ category: SearchCategory; cards: SearchCardData[] }[]>(() => {\n    const groups = new Map<SearchCategory, SearchCardData[]>();\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        const arr = groups.get(cat);\n        if (arr) arr.push(card);\n        else groups.set(cat, [card]);\n      }\n    }\n    return Array.from(groups, ([category, group]) => ({\n      category,\n      cards: group,\n    }));\n  }, [cards]);\n\n  const categoryCounts = useMemo<Partial<Record<SearchCategory, number>>>(() => {\n    const counts: Partial<Record<SearchCategory, number>> = {};\n    for (const card of cards) {\n      const cats = (card.entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [cards]);\n\n  // Stable counts based on the baseline (no category / column / global filter\n  // applied).\n  const baselineCardCount = baselineTableData.length;\n  const baselineCategoryCounts = useMemo<Partial<Record<SearchCategory, number>>>(() => {\n    const counts: Partial<Record<SearchCategory, number>> = {};\n    for (const entry of baselineTableData) {\n      const cats = (entry.categories ?? []) as SearchCategory[];\n      for (const cat of cats) {\n        counts[cat] = (counts[cat] ?? 0) + 1;\n      }\n    }\n    return counts;\n  }, [baselineTableData]);\n\n  return {\n    table,\n    cards,\n    cardsByCategory,\n    categoryCounts,\n    baselineCardCount,\n    baselineCategoryCounts,\n\n    category,\n    setCategory: handleCategoryChange,\n    globalFilterInput,\n    setGlobalFilterInput,\n\n    addColumnFilter,\n    removeColumnFilter,\n    resetFilters,\n    getColumnFilterValue,\n\n    sortedOutputFieldEntries: aggregates.sortedOutputFieldEntries,\n    sortedTagEntries: aggregates.sortedTagEntries,\n    sortedProviderEntries: aggregates.sortedProviderEntries,\n\n    searchIdsByOutputField: aggregates.searchIdsByOutputField,\n    searchIdsByProvider: aggregates.searchIdsByProvider,\n    searchIdsByTag: aggregates.searchIdsByTag,\n  };\n}\n\nexport type UseSearchCatalogTableReturn = ReturnType<typeof useSearchCatalogTable>;\n"],"mappings":"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"}

package/dist/hooks/use-search-form.d.mts

@@ -0,0 +1,17 @@
+import { ResourceStatus } from "./use-form-core.mjs";
+import { SearchFormContext } from "../context/search-form-context.mjs";
+import { FormResolvers, FormStore, PipesEnvironment, SearchId, SearchPayload } from "@pipe0/base";
+
+//#region src/hooks/use-search-form.d.ts
+interface UseSearchFormOptions {
+  searchId: SearchId;
+  publicKey: string;
+  defaultValues?: SearchPayload;
+  resolvers?: FormResolvers;
+  environment?: PipesEnvironment;
+  store?: FormStore;
+}
+declare function useSearchForm(options: UseSearchFormOptions): SearchFormContext;
+//#endregion
+export { UseSearchFormOptions, useSearchForm };
+//# sourceMappingURL=use-search-form.d.mts.map

package/dist/hooks/use-search-form.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-search-form.d.mts","names":[],"sources":["../../src/hooks/use-search-form.ts"],"mappings":";;;;;UAeiB,oBAAA;EACf,QAAA,EAAU,QAAA;EACV,SAAA;EACA,aAAA,GAAgB,aAAA;EAChB,SAAA,GAAY,aAAA;EACZ,WAAA,GAAc,gBAAA;EACd,KAAA,GAAQ,SAAA;AAAA;AAAA,iBAGM,aAAA,CAAc,OAAA,EAAS,oBAAA,GAAuB,iBAAA"}

package/dist/hooks/use-search-form.mjs

@@ -0,0 +1,58 @@
+import { useFormCore } from "./use-form-core.mjs";
+import { useMemo, useState } from "react";
+import { getSearchPayloadFormConfig, getSearchPayloadSchema } from "@pipe0/base";
+
+//#region src/hooks/use-search-form.ts
+function useSearchForm(options) {
+	const { searchId, publicKey, defaultValues, resolvers, environment, store: defaultStore } = options;
+	const schema = useMemo(() => getSearchPayloadSchema(searchId), [searchId]);
+	const [store, setStore] = useState(defaultStore ?? { field_options: {} });
+	const core = useFormCore({
+		pipeOrSearchId: searchId,
+		kind: "search",
+		schema,
+		publicKey,
+		defaultValues,
+		store,
+		setStore,
+		formConfig: useMemo(() => {
+			return getSearchPayloadFormConfig({
+				searchPayload: defaultValues ?? { search_id: searchId },
+				formContext: store
+			});
+		}, [
+			searchId,
+			defaultValues,
+			store
+		]),
+		resolvers,
+		environment
+	});
+	return useMemo(() => ({
+		id: searchId,
+		publicKey,
+		form: core.form,
+		sections: core.sections,
+		fields: core.fields,
+		connectionsStatus: core.connectionsStatus,
+		fieldLoadStates: core.fieldLoadStates,
+		resolvers,
+		store,
+		reset: core.reset
+	}), [
+		searchId,
+		publicKey,
+		core.form,
+		core.sections,
+		core.fields,
+		core.connectionsStatus,
+		core.fieldLoadStates,
+		resolvers,
+		store,
+		core.reset
+	]);
+}
+
+//#endregion
+export { useSearchForm };
+//# sourceMappingURL=use-search-form.mjs.map

package/dist/hooks/use-search-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-search-form.mjs","names":[],"sources":["../../src/hooks/use-search-form.ts"],"sourcesContent":["import {\n  type FormResolvers,\n  type FormStore,\n  getSearchPayloadFormConfig,\n  getSearchPayloadSchema,\n  type PipesEnvironment,\n  type SearchId,\n  type SearchPayload,\n} from \"@pipe0/base\";\nimport { useMemo, useState } from \"react\";\nimport type { SearchFormContext } from \"../context/search-form-context.js\";\nimport { type ResourceStatus, useFormCore } from \"./use-form-core.js\";\n\nexport type { ResourceStatus, SearchFormContext };\n\nexport interface UseSearchFormOptions {\n  searchId: SearchId;\n  publicKey: string;\n  defaultValues?: SearchPayload;\n  resolvers?: FormResolvers;\n  environment?: PipesEnvironment;\n  store?: FormStore;\n}\n\nexport function useSearchForm(options: UseSearchFormOptions): SearchFormContext {\n  const {\n    searchId,\n    publicKey,\n    defaultValues,\n    resolvers,\n    environment,\n    store: defaultStore,\n  } = options;\n\n  const schema = useMemo(() => getSearchPayloadSchema(searchId), [searchId]);\n\n  const [store, setStore] = useState<FormStore>(defaultStore ?? { field_options: {} });\n\n  const formConfig = useMemo(() => {\n    return getSearchPayloadFormConfig({\n      searchPayload: defaultValues ?? ({ search_id: searchId } as SearchPayload),\n      formContext: store,\n    });\n  }, [searchId, defaultValues, store]);\n\n  const core = useFormCore<SearchPayload>({\n    pipeOrSearchId: searchId,\n    kind: \"search\",\n    schema,\n    publicKey,\n    defaultValues,\n    store,\n    setStore,\n    formConfig,\n    resolvers,\n    environment,\n  });\n\n  return useMemo<SearchFormContext>(\n    () => ({\n      id: searchId,\n      publicKey,\n      form: core.form,\n      sections: core.sections,\n      fields: core.fields,\n      connectionsStatus: core.connectionsStatus,\n      fieldLoadStates: core.fieldLoadStates,\n      resolvers,\n      store,\n      reset: core.reset,\n    }),\n    [\n      searchId,\n      publicKey,\n      core.form,\n      core.sections,\n      core.fields,\n      core.connectionsStatus,\n      core.fieldLoadStates,\n      resolvers,\n      store,\n      core.reset,\n    ],\n  );\n}\n"],"mappings":";;;;;AAwBA,SAAgB,cAAc,SAAkD;CAC9E,MAAM,EACJ,UACA,WACA,eACA,WACA,aACA,OAAO,iBACL;CAEJ,MAAM,SAAS,cAAc,uBAAuB,SAAS,EAAE,CAAC,SAAS,CAAC;CAE1E,MAAM,CAAC,OAAO,YAAY,SAAoB,gBAAgB,EAAE,eAAe,EAAE,EAAE,CAAC;CASpF,MAAM,OAAO,YAA2B;EACtC,gBAAgB;EAChB,MAAM;EACN;EACA;EACA;EACA;EACA;EACA,YAfiB,cAAc;AAC/B,UAAO,2BAA2B;IAChC,eAAe,iBAAkB,EAAE,WAAW,UAAU;IACxD,aAAa;IACd,CAAC;KACD;GAAC;GAAU;GAAe;GAAM,CAAC;EAWlC;EACA;EACD,CAAC;AAEF,QAAO,eACE;EACL,IAAI;EACJ;EACA,MAAM,KAAK;EACX,UAAU,KAAK;EACf,QAAQ,KAAK;EACb,mBAAmB,KAAK;EACxB,iBAAiB,KAAK;EACtB;EACA;EACA,OAAO,KAAK;EACb,GACD;EACE;EACA;EACA,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL;EACA;EACA,KAAK;EACN,CACF"}