@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/components/json-schema-form-fields.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-fields.js","sources":["../../src/components/json-schema-form-fields.tsx"],"sourcesContent":["import { lazy, Suspense, useCallback, useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { formatDateTimeRelative } from \"../data/cells/timestamp-format\";\nimport { Combobox } from \"./Combobox\";\nimport { DateTimePicker } from \"./DateTimePicker\";\nimport { SegmentedControl, type SegmentedSize } from \"./SegmentedControl\";\nimport { GridControl } from \"./json-schema-form-grid\";\nimport { LookupTreeControl } from \"./json-schema-form-lookup-tree\";\nimport { resolveLookupScope, useLookupFetcher } from \"./form-lookup-context\";\nimport type { FieldControl, FieldOption } from \"./json-schema-form-types\";\nimport {\n  comboboxAriaProps,\n  defaultPlaceholder,\n  fieldAriaProps,\n  inputClass,\n  toText,\n  withSyntheticValue,\n} from \"./json-schema-form-utils\";\nimport {\n  controlHeightClass,\n  labelSizeClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\n\nconst LazyMdxEditorField = lazy(async () => {\n  const mod = await import(\"./MdxEditorField\");\n  return { default: mod.MdxEditorField };\n});\n\n// ReadOnlyValue renders a `readOnly` field's current value as static text — no\n// input, no border, just the value (date/date-time formatted human-readably).\n// An empty value shows an em-dash. Carries the same id + data-jsf-input as the\n// editable controls so layout and queries stay uniform.\nexport function ReadOnlyValue({ field, fieldId, size }: { field: FieldControl; fieldId: string; size: FormSize }) {\n  const text = toText(field.value);\n  const secret = field.schema.format === \"password\";\n  const display = secret && text ? \"••••••••\" : field.kind === \"date\" && text ? formatDateTimeRelative(text) : text;\n  return (\n    <span\n      id={fieldId}\n      data-jsf-input\n      data-jsf-readonly\n      className={cn(\"flex items-center text-foreground\", controlHeightClass[size], labelSizeClass[size])}\n      title={secret ? undefined : text || undefined}\n    >\n      {display || <span className=\"text-muted-foreground\">—</span>}\n    </span>\n  );\n}\n\n// FieldAdornmentWrapper positions a field's leading/trailing in-field adornments\n// (FieldControl.prefix at the left edge, FieldControl.suffix at the right). The\n// container is tagged data-jsf-control so an adornment can locate its sibling\n// input[data-jsf-input] (e.g. for caret-aware insertion). With neither adornment\n// it renders the input bare, so unadorned fields are byte-for-byte unchanged.\nfunction FieldAdornmentWrapper({\n  prefix,\n  suffix,\n  children,\n}: {\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  children: ReactNode;\n}) {\n  if (!prefix && !suffix) return <>{children}</>;\n  return (\n    <div data-jsf-control className=\"relative\">\n      {prefix && <div className=\"absolute inset-y-0 left-1.5 flex items-center\">{prefix}</div>}\n      {children}\n      {suffix && <div className=\"absolute inset-y-0 right-1.5 flex items-center\">{suffix}</div>}\n    </div>\n  );\n}\n\nexport function StringControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  return (\n    <FieldAdornmentWrapper prefix={field.prefix} suffix={field.suffix}>\n      <input\n        id={fieldId}\n        // format:\"password\" masks secret material (API keys, client secrets);\n        // autoComplete new-password stops browsers from offering saved logins.\n        type={field.schema.format === \"password\" ? \"password\" : \"text\"}\n        autoComplete={field.schema.format === \"password\" ? \"new-password\" : undefined}\n        data-jsf-input\n        {...fieldAriaProps(field, fieldId)}\n        className={cn(inputClass(size), field.prefix && \"pl-8\", field.suffix && \"pr-8\", field.inputClassName)}\n        value={toText(field.value)}\n        disabled={readOnly}\n        placeholder={defaultPlaceholder(field.schema)}\n        onChange={(e) => field.onChange(e.target.value)}\n      />\n    </FieldAdornmentWrapper>\n  );\n}\n\nexport function NumberControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  // A bounded number can opt into a single-thumb progress slider.\n  if (field.schema[\"x-number-display\"] === \"slider\" && typeof field.schema.maximum === \"number\") {\n    return <NumberSliderControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n  }\n  // Default type=\"text\" (not number) so non-numeric values a consumer permits —\n  // e.g. template tokens — are not silently dropped by the browser. A schema that\n  // declares `multipleOf` opts into a real `<input type=\"number\">` (native step,\n  // spin buttons, min/max), matching a hand-built numeric field.\n  const coerce = field.coerceNumber !== false;\n  const step = typeof field.schema.multipleOf === \"number\" ? field.schema.multipleOf : undefined;\n  const native = step !== undefined;\n  // A static unit (e.g. \"%\") rides the right edge of the input as a display-only\n  // suffix; a consumer-set `suffix` (e.g. an insert-snippet button) wins if both\n  // are present (number insert triggers mount on the left as `prefix`).\n  const suffix = field.suffix ?? (field.unit ? (\n    <span className=\"pointer-events-none select-none text-muted-foreground\">{field.unit}</span>\n  ) : undefined);\n  return (\n    <FieldAdornmentWrapper prefix={field.prefix} suffix={suffix}>\n      <input\n        id={fieldId}\n        type={native ? \"number\" : \"text\"}\n        inputMode=\"decimal\"\n        {...(native\n          ? {\n              step,\n              ...(typeof field.schema.minimum === \"number\" ? { min: field.schema.minimum } : {}),\n              ...(typeof field.schema.maximum === \"number\" ? { max: field.schema.maximum } : {}),\n            }\n          : {})}\n        data-jsf-input\n        {...fieldAriaProps(field, fieldId)}\n        className={cn(inputClass(size), field.prefix && \"pl-8\", suffix && \"pr-8\", field.inputClassName)}\n        value={toText(field.value)}\n        disabled={readOnly}\n        placeholder={defaultPlaceholder(field.schema)}\n        onChange={(e) => {\n          const raw = e.target.value;\n          // Coerce mid-typing ONLY when the parse round-trips to the same text\n          // (e.g. \"100\", \"33.5\") — so an in-progress decimal like \"33.\" or a\n          // trailing-zero \"33.30\" keeps its raw text instead of collapsing to a\n          // number and stranding the caret. Non-numeric tokens fall through to\n          // the raw string. Blur finalizes any still-uncoerced numeric text.\n          if (coerce && raw.trim() !== \"\" && String(Number(raw)) === raw.trim()) {\n            field.onChange(Number(raw));\n          } else {\n            field.onChange(raw);\n          }\n        }}\n        onBlur={(e) => {\n          const raw = e.target.value;\n          if (coerce && raw.trim() !== \"\" && Number.isFinite(Number(raw))) {\n            field.onChange(Number(raw));\n          }\n        }}\n      />\n    </FieldAdornmentWrapper>\n  );\n}\n\n// A single-thumb range input styled with a progress-filled track. The input sits\n// above the track/fill divs; only its thumb is painted.\nconst SLIDER_INPUT_CLASS =\n  \"absolute inset-0 h-6 w-full cursor-pointer appearance-none bg-transparent focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&::-webkit-slider-runnable-track]:h-1 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-transparent [&::-webkit-slider-thumb]:size-3.5 [&::-webkit-slider-thumb]:-mt-[5px] [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border [&::-webkit-slider-thumb]:border-background/80 [&::-webkit-slider-thumb]:bg-primary [&::-webkit-slider-thumb]:shadow-sm [&::-moz-range-track]:h-1 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-transparent [&::-moz-range-thumb]:size-3.5 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:bg-primary [&::-moz-range-thumb]:shadow-sm\";\n\n// NumberSliderControl renders a bounded number (`x-number-display: \"slider\"`) as\n// a single-thumb slider whose fill grows with the value, with the live value\n// shown to the right.\nexport function NumberSliderControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const min = typeof field.schema.minimum === \"number\" ? field.schema.minimum : 0;\n  const max = typeof field.schema.maximum === \"number\" ? field.schema.maximum : 100;\n  const step = typeof field.schema.multipleOf === \"number\" ? field.schema.multipleOf : 1;\n  const raw = typeof field.value === \"number\" ? field.value : Number(toText(field.value));\n  const hasValue = Number.isFinite(raw);\n  const value = hasValue ? Math.min(max, Math.max(min, raw)) : min;\n  const percent = max > min ? ((value - min) / (max - min)) * 100 : 0;\n  return (\n    <div className=\"flex items-center gap-3\">\n      <div className=\"relative h-6 min-w-0 flex-1\">\n        <div className=\"absolute inset-x-0 top-1/2 h-1 -translate-y-1/2 rounded-full bg-border\" />\n        <div\n          className=\"absolute left-0 top-1/2 h-1 -translate-y-1/2 rounded-full bg-primary/70\"\n          style={{ width: `${percent}%` }}\n        />\n        <input\n          id={fieldId}\n          data-jsf-input\n          type=\"range\"\n          aria-label={field.label}\n          {...fieldAriaProps(field, fieldId)}\n          min={min}\n          max={max}\n          step={step}\n          value={value}\n          disabled={readOnly}\n          className={cn(SLIDER_INPUT_CLASS, field.inputClassName)}\n          onChange={(event) => field.onChange(Number(event.target.value))}\n        />\n      </div>\n      <span className={cn(\"w-16 shrink-0 text-right tabular-nums\", labelSizeClass[size])}>\n        {hasValue ? value.toLocaleString() : \"—\"}\n      </span>\n    </div>\n  );\n}\n\n// DateControl edits a `format: date`/`date-time` string. Read-only, it shows the\n// human-readable absolute + relative form (e.g. \"Apr 15, 2026, 12:00 PM (2h\n// ago)\"); editable, a DateTimePicker. The raw string is committed unchanged so a\n// consumer-permitted template token in the field is preserved.\nexport function DateControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const text = toText(field.value);\n  if (readOnly) {\n    return (\n      <div\n        id={fieldId}\n        data-jsf-input\n        className={cn(\"flex items-center text-foreground\", controlHeightClass[size], labelSizeClass[size])}\n        title={text || undefined}\n      >\n        {text ? formatDateTimeRelative(text) : <span className=\"text-muted-foreground\">—</span>}\n      </div>\n    );\n  }\n  return (\n    <DateTimePicker\n      id={fieldId}\n      aria-label={field.label}\n      data-jsf-input\n      {...fieldAriaProps(field, fieldId)}\n      inputClassName={cn(inputClass(size), field.prefix && \"pl-8\", field.suffix ? \"pr-14\" : \"pr-8\")}\n      value={text}\n      onChange={(next) => field.onChange(next)}\n      placeholder={defaultPlaceholder(field.schema)}\n      prefix={field.prefix}\n      suffix={field.suffix}\n    />\n  );\n}\n\nexport function BooleanControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  // Only render a checkbox when the value is genuinely boolean (or unset).\n  // A non-boolean value (e.g. a token a consumer left in place) renders as text\n  // so it is preserved and editable.\n  if (typeof field.value === \"boolean\" || field.value === undefined || field.value === null) {\n    return (\n      <div className={cn(\"flex items-center\", controlHeightClass[size])}>\n        <input\n          id={fieldId}\n          type=\"checkbox\"\n          className=\"h-4 w-4 accent-primary\"\n          {...fieldAriaProps(field, fieldId)}\n          checked={field.value === true}\n          disabled={readOnly}\n          onChange={(e) => field.onChange(e.target.checked)}\n        />\n      </div>\n    );\n  }\n  return <StringControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n}\n\nexport function EnumControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const value = toText(field.value);\n  const options = withSyntheticValue(field.options ?? [], value);\n  if (field.display === \"grid\") {\n    return <GridControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n  }\n  if (field.display === \"radio\") {\n    return (\n      <RadioGroupControl field={field} fieldId={fieldId} readOnly={readOnly} options={options} value={value} size={size} />\n    );\n  }\n  if (field.display === \"segmented\") {\n    return (\n      <SegmentedEnumControl field={field} fieldId={fieldId} readOnly={readOnly} options={options} value={value} size={size} />\n    );\n  }\n  return (\n    <Combobox\n      id={fieldId}\n      options={options}\n      value={value}\n      disabled={readOnly}\n      size={size}\n      allowCustomValue={field.allowCustomValue ?? false}\n      onChange={(v) => field.onChange(v)}\n      prefix={field.prefix}\n      suffix={field.suffix}\n      {...comboboxAriaProps(field, fieldId)}\n      {...(field.inputClassName ? { className: field.inputClassName } : {})}\n      {...(defaultPlaceholder(field.schema) ? { placeholder: defaultPlaceholder(field.schema) } : {})}\n    />\n  );\n}\n\n// The FormSize scale is wider than SegmentedControl's; map the extremes down.\nconst SEGMENTED_SIZE: Record<FormSize, SegmentedSize> = {\n  xs: \"sm\",\n  sm: \"sm\",\n  md: \"md\",\n  lg: \"lg\",\n  xl: \"lg\",\n};\n\n// SegmentedEnumControl renders an enum (x-enum-display: \"segmented\") with the\n// shared SegmentedControl. Icons come from x-enum-icons, descriptions from\n// x-enum-descriptions (which promote it to the large card layout). The wrapper\n// carries the field id + data-jsf-input so the JSF field contract holds.\nfunction SegmentedEnumControl({\n  field,\n  fieldId,\n  readOnly,\n  options,\n  value,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  options: FieldOption[];\n  value: string;\n  size: FormSize;\n}) {\n  const hasDescription = options.some((opt) => opt.description);\n  const segSize: SegmentedSize = hasDescription ? \"lg\" : SEGMENTED_SIZE[size];\n  return (\n    <div id={fieldId} data-jsf-input className={cn(field.inputClassName)}>\n      <SegmentedControl\n        aria-label={field.label}\n        value={value}\n        onChange={(next) => field.onChange(next)}\n        size={segSize}\n        wrap\n        options={options.map((opt) => ({\n          id: opt.value,\n          label: opt.label,\n          // x-enum-icons resolves to a runtime name string; SegmentedControl\n          // renders that via <Icon name>. Non-string (pre-extension) icons are\n          // dropped here since the segmented option type only takes name/component.\n          ...(typeof opt.icon === \"string\" ? { icon: opt.icon } : {}),\n          ...(opt.description ? { description: opt.description } : {}),\n          ...(readOnly ? { disabled: true } : {}),\n        }))}\n      />\n    </div>\n  );\n}\n\n// LookupControl is the async entity-reference picker for an `x-clicky-lookup`\n// field. It wraps Combobox and fetches options lazily through the form's\n// LookupFetcher (from context): the head set loads when the menu opens and the\n// (debounced) typed query drives server-side search. Single-select keeps\n// allowCustomValue on so a value outside the option set still commits (e.g. an\n// inline DSN). When no fetcher is wired it degrades to a free-text combobox.\nexport function LookupControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n  rootValue,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n  rootValue?: Record<string, unknown>;\n}) {\n  const fetcher = useLookupFetcher();\n  const descriptor = field.lookup;\n  const value = toText(field.value);\n  const [options, setOptions] = useState<FieldOption[]>([]);\n  const [loading, setLoading] = useState(false);\n\n  // rootValue is read through a ref so onSearch stays referentially stable: a new\n  // onSearch each render would retrigger Combobox's search effect on every\n  // setOptions, looping. The scopeKey effect below re-fetches when scope changes.\n  const rootRef = useRef(rootValue);\n  rootRef.current = rootValue;\n\n  const onSearch = useCallback(\n    (query: string) => {\n      if (!descriptor || !fetcher) return;\n      setLoading(true);\n      const root = rootRef.current;\n      fetcher({ descriptor, query, ...(root ? { rootValue: root } : {}) })\n        .then((next) => setOptions(next))\n        .catch(() => setOptions([]))\n        .finally(() => setLoading(false));\n    },\n    [descriptor, fetcher],\n  );\n\n  // Re-fetch the head set when the scope (a sibling field, e.g. provider type)\n  // changes so the out-of-scope set is replaced rather than shown stale.\n  const scopeKey = descriptor ? JSON.stringify(resolveLookupScope(descriptor, rootValue)) : \"\";\n  useEffect(() => {\n    if (descriptor && fetcher) onSearch(\"\");\n    else setOptions([]);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scopeKey, onSearch]);\n\n  // A descriptor that declares a hierarchy browses its options as a tree rather\n  // than scrolling one flat list. It owns the multi-value case too, since the\n  // committed value is then an array rather than a single string.\n  if (descriptor?.hierarchy) {\n    return (\n      <LookupTreeControl\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={size}\n        options={options}\n        loading={loading}\n        hierarchy={descriptor.hierarchy}\n      />\n    );\n  }\n\n  if (!descriptor || !fetcher) {\n    return (\n      <Combobox\n        id={fieldId}\n        options={withSyntheticValue([], value)}\n        value={value}\n        disabled={readOnly}\n        size={size}\n        allowCustomValue\n        onChange={(v) => field.onChange(v)}\n        {...comboboxAriaProps(field, fieldId)}\n        {...(defaultPlaceholder(field.schema) ? { placeholder: defaultPlaceholder(field.schema) } : {})}\n      />\n    );\n  }\n\n  return (\n    <Combobox\n      id={fieldId}\n      options={withSyntheticValue(options, value)}\n      value={value}\n      disabled={readOnly}\n      size={size}\n      loading={loading}\n      allowCustomValue={field.allowCustomValue ?? false}\n      onSearch={onSearch}\n      onChange={(v) => field.onChange(v)}\n      {...comboboxAriaProps(field, fieldId)}\n      {...(defaultPlaceholder(field.schema) ? { placeholder: defaultPlaceholder(field.schema) } : {})}\n    />\n  );\n}\n\n// RadioGroupControl renders a small fixed enum as a segmented radio-button group\n// instead of a dropdown. It shares EnumControl's option list (any out-of-enum\n// value is already prepended, so a token still shows). One `radiogroup` role +\n// native radios keep it keyboard-navigable; the visible chip is a styled label.\nfunction RadioGroupControl({\n  field,\n  fieldId,\n  readOnly,\n  options,\n  value,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  options: FieldOption[];\n  value: string;\n  size: FormSize;\n}) {\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label={field.label}\n      id={fieldId}\n      data-jsf-input\n      className={cn(\n        \"inline-flex flex-wrap items-center gap-1 rounded-md border border-input bg-background p-0.5\",\n        field.inputClassName,\n      )}\n    >\n      {options.map((opt) => {\n        const checked = opt.value === value;\n        return (\n          <label\n            key={opt.value}\n            className={cn(\n              \"inline-flex cursor-pointer select-none items-center rounded px-2.5 py-1\",\n              labelSizeClass[size],\n              checked\n                ? \"bg-primary text-primary-foreground\"\n                : \"text-muted-foreground hover:bg-accent hover:text-foreground\",\n              readOnly && \"cursor-not-allowed opacity-60\",\n            )}\n          >\n            <input\n              type=\"radio\"\n              name={fieldId}\n              className=\"sr-only\"\n              value={opt.value}\n              checked={checked}\n              disabled={readOnly}\n              onChange={() => field.onChange(opt.value)}\n            />\n            {opt.label}\n          </label>\n        );\n      })}\n    </div>\n  );\n}\n\n// TextareaControl edits a long-form string in a multi-line box. Read-only, it\n// shows the value with line breaks preserved; editable, a resizable <textarea>.\n// The raw string is committed unchanged so a consumer-permitted template token\n// survives.\nexport function TextareaControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const text = toText(field.value);\n  if (readOnly) {\n    return (\n      <span\n        id={fieldId}\n        data-jsf-input\n        data-jsf-readonly\n        className={cn(\"block whitespace-pre-wrap break-words text-foreground\", labelSizeClass[size])}\n        title={text || undefined}\n      >\n        {text || <span className=\"text-muted-foreground\">—</span>}\n      </span>\n    );\n  }\n  return (\n    <FieldAdornmentWrapper prefix={field.prefix} suffix={field.suffix}>\n      <textarea\n        id={fieldId}\n        data-jsf-input\n        {...fieldAriaProps(field, fieldId)}\n        rows={4}\n        className={cn(\n          inputClass(size),\n          \"h-auto min-h-[5rem] resize-y\",\n          field.prefix && \"pl-8\",\n          field.suffix && \"pr-8\",\n          field.inputClassName,\n        )}\n        value={text}\n        disabled={readOnly}\n        placeholder={defaultPlaceholder(field.schema)}\n        onChange={(e) => field.onChange(e.target.value)}\n      />\n    </FieldAdornmentWrapper>\n  );\n}\n\nexport function MarkdownControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const fallback = (\n    <textarea\n      id={fieldId}\n      data-jsf-input\n      {...fieldAriaProps(field, fieldId)}\n      rows={6}\n      className={cn(inputClass(size), \"h-auto resize-y font-mono\", field.prefix && \"pl-8\", field.suffix && \"pr-8\")}\n      value={toText(field.value)}\n      disabled={readOnly}\n      placeholder={defaultPlaceholder(field.schema)}\n      onChange={(e) => field.onChange(e.target.value)}\n    />\n  );\n\n  return (\n    <Suspense fallback={fallback}>\n      <LazyMdxEditorField\n        id={fieldId}\n        value={toText(field.value)}\n        readOnly={readOnly}\n        size={size}\n        placeholder={defaultPlaceholder(field.schema)}\n        onChange={(next) => field.onChange(next)}\n        {...field.markdownOptions}\n      />\n    </Suspense>\n  );\n}\n\n// DisplayControl renders a static, non-editable presentation element:\n// Label/Title (heading), Message (info text), Line (divider), or Blank/Filler\n// (spacer). It never collects a value; the heading/text source is the field's\n// title (label) and, for \"text\", its description. Rendered identically in the\n// form and the read-only Viewer.\nexport function DisplayControl({ field, size }: { field: FieldControl; size: FormSize }) {\n  const variant = field.displayVariant ?? \"text\";\n  if (variant === \"divider\") {\n    return <hr data-jsf-input className=\"my-1 w-full border-t border-border\" />;\n  }\n  if (variant === \"spacer\") {\n    return <div data-jsf-input aria-hidden className=\"h-2\" />;\n  }\n  if (variant === \"heading\") {\n    return (\n      <div\n        data-jsf-input\n        className={cn(\"border-b border-border pb-1 font-semibold text-foreground\", labelSizeClass[size])}\n      >\n        {field.label}\n      </div>\n    );\n  }\n  const text = field.description ?? toText(field.value) ?? field.label;\n  return (\n    <p data-jsf-input className={cn(\"text-muted-foreground\", labelSizeClass[size])}>\n      {text || field.label}\n    </p>\n  );\n}\n\n// LinkControl renders a read-only external hyperlink. The\n// href is field.href, falling back to the value when it is an absolute URL; with\n// neither it degrades to a plain read-only value.\nexport function LinkControl({ field, fieldId, size }: { field: FieldControl; fieldId: string; size: FormSize }) {\n  const text = toText(field.value);\n  const href = field.href ?? (/^https?:\\/\\//i.test(text) ? text : undefined);\n  if (!href) {\n    return <ReadOnlyValue field={field} fieldId={fieldId} size={size} />;\n  }\n  return (\n    <a\n      id={fieldId}\n      data-jsf-input\n      href={href}\n      target=\"_blank\"\n      rel=\"noreferrer noopener\"\n      className={cn(\"inline-flex items-center text-primary underline underline-offset-2\", controlHeightClass[size], labelSizeClass[size])}\n    >\n      {text || field.label || href}\n    </a>\n  );\n}\n\n// HMR probe\n// HMR probe 2\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"json-schema-form-fields.js","sources":["../../src/components/json-schema-form-fields.tsx"],"sourcesContent":["import { lazy, Suspense, useCallback, useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { formatDateTimeRelative } from \"../data/cells/timestamp-format\";\nimport { Combobox } from \"./Combobox\";\nimport { DateField } from \"./DateField\";\nimport { SegmentedControl, type SegmentedSize } from \"./SegmentedControl\";\nimport { GridControl } from \"./json-schema-form-grid\";\nimport { LookupTreeControl } from \"./json-schema-form-lookup-tree\";\nimport { TagsComboboxControl } from \"./json-schema-form-tags-combobox\";\nimport { resolveLookupScope, useLookupFetcher } from \"./form-lookup-context\";\nimport type { FieldControl, FieldOption } from \"./json-schema-form-types\";\nimport {\n  comboboxAriaProps,\n  defaultPlaceholder,\n  fieldAriaProps,\n  inputClass,\n  toText,\n  withSyntheticValue,\n} from \"./json-schema-form-utils\";\nimport {\n  controlHeightClass,\n  labelSizeClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\n\nconst LazyMdxEditorField = lazy(async () => {\n  const mod = await import(\"./MdxEditorField\");\n  return { default: mod.MdxEditorField };\n});\n\n// ReadOnlyValue renders a `readOnly` field's current value as static text — no\n// input, no border, just the value (date/date-time formatted human-readably).\n// An empty value shows an em-dash. Carries the same id + data-jsf-input as the\n// editable controls so layout and queries stay uniform.\nexport function ReadOnlyValue({ field, fieldId, size }: { field: FieldControl; fieldId: string; size: FormSize }) {\n  const text = toText(field.value);\n  const secret = field.schema.format === \"password\";\n  const display = secret && text ? \"••••••••\" : field.kind === \"date\" && text ? formatDateTimeRelative(text) : text;\n  return (\n    <span\n      id={fieldId}\n      data-jsf-input\n      data-jsf-readonly\n      className={cn(\"flex items-center text-foreground\", controlHeightClass[size], labelSizeClass[size])}\n      title={secret ? undefined : text || undefined}\n    >\n      {display || <span className=\"text-muted-foreground\">—</span>}\n    </span>\n  );\n}\n\n// FieldAdornmentWrapper positions a field's leading/trailing in-field adornments\n// (FieldControl.prefix at the left edge, FieldControl.suffix at the right). The\n// container is tagged data-jsf-control so an adornment can locate its sibling\n// input[data-jsf-input] (e.g. for caret-aware insertion). With neither adornment\n// it renders the input bare, so unadorned fields are byte-for-byte unchanged.\nfunction FieldAdornmentWrapper({\n  prefix,\n  suffix,\n  children,\n}: {\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  children: ReactNode;\n}) {\n  if (!prefix && !suffix) return <>{children}</>;\n  return (\n    <div data-jsf-control className=\"relative\">\n      {prefix && <div className=\"absolute inset-y-0 left-1.5 flex items-center\">{prefix}</div>}\n      {children}\n      {suffix && <div className=\"absolute inset-y-0 right-1.5 flex items-center\">{suffix}</div>}\n    </div>\n  );\n}\n\nexport function StringControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  return (\n    <FieldAdornmentWrapper prefix={field.prefix} suffix={field.suffix}>\n      <input\n        id={fieldId}\n        // format:\"password\" masks secret material (API keys, client secrets);\n        // autoComplete new-password stops browsers from offering saved logins.\n        type={field.schema.format === \"password\" ? \"password\" : \"text\"}\n        autoComplete={field.schema.format === \"password\" ? \"new-password\" : undefined}\n        data-jsf-input\n        {...fieldAriaProps(field, fieldId)}\n        className={cn(inputClass(size), field.prefix && \"pl-8\", field.suffix && \"pr-8\", field.inputClassName)}\n        value={toText(field.value)}\n        disabled={readOnly}\n        placeholder={defaultPlaceholder(field.schema)}\n        onChange={(e) => field.onChange(e.target.value)}\n      />\n    </FieldAdornmentWrapper>\n  );\n}\n\nexport function NumberControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  // A bounded number can opt into a single-thumb progress slider.\n  if (field.schema[\"x-number-display\"] === \"slider\" && typeof field.schema.maximum === \"number\") {\n    return <NumberSliderControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n  }\n  // Default type=\"text\" (not number) so non-numeric values a consumer permits —\n  // e.g. template tokens — are not silently dropped by the browser. A schema that\n  // declares `multipleOf` opts into a real `<input type=\"number\">` (native step,\n  // spin buttons, min/max), matching a hand-built numeric field.\n  const coerce = field.coerceNumber !== false;\n  const step = typeof field.schema.multipleOf === \"number\" ? field.schema.multipleOf : undefined;\n  const native = step !== undefined;\n  // A static unit (e.g. \"%\") rides the right edge of the input as a display-only\n  // suffix; a consumer-set `suffix` (e.g. an insert-snippet button) wins if both\n  // are present (number insert triggers mount on the left as `prefix`).\n  const suffix = field.suffix ?? (field.unit ? (\n    <span className=\"pointer-events-none select-none text-muted-foreground\">{field.unit}</span>\n  ) : undefined);\n  return (\n    <FieldAdornmentWrapper prefix={field.prefix} suffix={suffix}>\n      <input\n        id={fieldId}\n        type={native ? \"number\" : \"text\"}\n        inputMode=\"decimal\"\n        {...(native\n          ? {\n              step,\n              ...(typeof field.schema.minimum === \"number\" ? { min: field.schema.minimum } : {}),\n              ...(typeof field.schema.maximum === \"number\" ? { max: field.schema.maximum } : {}),\n            }\n          : {})}\n        data-jsf-input\n        {...fieldAriaProps(field, fieldId)}\n        className={cn(inputClass(size), field.prefix && \"pl-8\", suffix && \"pr-8\", field.inputClassName)}\n        value={toText(field.value)}\n        disabled={readOnly}\n        placeholder={defaultPlaceholder(field.schema)}\n        onChange={(e) => {\n          const raw = e.target.value;\n          // Coerce mid-typing ONLY when the parse round-trips to the same text\n          // (e.g. \"100\", \"33.5\") — so an in-progress decimal like \"33.\" or a\n          // trailing-zero \"33.30\" keeps its raw text instead of collapsing to a\n          // number and stranding the caret. Non-numeric tokens fall through to\n          // the raw string. Blur finalizes any still-uncoerced numeric text.\n          if (coerce && raw.trim() !== \"\" && String(Number(raw)) === raw.trim()) {\n            field.onChange(Number(raw));\n          } else {\n            field.onChange(raw);\n          }\n        }}\n        onBlur={(e) => {\n          const raw = e.target.value;\n          if (coerce && raw.trim() !== \"\" && Number.isFinite(Number(raw))) {\n            field.onChange(Number(raw));\n          }\n        }}\n      />\n    </FieldAdornmentWrapper>\n  );\n}\n\n// A single-thumb range input styled with a progress-filled track. The input sits\n// above the track/fill divs; only its thumb is painted.\nconst SLIDER_INPUT_CLASS =\n  \"absolute inset-0 h-6 w-full cursor-pointer appearance-none bg-transparent focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&::-webkit-slider-runnable-track]:h-1 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-transparent [&::-webkit-slider-thumb]:size-3.5 [&::-webkit-slider-thumb]:-mt-[5px] [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border [&::-webkit-slider-thumb]:border-background/80 [&::-webkit-slider-thumb]:bg-primary [&::-webkit-slider-thumb]:shadow-sm [&::-moz-range-track]:h-1 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-transparent [&::-moz-range-thumb]:size-3.5 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:bg-primary [&::-moz-range-thumb]:shadow-sm\";\n\n// NumberSliderControl renders a bounded number (`x-number-display: \"slider\"`) as\n// a single-thumb slider whose fill grows with the value, with the live value\n// shown to the right.\nexport function NumberSliderControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const min = typeof field.schema.minimum === \"number\" ? field.schema.minimum : 0;\n  const max = typeof field.schema.maximum === \"number\" ? field.schema.maximum : 100;\n  const step = typeof field.schema.multipleOf === \"number\" ? field.schema.multipleOf : 1;\n  const raw = typeof field.value === \"number\" ? field.value : Number(toText(field.value));\n  const hasValue = Number.isFinite(raw);\n  const value = hasValue ? Math.min(max, Math.max(min, raw)) : min;\n  const percent = max > min ? ((value - min) / (max - min)) * 100 : 0;\n  return (\n    <div className=\"flex items-center gap-3\">\n      <div className=\"relative h-6 min-w-0 flex-1\">\n        <div className=\"absolute inset-x-0 top-1/2 h-1 -translate-y-1/2 rounded-full bg-border\" />\n        <div\n          className=\"absolute left-0 top-1/2 h-1 -translate-y-1/2 rounded-full bg-primary/70\"\n          style={{ width: `${percent}%` }}\n        />\n        <input\n          id={fieldId}\n          data-jsf-input\n          type=\"range\"\n          aria-label={field.label}\n          {...fieldAriaProps(field, fieldId)}\n          min={min}\n          max={max}\n          step={step}\n          value={value}\n          disabled={readOnly}\n          className={cn(SLIDER_INPUT_CLASS, field.inputClassName)}\n          onChange={(event) => field.onChange(Number(event.target.value))}\n        />\n      </div>\n      <span className={cn(\"w-16 shrink-0 text-right tabular-nums\", labelSizeClass[size])}>\n        {hasValue ? value.toLocaleString() : \"—\"}\n      </span>\n    </div>\n  );\n}\n\n// DateControl edits a `format: date`/`date-time` string. Read-only, it shows the\n// human-readable absolute + relative form (e.g. \"Apr 15, 2026, 12:00 PM (2h\n// ago)\"); editable, a DateField in the schema's date or datetime mode. The raw\n// string is committed unchanged so a\n// consumer-permitted template token in the field is preserved.\nexport function DateControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const text = toText(field.value);\n  if (readOnly) {\n    return (\n      <div\n        id={fieldId}\n        data-jsf-input\n        className={cn(\"flex items-center text-foreground\", controlHeightClass[size], labelSizeClass[size])}\n        title={text || undefined}\n      >\n        {text ? formatDateTimeRelative(text) : <span className=\"text-muted-foreground\">—</span>}\n      </div>\n    );\n  }\n  return (\n    <DateField\n      mode={field.dateFormat === \"date-time\" ? \"datetime\" : \"date\"}\n      id={fieldId}\n      aria-label={field.label}\n      data-jsf-input\n      {...fieldAriaProps(field, fieldId)}\n      inputClassName={cn(inputClass(size), field.prefix && \"pl-8\", field.suffix ? \"pr-14\" : \"pr-8\")}\n      value={text}\n      onChange={(next) => field.onChange(next)}\n      placeholder={defaultPlaceholder(field.schema)}\n      prefix={field.prefix}\n      suffix={field.suffix}\n    />\n  );\n}\n\nexport function BooleanControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  // Only render a checkbox when the value is genuinely boolean (or unset).\n  // A non-boolean value (e.g. a token a consumer left in place) renders as text\n  // so it is preserved and editable.\n  if (typeof field.value === \"boolean\" || field.value === undefined || field.value === null) {\n    return (\n      <div className={cn(\"flex items-center\", controlHeightClass[size])}>\n        <input\n          id={fieldId}\n          type=\"checkbox\"\n          className=\"h-4 w-4 accent-primary\"\n          {...fieldAriaProps(field, fieldId)}\n          checked={field.value === true}\n          disabled={readOnly}\n          onChange={(e) => field.onChange(e.target.checked)}\n        />\n      </div>\n    );\n  }\n  return <StringControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n}\n\nexport function EnumControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const value = toText(field.value);\n  const options = withSyntheticValue(field.options ?? [], value);\n  if (field.display === \"grid\") {\n    return <GridControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n  }\n  if (field.display === \"radio\") {\n    return (\n      <RadioGroupControl field={field} fieldId={fieldId} readOnly={readOnly} options={options} value={value} size={size} />\n    );\n  }\n  if (field.display === \"segmented\") {\n    return (\n      <SegmentedEnumControl field={field} fieldId={fieldId} readOnly={readOnly} options={options} value={value} size={size} />\n    );\n  }\n  return (\n    <Combobox\n      id={fieldId}\n      options={options}\n      value={value}\n      disabled={readOnly}\n      size={size}\n      allowCustomValue={field.allowCustomValue ?? false}\n      onChange={(v) => field.onChange(v)}\n      prefix={field.prefix}\n      suffix={field.suffix}\n      {...comboboxAriaProps(field, fieldId)}\n      {...(field.inputClassName ? { className: field.inputClassName } : {})}\n      {...(defaultPlaceholder(field.schema) ? { placeholder: defaultPlaceholder(field.schema) } : {})}\n    />\n  );\n}\n\n// The FormSize scale is wider than SegmentedControl's; map the extremes down.\nconst SEGMENTED_SIZE: Record<FormSize, SegmentedSize> = {\n  xs: \"sm\",\n  sm: \"sm\",\n  md: \"md\",\n  lg: \"lg\",\n  xl: \"lg\",\n};\n\n// SegmentedEnumControl renders an enum (x-enum-display: \"segmented\") with the\n// shared SegmentedControl. Icons come from x-enum-icons, descriptions from\n// x-enum-descriptions (which promote it to the large card layout). The wrapper\n// carries the field id + data-jsf-input so the JSF field contract holds.\nfunction SegmentedEnumControl({\n  field,\n  fieldId,\n  readOnly,\n  options,\n  value,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  options: FieldOption[];\n  value: string;\n  size: FormSize;\n}) {\n  const hasDescription = options.some((opt) => opt.description);\n  const segSize: SegmentedSize = hasDescription ? \"lg\" : SEGMENTED_SIZE[size];\n  return (\n    <div id={fieldId} data-jsf-input className={cn(field.inputClassName)}>\n      <SegmentedControl\n        aria-label={field.label}\n        value={value}\n        onChange={(next) => field.onChange(next)}\n        size={segSize}\n        wrap\n        options={options.map((opt) => ({\n          id: opt.value,\n          label: opt.label,\n          // x-enum-icons resolves to a runtime name string; SegmentedControl\n          // renders that via <Icon name>. Non-string (pre-extension) icons are\n          // dropped here since the segmented option type only takes name/component.\n          ...(typeof opt.icon === \"string\" ? { icon: opt.icon } : {}),\n          ...(opt.description ? { description: opt.description } : {}),\n          ...(readOnly ? { disabled: true } : {}),\n        }))}\n      />\n    </div>\n  );\n}\n\n// LookupControl is the async entity-reference picker for an `x-clicky-lookup`\n// field. It wraps Combobox and fetches options lazily through the form's\n// LookupFetcher (from context): the head set loads when the menu opens and the\n// (debounced) typed query drives server-side search. Single-select keeps\n// allowCustomValue on so a value outside the option set still commits (e.g. an\n// inline DSN). When no fetcher is wired it degrades to a free-text combobox.\nexport function LookupControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n  rootValue,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n  rootValue?: Record<string, unknown>;\n}) {\n  const fetcher = useLookupFetcher();\n  const descriptor = field.lookup;\n  const value = toText(field.value);\n  const [options, setOptions] = useState<FieldOption[]>([]);\n  const [loading, setLoading] = useState(false);\n\n  // rootValue is read through a ref so onSearch stays referentially stable: a new\n  // onSearch each render would retrigger Combobox's search effect on every\n  // setOptions, looping. The scopeKey effect below re-fetches when scope changes.\n  const rootRef = useRef(rootValue);\n  rootRef.current = rootValue;\n\n  const onSearch = useCallback(\n    (query: string) => {\n      if (!descriptor || !fetcher) return;\n      setLoading(true);\n      const root = rootRef.current;\n      fetcher({ descriptor, query, ...(root ? { rootValue: root } : {}) })\n        .then((next) => setOptions(next))\n        .catch(() => setOptions([]))\n        .finally(() => setLoading(false));\n    },\n    [descriptor, fetcher],\n  );\n\n  // Re-fetch the head set when the scope (a sibling field, e.g. provider type)\n  // changes so the out-of-scope set is replaced rather than shown stale.\n  const scopeKey = descriptor ? JSON.stringify(resolveLookupScope(descriptor, rootValue)) : \"\";\n  useEffect(() => {\n    if (descriptor && fetcher) onSearch(\"\");\n    else setOptions([]);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scopeKey, onSearch]);\n\n  // A descriptor that declares a hierarchy browses its options as a tree rather\n  // than scrolling one flat list. It owns the multi-value case too, since the\n  // committed value is then an array rather than a single string.\n  if (descriptor?.hierarchy) {\n    return (\n      <LookupTreeControl\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={size}\n        options={options}\n        loading={loading}\n        hierarchy={descriptor.hierarchy}\n      />\n    );\n  }\n\n  // A multi lookup commits an ARRAY, so it takes the tags picker rather than the\n  // single-value combobox below — which would render the array as an empty box\n  // and then overwrite it with a bare string. Without a fetcher the same control\n  // renders the already-committed values with an empty option set.\n  if (descriptor?.multi) {\n    return (\n      <TagsComboboxControl\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={size}\n        options={options}\n        loading={loading}\n        {...(fetcher ? { onSearch } : {})}\n      />\n    );\n  }\n\n  if (!descriptor || !fetcher) {\n    return (\n      <Combobox\n        id={fieldId}\n        options={withSyntheticValue([], value)}\n        value={value}\n        disabled={readOnly}\n        size={size}\n        allowCustomValue\n        onChange={(v) => field.onChange(v)}\n        {...comboboxAriaProps(field, fieldId)}\n        {...(defaultPlaceholder(field.schema) ? { placeholder: defaultPlaceholder(field.schema) } : {})}\n      />\n    );\n  }\n\n  return (\n    <Combobox\n      id={fieldId}\n      options={withSyntheticValue(options, value)}\n      value={value}\n      disabled={readOnly}\n      size={size}\n      loading={loading}\n      allowCustomValue={field.allowCustomValue ?? false}\n      onSearch={onSearch}\n      onChange={(v) => field.onChange(v)}\n      {...comboboxAriaProps(field, fieldId)}\n      {...(defaultPlaceholder(field.schema) ? { placeholder: defaultPlaceholder(field.schema) } : {})}\n    />\n  );\n}\n\n// RadioGroupControl renders a small fixed enum as a segmented radio-button group\n// instead of a dropdown. It shares EnumControl's option list (any out-of-enum\n// value is already prepended, so a token still shows). One `radiogroup` role +\n// native radios keep it keyboard-navigable; the visible chip is a styled label.\nfunction RadioGroupControl({\n  field,\n  fieldId,\n  readOnly,\n  options,\n  value,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  options: FieldOption[];\n  value: string;\n  size: FormSize;\n}) {\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label={field.label}\n      id={fieldId}\n      data-jsf-input\n      className={cn(\n        \"inline-flex flex-wrap items-center gap-1 rounded-md border border-input bg-background p-0.5\",\n        field.inputClassName,\n      )}\n    >\n      {options.map((opt) => {\n        const checked = opt.value === value;\n        return (\n          <label\n            key={opt.value}\n            className={cn(\n              \"inline-flex cursor-pointer select-none items-center rounded px-2.5 py-1\",\n              labelSizeClass[size],\n              checked\n                ? \"bg-primary text-primary-foreground\"\n                : \"text-muted-foreground hover:bg-accent hover:text-foreground\",\n              readOnly && \"cursor-not-allowed opacity-60\",\n            )}\n          >\n            <input\n              type=\"radio\"\n              name={fieldId}\n              className=\"sr-only\"\n              value={opt.value}\n              checked={checked}\n              disabled={readOnly}\n              onChange={() => field.onChange(opt.value)}\n            />\n            {opt.label}\n          </label>\n        );\n      })}\n    </div>\n  );\n}\n\n// TextareaControl edits a long-form string in a multi-line box. Read-only, it\n// shows the value with line breaks preserved; editable, a resizable <textarea>.\n// The raw string is committed unchanged so a consumer-permitted template token\n// survives.\nexport function TextareaControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const text = toText(field.value);\n  if (readOnly) {\n    return (\n      <span\n        id={fieldId}\n        data-jsf-input\n        data-jsf-readonly\n        className={cn(\"block whitespace-pre-wrap break-words text-foreground\", labelSizeClass[size])}\n        title={text || undefined}\n      >\n        {text || <span className=\"text-muted-foreground\">—</span>}\n      </span>\n    );\n  }\n  return (\n    <FieldAdornmentWrapper prefix={field.prefix} suffix={field.suffix}>\n      <textarea\n        id={fieldId}\n        data-jsf-input\n        {...fieldAriaProps(field, fieldId)}\n        rows={4}\n        className={cn(\n          inputClass(size),\n          \"h-auto min-h-[5rem] resize-y\",\n          field.prefix && \"pl-8\",\n          field.suffix && \"pr-8\",\n          field.inputClassName,\n        )}\n        value={text}\n        disabled={readOnly}\n        placeholder={defaultPlaceholder(field.schema)}\n        onChange={(e) => field.onChange(e.target.value)}\n      />\n    </FieldAdornmentWrapper>\n  );\n}\n\nexport function MarkdownControl({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const fallback = (\n    <textarea\n      id={fieldId}\n      data-jsf-input\n      {...fieldAriaProps(field, fieldId)}\n      rows={6}\n      className={cn(inputClass(size), \"h-auto resize-y font-mono\", field.prefix && \"pl-8\", field.suffix && \"pr-8\")}\n      value={toText(field.value)}\n      disabled={readOnly}\n      placeholder={defaultPlaceholder(field.schema)}\n      onChange={(e) => field.onChange(e.target.value)}\n    />\n  );\n\n  return (\n    <Suspense fallback={fallback}>\n      <LazyMdxEditorField\n        id={fieldId}\n        value={toText(field.value)}\n        readOnly={readOnly}\n        size={size}\n        placeholder={defaultPlaceholder(field.schema)}\n        onChange={(next) => field.onChange(next)}\n        {...field.markdownOptions}\n      />\n    </Suspense>\n  );\n}\n\n// DisplayControl renders a static, non-editable presentation element:\n// Label/Title (heading), Message (info text), Line (divider), or Blank/Filler\n// (spacer). It never collects a value; the heading/text source is the field's\n// title (label) and, for \"text\", its description. Rendered identically in the\n// form and the read-only Viewer.\nexport function DisplayControl({ field, size }: { field: FieldControl; size: FormSize }) {\n  const variant = field.displayVariant ?? \"text\";\n  if (variant === \"divider\") {\n    return <hr data-jsf-input className=\"my-1 w-full border-t border-border\" />;\n  }\n  if (variant === \"spacer\") {\n    return <div data-jsf-input aria-hidden className=\"h-2\" />;\n  }\n  if (variant === \"heading\") {\n    return (\n      <div\n        data-jsf-input\n        className={cn(\"border-b border-border pb-1 font-semibold text-foreground\", labelSizeClass[size])}\n      >\n        {field.label}\n      </div>\n    );\n  }\n  const text = field.description ?? toText(field.value) ?? field.label;\n  return (\n    <p data-jsf-input className={cn(\"text-muted-foreground\", labelSizeClass[size])}>\n      {text || field.label}\n    </p>\n  );\n}\n\n// LinkControl renders a read-only external hyperlink. The\n// href is field.href, falling back to the value when it is an absolute URL; with\n// neither it degrades to a plain read-only value.\nexport function LinkControl({ field, fieldId, size }: { field: FieldControl; fieldId: string; size: FormSize }) {\n  const text = toText(field.value);\n  const href = field.href ?? (/^https?:\\/\\//i.test(text) ? text : undefined);\n  if (!href) {\n    return <ReadOnlyValue field={field} fieldId={fieldId} size={size} />;\n  }\n  return (\n    <a\n      id={fieldId}\n      data-jsf-input\n      href={href}\n      target=\"_blank\"\n      rel=\"noreferrer noopener\"\n      className={cn(\"inline-flex items-center text-primary underline underline-offset-2\", controlHeightClass[size], labelSizeClass[size])}\n    >\n      {text || field.label || href}\n    </a>\n  );\n}\n\n// HMR probe\n// HMR probe 2\n"],"names":[],"mappings":"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"}

