@flanksource/clicky-ui 0.3.21 → 0.3.23

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

@@ -1 +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\n// Only a filter that holds a value can be backed by an atom. A date range\n// carries two edges it applies together, and is bound through\n// JotaiFilterBarRangeProps instead.\ntype ValuedFilterBarFilter = Extract<FilterBarFilter, { value: unknown }>;\n\ntype AtomizedFilter<TFilter extends ValuedFilterBarFilter> = 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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"}
+{"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  FilterBarWorkloadFilter,\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\n// Only a filter that holds a value can be backed by an atom. A date range\n// carries two edges it applies together, and is bound through\n// JotaiFilterBarRangeProps instead.\ntype ValuedFilterBarFilter = Extract<FilterBarFilter, { value: unknown }>;\n\ntype AtomizedFilter<TFilter extends ValuedFilterBarFilter> = Omit<TFilter, \"value\" | \"onChange\"> & {\n  atom: JotaiWritableAtom<TFilter[\"value\"]>;\n  onChange?: TFilter[\"onChange\"];\n};\n\nexport type JotaiFilterBarTextFilter = AtomizedFilter<FilterBarTextFilter>;\nexport type JotaiFilterBarWorkloadFilter = AtomizedFilter<FilterBarWorkloadFilter>;\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  | JotaiFilterBarWorkloadFilter\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 \"workload\": {\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":";;AAwFA,SAAS,qBAAqB,OAAuB;AACnD,QAAM,QAAQ,SAAA;AACd,QAAM,CAAA,EAAG,WAAW,IAAI,WAAW,CAAC,UAAkB,QAAQ,GAAG,CAAC;AAClE,QAAM,cAAc,QAAQ,MAAM,MAAM,KAAK,IAAI,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;AAErE,YAAU,MAAM;AACd,QAAI,YAAY,WAAW,EAAG,QAAO;AACrC,UAAM,gBAAgB,YAAY,IAAI,CAAC,SAAS,MAAM,IAAI,MAAM,WAAW,CAAC;AAC5E,WAAO,MAAM;AACX,oBAAc,QAAQ,CAAC,gBAAgB,YAAA,CAAa;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,OAAO,WAAW,CAAC;AACzB;AAEA,SAAS,mBAA0B,MAAgC;AACjE,QAAM,QAAQ,SAAA;AACd,QAAM,QAAQ,MAAM,IAAI,IAAI;AAC5B,QAAM,WAAW;AAAA,IACf,CAAC,SAAgB;AACf,YAAM,IAAI,MAAM,IAAI;AAAA,IACtB;AAAA,IACA,CAAC,MAAM,KAAK;AAAA,EAAA;AAEd,SAAO,CAAC,OAAO,QAAQ;AACzB;AAEO,SAAS,4BACd,MACA,UACiD;AACjD,QAAM,QAAQ,QAAQ,MAAM,CAAC,IAAoB,GAAG,CAAC,IAAI,CAAC;AAC1D,uBAAqB,KAAK;AAC1B,QAAM,CAAC,OAAO,QAAQ,IAAI,mBAAmB,IAAI;AAEjD,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA,UAAU,CAAC,SAAkC;AAC3C,iBAAS,IAAI;AACb,6CAAW;AAAA,MACb;AAAA,IAAA;AAAA,IAEF,CAAC,UAAU,UAAU,KAAK;AAAA,EAAA;AAE9B;AAEA,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,OAAuB,CAAA;AAC7B,QAAI,OAAQ,MAAK,KAAK,OAAO,IAAoB;AACjD,uCAAS,QAAQ,CAAC,WAAW,KAAK,KAAK,OAAO,IAAoB;AAClE,QAAI,UAAW,MAAK,KAAK,UAAU,IAAoB;AACvD,QAAI,UAAW,MAAK,KAAK,UAAU,IAAoB;AACvD,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,SAAS,QAAQ,SAAS,CAAC;AAC1C,uBAAqB,KAAK;AAC5B;AAEA,SAAS,eAAe,QAAiF;AACvG,QAAM,QAAQ,SAAA;AACd,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,EAAE,MAAM,UAAU,GAAG,SAAS;AACpC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,MAAM,IAAI,IAAI;AAAA,IACrB,UAAU,CAAC,SAAiB;AAC1B,YAAM,IAAI,MAAM,IAAI;AACpB,2CAAW;AAAA,IACb;AAAA,EAAA;AAEJ;AAEA,SAAS,cAAc,OAA8E;AACnG,QAAM,QAAQ,SAAA;AACd,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,EAAE,MAAM,SAAS,GAAG,SAAS;AACnC,QAAM,QAAQ,MAAM,IAAI,IAAI;AAC5B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAI,MAAM,SAAS,SAAY,EAAE,MAAM,MAAM,KAAA,IAAS,CAAA;AAAA,IACtD,GAAI,MAAM,OAAO,SAAY,EAAE,IAAI,MAAM,GAAA,IAAO,CAAA;AAAA,IAChD,SAAS,CAAC,MAAc,OAAe;AACrC,YAAM,IAAI,MAAM,EAAE,MAAM,IAAI;AAC5B,yCAAU,MAAM;AAAA,IAClB;AAAA,EAAA;AAEJ;AAEA,SAAS,gBAAgB,SAA4E;AACnG,QAAM,QAAQ,SAAA;AACd,MAAI,CAAC,QAAS,QAAO;AACrB,SAAO,QAAQ,IAAI,CAAC,WAAW,gBAAgB,OAAO,MAAM,CAAC;AAC/D;AAEA,SAAS,gBAAgB,OAAoC,QAA+C;AAC1G,UAAQ,OAAO,MAAA;AAAA,IACb,KAAK,QAAQ;AACX,YAAM,EAAE,MAAM,UAAU,GAAG,SAAS;AACpC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,OAAO,MAAM,IAAI,IAAI;AAAA,QACrB,UAAU,CAAC,SAAiB;AAC1B,gBAAM,IAAI,MAAM,IAAI;AACpB,+CAAW;AAAA,QACb;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,KAAK,UAAU;AACb,YAAM,EAAE,MAAM,UAAU,GAAG,SAAS;AACpC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,OAAO,MAAM,IAAI,IAAI;AAAA,QACrB,UAAU,CAAC,SAAiB;AAC1B,gBAAM,IAAI,MAAM,IAAI;AACpB,+CAAW;AAAA,QACb;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,KAAK,YAAY;AACf,YAAM,EAAE,MAAM,UAAU,GAAG,SAAS;AACpC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,OAAO,MAAM,IAAI,IAAI;AAAA,QACrB,UAAU,CAAC,SAAiB;AAC1B,gBAAM,IAAI,MAAM,IAAI;AACpB,+CAAW;AAAA,QACb;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,KAAK;AAAA,IACL,KAAK,gBAAgB;AACnB,YAAM,EAAE,MAAM,UAAU,GAAG,SAAS;AACpC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,OAAO,MAAM,IAAI,IAAI;AAAA,QACrB,UAAU,CAAC,SAAmB;AAC5B,gBAAM,IAAI,MAAM,IAAI;AACpB,+CAAW;AAAA,QACb;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,KAAK;AAAA,IACL,KAAK,gBAAgB;AACnB,YAAM,EAAE,MAAM,UAAU,GAAG,SAAS;AACpC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,OAAO,MAAM,IAAI,IAAI;AAAA,QACrB,UAAU,CAAC,SAAwC;AACjD,gBAAM,IAAI,MAAM,IAAI;AACpB,+CAAW;AAAA,QACb;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,KAAK,UAAU;AACb,YAAM,EAAE,MAAM,UAAU,GAAG,SAAS;AACpC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,OAAO,MAAM,IAAI,IAAI;AAAA,QACrB,UAAU,CAAC,SAAyC;AAClD,gBAAM,IAAI,MAAM,IAAI;AACpB,+CAAW;AAAA,QACb;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,KAAK,QAAQ;AACX,YAAM,EAAE,MAAM,UAAU,GAAG,SAAS;AACpC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,OAAO,MAAM,IAAI,IAAI;AAAA,QACrB,UAAU,CAAC,SAAiB;AAC1B,gBAAM,IAAI,MAAM,IAAI;AACpB,+CAAW;AAAA,QACb;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,KAAK,WAAW;AACd,YAAM,EAAE,MAAM,UAAU,GAAG,SAAS;AACpC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,OAAO,MAAM,IAAI,IAAI;AAAA,QACrB,UAAU,CAAC,SAAkB;AAC3B,gBAAM,IAAI,MAAM,IAAI;AACpB,+CAAW;AAAA,QACb;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAEJ;AAEO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,yBAAuB,EAAE,QAAQ,SAAS,WAAW,WAAW;AAChE,QAAM,mBAAmB,eAAe,MAAM;AAC9C,QAAM,oBAAoB,gBAAgB,OAAO;AACjD,QAAM,sBAAsB,cAAc,SAAS;AACnD,QAAM,sBAAsB,cAAc,SAAS;AAEnD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAI,mBAAmB,EAAE,QAAQ,iBAAA,IAAqB,CAAA;AAAA,IACtD,GAAI,oBAAoB,EAAE,SAAS,kBAAA,IAAsB,CAAA;AAAA,IACzD,GAAI,sBAAsB,EAAE,WAAW,oBAAA,IAAwB,CAAA;AAAA,IAC/D,GAAI,sBAAsB,EAAE,WAAW,wBAAwB,CAAA;AAAA,EAAC;AAEpE;"}