package/dist/components/json-schema-form-item-row.cjs

@@ -3,13 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const utils = require("../lib/utils.cjs");
 const Icon = require("../data/Icon.cjs");
-const jsonSchemaFormSize = require("./json-schema-form-size.cjs");
 const jsonSchemaFormTone = require("./json-schema-form-tone.cjs");
 const UiAsterisk = require("../icons/components/UiAsterisk.cjs");
-const UiChevronUp = require("../icons/components/UiChevronUp.cjs");
-const UiChevronDown = require("../icons/components/UiChevronDown.cjs");
-const UiCopy = require("../icons/components/UiCopy.cjs");
-const UiTrash = require("../icons/components/UiTrash.cjs");
+const UiWarningCircle = require("../icons/components/UiWarningCircle.cjs");
 function ItemGlyph({ glyph }) {
   if (!glyph) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -31,51 +27,26 @@ function ItemBadge({ badge }) {
     badge.label
   ] });
 }
+function ItemErrorMark({ count }) {
+  if (count <= 0) return null;
+  const label = count === 1 ? "1 error" : `${count} errors`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      title: label,
+      className: "inline-flex shrink-0 items-center gap-1 text-xs text-destructive",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiWarningCircle.UiWarningCircle, className: "text-sm" }),
+        label
+      ]
+    }
+  );
+}
 function RequiredMark() {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { title: "Required", className: "inline-flex shrink-0 items-center text-destructive", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAsterisk.UiAsterisk, className: "text-[11px]" }) });
 }
-function ItemRowActions({
-  index,
-  title,
-  size,
-  onUp,
-  onDown,
-  onDuplicate,
-  onRemove
-}) {
-  const action = utils.cn(
-    "inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30",
-    jsonSchemaFormSize.controlHeightClass[size]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": `Move ${title} up`, disabled: !onUp, className: action, onClick: onUp, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiChevronUp.UiChevronUp, className: "text-sm" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Move ${title} down`,
-        disabled: !onDown,
-        className: action,
-        onClick: onDown,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiChevronDown.UiChevronDown, className: "text-sm" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": `Duplicate ${title}`, className: action, onClick: onDuplicate, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCopy.UiCopy, className: "text-sm" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Remove ${title}`,
-        className: utils.cn(action, "hover:bg-destructive/10 hover:text-destructive"),
-        onClick: onRemove,
-        "data-item-index": index,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiTrash.UiTrash, className: "text-sm" })
-      }
-    )
-  ] });
-}
 exports.ItemBadge = ItemBadge;
+exports.ItemErrorMark = ItemErrorMark;
 exports.ItemGlyph = ItemGlyph;
-exports.ItemRowActions = ItemRowActions;
 exports.RequiredMark = RequiredMark;
 //# sourceMappingURL=json-schema-form-item-row.cjs.map