package/dist/components/json-schema-form-accordion-array.cjs

@@ -1,17 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const utils = require("../lib/utils.cjs");
-const Icon = require("../data/Icon.cjs");
+const AccordionList = require("./AccordionList.cjs");
 const jsonSchemaFormErrors = require("./json-schema-form-errors.cjs");
 const jsonSchemaFormItemRow = require("./json-schema-form-item-row.cjs");
 const jsonSchemaFormItemSummary = require("./json-schema-form-item-summary.cjs");
-const jsonSchemaFormSize = require("./json-schema-form-size.cjs");
 const jsonSchemaFormUtils = require("./json-schema-form-utils.cjs");
-const UiChevronDown = require("../icons/components/UiChevronDown.cjs");
-const UiChevronRight = require("../icons/components/UiChevronRight.cjs");
-const UiAdd = require("../icons/components/UiAdd.cjs");
 function AccordionArray({
   field,
   ctx,
@@ -27,194 +21,64 @@ function AccordionArray({
     depth: ctx.depth + 1,
     ...field.helpDisplay ? { layout: { ...ctx.layout, help: field.helpDisplay } } : {}
   };
-  const [expanded, setExpanded] = react.useState(null);
-  const rowRefs = react.useRef([]);
-  const addRef = react.useRef(null);
-  const pendingFocus = react.useRef(null);
-  react.useEffect(() => {
-    var _a, _b;
-    const pending = pendingFocus.current;
-    if (!pending) return;
-    pendingFocus.current = null;
-    if (pending.kind === "add") {
-      (_a = addRef.current) == null ? void 0 : _a.focus();
-      return;
-    }
-    const row = rowRefs.current[pending.index];
-    if (pending.kind === "row") {
-      row == null ? void 0 : row.focus();
-      return;
-    }
-    const panel = document.getElementById(panelId(pending.index));
-    const input = panel == null ? void 0 : panel.querySelector("[data-jsf-input]");
-    (_b = input ?? row) == null ? void 0 : _b.focus();
-  });
-  function panelId(index) {
-    return `${jsonSchemaFormUtils.fieldInputId(jsonSchemaFormErrors.appendInstancePath(ctx.instancePath, index), ctx.idPrefix)}-panel`;
-  }
-  function headerId(index) {
-    return `${jsonSchemaFormUtils.fieldInputId(jsonSchemaFormErrors.appendInstancePath(ctx.instancePath, index), ctx.idPrefix)}-header`;
-  }
-  function commit(next) {
-    field.onChange(next);
-  }
-  function add() {
-    pendingFocus.current = { kind: "panel", index: items.length };
-    setExpanded(items.length);
-    commit([...items, jsonSchemaFormUtils.seedFromSchema(itemSchema)]);
-  }
-  function remove(index) {
-    setExpanded((open) => open === index ? null : open !== null && open > index ? open - 1 : open);
-    pendingFocus.current = items.length === 1 ? { kind: "add", index: 0 } : { kind: "row", index: Math.max(index - 1, 0) };
-    commit(jsonSchemaFormUtils.removeIndex(items, index));
-  }
-  function duplicate(index) {
-    setExpanded((open) => open !== null && open > index ? open + 1 : open);
-    pendingFocus.current = { kind: "row", index: index + 1 };
-    commit(jsonSchemaFormUtils.duplicateIndex(items, index));
-  }
-  function move(index, to) {
-    setExpanded((open) => open === index ? to : open === to ? index : open);
-    pendingFocus.current = { kind: "row", index: to };
-    commit(jsonSchemaFormUtils.moveItem(items, index, to));
+  function summaryFor(item, index) {
+    var _a;
+    return ((_a = field.itemSummary) == null ? void 0 : _a.call(field, { item, index })) ?? jsonSchemaFormItemSummary.itemSummaryFor({ item, index, spec, itemSchema });
   }
-  function handleKeyDown(e, index) {
-    const stops = rowRefs.current.length;
-    const focusAt = (i) => {
-      var _a;
-      e.preventDefault();
-      (_a = i >= stops ? addRef.current : rowRefs.current[i]) == null ? void 0 : _a.focus();
-    };
-    if (e.key === "ArrowDown") focusAt(Math.min(index + 1, stops));
-    else if (e.key === "ArrowUp" && index > 0) focusAt(index - 1);
-    else if (e.key === "Home") focusAt(0);
-    else if (e.key === "End") focusAt(stops);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils.cn("text-muted-foreground", jsonSchemaFormSize.labelSizeClass[ctx.size]), children: items.length === 0 ? jsonSchemaFormItemSummary.noItemsLabel(spec) : jsonSchemaFormItemSummary.itemCountLabel(spec, items.length) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-border rounded-lg border border-border", children: [
-      items.map((item, i) => {
-        var _a, _b;
-        const open = expanded === i;
-        const summary = ((_a = field.itemSummary) == null ? void 0 : _a.call(field, { item, index: i })) ?? jsonSchemaFormItemSummary.itemSummaryFor({ item, index: i, spec, itemSchema });
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: utils.cn(
-                "flex w-full items-center gap-2 px-3 py-2 hover:bg-accent/40",
-                open && "bg-accent/30"
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    id: headerId(i),
-                    "aria-expanded": open,
-                    "aria-controls": panelId(i),
-                    ref: (el) => {
-                      rowRefs.current[i] = el;
-                    },
-                    onKeyDown: (e) => handleKeyDown(e, i),
-                    onClick: () => setExpanded(open ? null : i),
-                    className: "flex min-w-0 flex-1 items-center gap-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        Icon.Icon,
-                        {
-                          icon: open ? UiChevronDown.UiChevronDown : UiChevronRight.UiChevronRight,
-                          className: "shrink-0 text-sm text-muted-foreground"
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormItemRow.ItemGlyph, { glyph: summary.glyph }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-sm font-medium", children: summary.title }),
-                      /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormItemRow.ItemBadge, { badge: summary.badge }),
-                      summary.flagged && /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormItemRow.RequiredMark, {}),
-                      summary.summary && /* @__PURE__ */ jsxRuntime.jsx("code", { className: "truncate font-mono text-xs text-muted-foreground", children: summary.summary })
-                    ]
-                  }
-                ),
-                !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
-                  jsonSchemaFormItemRow.ItemRowActions,
-                  {
-                    index: i,
-                    title: summary.title,
-                    size: ctx.size,
-                    ...i > 0 ? { onUp: () => move(i, i - 1) } : {},
-                    ...i < items.length - 1 ? { onDown: () => move(i, i + 1) } : {},
-                    onDuplicate: () => duplicate(i),
-                    onRemove: () => remove(i)
-                  }
-                )
-              ]
-            }
-          ),
-          open && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionList.AccordionList,
+    {
+      items,
+      onChange: (next) => field.onChange(next),
+      summary: items.length === 0 ? jsonSchemaFormItemSummary.noItemsLabel(spec) : jsonSchemaFormItemSummary.itemCountLabel(spec, items.length),
+      size: ctx.size,
+      readOnly,
+      itemId: (index) => jsonSchemaFormUtils.fieldInputId(jsonSchemaFormErrors.appendInstancePath(ctx.instancePath, index), ctx.idPrefix),
+      focusSelector: "[data-jsf-input]",
+      itemLabel: ({ item, index }) => summaryFor(item, index).title,
+      allowReorder: jsonSchemaFormItemSummary.itemActionsAllow(spec, "reorder"),
+      allowDuplicate: jsonSchemaFormItemSummary.itemActionsAllow(spec, "duplicate"),
+      allowRemove: jsonSchemaFormItemSummary.itemActionsAllow(spec, "remove"),
+      onCreate: () => jsonSchemaFormUtils.seedFromSchema(itemSchema),
+      addLabel: jsonSchemaFormItemSummary.addItemLabel(spec),
+      ...emptyCopy ? { addDescription: emptyCopy } : {},
+      renderHeader: ({ item, index, open }) => {
+        const summary = summaryFor(item, index);
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormItemRow.ItemGlyph, { glyph: summary.glyph }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-sm font-medium", children: summary.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormItemRow.ItemBadge, { badge: summary.badge }),
+          summary.flagged && /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormItemRow.RequiredMark, {}),
+          summary.summary && /* @__PURE__ */ jsxRuntime.jsx("code", { className: "truncate font-mono text-xs text-muted-foreground", children: summary.summary }),
+          !open && /* @__PURE__ */ jsxRuntime.jsx(
+            jsonSchemaFormItemRow.ItemErrorMark,
             {
-              id: panelId(i),
-              role: "region",
-              "aria-labelledby": headerId(i),
-              className: "border-t border-border bg-muted/20 p-3",
-              children: ((_b = ctx.render.renderFieldNodes(
-                {
-                  key: `${field.key}[${i}]`,
-                  prop: itemSchema,
-                  required: false,
-                  value: item,
-                  onChange: (next) => commit(jsonSchemaFormUtils.setIndex(items, i, next)),
-                  instancePath: jsonSchemaFormErrors.appendInstancePath(ctx.instancePath, i)
-                },
-                childCtx
-              )) == null ? void 0 : _b.value) ?? null
+              count: jsonSchemaFormErrors.errorCountUnderInstancePath(
+                ctx.errors,
+                jsonSchemaFormErrors.appendInstancePath(ctx.instancePath, index)
+              )
             }
           )
-        ] }, i);
-      }),
-      !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
-        AddItemRow,
-        {
-          buttonRef: addRef,
-          label: jsonSchemaFormItemSummary.addItemLabel(spec),
-          empty: items.length === 0,
-          onAdd: add,
-          onKeyDown: (e) => handleKeyDown(e, items.length),
-          ...emptyCopy ? { copy: emptyCopy } : {}
-        }
-      )
-    ] })
-  ] });
-}
-function AddItemRow({
-  label,
-  copy,
-  empty,
-  onAdd,
-  onKeyDown,
-  buttonRef
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      ref: (el) => {
-        buttonRef.current = el;
+        ] });
       },