package/dist/components/json-schema-form-item-row.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-item-row.cjs","sources":["../../src/components/json-schema-form-item-row.tsx"],"sourcesContent":["import { cn } from \"../lib/utils\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiAsterisk, UiChevronDown, UiChevronUp, UiCopy, UiTrash } from \"../icons\";\nimport { controlHeightClass, type FormSize } from \"./json-schema-form-size\";\nimport { TONE_GLYPH_CLASS } from \"./json-schema-form-tone\";\nimport type { ArrayItemSummary } from \"./json-schema-form-types\";\n\n// The parts an array item's identifying row is made of, shared by every\n// object-array display. They read only from ArrayItemSummary — the derived,\n// render-ready description of one item — so a display never learns what the\n// item is, and `x-item` stays the single place a consumer says how to\n// summarize one.\n\nexport function ItemGlyph({ glyph }: { glyph?: ArrayItemSummary[\"glyph\"] }) {\n  if (!glyph) return null;\n  return (\n    <span\n      title={glyph.label}\n      className={cn(\n        \"inline-flex size-6 shrink-0 items-center justify-center rounded-md ring-1 ring-inset\",\n        TONE_GLYPH_CLASS[glyph.tone],\n      )}\n    >\n      {glyph.icon != null && <LabelIcon icon={glyph.icon} className=\"text-[13px]\" />}\n    </span>\n  );\n}\n\nexport function ItemBadge({ badge }: { badge?: ArrayItemSummary[\"badge\"] }) {\n  if (!badge) return null;\n  return (\n    <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground\">\n      {badge.icon != null && <LabelIcon icon={badge.icon} className=\"text-[13px]\" />}\n      {badge.label}\n    </span>\n  );\n}\n\nexport function RequiredMark() {\n  return (\n    <span title=\"Required\" className=\"inline-flex shrink-0 items-center text-destructive\">\n      <Icon icon={UiAsterisk} className=\"text-[11px]\" />\n    </span>\n  );\n}\n\nexport function ItemRowActions({\n  index,\n  title,\n  size,\n  onUp,\n  onDown,\n  onDuplicate,\n  onRemove,\n}: {\n  index: number;\n  title: string;\n  size: FormSize;\n  onUp?: () => void;\n  onDown?: () => void;\n  onDuplicate: () => void;\n  onRemove: () => void;\n}) {\n  // Hidden until the row is hovered or something inside it takes focus, so a\n  // long list is not a wall of permanently dim icons — but keyboard users see\n  // them the moment they arrive. Needs `group` on the item container.\n  const action = cn(\n    \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\",\n    controlHeightClass[size],\n  );\n  return (\n    <div className=\"ml-auto flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100\">\n      <button type=\"button\" aria-label={`Move ${title} up`} disabled={!onUp} className={action} onClick={onUp}>\n        <Icon icon={UiChevronUp} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Move ${title} down`}\n        disabled={!onDown}\n        className={action}\n        onClick={onDown}\n      >\n        <Icon icon={UiChevronDown} className=\"text-sm\" />\n      </button>\n      <button type=\"button\" aria-label={`Duplicate ${title}`} className={action} onClick={onDuplicate}>\n        <Icon icon={UiCopy} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Remove ${title}`}\n        className={cn(action, \"hover:bg-destructive/10 hover:text-destructive\")}\n        onClick={onRemove}\n        data-item-index={index}\n      >\n        <Icon icon={UiTrash} className=\"text-sm\" />\n      </button>\n    </div>\n  );\n}\n"],"names":["jsx","cn","TONE_GLYPH_CLASS","LabelIcon","jsxs","Icon","UiAsterisk","controlHeightClass","UiChevronUp","UiChevronDown","UiCopy","UiTrash"],"mappings":";;;;;;;;;;;;AAaO,SAAS,UAAU,EAAE,SAAgD;AAC1E,MAAI,CAAC,MAAO,QAAO;AACnB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACAC,mBAAAA,iBAAiB,MAAM,IAAI;AAAA,MAAA;AAAA,MAG5B,UAAA,MAAM,QAAQ,QAAQF,2BAAAA,IAACG,KAAAA,aAAU,MAAM,MAAM,MAAM,WAAU,cAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAGlF;AAEO,SAAS,UAAU,EAAE,SAAgD;AAC1E,MAAI,CAAC,MAAO,QAAO;AACnB,SACEC,2BAAAA,KAAC,QAAA,EAAK,WAAU,2HACb,UAAA;AAAA,IAAA,MAAM,QAAQ,QAAQJ,2BAAAA,IAACG,KAAAA,WAAA,EAAU,MAAM,MAAM,MAAM,WAAU,cAAA,CAAc;AAAA,IAC3E,MAAM;AAAA,EAAA,GACT;AAEJ;AAEO,SAAS,eAAe;AAC7B,SACEH,2BAAAA,IAAC,QAAA,EAAK,OAAM,YAAW,WAAU,sDAC/B,UAAAA,2BAAAA,IAACK,KAAAA,MAAA,EAAK,MAAMC,WAAAA,YAAY,WAAU,cAAA,CAAc,GAClD;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AAID,QAAM,SAASL,MAAAA;AAAAA,IACb;AAAA,IACAM,mBAAAA,mBAAmB,IAAI;AAAA,EAAA;AAEzB,SACEH,2BAAAA,KAAC,OAAA,EAAI,WAAU,4HACb,UAAA;AAAA,IAAAJ,2BAAAA,IAAC,UAAA,EAAO,MAAK,UAAS,cAAY,QAAQ,KAAK,OAAO,UAAU,CAAC,MAAM,WAAW,QAAQ,SAAS,MACjG,UAAAA,2BAAAA,IAACK,KAAAA,MAAA,EAAK,MAAMG,YAAAA,aAAa,WAAU,WAAU,EAAA,CAC/C;AAAA,IACAR,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,QAAQ,KAAK;AAAA,QACzB,UAAU,CAAC;AAAA,QACX,WAAW;AAAA,QACX,SAAS;AAAA,QAET,UAAAA,2BAAAA,IAACK,WAAA,EAAK,MAAMI,cAAAA,eAAe,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,mCAEhD,UAAA,EAAO,MAAK,UAAS,cAAY,aAAa,KAAK,IAAI,WAAW,QAAQ,SAAS,aAClF,UAAAT,2BAAAA,IAACK,WAAA,EAAK,MAAMK,OAAAA,QAAQ,WAAU,WAAU,GAC1C;AAAA,IACAV,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,KAAK;AAAA,QAC3B,WAAWC,MAAAA,GAAG,QAAQ,gDAAgD;AAAA,QACtE,SAAS;AAAA,QACT,mBAAiB;AAAA,QAEjB,UAAAD,2BAAAA,IAACK,WAAA,EAAK,MAAMM,QAAAA,SAAS,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3C,GACF;AAEJ;;;;;"}
+{"version":3,"file":"json-schema-form-item-row.cjs","sources":["../../src/components/json-schema-form-item-row.tsx"],"sourcesContent":["import { cn } from \"../lib/utils\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiAsterisk, UiWarningCircle } from \"../icons\";\nimport { TONE_GLYPH_CLASS } from \"./json-schema-form-tone\";\nimport type { ArrayItemSummary } from \"./json-schema-form-types\";\n\n// The parts an array item's identifying row is made of, shared by every\n// object-array display. They read only from ArrayItemSummary — the derived,\n// render-ready description of one item — so a display never learns what the\n// item is, and `x-item` stays the single place a consumer says how to\n// summarize one.\n\nexport function ItemGlyph({ glyph }: { glyph?: ArrayItemSummary[\"glyph\"] }) {\n  if (!glyph) return null;\n  return (\n    <span\n      title={glyph.label}\n      className={cn(\n        \"inline-flex size-6 shrink-0 items-center justify-center rounded-md ring-1 ring-inset\",\n        TONE_GLYPH_CLASS[glyph.tone],\n      )}\n    >\n      {glyph.icon != null && <LabelIcon icon={glyph.icon} className=\"text-[13px]\" />}\n    </span>\n  );\n}\n\nexport function ItemBadge({ badge }: { badge?: ArrayItemSummary[\"badge\"] }) {\n  if (!badge) return null;\n  return (\n    <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground\">\n      {badge.icon != null && <LabelIcon icon={badge.icon} className=\"text-[13px]\" />}\n      {badge.label}\n    </span>\n  );\n}\n\n// A collapsed row hides the controls that would carry a validation message, so\n// it says how many errors are inside it instead — an error the reader cannot\n// see is an error they cannot fix.\nexport function ItemErrorMark({ count }: { count: number }) {\n  if (count <= 0) return null;\n  const label = count === 1 ? \"1 error\" : `${count} errors`;\n  return (\n    <span\n      title={label}\n      className=\"inline-flex shrink-0 items-center gap-1 text-xs text-destructive\"\n    >\n      <Icon icon={UiWarningCircle} className=\"text-sm\" />\n      {label}\n    </span>\n  );\n}\n\nexport function RequiredMark() {\n  return (\n    <span title=\"Required\" className=\"inline-flex shrink-0 items-center text-destructive\">\n      <Icon icon={UiAsterisk} className=\"text-[11px]\" />\n    </span>\n  );\n}\n\n"],"names":["jsx","cn","TONE_GLYPH_CLASS","LabelIcon","jsxs","Icon","UiWarningCircle","UiAsterisk"],"mappings":";;;;;;;;AAYO,SAAS,UAAU,EAAE,SAAgD;AAC1E,MAAI,CAAC,MAAO,QAAO;AACnB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACAC,mBAAAA,iBAAiB,MAAM,IAAI;AAAA,MAAA;AAAA,MAG5B,UAAA,MAAM,QAAQ,QAAQF,2BAAAA,IAACG,KAAAA,aAAU,MAAM,MAAM,MAAM,WAAU,cAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAGlF;AAEO,SAAS,UAAU,EAAE,SAAgD;AAC1E,MAAI,CAAC,MAAO,QAAO;AACnB,SACEC,2BAAAA,KAAC,QAAA,EAAK,WAAU,2HACb,UAAA;AAAA,IAAA,MAAM,QAAQ,QAAQJ,2BAAAA,IAACG,KAAAA,WAAA,EAAU,MAAM,MAAM,MAAM,WAAU,cAAA,CAAc;AAAA,IAC3E,MAAM;AAAA,EAAA,GACT;AAEJ;AAKO,SAAS,cAAc,EAAE,SAA4B;AAC1D,MAAI,SAAS,EAAG,QAAO;AACvB,QAAM,QAAQ,UAAU,IAAI,YAAY,GAAG,KAAK;AAChD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAJ,2BAAAA,IAACK,KAAAA,MAAA,EAAK,MAAMC,gBAAAA,iBAAiB,WAAU,WAAU;AAAA,QAChD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAAS,eAAe;AAC7B,SACEN,2BAAAA,IAAC,QAAA,EAAK,OAAM,YAAW,WAAU,sDAC/B,UAAAA,2BAAAA,IAACK,KAAAA,MAAA,EAAK,MAAME,WAAAA,YAAY,WAAU,cAAA,CAAc,GAClD;AAEJ;;;;;"}

package/dist/components/json-schema-form-item-row.d.ts

@@ -1,4 +1,3 @@
-import { FormSize } from './json-schema-form-size';
 import { ArrayItemSummary } from './json-schema-form-types';
 export declare function ItemGlyph({ glyph }: {
     glyph?: ArrayItemSummary["glyph"];
@@ -6,14 +5,8 @@ export declare function ItemGlyph({ glyph }: {
 export declare function ItemBadge({ badge }: {
     badge?: ArrayItemSummary["badge"];
 }): import("react/jsx-runtime").JSX.Element | null;
+export declare function ItemErrorMark({ count }: {
+    count: number;
+}): import("react/jsx-runtime").JSX.Element | null;
 export declare function RequiredMark(): import("react/jsx-runtime").JSX.Element;
-export declare function ItemRowActions({ index, title, size, onUp, onDown, onDuplicate, onRemove, }: {
-    index: number;
-    title: string;
-    size: FormSize;
-    onUp?: () => void;
-    onDown?: () => void;
-    onDuplicate: () => void;
-    onRemove: () => void;
-}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=json-schema-form-item-row.d.ts.map

package/dist/components/json-schema-form-item-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-item-row.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-item-row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAQjE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CAAE,kDAazE;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CAAE,kDAQzE;AAED,wBAAgB,YAAY,4CAM3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,WAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,2CAoCA"}
+{"version":3,"file":"json-schema-form-item-row.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-item-row.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAQjE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CAAE,kDAazE;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CAAE,kDAQzE;AAKD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,kDAYzD;AAED,wBAAgB,YAAY,4CAM3B"}

package/dist/components/json-schema-form-item-row.js

@@ -1,13 +1,9 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
 import { LabelIcon, Icon } from "../data/Icon.js";
-import { controlHeightClass } from "./json-schema-form-size.js";
 import { TONE_GLYPH_CLASS } from "./json-schema-form-tone.js";
 import { UiAsterisk } from "../icons/components/UiAsterisk.js";
-import { UiChevronUp } from "../icons/components/UiChevronUp.js";
-import { UiChevronDown } from "../icons/components/UiChevronDown.js";
-import { UiCopy } from "../icons/components/UiCopy.js";
-import { UiTrash } from "../icons/components/UiTrash.js";
+import { UiWarningCircle } from "../icons/components/UiWarningCircle.js";
 function ItemGlyph({ glyph }) {
   if (!glyph) return null;
   return /* @__PURE__ */ jsx(
@@ -29,53 +25,28 @@ function ItemBadge({ badge }) {
     badge.label
   ] });
 }
+function ItemErrorMark({ count }) {
+  if (count <= 0) return null;
+  const label = count === 1 ? "1 error" : `${count} errors`;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      title: label,
+      className: "inline-flex shrink-0 items-center gap-1 text-xs text-destructive",
+      children: [
+        /* @__PURE__ */ jsx(Icon, { icon: UiWarningCircle, className: "text-sm" }),
+        label
+      ]
+    }
+  );
+}
 function RequiredMark() {
   return /* @__PURE__ */ jsx("span", { title: "Required", className: "inline-flex shrink-0 items-center text-destructive", children: /* @__PURE__ */ jsx(Icon, { icon: UiAsterisk, className: "text-[11px]" }) });
 }
-function ItemRowActions({
-  index,
-  title,
-  size,
-  onUp,
-  onDown,
-  onDuplicate,
-  onRemove
-}) {
-  const action = cn(
-    "inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30",
-    controlHeightClass[size]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100", children: [
-    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `Move ${title} up`, disabled: !onUp, className: action, onClick: onUp, children: /* @__PURE__ */ jsx(Icon, { icon: UiChevronUp, className: "text-sm" }) }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Move ${title} down`,
-        disabled: !onDown,
-        className: action,
-        onClick: onDown,
-        children: /* @__PURE__ */ jsx(Icon, { icon: UiChevronDown, className: "text-sm" })
-      }
-    ),
-    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `Duplicate ${title}`, className: action, onClick: onDuplicate, children: /* @__PURE__ */ jsx(Icon, { icon: UiCopy, className: "text-sm" }) }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Remove ${title}`,
-        className: cn(action, "hover:bg-destructive/10 hover:text-destructive"),
-        onClick: onRemove,
-        "data-item-index": index,
-        children: /* @__PURE__ */ jsx(Icon, { icon: UiTrash, className: "text-sm" })
-      }
-    )
-  ] });
-}
 export {
   ItemBadge,
+  ItemErrorMark,
   ItemGlyph,
-  ItemRowActions,
   RequiredMark
 };
 //# sourceMappingURL=json-schema-form-item-row.js.map