-      onClick: onAdd,
-      onKeyDown,
-      className: utils.cn(
-        "group/add flex w-full items-center gap-2 px-3 py-2 text-left text-muted-foreground hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
-        empty && "items-start py-5"
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiChevronRight.UiChevronRight, className: "shrink-0 text-sm opacity-0" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-dashed border-border text-foreground/60 group-hover/add:border-primary group-hover/add:text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAdd.UiAdd, className: "text-[13px]" }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-foreground", children: label }),
-          copy && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("text-xs", empty ? "max-w-xl leading-snug" : "truncate"), children: copy })
-        ] })
-      ]
+      renderBody: ({ item, index, onChange }) => {
+        var _a;
+        return (
+          // Recurse through the shared pipeline so consumer pre/post extensions
+          // still apply to the item and its properties.
+          ((_a = ctx.render.renderFieldNodes(
+            {
+              key: `${field.key}[${index}]`,
+              prop: itemSchema,
+              required: false,
+              value: item,
+              onChange,
+              instancePath: jsonSchemaFormErrors.appendInstancePath(ctx.instancePath, index)
+            },
+            childCtx
+          )) == null ? void 0 : _a.value) ?? null
+        );
+      }
     }
   );
 }

package/dist/components/json-schema-form-accordion-array.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-accordion-array.cjs","sources":["../../src/components/json-schema-form-accordion-array.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MutableRefObject,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiAdd, UiChevronDown, UiChevronRight } from \"../icons\";\nimport { appendInstancePath } from \"./json-schema-form-errors\";\nimport {\n  ItemBadge,\n  ItemGlyph,\n  ItemRowActions,\n  RequiredMark,\n} from \"./json-schema-form-item-row\";\nimport {\n  addItemLabel,\n  emptyItemsCopy,\n  itemCountLabel,\n  itemSummaryFor,\n  noItemsLabel,\n  resolveItemSpec,\n} from \"./json-schema-form-item-summary\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\nimport {\n  duplicateIndex,\n  fieldInputId,\n  moveItem,\n  removeIndex,\n  seedFromSchema,\n  setIndex,\n} from \"./json-schema-form-utils\";\nimport type { FieldControl, RenderContext } from \"./json-schema-form-types\";\n\n// AccordionArray renders an object-item array as a list of one-line summary\n// rows, expanding one at a time into the item's own sub-form. It exists because\n// a ten-property item stacked in full costs ~700px of screen each, and a list of\n// them says nothing about which item is which.\n//\n// \"Add\" is the list's own last row rather than a button beside it: the\n// affordance sits exactly where the next item will appear, and at zero items\n// that same row IS the empty state — one control, no separate screen.\nexport function AccordionArray({\n  field,\n  ctx,\n  readOnly,\n}: {\n  field: FieldControl;\n  ctx: RenderContext;\n  readOnly: boolean;\n}) {\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"object\" };\n  const spec = field.itemSpec ?? resolveItemSpec(field.schema, itemSchema);\n  const emptyCopy = emptyItemsCopy(spec, field.schema);\n  // The array's help mode governs its whole subtree. Without this the fields\n  // inside an expanded row keep the form-level default, so an accordion that\n  // resolved to \"hover\" would still stack a two-line paragraph under every\n  // control — the exact height the summary rows exist to reclaim.\n  const childCtx: RenderContext = {\n    ...ctx,\n    readOnly,\n    depth: ctx.depth + 1,\n    ...(field.helpDisplay\n      ? { layout: { ...ctx.layout, help: field.helpDisplay } }\n      : {}),\n  };\n\n  // Which row is open is transient view state, like the form's field filter —\n  // it is deliberately local and never persisted. The INDEX is the key, not the\n  // item: every keystroke replaces the item object (setIndex returns a fresh\n  // one), so any identity-based map would die on the first character typed.\n  // That makes it the mutators' job to keep this pointing at the same row.\n  const [expanded, setExpanded] = useState<number | null>(null);\n  const rowRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  const addRef = useRef<HTMLButtonElement | null>(null);\n  const pendingFocus = useRef<{ kind: \"panel\" | \"row\" | \"add\"; index: number } | null>(null);\n\n  useEffect(() => {\n    const pending = pendingFocus.current;\n    if (!pending) return;\n    pendingFocus.current = null;\n    if (pending.kind === \"add\") {\n      addRef.current?.focus();\n      return;\n    }\n    const row = rowRefs.current[pending.index];\n    if (pending.kind === \"row\") {\n      row?.focus();\n      return;\n    }\n    // Land in the new item's first editable control, so adding an item leaves\n    // the caret where the author is about to type.\n    const panel = document.getElementById(panelId(pending.index));\n    const input = panel?.querySelector<HTMLElement>(\"[data-jsf-input]\");\n    (input ?? row)?.focus();\n  });\n\n  function panelId(index: number): string {\n    return `${fieldInputId(appendInstancePath(ctx.instancePath, index), ctx.idPrefix)}-panel`;\n  }\n  function headerId(index: number): string {\n    return `${fieldInputId(appendInstancePath(ctx.instancePath, index), ctx.idPrefix)}-header`;\n  }\n\n  function commit(next: unknown[]) {\n    field.onChange(next);\n  }\n\n  function add() {\n    pendingFocus.current = { kind: \"panel\", index: items.length };\n    setExpanded(items.length);\n    commit([...items, seedFromSchema(itemSchema)]);\n  }\n\n  function remove(index: number) {\n    setExpanded((open) => (open === index ? null : open !== null && open > index ? open - 1 : open));\n    pendingFocus.current =\n      items.length === 1 ? { kind: \"add\", index: 0 } : { kind: \"row\", index: Math.max(index - 1, 0) };\n    commit(removeIndex(items, index));\n  }\n\n  function duplicate(index: number) {\n    setExpanded((open) => (open !== null && open > index ? open + 1 : open));\n    pendingFocus.current = { kind: \"row\", index: index + 1 };\n    commit(duplicateIndex(items, index));\n  }\n\n  function move(index: number, to: number) {\n    // Follow the item, not the slot — otherwise moving an open row silently\n    // expands whichever row took its place.\n    setExpanded((open) => (open === index ? to : open === to ? index : open));\n    pendingFocus.current = { kind: \"row\", index: to };\n    commit(moveItem(items, index, to));\n  }\n\n  // Roving focus across the headers, with the add row as the final stop.\n  function handleKeyDown(e: KeyboardEvent<HTMLButtonElement>, index: number) {\n    const stops = rowRefs.current.length;\n    const focusAt = (i: number) => {\n      e.preventDefault();\n      (i >= stops ? addRef.current : rowRefs.current[i])?.focus();\n    };\n    if (e.key === \"ArrowDown\") focusAt(Math.min(index + 1, stops));\n    else if (e.key === \"ArrowUp\" && index > 0) focusAt(index - 1);\n    else if (e.key === \"Home\") focusAt(0);\n    else if (e.key === \"End\") focusAt(stops);\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <p className={cn(\"text-muted-foreground\", labelSizeClass[ctx.size])}>\n        {items.length === 0 ? noItemsLabel(spec) : itemCountLabel(spec, items.length)}\n      </p>\n      <div className=\"divide-y divide-border rounded-lg border border-border\">\n        {items.map((item, i) => {\n          const open = expanded === i;\n          const summary =\n            field.itemSummary?.({ item, index: i }) ??\n            itemSummaryFor({ item, index: i, spec, itemSchema });\n          return (\n            <div key={i} className=\"group\">\n              {/* The row is a plain element, NOT a button: the actions beside it\n                  are buttons, and nesting interactive content is invalid DOM\n                  with undefined click targeting. Only the disclosure toggles. */}\n              <div\n                className={cn(\n                  \"flex w-full items-center gap-2 px-3 py-2 hover:bg-accent/40\",\n                  open && \"bg-accent/30\",\n                )}\n              >\n                <button\n                  type=\"button\"\n                  id={headerId(i)}\n                  aria-expanded={open}\n                  aria-controls={panelId(i)}\n                  ref={(el) => {\n                    rowRefs.current[i] = el;\n                  }}\n                  onKeyDown={(e) => handleKeyDown(e, i)}\n                  onClick={() => setExpanded(open ? null : i)}\n                  className=\"flex min-w-0 flex-1 items-center gap-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                >\n                  <Icon\n                    icon={open ? UiChevronDown : UiChevronRight}\n                    className=\"shrink-0 text-sm text-muted-foreground\"\n                  />\n                  <ItemGlyph glyph={summary.glyph} />\n                  <span className=\"shrink-0 text-sm font-medium\">{summary.title}</span>\n                  <ItemBadge badge={summary.badge} />\n                  {summary.flagged && <RequiredMark />}\n                  {summary.summary && (\n                    <code className=\"truncate font-mono text-xs text-muted-foreground\">\n                      {summary.summary}\n                    </code>\n                  )}\n                </button>\n                {!readOnly && (\n                  <ItemRowActions\n                    index={i}\n                    title={summary.title}\n                    size={ctx.size}\n                    {...(i > 0 ? { onUp: () => move(i, i - 1) } : {})}\n                    {...(i < items.length - 1 ? { onDown: () => move(i, i + 1) } : {})}\n                    onDuplicate={() => duplicate(i)}\n                    onRemove={() => remove(i)}\n                  />\n                )}\n              </div>\n              {open && (\n                <div\n                  id={panelId(i)}\n                  role=\"region\"\n                  aria-labelledby={headerId(i)}\n                  className=\"border-t border-border bg-muted/20 p-3\"\n                >\n                  {/* Recurse through the shared pipeline so consumer pre/post\n                      extensions still apply to the item and its properties. */}\n                  {ctx.render.renderFieldNodes(\n                    {\n                      key: `${field.key}[${i}]`,\n                      prop: itemSchema,\n                      required: false,\n                      value: item,\n                      onChange: (next) => commit(setIndex(items, i, next)),\n                      instancePath: appendInstancePath(ctx.instancePath, i),\n                    },\n                    childCtx,\n                  )?.value ?? null}\n                </div>\n              )}\n            </div>\n          );\n        })}\n        {!readOnly && (\n          <AddItemRow\n            buttonRef={addRef}\n            label={addItemLabel(spec)}\n            empty={items.length === 0}\n            onAdd={add}\n            onKeyDown={(e) => handleKeyDown(e, items.length)}\n            {...(emptyCopy ? { copy: emptyCopy } : {})}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// AddItemRow is the list's own final row. At zero items it grows to carry the\n// schema's explanation of what an item is — so the empty state is the same\n// control the author will use, not a separate screen they have to leave.\nfunction AddItemRow({\n  label,\n  copy,\n  empty,\n  onAdd,\n  onKeyDown,\n  buttonRef,\n}: {\n  label: string;\n  copy?: string;\n  empty: boolean;\n  onAdd: () => void;\n  onKeyDown: (e: KeyboardEvent<HTMLButtonElement>) => void;\n  buttonRef: MutableRefObject<HTMLButtonElement | null>;\n}) {\n  return (\n    <button\n      type=\"button\"\n      ref={(el) => {\n        buttonRef.current = el;\n      }}\n      onClick={onAdd}\n      onKeyDown={onKeyDown}\n      className={cn(\n        \"group/add flex w-full items-center gap-2 px-3 py-2 text-left text-muted-foreground hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\",\n        empty && \"items-start py-5\",\n      )}\n    >\n      {/* Holds the chevron column, so this row lines up with the ones above it. */}\n      <Icon icon={UiChevronRight} className=\"shrink-0 text-sm opacity-0\" />\n      <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-dashed border-border text-foreground/60 group-hover/add:border-primary group-hover/add:text-primary\">\n        <Icon icon={UiAdd} className=\"text-[13px]\" />\n      </span>\n      <span className=\"flex min-w-0 flex-col gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{label}</span>\n        {copy && (\n          <span className={cn(\"text-xs\", empty ? \"max-w-xl leading-snug\" : \"truncate\")}>{copy}</span>\n        )}\n      </span>\n    </button>\n  );\n}\n"],"names":["resolveItemSpec","emptyItemsCopy","useState","useRef","useEffect","fieldInputId","appendInstancePath","seedFromSchema","removeIndex","duplicateIndex","moveItem","jsxs","jsx","cn","labelSizeClass","noItemsLabel","itemCountLabel","itemSummaryFor","Icon","UiChevronDown","UiChevronRight","ItemGlyph","ItemBadge","RequiredMark","ItemRowActions","setIndex","addItemLabel","UiAdd"],"mappings":"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"}
+{"version":3,"file":"json-schema-form-accordion-array.cjs","sources":["../../src/components/json-schema-form-accordion-array.tsx"],"sourcesContent":["import { AccordionList } from \"./AccordionList\";\nimport { appendInstancePath, errorCountUnderInstancePath } from \"./json-schema-form-errors\";\nimport {\n  ItemBadge,\n  ItemErrorMark,\n  ItemGlyph,\n  RequiredMark,\n} from \"./json-schema-form-item-row\";\nimport {\n  addItemLabel,\n  emptyItemsCopy,\n  itemActionsAllow,\n  itemCountLabel,\n  itemSummaryFor,\n  noItemsLabel,\n  resolveItemSpec,\n} from \"./json-schema-form-item-summary\";\nimport { fieldInputId, seedFromSchema } from \"./json-schema-form-utils\";\nimport type { FieldControl, RenderContext } from \"./json-schema-form-types\";\n\n// AccordionArray is the JsonSchemaForm adapter over AccordionList: it turns\n// `x-item` into row content and the schema's item into a recursive sub-form, and\n// owns nothing structural. Everything about the interaction — one row open at a\n// time, roving focus, the add row that doubles as the empty state — lives in\n// AccordionList, which knows nothing about JSON Schema.\nexport function AccordionArray({\n  field,\n  ctx,\n  readOnly,\n}: {\n  field: FieldControl;\n  ctx: RenderContext;\n  readOnly: boolean;\n}) {\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"object\" };\n  const spec = field.itemSpec ?? resolveItemSpec(field.schema, itemSchema);\n  const emptyCopy = emptyItemsCopy(spec, field.schema);\n  // The array's help mode governs its whole subtree. Without this the fields\n  // inside an expanded row keep the form-level default, so an accordion that\n  // resolved to \"hover\" would still stack a two-line paragraph under every\n  // control — the exact height the summary rows exist to reclaim.\n  const childCtx: RenderContext = {\n    ...ctx,\n    readOnly,\n    depth: ctx.depth + 1,\n    ...(field.helpDisplay\n      ? { layout: { ...ctx.layout, help: field.helpDisplay } }\n      : {}),\n  };\n\n  function summaryFor(item: unknown, index: number) {\n    return field.itemSummary?.({ item, index }) ?? itemSummaryFor({ item, index, spec, itemSchema });\n  }\n\n  return (\n    <AccordionList<unknown>\n      items={items}\n      onChange={(next) => field.onChange(next)}\n      summary={items.length === 0 ? noItemsLabel(spec) : itemCountLabel(spec, items.length)}\n      size={ctx.size}\n      readOnly={readOnly}\n      itemId={(index) => fieldInputId(appendInstancePath(ctx.instancePath, index), ctx.idPrefix)}\n      // The panel's controls are the form's own inputs; anything else focusable\n      // inside an item (a help disclosure, a remove button on a nested array)\n      // would otherwise win the caret on add.\n      focusSelector=\"[data-jsf-input]\"\n      itemLabel={({ item, index }) => summaryFor(item, index).title}\n      allowReorder={itemActionsAllow(spec, \"reorder\")}\n      allowDuplicate={itemActionsAllow(spec, \"duplicate\")}\n      allowRemove={itemActionsAllow(spec, \"remove\")}\n      onCreate={() => seedFromSchema(itemSchema)}\n      addLabel={addItemLabel(spec)}\n      {...(emptyCopy ? { addDescription: emptyCopy } : {})}\n      renderHeader={({ item, index, open }) => {\n        const summary = summaryFor(item, index);\n        return (\n          <>\n            <ItemGlyph glyph={summary.glyph} />\n            <span className=\"shrink-0 text-sm font-medium\">{summary.title}</span>\n            <ItemBadge badge={summary.badge} />\n            {summary.flagged && <RequiredMark />}\n            {summary.summary && (\n              <code className=\"truncate font-mono text-xs text-muted-foreground\">\n                {summary.summary}\n              </code>\n            )}\n            {!open && (\n              <ItemErrorMark\n                count={errorCountUnderInstancePath(\n                  ctx.errors,\n                  appendInstancePath(ctx.instancePath, index),\n                )}\n              />\n            )}\n          </>\n        );\n      }}\n      renderBody={({ item, index, onChange }) =>\n        // Recurse through the shared pipeline so consumer pre/post extensions\n        // still apply to the item and its properties.\n        ctx.render.renderFieldNodes(\n          {\n            key: `${field.key}[${index}]`,\n            prop: itemSchema,\n            required: false,\n            value: item,\n            onChange,\n            instancePath: appendInstancePath(ctx.instancePath, index),\n          },\n          childCtx,\n        )?.value ?? null\n      }\n    />\n  );\n}\n"],"names":["resolveItemSpec","emptyItemsCopy","itemSummaryFor","jsx","AccordionList","noItemsLabel","itemCountLabel","fieldInputId","appendInstancePath","itemActionsAllow","seedFromSchema","addItemLabel","jsxs","Fragment","ItemGlyph","ItemBadge","RequiredMark","ItemErrorMark","errorCountUnderInstancePath"],"mappings":"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"}

package/dist/components/json-schema-form-accordion-array.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-accordion-array.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-accordion-array.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAU5E,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,GAAG,EACH,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB,2CAqMA"}
+{"version":3,"file":"json-schema-form-accordion-array.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-accordion-array.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAO5E,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,GAAG,EACH,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB,2CAkFA"}