package/dist/components/json-schema-form-item-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-item-row.js","sources":["../../src/components/json-schema-form-item-row.tsx"],"sourcesContent":["import { cn } from \"../lib/utils\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiAsterisk, UiChevronDown, UiChevronUp, UiCopy, UiTrash } from \"../icons\";\nimport { controlHeightClass, type FormSize } from \"./json-schema-form-size\";\nimport { TONE_GLYPH_CLASS } from \"./json-schema-form-tone\";\nimport type { ArrayItemSummary } from \"./json-schema-form-types\";\n\n// The parts an array item's identifying row is made of, shared by every\n// object-array display. They read only from ArrayItemSummary — the derived,\n// render-ready description of one item — so a display never learns what the\n// item is, and `x-item` stays the single place a consumer says how to\n// summarize one.\n\nexport function ItemGlyph({ glyph }: { glyph?: ArrayItemSummary[\"glyph\"] }) {\n  if (!glyph) return null;\n  return (\n    <span\n      title={glyph.label}\n      className={cn(\n        \"inline-flex size-6 shrink-0 items-center justify-center rounded-md ring-1 ring-inset\",\n        TONE_GLYPH_CLASS[glyph.tone],\n      )}\n    >\n      {glyph.icon != null && <LabelIcon icon={glyph.icon} className=\"text-[13px]\" />}\n    </span>\n  );\n}\n\nexport function ItemBadge({ badge }: { badge?: ArrayItemSummary[\"badge\"] }) {\n  if (!badge) return null;\n  return (\n    <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground\">\n      {badge.icon != null && <LabelIcon icon={badge.icon} className=\"text-[13px]\" />}\n      {badge.label}\n    </span>\n  );\n}\n\nexport function RequiredMark() {\n  return (\n    <span title=\"Required\" className=\"inline-flex shrink-0 items-center text-destructive\">\n      <Icon icon={UiAsterisk} className=\"text-[11px]\" />\n    </span>\n  );\n}\n\nexport function ItemRowActions({\n  index,\n  title,\n  size,\n  onUp,\n  onDown,\n  onDuplicate,\n  onRemove,\n}: {\n  index: number;\n  title: string;\n  size: FormSize;\n  onUp?: () => void;\n  onDown?: () => void;\n  onDuplicate: () => void;\n  onRemove: () => void;\n}) {\n  // Hidden until the row is hovered or something inside it takes focus, so a\n  // long list is not a wall of permanently dim icons — but keyboard users see\n  // them the moment they arrive. Needs `group` on the item container.\n  const action = cn(\n    \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\",\n    controlHeightClass[size],\n  );\n  return (\n    <div className=\"ml-auto flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100\">\n      <button type=\"button\" aria-label={`Move ${title} up`} disabled={!onUp} className={action} onClick={onUp}>\n        <Icon icon={UiChevronUp} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Move ${title} down`}\n        disabled={!onDown}\n        className={action}\n        onClick={onDown}\n      >\n        <Icon icon={UiChevronDown} className=\"text-sm\" />\n      </button>\n      <button type=\"button\" aria-label={`Duplicate ${title}`} className={action} onClick={onDuplicate}>\n        <Icon icon={UiCopy} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Remove ${title}`}\n        className={cn(action, \"hover:bg-destructive/10 hover:text-destructive\")}\n        onClick={onRemove}\n        data-item-index={index}\n      >\n        <Icon icon={UiTrash} className=\"text-sm\" />\n      </button>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAaO,SAAS,UAAU,EAAE,SAAgD;AAC1E,MAAI,CAAC,MAAO,QAAO;AACnB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,WAAW;AAAA,QACT;AAAA,QACA,iBAAiB,MAAM,IAAI;AAAA,MAAA;AAAA,MAG5B,UAAA,MAAM,QAAQ,QAAQ,oBAAC,aAAU,MAAM,MAAM,MAAM,WAAU,cAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAGlF;AAEO,SAAS,UAAU,EAAE,SAAgD;AAC1E,MAAI,CAAC,MAAO,QAAO;AACnB,SACE,qBAAC,QAAA,EAAK,WAAU,2HACb,UAAA;AAAA,IAAA,MAAM,QAAQ,QAAQ,oBAAC,WAAA,EAAU,MAAM,MAAM,MAAM,WAAU,cAAA,CAAc;AAAA,IAC3E,MAAM;AAAA,EAAA,GACT;AAEJ;AAEO,SAAS,eAAe;AAC7B,SACE,oBAAC,QAAA,EAAK,OAAM,YAAW,WAAU,sDAC/B,UAAA,oBAAC,MAAA,EAAK,MAAM,YAAY,WAAU,cAAA,CAAc,GAClD;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AAID,QAAM,SAAS;AAAA,IACb;AAAA,IACA,mBAAmB,IAAI;AAAA,EAAA;AAEzB,SACE,qBAAC,OAAA,EAAI,WAAU,4HACb,UAAA;AAAA,IAAA,oBAAC,UAAA,EAAO,MAAK,UAAS,cAAY,QAAQ,KAAK,OAAO,UAAU,CAAC,MAAM,WAAW,QAAQ,SAAS,MACjG,UAAA,oBAAC,MAAA,EAAK,MAAM,aAAa,WAAU,WAAU,EAAA,CAC/C;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,QAAQ,KAAK;AAAA,QACzB,UAAU,CAAC;AAAA,QACX,WAAW;AAAA,QACX,SAAS;AAAA,QAET,UAAA,oBAAC,MAAA,EAAK,MAAM,eAAe,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,wBAEhD,UAAA,EAAO,MAAK,UAAS,cAAY,aAAa,KAAK,IAAI,WAAW,QAAQ,SAAS,aAClF,UAAA,oBAAC,MAAA,EAAK,MAAM,QAAQ,WAAU,WAAU,GAC1C;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,KAAK;AAAA,QAC3B,WAAW,GAAG,QAAQ,gDAAgD;AAAA,QACtE,SAAS;AAAA,QACT,mBAAiB;AAAA,QAEjB,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3C,GACF;AAEJ;"}
+{"version":3,"file":"json-schema-form-item-row.js","sources":["../../src/components/json-schema-form-item-row.tsx"],"sourcesContent":["import { cn } from \"../lib/utils\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiAsterisk, UiWarningCircle } from \"../icons\";\nimport { TONE_GLYPH_CLASS } from \"./json-schema-form-tone\";\nimport type { ArrayItemSummary } from \"./json-schema-form-types\";\n\n// The parts an array item's identifying row is made of, shared by every\n// object-array display. They read only from ArrayItemSummary — the derived,\n// render-ready description of one item — so a display never learns what the\n// item is, and `x-item` stays the single place a consumer says how to\n// summarize one.\n\nexport function ItemGlyph({ glyph }: { glyph?: ArrayItemSummary[\"glyph\"] }) {\n  if (!glyph) return null;\n  return (\n    <span\n      title={glyph.label}\n      className={cn(\n        \"inline-flex size-6 shrink-0 items-center justify-center rounded-md ring-1 ring-inset\",\n        TONE_GLYPH_CLASS[glyph.tone],\n      )}\n    >\n      {glyph.icon != null && <LabelIcon icon={glyph.icon} className=\"text-[13px]\" />}\n    </span>\n  );\n}\n\nexport function ItemBadge({ badge }: { badge?: ArrayItemSummary[\"badge\"] }) {\n  if (!badge) return null;\n  return (\n    <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground\">\n      {badge.icon != null && <LabelIcon icon={badge.icon} className=\"text-[13px]\" />}\n      {badge.label}\n    </span>\n  );\n}\n\n// A collapsed row hides the controls that would carry a validation message, so\n// it says how many errors are inside it instead — an error the reader cannot\n// see is an error they cannot fix.\nexport function ItemErrorMark({ count }: { count: number }) {\n  if (count <= 0) return null;\n  const label = count === 1 ? \"1 error\" : `${count} errors`;\n  return (\n    <span\n      title={label}\n      className=\"inline-flex shrink-0 items-center gap-1 text-xs text-destructive\"\n    >\n      <Icon icon={UiWarningCircle} className=\"text-sm\" />\n      {label}\n    </span>\n  );\n}\n\nexport function RequiredMark() {\n  return (\n    <span title=\"Required\" className=\"inline-flex shrink-0 items-center text-destructive\">\n      <Icon icon={UiAsterisk} className=\"text-[11px]\" />\n    </span>\n  );\n}\n\n"],"names":[],"mappings":";;;;;;AAYO,SAAS,UAAU,EAAE,SAAgD;AAC1E,MAAI,CAAC,MAAO,QAAO;AACnB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,WAAW;AAAA,QACT;AAAA,QACA,iBAAiB,MAAM,IAAI;AAAA,MAAA;AAAA,MAG5B,UAAA,MAAM,QAAQ,QAAQ,oBAAC,aAAU,MAAM,MAAM,MAAM,WAAU,cAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAGlF;AAEO,SAAS,UAAU,EAAE,SAAgD;AAC1E,MAAI,CAAC,MAAO,QAAO;AACnB,SACE,qBAAC,QAAA,EAAK,WAAU,2HACb,UAAA;AAAA,IAAA,MAAM,QAAQ,QAAQ,oBAAC,WAAA,EAAU,MAAM,MAAM,MAAM,WAAU,cAAA,CAAc;AAAA,IAC3E,MAAM;AAAA,EAAA,GACT;AAEJ;AAKO,SAAS,cAAc,EAAE,SAA4B;AAC1D,MAAI,SAAS,EAAG,QAAO;AACvB,QAAM,QAAQ,UAAU,IAAI,YAAY,GAAG,KAAK;AAChD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,MAAM,iBAAiB,WAAU,WAAU;AAAA,QAChD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAAS,eAAe;AAC7B,SACE,oBAAC,QAAA,EAAK,OAAM,YAAW,WAAU,sDAC/B,UAAA,oBAAC,MAAA,EAAK,MAAM,YAAY,WAAU,cAAA,CAAc,GAClD;AAEJ;"}

package/dist/components/json-schema-form-item-summary.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const collections = require("../lib/collections.cjs");
 const jsonSchemaFormTone = require("./json-schema-form-tone.cjs");
-const jsonSchemaFormUtils = require("./json-schema-form-utils.cjs");
 const DEFAULT_TITLE_KEYS = ["title", "name", "label", "id", "key"];
 const SUMMARY_SEPARATOR = "  ·  ";
 const VALUE_SEPARATOR = ", ";
 function resolveItemSpec(arraySchema, itemSchema) {
-  const raw = jsonSchemaFormUtils.isPlainObject(arraySchema["x-item"]) ? arraySchema["x-item"] : {};
+  const raw = collections.isPlainObject(arraySchema["x-item"]) ? arraySchema["x-item"] : {};
   const title = stringArray(raw.title);
   const summary = summaryParts(raw.summary);
   const glyph = typeof raw.glyph === "string" ? raw.glyph : autoGlyphKey(itemSchema);
@@ -17,11 +17,24 @@ function resolveItemSpec(arraySchema, itemSchema) {
     ...glyph ? { glyph } : {},
     ...typeof raw.badge === "string" && raw.badge ? { badge: raw.badge } : {},
     ...typeof raw.flag === "string" && raw.flag ? { flag: raw.flag } : {},
+    // Only carried when the schema actually said something: an absent key means
+    // every action, while an explicit empty list means none, and those two
+    // cannot be told apart once the default has been filled in.
+    ...Array.isArray(raw.actions) ? { actions: itemActions(raw.actions) } : {},
     noun: firstNonEmpty([raw.noun, itemSchema == null ? void 0 : itemSchema.title]) ?? "item",
     nounPlural: firstNonEmpty([raw.nounPlural, arraySchema.title]) ?? "items",
     ...typeof raw.empty === "string" && raw.empty ? { empty: raw.empty } : {}
   };
 }
+const ITEM_ACTIONS = ["reorder", "duplicate", "remove"];
+function itemActions(value) {
+  return value.filter(
+    (entry) => ITEM_ACTIONS.includes(entry)
+  );
+}
+function itemActionsAllow(spec, action) {
+  return spec.actions ? spec.actions.includes(action) : true;
+}
 function autoGlyphKey(itemSchema) {
   for (const [key, prop] of Object.entries((itemSchema == null ? void 0 : itemSchema.properties) ?? {})) {
     const icons = prop["x-enum-icons"];
@@ -36,7 +49,7 @@ function itemSummaryFor({
   itemSchema
 }) {
   var _a, _b, _c;
-  const obj = jsonSchemaFormUtils.isPlainObject(item) ? item : {};
+  const obj = collections.isPlainObject(item) ? item : {};
   const props = (itemSchema == null ? void 0 : itemSchema.properties) ?? {};
   const title = firstNonEmpty((spec.title ?? DEFAULT_TITLE_KEYS).map((key) => text(obj[key]))) ?? spec.fallback ?? `Item ${index + 1}`;
   const summary = (spec.summary ?? []).map((part) => summaryPart(obj, part)).filter((s) => !!s).join(SUMMARY_SEPARATOR);
@@ -104,7 +117,7 @@ function summaryParts(value) {
   if (!Array.isArray(value)) return [];
   return value.flatMap((part) => {
     if (typeof part === "string" && part) return [part];
-    if (jsonSchemaFormUtils.isPlainObject(part) && typeof part.property === "string" && part.property) {
+    if (collections.isPlainObject(part) && typeof part.property === "string" && part.property) {
       return [
         {
           property: part.property,
@@ -124,6 +137,7 @@ function firstNonEmpty(values) {
 }
 exports.addItemLabel = addItemLabel;
 exports.emptyItemsCopy = emptyItemsCopy;
+exports.itemActionsAllow = itemActionsAllow;
 exports.itemCountLabel = itemCountLabel;
 exports.itemSummaryFor = itemSummaryFor;
 exports.noItemsLabel = noItemsLabel;

package/dist/components/json-schema-form-item-summary.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-item-summary.cjs","sources":["../../src/components/json-schema-form-item-summary.ts"],"sourcesContent":["import { normalizeTone } from \"./json-schema-form-tone\";\nimport { isPlainObject } from \"./json-schema-form-utils\";\nimport type {\n  ArrayItemSpec,\n  ArrayItemSummary,\n  ArrayItemSummaryPart,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\n// Property names worth trying for a row title when the schema does not say.\n// Ordered most-human-readable first.\nconst DEFAULT_TITLE_KEYS = [\"title\", \"name\", \"label\", \"id\", \"key\"];\n\nconst SUMMARY_SEPARATOR = \"  ·  \";\nconst VALUE_SEPARATOR = \", \";\n\n// resolveItemSpec reads the array's `x-item` and fills in every default, so the\n// renderer never has to ask whether a key was supplied. With no `x-item` at all\n// the result reproduces today's behaviour exactly: an `Item <n>` title and an\n// \"Add item\" button.\nexport function resolveItemSpec(\n  arraySchema: JsonSchemaProperty,\n  itemSchema: JsonSchemaProperty | undefined,\n): ArrayItemSpec {\n  const raw = isPlainObject(arraySchema[\"x-item\"])\n    ? (arraySchema[\"x-item\"] as ArrayItemSpec)\n    : {};\n  const title = stringArray(raw.title);\n  const summary = summaryParts(raw.summary);\n  const glyph = typeof raw.glyph === \"string\" ? raw.glyph : autoGlyphKey(itemSchema);\n  return {\n    title: title.length > 0 ? title : DEFAULT_TITLE_KEYS,\n    ...(typeof raw.fallback === \"string\" && raw.fallback ? { fallback: raw.fallback } : {}),\n    ...(summary.length > 0 ? { summary } : {}),\n    ...(glyph ? { glyph } : {}),\n    ...(typeof raw.badge === \"string\" && raw.badge ? { badge: raw.badge } : {}),\n    ...(typeof raw.flag === \"string\" && raw.flag ? { flag: raw.flag } : {}),\n    noun: firstNonEmpty([raw.noun, itemSchema?.title]) ?? \"item\",\n    nounPlural: firstNonEmpty([raw.nounPlural, arraySchema.title]) ?? \"items\",\n    ...(typeof raw.empty === \"string\" && raw.empty ? { empty: raw.empty } : {}),\n  };\n}\n\n// autoGlyphKey picks the item property that can colour a row without being told:\n// the first enum carrying per-value icons. Keeps a schema that already declares\n// x-enum-icons from having to repeat itself in x-item.\nfunction autoGlyphKey(itemSchema: JsonSchemaProperty | undefined): string | undefined {\n  for (const [key, prop] of Object.entries(itemSchema?.properties ?? {})) {\n    const icons = prop[\"x-enum-icons\"];\n    if (Array.isArray(prop.enum) && icons && Object.keys(icons).length > 0) return key;\n  }\n  return undefined;\n}\n\n// itemSummaryFor derives one collapsed row from the item's raw VALUE — never\n// from its rendered fields. A consumer pre-extension may hide a property's\n// control entirely (returning null) and still have it appear in the summary.\nexport function itemSummaryFor({\n  item,\n  index,\n  spec,\n  itemSchema,\n}: {\n  item: unknown;\n  index: number;\n  spec: ArrayItemSpec;\n  itemSchema: JsonSchemaProperty | undefined;\n}): ArrayItemSummary {\n  const obj = isPlainObject(item) ? item : {};\n  const props = itemSchema?.properties ?? {};\n\n  const title =\n    firstNonEmpty((spec.title ?? DEFAULT_TITLE_KEYS).map((key) => text(obj[key]))) ??\n    spec.fallback ??\n    `Item ${index + 1}`;\n\n  const summary = (spec.summary ?? [])\n    .map((part) => summaryPart(obj, part))\n    .filter((s): s is string => !!s)\n    .join(SUMMARY_SEPARATOR);\n\n  const glyphValue = spec.glyph ? text(obj[spec.glyph]) : \"\";\n  const glyphProp = spec.glyph ? props[spec.glyph] : undefined;\n  const badgeValue = spec.badge ? text(obj[spec.badge]) : \"\";\n  const badgeProp = spec.badge ? props[spec.badge] : undefined;\n  const badgeIcon = badgeProp?.[\"x-enum-icons\"]?.[badgeValue];\n\n  return {\n    title,\n    ...(summary ? { summary } : {}),\n    ...(spec.glyph\n      ? {\n          glyph: {\n            ...(glyphProp?.[\"x-enum-icons\"]?.[glyphValue]\n              ? { icon: glyphProp[\"x-enum-icons\"][glyphValue] }\n              : {}),\n            tone: normalizeTone(glyphProp?.[\"x-enum-tones\"]?.[glyphValue]),\n            ...(glyphValue ? { label: enumLabel(glyphProp, glyphValue) } : {}),\n          },\n        }\n      : {}),\n    ...(badgeValue\n      ? {\n          badge: {\n            ...(badgeIcon ? { icon: badgeIcon } : {}),\n            label: enumLabel(badgeProp, badgeValue),\n          },\n        }\n      : {}),\n    ...(spec.flag && obj[spec.flag] === true ? { flagged: true } : {}),\n  };\n}\n\n// The add row's button text — \"Add parameter\" when the schema names its noun,\n// and the historical \"Add item\" when it does not.\nexport function addItemLabel(spec: ArrayItemSpec): string {\n  return `Add ${spec.noun ?? \"item\"}`;\n}\n\nexport function itemCountLabel(spec: ArrayItemSpec, count: number): string {\n  return count === 1\n    ? `1 ${spec.noun ?? \"item\"}`\n    : `${count} ${spec.nounPlural ?? \"items\"}`;\n}\n\n// The zero-item explanation. Falls back to the array's own description, so a\n// schema that already documents the field gets the empty state for free.\nexport function emptyItemsCopy(\n  spec: ArrayItemSpec,\n  arraySchema: JsonSchemaProperty,\n): string | undefined {\n  if (spec.empty) return spec.empty;\n  const description = typeof arraySchema.description === \"string\" ? arraySchema.description.trim() : \"\";\n  return description || undefined;\n}\n\nexport function noItemsLabel(spec: ArrayItemSpec): string {\n  return `No ${spec.nounPlural ?? \"items\"} yet`;\n}\n\n// summaryPart renders one part, substituting the value into a single literal\n// `{}` in the pattern. A pattern without `{}` renders as-is (it is a literal),\n// and a missing value drops the part rather than leaving a dangling separator.\nfunction summaryPart(\n  obj: Record<string, unknown>,\n  part: string | ArrayItemSummaryPart,\n): string | undefined {\n  const { property, pattern } = typeof part === \"string\" ? { property: part, pattern: undefined } : part;\n  const value = text(obj[property]);\n  if (!value) return undefined;\n  return pattern ? pattern.replace(\"{}\", value) : value;\n}\n\n// enumLabel prefers the human label the schema declares for a code, falling back\n// to the code itself. Unlike the combobox option list this does NOT render\n// \"Label (code)\" — a chip has room for one of the two, and the label is the one\n// worth reading.\nfunction enumLabel(prop: JsonSchemaProperty | undefined, value: string): string {\n  const label = prop?.[\"x-enum-labels\"]?.[value];\n  return typeof label === \"string\" && label ? label : value;\n}\n\n// text flattens a value to its display string. Arrays join, so a list-valued\n// property still reads as one line.\nfunction text(value: unknown): string {\n  if (value === undefined || value === null) return \"\";\n  if (Array.isArray(value)) return value.map(text).filter(Boolean).join(VALUE_SEPARATOR);\n  if (typeof value === \"object\") return \"\";\n  return String(value).trim();\n}\n\nfunction stringArray(value: unknown): string[] {\n  if (typeof value === \"string\") return [value];\n  if (!Array.isArray(value)) return [];\n  return value.filter((v): v is string => typeof v === \"string\" && !!v);\n}\n\nfunction summaryParts(value: unknown): Array<string | ArrayItemSummaryPart> {\n  if (!Array.isArray(value)) return [];\n  return (value as unknown[]).flatMap((part): Array<string | ArrayItemSummaryPart> => {\n    if (typeof part === \"string\" && part) return [part];\n    if (isPlainObject(part) && typeof part.property === \"string\" && part.property) {\n      return [\n        {\n          property: part.property,\n          ...(typeof part.pattern === \"string\" && part.pattern ? { pattern: part.pattern } : {}),\n        } satisfies ArrayItemSummaryPart,\n      ];\n    }\n    return [];\n  });\n}\n\nfunction firstNonEmpty(values: Array<string | undefined>): string | undefined {\n  for (const value of values) {\n    const trimmed = typeof value === \"string\" ? value.trim() : \"\";\n    if (trimmed) return trimmed;\n  }\n  return undefined;\n}\n"],"names":["isPlainObject","normalizeTone"],"mappings":"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"}
+{"version":3,"file":"json-schema-form-item-summary.cjs","sources":["../../src/components/json-schema-form-item-summary.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport { normalizeTone } from \"./json-schema-form-tone\";\nimport type {\n  ArrayItemAction,\n  ArrayItemSpec,\n  ArrayItemSummary,\n  ArrayItemSummaryPart,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\n// Property names worth trying for a row title when the schema does not say.\n// Ordered most-human-readable first.\nconst DEFAULT_TITLE_KEYS = [\"title\", \"name\", \"label\", \"id\", \"key\"];\n\nconst SUMMARY_SEPARATOR = \"  ·  \";\nconst VALUE_SEPARATOR = \", \";\n\n// resolveItemSpec reads the array's `x-item` and fills in every default, so the\n// renderer never has to ask whether a key was supplied. With no `x-item` at all\n// the result reproduces today's behaviour exactly: an `Item <n>` title and an\n// \"Add item\" button.\nexport function resolveItemSpec(\n  arraySchema: JsonSchemaProperty,\n  itemSchema: JsonSchemaProperty | undefined,\n): ArrayItemSpec {\n  const raw = isPlainObject(arraySchema[\"x-item\"])\n    ? (arraySchema[\"x-item\"] as ArrayItemSpec)\n    : {};\n  const title = stringArray(raw.title);\n  const summary = summaryParts(raw.summary);\n  const glyph = typeof raw.glyph === \"string\" ? raw.glyph : autoGlyphKey(itemSchema);\n  return {\n    title: title.length > 0 ? title : DEFAULT_TITLE_KEYS,\n    ...(typeof raw.fallback === \"string\" && raw.fallback ? { fallback: raw.fallback } : {}),\n    ...(summary.length > 0 ? { summary } : {}),\n    ...(glyph ? { glyph } : {}),\n    ...(typeof raw.badge === \"string\" && raw.badge ? { badge: raw.badge } : {}),\n    ...(typeof raw.flag === \"string\" && raw.flag ? { flag: raw.flag } : {}),\n    // Only carried when the schema actually said something: an absent key means\n    // every action, while an explicit empty list means none, and those two\n    // cannot be told apart once the default has been filled in.\n    ...(Array.isArray(raw.actions) ? { actions: itemActions(raw.actions) } : {}),\n    noun: firstNonEmpty([raw.noun, itemSchema?.title]) ?? \"item\",\n    nounPlural: firstNonEmpty([raw.nounPlural, arraySchema.title]) ?? \"items\",\n    ...(typeof raw.empty === \"string\" && raw.empty ? { empty: raw.empty } : {}),\n  };\n}\n\nconst ITEM_ACTIONS: ArrayItemAction[] = [\"reorder\", \"duplicate\", \"remove\"];\n\nfunction itemActions(value: unknown[]): ArrayItemAction[] {\n  return value.filter((entry): entry is ArrayItemAction =>\n    ITEM_ACTIONS.includes(entry as ArrayItemAction),\n  );\n}\n\n// itemActionsAllow is the one question every array display asks of `x-item`, so\n// the accordion and the cards never disagree about what a schema permitted.\nexport function itemActionsAllow(spec: ArrayItemSpec, action: ArrayItemAction): boolean {\n  return spec.actions ? spec.actions.includes(action) : true;\n}\n\n// autoGlyphKey picks the item property that can colour a row without being told:\n// the first enum carrying per-value icons. Keeps a schema that already declares\n// x-enum-icons from having to repeat itself in x-item.\nfunction autoGlyphKey(itemSchema: JsonSchemaProperty | undefined): string | undefined {\n  for (const [key, prop] of Object.entries(itemSchema?.properties ?? {})) {\n    const icons = prop[\"x-enum-icons\"];\n    if (Array.isArray(prop.enum) && icons && Object.keys(icons).length > 0) return key;\n  }\n  return undefined;\n}\n\n// itemSummaryFor derives one collapsed row from the item's raw VALUE — never\n// from its rendered fields. A consumer pre-extension may hide a property's\n// control entirely (returning null) and still have it appear in the summary.\nexport function itemSummaryFor({\n  item,\n  index,\n  spec,\n  itemSchema,\n}: {\n  item: unknown;\n  index: number;\n  spec: ArrayItemSpec;\n  itemSchema: JsonSchemaProperty | undefined;\n}): ArrayItemSummary {\n  const obj = isPlainObject(item) ? item : {};\n  const props = itemSchema?.properties ?? {};\n\n  const title =\n    firstNonEmpty((spec.title ?? DEFAULT_TITLE_KEYS).map((key) => text(obj[key]))) ??\n    spec.fallback ??\n    `Item ${index + 1}`;\n\n  const summary = (spec.summary ?? [])\n    .map((part) => summaryPart(obj, part))\n    .filter((s): s is string => !!s)\n    .join(SUMMARY_SEPARATOR);\n\n  const glyphValue = spec.glyph ? text(obj[spec.glyph]) : \"\";\n  const glyphProp = spec.glyph ? props[spec.glyph] : undefined;\n  const badgeValue = spec.badge ? text(obj[spec.badge]) : \"\";\n  const badgeProp = spec.badge ? props[spec.badge] : undefined;\n  const badgeIcon = badgeProp?.[\"x-enum-icons\"]?.[badgeValue];\n\n  return {\n    title,\n    ...(summary ? { summary } : {}),\n    ...(spec.glyph\n      ? {\n          glyph: {\n            ...(glyphProp?.[\"x-enum-icons\"]?.[glyphValue]\n              ? { icon: glyphProp[\"x-enum-icons\"][glyphValue] }\n              : {}),\n            tone: normalizeTone(glyphProp?.[\"x-enum-tones\"]?.[glyphValue]),\n            ...(glyphValue ? { label: enumLabel(glyphProp, glyphValue) } : {}),\n          },\n        }\n      : {}),\n    ...(badgeValue\n      ? {\n          badge: {\n            ...(badgeIcon ? { icon: badgeIcon } : {}),\n            label: enumLabel(badgeProp, badgeValue),\n          },\n        }\n      : {}),\n    ...(spec.flag && obj[spec.flag] === true ? { flagged: true } : {}),\n  };\n}\n\n// The add row's button text — \"Add parameter\" when the schema names its noun,\n// and the historical \"Add item\" when it does not.\nexport function addItemLabel(spec: ArrayItemSpec): string {\n  return `Add ${spec.noun ?? \"item\"}`;\n}\n\nexport function itemCountLabel(spec: ArrayItemSpec, count: number): string {\n  return count === 1\n    ? `1 ${spec.noun ?? \"item\"}`\n    : `${count} ${spec.nounPlural ?? \"items\"}`;\n}\n\n// The zero-item explanation. Falls back to the array's own description, so a\n// schema that already documents the field gets the empty state for free.\nexport function emptyItemsCopy(\n  spec: ArrayItemSpec,\n  arraySchema: JsonSchemaProperty,\n): string | undefined {\n  if (spec.empty) return spec.empty;\n  const description = typeof arraySchema.description === \"string\" ? arraySchema.description.trim() : \"\";\n  return description || undefined;\n}\n\nexport function noItemsLabel(spec: ArrayItemSpec): string {\n  return `No ${spec.nounPlural ?? \"items\"} yet`;\n}\n\n// summaryPart renders one part, substituting the value into a single literal\n// `{}` in the pattern. A pattern without `{}` renders as-is (it is a literal),\n// and a missing value drops the part rather than leaving a dangling separator.\nfunction summaryPart(\n  obj: Record<string, unknown>,\n  part: string | ArrayItemSummaryPart,\n): string | undefined {\n  const { property, pattern } = typeof part === \"string\" ? { property: part, pattern: undefined } : part;\n  const value = text(obj[property]);\n  if (!value) return undefined;\n  return pattern ? pattern.replace(\"{}\", value) : value;\n}\n\n// enumLabel prefers the human label the schema declares for a code, falling back\n// to the code itself. Unlike the combobox option list this does NOT render\n// \"Label (code)\" — a chip has room for one of the two, and the label is the one\n// worth reading.\nfunction enumLabel(prop: JsonSchemaProperty | undefined, value: string): string {\n  const label = prop?.[\"x-enum-labels\"]?.[value];\n  return typeof label === \"string\" && label ? label : value;\n}\n\n// text flattens a value to its display string. Arrays join, so a list-valued\n// property still reads as one line.\nfunction text(value: unknown): string {\n  if (value === undefined || value === null) return \"\";\n  if (Array.isArray(value)) return value.map(text).filter(Boolean).join(VALUE_SEPARATOR);\n  if (typeof value === \"object\") return \"\";\n  return String(value).trim();\n}\n\nfunction stringArray(value: unknown): string[] {\n  if (typeof value === \"string\") return [value];\n  if (!Array.isArray(value)) return [];\n  return value.filter((v): v is string => typeof v === \"string\" && !!v);\n}\n\nfunction summaryParts(value: unknown): Array<string | ArrayItemSummaryPart> {\n  if (!Array.isArray(value)) return [];\n  return (value as unknown[]).flatMap((part): Array<string | ArrayItemSummaryPart> => {\n    if (typeof part === \"string\" && part) return [part];\n    if (isPlainObject(part) && typeof part.property === \"string\" && part.property) {\n      return [\n        {\n          property: part.property,\n          ...(typeof part.pattern === \"string\" && part.pattern ? { pattern: part.pattern } : {}),\n        } satisfies ArrayItemSummaryPart,\n      ];\n    }\n    return [];\n  });\n}\n\nfunction firstNonEmpty(values: Array<string | undefined>): string | undefined {\n  for (const value of values) {\n    const trimmed = typeof value === \"string\" ? value.trim() : \"\";\n    if (trimmed) return trimmed;\n  }\n  return undefined;\n}\n"],"names":["isPlainObject","normalizeTone"],"mappings":"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"}

package/dist/components/json-schema-form-item-summary.d.ts

@@ -1,5 +1,6 @@
-import { ArrayItemSpec, ArrayItemSummary, JsonSchemaProperty } from './json-schema-form-types';
+import { ArrayItemAction, ArrayItemSpec, ArrayItemSummary, JsonSchemaProperty } from './json-schema-form-types';
 export declare function resolveItemSpec(arraySchema: JsonSchemaProperty, itemSchema: JsonSchemaProperty | undefined): ArrayItemSpec;
+export declare function itemActionsAllow(spec: ArrayItemSpec, action: ArrayItemAction): boolean;
 export declare function itemSummaryFor({ item, index, spec, itemSchema, }: {
     item: unknown;
     index: number;

package/dist/components/json-schema-form-item-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-item-summary.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-item-summary.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAEhB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAalC,wBAAgB,eAAe,CAC7B,WAAW,EAAE,kBAAkB,EAC/B,UAAU,EAAE,kBAAkB,GAAG,SAAS,GACzC,aAAa,CAkBf;AAgBD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,UAAU,GACX,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,kBAAkB,GAAG,SAAS,CAAC;CAC5C,GAAG,gBAAgB,CA4CnB;AAID,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAExD;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAIzE;AAID,wBAAgB,cAAc,CAC5B,IAAI,EAAE,aAAa,EACnB,WAAW,EAAE,kBAAkB,GAC9B,MAAM,GAAG,SAAS,CAIpB;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAExD"}
+{"version":3,"file":"json-schema-form-item-summary.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-item-summary.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACb,gBAAgB,EAEhB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAalC,wBAAgB,eAAe,CAC7B,WAAW,EAAE,kBAAkB,EAC/B,UAAU,EAAE,kBAAkB,GAAG,SAAS,GACzC,aAAa,CAsBf;AAYD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,eAAe,GAAG,OAAO,CAEtF;AAgBD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,UAAU,GACX,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,kBAAkB,GAAG,SAAS,CAAC;CAC5C,GAAG,gBAAgB,CA4CnB;AAID,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAExD;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAIzE;AAID,wBAAgB,cAAc,CAC5B,IAAI,EAAE,aAAa,EACnB,WAAW,EAAE,kBAAkB,GAC9B,MAAM,GAAG,SAAS,CAIpB;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAExD"}