@flanksource/clicky-ui 0.3.40 → 0.3.42

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-array.cjs","sources":["../../src/components/json-schema-form-array.tsx"],"sourcesContent":["import { moveItem, removeIndex, setIndex } from \"../lib/collections\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { UiAdd } from \"../icons\";\nimport { Button } from \"./button\";\nimport { ItemActions } from \"./ItemActions\";\nimport {\n  controlMinHeightClass,\n  fieldInnerGapClass,\n  inputSizeClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\nimport { AccordionArray } from \"./json-schema-form-accordion-array\";\nimport { CardsArray } from \"./json-schema-form-cards-array\";\nimport { FieldsGrid } from \"./json-schema-form-layout\";\nimport { scalarItemsType } from \"./json-schema-form-resolve\";\nimport { appendInstancePath } from \"./json-schema-form-errors\";\nimport { TableArray } from \"./json-schema-form-table-array\";\nimport { TagsComboboxControl } from \"./json-schema-form-tags-combobox\";\nimport { CompactListArray } from \"./json-schema-form-list-array\";\nimport {\n  canAddItem,\n  canRemoveItem,\n  hasObjectItemProperties,\n  seedFromSchema,\n  toStringArray,\n} from \"./json-schema-form-utils\";\nimport type {\n  FieldControl,\n  FieldOption,\n  RenderContext,\n} from \"./json-schema-form-types\";\n\n// A comma is the second commit key in every tag list, and what a pasted list is\n// split on. Newlines split too — see splitOnComboboxSeparators.\nconst TAG_SEPARATORS = [\",\"];\n\n// ArrayControl routes an array to the control its items call for: a flat list of\n// values (choices, scalars) is ONE tag combobox; object items are summary rows,\n// cards or a table; anything else renders a control per item with add / remove /\n// reorder. Recursion goes through ctx.render so this module never imports the\n// renderer (no import cycle).\nexport function ArrayControl({\n  field,\n  fieldId,\n  ctx,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  ctx: RenderContext;\n}) {\n  // A read-only array marks its whole subtree non-editable: no add/remove/reorder\n  // and item inputs disabled (a child the schema marks readOnly still renders as\n  // a value span).\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const choices = enumItemOptions(field);\n  const scalarType = scalarItemsType(field.itemSchema);\n  if (field.arrayDisplay === \"list\") {\n    if (scalarType !== \"string\") {\n      throw new Error(\n        `${field.key} uses x-array-display list without string items`,\n      );\n    }\n    return (\n      <CompactListArray\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        presentation={ctx.presentation === true}\n      />\n    );\n  }\n  if (field.arrayDisplay === \"filter-pills\" && choices.length > 0) {\n    return (\n      <FilterPillArray\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={ctx.size}\n      />\n    );\n  }\n  // A list of choices is ONE control, not a stack of them: the enum item schema\n  // makes the whole array a multi-select whose committed values are pills, so\n  // the option set is discoverable in one dropdown instead of repeated per item.\n  // `x-array-display: \"stacked\"` opts back into a combobox per item.\n  if (field.arrayDisplay !== \"stacked\" && choices.length > 0) {\n    return (\n      <TagsComboboxControl\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={ctx.size}\n        options={choices}\n      />\n    );\n  }\n  // A flat list of scalars is the same gesture as the enum list above — type a\n  // value, get a pill — so it takes the same control, with no options to pick\n  // from and a comma as a second commit key. Numeric items commit numbers.\n  if (field.arrayDisplay !== \"stacked\" && scalarType) {\n    return (\n      <TagsComboboxControl\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={ctx.size}\n        options={[]}\n        itemType={scalarType}\n        separators={TAG_SEPARATORS}\n      />\n    );\n  }\n  if (hasObjectItemProperties(field.itemSchema)) {\n    if (field.arrayDisplay === \"cards\") {\n      return <CardsArray field={field} ctx={ctx} readOnly={readOnly} />;\n    }\n    // The accordion is the DEFAULT for object items: stacked in full, a\n    // ten-property item costs ~700px of screen each and a list of them says\n    // nothing about which item is which. `x-array-display: \"stacked\"` opts back\n    // into the per-item sub-form below; `x-layout: \"table\"` into the row grid.\n    // An explicit accordion outranks the table, since it names the renderer.\n    if (\n      field.arrayDisplay === \"accordion\" ||\n      (field.arrayDisplay !== \"stacked\" && field.layout !== \"table\")\n    ) {\n      return <AccordionArray field={field} ctx={ctx} readOnly={readOnly} />;\n    }\n    // `x-layout: table` renders object-item arrays as compact rows with one\n    // column per item property — denser still than the summary rows.\n    if (field.layout === \"table\") {\n      return <TableArray field={field} ctx={ctx} readOnly={readOnly} />;\n    }\n  }\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"string\" };\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col\",\n        !ctx.presentation && \"rounded-md border border-input p-2\",\n        fieldInnerGapClass[ctx.size],\n      )}\n    >\n      {items.map((item, i) => (\n        <div\n          key={i}\n          className={cn(\n            \"grid items-start gap-2\",\n              readOnly ? \"grid-cols-1\" : \"grid-cols-[1fr_auto]\",\n          )}\n        >\n          {/* The item's row is a FieldWrapper (or a full-width ObjectSection),\n              both of which are grid children of a FieldsGrid — inline mode's\n              `grid-cols-subgrid` resolves to `none` without one, collapsing\n              every item into a stacked column while the rest of the form stays\n              aligned. Fixed at one column: an item is a single row, and any\n              multi-column layout belongs to the item's own object body. */}\n          <FieldsGrid\n            layout={ctx.layout}\n            size={ctx.size}\n            columns={1}\n            className=\"min-w-0\"\n          >\n            {ctx.render.renderFieldRow(\n              {\n                key: `${field.key}[${i}]`,\n                prop: itemSchema,\n                required: false,\n                value: item,\n                onChange: (next) => field.onChange(setIndex(items, i, next)),\n                instancePath: appendInstancePath(ctx.instancePath, i),\n              },\n              childCtx,\n              { labelOverride: `Item ${i + 1}` },\n            )}\n          </FieldsGrid>\n          {!readOnly && (\n            <ItemActions\n              label={`item ${i + 1}`}\n              index={i}\n              count={items.length}\n              size={ctx.size}\n              reveal={false}\n              onMove={(to) => field.onChange(moveItem(items, i, to))}\n              {...(canRemoveItem(field, items.length)\n                ? { onRemove: () => field.onChange(removeIndex(items, i)) }\n                : {})}\n            />\n          )}\n        </div>\n      ))}\n      {!readOnly && canAddItem(field, items.length) && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          className={cn(\"gap-1.5\", inputSizeClass[ctx.size])}\n          onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n        >\n          <Icon icon={UiAdd} className=\"text-sm\" />\n          Add item\n        </Button>\n      )}\n    </div>\n  );\n}\n\n// The choices an array of enum items offers, deduped by value. Prefers the\n// resolved `options` (they carry the schema's labels, icons and tones) and falls\n// back to the raw item `enum` for a field a pre-extension built by hand.\nfunction enumItemOptions(field: FieldControl): FieldOption[] {\n  const rawOptions =\n    field.options ??\n    (Array.isArray(field.itemSchema?.enum)\n      ? field.itemSchema.enum.map((value) => ({\n          value: String(value),\n          label: String(value),\n        }))\n      : []);\n  const seen = new Set<string>();\n  return rawOptions.filter((option) => {\n    if (seen.has(option.value)) return false;\n    seen.add(option.value);\n    return true;\n  });\n}\n\nfunction FilterPillArray({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const options = enumItemOptions(field);\n  const validValues = new Set(options.map((option) => option.value));\n  const explicitValues = toStringArray(field.value).filter((value) =>\n    validValues.has(value),\n  );\n  const implicitAll = explicitValues.length === 0;\n  const selected = new Set(\n    implicitAll ? options.map((option) => option.value) : explicitValues,\n  );\n\n  function commit(nextSelected: Set<string>) {\n    const next = options\n      .map((option) => option.value)\n      .filter((value) => nextSelected.has(value));\n    field.onChange(next.length === options.length ? [] : next);\n  }\n\n  function toggle(value: string) {\n    if (readOnly) return;\n    const next = new Set(selected);\n    if (next.has(value)) {\n      next.delete(value);\n    } else {\n      next.add(value);\n    }\n    commit(next);\n  }\n\n  return (\n    <div\n      id={fieldId}\n      data-jsf-input\n      role=\"group\"\n      aria-label={field.label}\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm\",\n        controlMinHeightClass[size],\n      )}\n    >\n      {options.map((option) => (\n        <FilterPill\n          key={option.value}\n          label={option.label}\n          mode={selected.has(option.value) ? \"active\" : \"neutral\"}\n          title={\n            implicitAll ? `${option.label} enabled by default` : option.label\n          }\n          {...(!readOnly ? { onClick: () => toggle(option.value) } : {})}\n          className=\"max-w-full\"\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["scalarItemsType","jsx","CompactListArray","TagsComboboxControl","hasObjectItemProperties","CardsArray","AccordionArray","TableArray","jsxs","cn","fieldInnerGapClass","FieldsGrid","setIndex","appendInstancePath","ItemActions","moveItem","canRemoveItem","removeIndex","canAddItem","Button","inputSizeClass","seedFromSchema","Icon","UiAdd","toStringArray","controlMinHeightClass","FilterPill"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoCA,MAAM,iBAAiB,CAAC,GAAG;AAOpB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AAID,QAAM,WAAW,IAAI,YAAY,MAAM,aAAa;AACpD,QAAM,UAAU,gBAAgB,KAAK;AACrC,QAAM,aAAaA,sBAAAA,gBAAgB,MAAM,UAAU;AACnD,MAAI,MAAM,iBAAiB,QAAQ;AACjC,QAAI,eAAe,UAAU;AAC3B,YAAM,IAAI;AAAA,QACR,GAAG,MAAM,GAAG;AAAA,MAAA;AAAA,IAEhB;AACA,WACEC,2BAAAA;AAAAA,MAACC,wBAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc,IAAI,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGzC;AACA,MAAI,MAAM,iBAAiB,kBAAkB,QAAQ,SAAS,GAAG;AAC/D,WACED,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AAKA,MAAI,MAAM,iBAAiB,aAAa,QAAQ,SAAS,GAAG;AAC1D,WACEA,2BAAAA;AAAAA,MAACE,2BAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,IAAI;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGf;AAIA,MAAI,MAAM,iBAAiB,aAAa,YAAY;AAClD,WACEF,2BAAAA;AAAAA,MAACE,2BAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,IAAI;AAAA,QACV,SAAS,CAAA;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACA,MAAIC,oBAAAA,wBAAwB,MAAM,UAAU,GAAG;AAC7C,QAAI,MAAM,iBAAiB,SAAS;AAClC,aAAOH,2BAAAA,IAACI,yBAAAA,YAAA,EAAW,OAAc,KAAU,SAAA,CAAoB;AAAA,IACjE;AAMA,QACE,MAAM,iBAAiB,eACtB,MAAM,iBAAiB,aAAa,MAAM,WAAW,SACtD;AACA,aAAOJ,2BAAAA,IAACK,6BAAAA,gBAAA,EAAe,OAAc,KAAU,SAAA,CAAoB;AAAA,IACrE;AAGA,QAAI,MAAM,WAAW,SAAS;AAC5B,aAAOL,2BAAAA,IAACM,yBAAAA,YAAA,EAAW,OAAc,KAAU,SAAA,CAAoB;AAAA,IACjE;AAAA,EACF;AACA,QAAM,QAAQ,MAAM,QAAQ,MAAM,KAAK,IAAI,MAAM,QAAQ,CAAA;AACzD,QAAM,aAAa,MAAM,cAAc,EAAE,MAAM,SAAA;AAC/C,QAAM,WAA0B,EAAE,GAAG,KAAK,UAAU,OAAO,IAAI,QAAQ,EAAA;AAEvE,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA,CAAC,IAAI,gBAAgB;AAAA,QACrBC,mBAAAA,mBAAmB,IAAI,IAAI;AAAA,MAAA;AAAA,MAG5B,UAAA;AAAA,QAAA,MAAM,IAAI,CAAC,MAAM,MAChBF,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWC,MAAAA;AAAAA,cACT;AAAA,cACE,WAAW,gBAAgB;AAAA,YAAA;AAAA,YAS/B,UAAA;AAAA,cAAAR,2BAAAA;AAAAA,gBAACU,qBAAAA;AAAAA,gBAAA;AAAA,kBACC,QAAQ,IAAI;AAAA,kBACZ,MAAM,IAAI;AAAA,kBACV,SAAS;AAAA,kBACT,WAAU;AAAA,kBAET,cAAI,OAAO;AAAA,oBACV;AAAA,sBACE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAAA,sBACtB,MAAM;AAAA,sBACN,UAAU;AAAA,sBACV,OAAO;AAAA,sBACP,UAAU,CAAC,SAAS,MAAM,SAASC,YAAAA,SAAS,OAAO,GAAG,IAAI,CAAC;AAAA,sBAC3D,cAAcC,qBAAAA,mBAAmB,IAAI,cAAc,CAAC;AAAA,oBAAA;AAAA,oBAEtD;AAAA,oBACA,EAAE,eAAe,QAAQ,IAAI,CAAC,GAAA;AAAA,kBAAG;AAAA,gBACnC;AAAA,cAAA;AAAA,cAED,CAAC,YACAZ,2BAAAA;AAAAA,gBAACa,YAAAA;AAAAA,gBAAA;AAAA,kBACC,OAAO,QAAQ,IAAI,CAAC;AAAA,kBACpB,OAAO;AAAA,kBACP,OAAO,MAAM;AAAA,kBACb,MAAM,IAAI;AAAA,kBACV,QAAQ;AAAA,kBACR,QAAQ,CAAC,OAAO,MAAM,SAASC,YAAAA,SAAS,OAAO,GAAG,EAAE,CAAC;AAAA,kBACpD,GAAIC,oBAAAA,cAAc,OAAO,MAAM,MAAM,IAClC,EAAE,UAAU,MAAM,MAAM,SAASC,YAAAA,YAAY,OAAO,CAAC,CAAC,EAAA,IACtD,CAAA;AAAA,gBAAC;AAAA,cAAA;AAAA,YACP;AAAA,UAAA;AAAA,UA1CG;AAAA,QAAA,CA6CR;AAAA,QACA,CAAC,YAAYC,oBAAAA,WAAW,OAAO,MAAM,MAAM,KAC1CV,2BAAAA;AAAAA,UAACW,OAAAA;AAAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAWV,MAAAA,GAAG,WAAWW,mBAAAA,eAAe,IAAI,IAAI,CAAC;AAAA,YACjD,SAAS,MAAM,MAAM,SAAS,CAAC,GAAG,OAAOC,oBAAAA,eAAe,UAAU,CAAC,CAAC;AAAA,YAEpE,UAAA;AAAA,cAAApB,2BAAAA,IAACqB,KAAAA,MAAA,EAAK,MAAMC,MAAAA,OAAO,WAAU,WAAU;AAAA,cAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAE3C;AAAA,IAAA;AAAA,EAAA;AAIR;AAKA,SAAS,gBAAgB,OAAoC;;AAC3D,QAAM,aACJ,MAAM,YACL,MAAM,SAAQ,WAAM,eAAN,mBAAkB,IAAI,IACjC,MAAM,WAAW,KAAK,IAAI,CAAC,WAAW;AAAA,IACpC,OAAO,OAAO,KAAK;AAAA,IACnB,OAAO,OAAO,KAAK;AAAA,EAAA,EACnB,IACF,CAAA;AACN,QAAM,2BAAW,IAAA;AACjB,SAAO,WAAW,OAAO,CAAC,WAAW;AACnC,QAAI,KAAK,IAAI,OAAO,KAAK,EAAG,QAAO;AACnC,SAAK,IAAI,OAAO,KAAK;AACrB,WAAO;AAAA,EACT,CAAC;AACH;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,UAAU,gBAAgB,KAAK;AACrC,QAAM,cAAc,IAAI,IAAI,QAAQ,IAAI,CAAC,WAAW,OAAO,KAAK,CAAC;AACjE,QAAM,iBAAiBC,oBAAAA,cAAc,MAAM,KAAK,EAAE;AAAA,IAAO,CAAC,UACxD,YAAY,IAAI,KAAK;AAAA,EAAA;AAEvB,QAAM,cAAc,eAAe,WAAW;AAC9C,QAAM,WAAW,IAAI;AAAA,IACnB,cAAc,QAAQ,IAAI,CAAC,WAAW,OAAO,KAAK,IAAI;AAAA,EAAA;AAGxD,WAAS,OAAO,cAA2B;AACzC,UAAM,OAAO,QACV,IAAI,CAAC,WAAW,OAAO,KAAK,EAC5B,OAAO,CAAC,UAAU,aAAa,IAAI,KAAK,CAAC;AAC5C,UAAM,SAAS,KAAK,WAAW,QAAQ,SAAS,CAAA,IAAK,IAAI;AAAA,EAC3D;AAEA,WAAS,OAAO,OAAe;AAC7B,QAAI,SAAU;AACd,UAAM,OAAO,IAAI,IAAI,QAAQ;AAC7B,QAAI,KAAK,IAAI,KAAK,GAAG;AACnB,WAAK,OAAO,KAAK;AAAA,IACnB,OAAO;AACL,WAAK,IAAI,KAAK;AAAA,IAChB;AACA,WAAO,IAAI;AAAA,EACb;AAEA,SACEvB,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,kBAAc;AAAA,MACd,MAAK;AAAA,MACL,cAAY,MAAM;AAAA,MAClB,WAAWQ,MAAAA;AAAAA,QACT;AAAA,QACAgB,mBAAAA,sBAAsB,IAAI;AAAA,MAAA;AAAA,MAG3B,UAAA,QAAQ,IAAI,CAAC,WACZxB,2BAAAA;AAAAA,QAACyB,WAAAA;AAAAA,QAAA;AAAA,UAEC,OAAO,OAAO;AAAA,UACd,MAAM,SAAS,IAAI,OAAO,KAAK,IAAI,WAAW;AAAA,UAC9C,OACE,cAAc,GAAG,OAAO,KAAK,wBAAwB,OAAO;AAAA,UAE7D,GAAI,CAAC,WAAW,EAAE,SAAS,MAAM,OAAO,OAAO,KAAK,EAAA,IAAM,CAAA;AAAA,UAC3D,WAAU;AAAA,QAAA;AAAA,QAPL,OAAO;AAAA,MAAA,CASf;AAAA,IAAA;AAAA,EAAA;AAGP;;"}
+{"version":3,"file":"json-schema-form-array.cjs","sources":["../../src/components/json-schema-form-array.tsx"],"sourcesContent":["import { moveItem, removeIndex, setIndex } from \"../lib/collections\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { UiAdd } from \"../icons\";\nimport { Button } from \"./button\";\nimport { ItemActions } from \"./ItemActions\";\nimport {\n  controlMinHeightClass,\n  fieldInnerGapClass,\n  inputSizeClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\nimport { CardsArray } from \"./json-schema-form-cards-array\";\nimport { FieldsGrid } from \"./json-schema-form-layout\";\nimport { scalarItemsType } from \"./json-schema-form-resolve\";\nimport { appendInstancePath } from \"./json-schema-form-errors\";\nimport { ObjectArrayView } from \"./json-schema-form-object-array-view\";\nimport { TagsComboboxControl } from \"./json-schema-form-tags-combobox\";\nimport { CompactListArray } from \"./json-schema-form-list-array\";\nimport {\n  canAddItem,\n  canRemoveItem,\n  hasObjectItemProperties,\n  seedFromSchema,\n  toStringArray,\n} from \"./json-schema-form-utils\";\nimport type {\n  FieldControl,\n  FieldOption,\n  RenderContext,\n} from \"./json-schema-form-types\";\n\n// A comma is the second commit key in every tag list, and what a pasted list is\n// split on. Newlines split too — see splitOnComboboxSeparators.\nconst TAG_SEPARATORS = [\",\"];\n\n// ArrayControl routes an array to the control its items call for: a flat list of\n// values (choices, scalars) is ONE tag combobox; object items are cards or a\n// switchable grid / item-form view (ObjectArrayView); anything else — and the\n// `x-array-display: stacked` opt-out — renders a control per item with add / remove /\n// reorder. Recursion goes through ctx.render so this module never imports the\n// renderer (no import cycle).\nexport function ArrayControl({\n  field,\n  fieldId,\n  ctx,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  ctx: RenderContext;\n}) {\n  // A read-only array marks its whole subtree non-editable: no add/remove/reorder\n  // and item inputs disabled (a child the schema marks readOnly still renders as\n  // a value span). A table shows every read-only cell as a value span instead;\n  // see TableArray.\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const choices = enumItemOptions(field);\n  const scalarType = scalarItemsType(field.itemSchema);\n  if (field.arrayDisplay === \"list\") {\n    if (scalarType !== \"string\") {\n      throw new Error(\n        `${field.key} uses x-array-display list without string items`,\n      );\n    }\n    return (\n      <CompactListArray\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        presentation={ctx.presentation === true}\n      />\n    );\n  }\n  if (field.arrayDisplay === \"filter-pills\" && choices.length > 0) {\n    return (\n      <FilterPillArray\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={ctx.size}\n      />\n    );\n  }\n  // A list of choices is ONE control, not a stack of them: the enum item schema\n  // makes the whole array a multi-select whose committed values are pills, so\n  // the option set is discoverable in one dropdown instead of repeated per item.\n  // `x-array-display: \"stacked\"` opts back into a combobox per item.\n  if (field.arrayDisplay !== \"stacked\" && choices.length > 0) {\n    return (\n      <TagsComboboxControl\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={ctx.size}\n        options={choices}\n      />\n    );\n  }\n  // A flat list of scalars is the same gesture as the enum list above — type a\n  // value, get a pill — so it takes the same control, with no options to pick\n  // from and a comma as a second commit key. Numeric items commit numbers.\n  if (field.arrayDisplay !== \"stacked\" && scalarType) {\n    return (\n      <TagsComboboxControl\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={ctx.size}\n        options={[]}\n        itemType={scalarType}\n        separators={TAG_SEPARATORS}\n      />\n    );\n  }\n  if (hasObjectItemProperties(field.itemSchema)) {\n    if (field.arrayDisplay === \"cards\") {\n      return <CardsArray field={field} ctx={ctx} readOnly={readOnly} />;\n    }\n    // Object items render as a switchable view: the row grid while the item's\n    // visible columns fit, the item list (one summary row per item, opening\n    // into its form) once they do not — stacked in full, a ten-property item\n    // costs ~700px of screen each. `x-layout: \"table\"` and\n    // `x-array-display: \"accordion\"` pick the view it opens in; see\n    // defaultArrayView. `x-array-display: \"stacked\"` opts back into the\n    // per-item sub-form below.\n    if (field.arrayDisplay !== \"stacked\") {\n      return <ObjectArrayView field={field} ctx={ctx} readOnly={readOnly} />;\n    }\n  }\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"string\" };\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col\",\n        !ctx.presentation && \"rounded-md border border-input p-2\",\n        fieldInnerGapClass[ctx.size],\n      )}\n    >\n      {items.map((item, i) => (\n        <div\n          key={i}\n          className={cn(\n            \"grid items-start gap-2\",\n              readOnly ? \"grid-cols-1\" : \"grid-cols-[1fr_auto]\",\n          )}\n        >\n          {/* The item's row is a FieldWrapper (or a full-width ObjectSection),\n              both of which are grid children of a FieldsGrid — inline mode's\n              `grid-cols-subgrid` resolves to `none` without one, collapsing\n              every item into a stacked column while the rest of the form stays\n              aligned. Fixed at one column: an item is a single row, and any\n              multi-column layout belongs to the item's own object body. */}\n          <FieldsGrid\n            layout={ctx.layout}\n            size={ctx.size}\n            columns={1}\n            className=\"min-w-0\"\n          >\n            {ctx.render.renderFieldRow(\n              {\n                key: `${field.key}[${i}]`,\n                prop: itemSchema,\n                required: false,\n                value: item,\n                onChange: (next) => field.onChange(setIndex(items, i, next)),\n                instancePath: appendInstancePath(ctx.instancePath, i),\n              },\n              childCtx,\n              { labelOverride: `Item ${i + 1}` },\n            )}\n          </FieldsGrid>\n          {!readOnly && (\n            <ItemActions\n              label={`item ${i + 1}`}\n              index={i}\n              count={items.length}\n              size={ctx.size}\n              reveal={false}\n              onMove={(to) => field.onChange(moveItem(items, i, to))}\n              {...(canRemoveItem(field, items.length)\n                ? { onRemove: () => field.onChange(removeIndex(items, i)) }\n                : {})}\n            />\n          )}\n        </div>\n      ))}\n      {!readOnly && canAddItem(field, items.length) && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          className={cn(\"gap-1.5\", inputSizeClass[ctx.size])}\n          onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n        >\n          <Icon icon={UiAdd} className=\"text-sm\" />\n          Add item\n        </Button>\n      )}\n    </div>\n  );\n}\n\n// The choices an array of enum items offers, deduped by value. Prefers the\n// resolved `options` (they carry the schema's labels, icons and tones) and falls\n// back to the raw item `enum` for a field a pre-extension built by hand.\nfunction enumItemOptions(field: FieldControl): FieldOption[] {\n  const rawOptions =\n    field.options ??\n    (Array.isArray(field.itemSchema?.enum)\n      ? field.itemSchema.enum.map((value) => ({\n          value: String(value),\n          label: String(value),\n        }))\n      : []);\n  const seen = new Set<string>();\n  return rawOptions.filter((option) => {\n    if (seen.has(option.value)) return false;\n    seen.add(option.value);\n    return true;\n  });\n}\n\nfunction FilterPillArray({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const options = enumItemOptions(field);\n  const validValues = new Set(options.map((option) => option.value));\n  const explicitValues = toStringArray(field.value).filter((value) =>\n    validValues.has(value),\n  );\n  const implicitAll = explicitValues.length === 0;\n  const selected = new Set(\n    implicitAll ? options.map((option) => option.value) : explicitValues,\n  );\n\n  function commit(nextSelected: Set<string>) {\n    const next = options\n      .map((option) => option.value)\n      .filter((value) => nextSelected.has(value));\n    field.onChange(next.length === options.length ? [] : next);\n  }\n\n  function toggle(value: string) {\n    if (readOnly) return;\n    const next = new Set(selected);\n    if (next.has(value)) {\n      next.delete(value);\n    } else {\n      next.add(value);\n    }\n    commit(next);\n  }\n\n  return (\n    <div\n      id={fieldId}\n      data-jsf-input\n      role=\"group\"\n      aria-label={field.label}\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm\",\n        controlMinHeightClass[size],\n      )}\n    >\n      {options.map((option) => (\n        <FilterPill\n          key={option.value}\n          label={option.label}\n          mode={selected.has(option.value) ? \"active\" : \"neutral\"}\n          title={\n            implicitAll ? `${option.label} enabled by default` : option.label\n          }\n          {...(!readOnly ? { onClick: () => toggle(option.value) } : {})}\n          className=\"max-w-full\"\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["scalarItemsType","jsx","CompactListArray","TagsComboboxControl","hasObjectItemProperties","CardsArray","ObjectArrayView","jsxs","cn","fieldInnerGapClass","FieldsGrid","setIndex","appendInstancePath","ItemActions","moveItem","canRemoveItem","removeIndex","canAddItem","Button","inputSizeClass","seedFromSchema","Icon","UiAdd","toStringArray","controlMinHeightClass","FilterPill"],"mappings":";;;;;;;;;;;;;;;;;;;AAmCA,MAAM,iBAAiB,CAAC,GAAG;AAQpB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AAKD,QAAM,WAAW,IAAI,YAAY,MAAM,aAAa;AACpD,QAAM,UAAU,gBAAgB,KAAK;AACrC,QAAM,aAAaA,sBAAAA,gBAAgB,MAAM,UAAU;AACnD,MAAI,MAAM,iBAAiB,QAAQ;AACjC,QAAI,eAAe,UAAU;AAC3B,YAAM,IAAI;AAAA,QACR,GAAG,MAAM,GAAG;AAAA,MAAA;AAAA,IAEhB;AACA,WACEC,2BAAAA;AAAAA,MAACC,wBAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc,IAAI,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGzC;AACA,MAAI,MAAM,iBAAiB,kBAAkB,QAAQ,SAAS,GAAG;AAC/D,WACED,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AAKA,MAAI,MAAM,iBAAiB,aAAa,QAAQ,SAAS,GAAG;AAC1D,WACEA,2BAAAA;AAAAA,MAACE,2BAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,IAAI;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGf;AAIA,MAAI,MAAM,iBAAiB,aAAa,YAAY;AAClD,WACEF,2BAAAA;AAAAA,MAACE,2BAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,IAAI;AAAA,QACV,SAAS,CAAA;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACA,MAAIC,oBAAAA,wBAAwB,MAAM,UAAU,GAAG;AAC7C,QAAI,MAAM,iBAAiB,SAAS;AAClC,aAAOH,2BAAAA,IAACI,yBAAAA,YAAA,EAAW,OAAc,KAAU,SAAA,CAAoB;AAAA,IACjE;AAQA,QAAI,MAAM,iBAAiB,WAAW;AACpC,aAAOJ,2BAAAA,IAACK,8BAAAA,iBAAA,EAAgB,OAAc,KAAU,SAAA,CAAoB;AAAA,IACtE;AAAA,EACF;AACA,QAAM,QAAQ,MAAM,QAAQ,MAAM,KAAK,IAAI,MAAM,QAAQ,CAAA;AACzD,QAAM,aAAa,MAAM,cAAc,EAAE,MAAM,SAAA;AAC/C,QAAM,WAA0B,EAAE,GAAG,KAAK,UAAU,OAAO,IAAI,QAAQ,EAAA;AAEvE,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA,CAAC,IAAI,gBAAgB;AAAA,QACrBC,mBAAAA,mBAAmB,IAAI,IAAI;AAAA,MAAA;AAAA,MAG5B,UAAA;AAAA,QAAA,MAAM,IAAI,CAAC,MAAM,MAChBF,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWC,MAAAA;AAAAA,cACT;AAAA,cACE,WAAW,gBAAgB;AAAA,YAAA;AAAA,YAS/B,UAAA;AAAA,cAAAP,2BAAAA;AAAAA,gBAACS,qBAAAA;AAAAA,gBAAA;AAAA,kBACC,QAAQ,IAAI;AAAA,kBACZ,MAAM,IAAI;AAAA,kBACV,SAAS;AAAA,kBACT,WAAU;AAAA,kBAET,cAAI,OAAO;AAAA,oBACV;AAAA,sBACE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAAA,sBACtB,MAAM;AAAA,sBACN,UAAU;AAAA,sBACV,OAAO;AAAA,sBACP,UAAU,CAAC,SAAS,MAAM,SAASC,YAAAA,SAAS,OAAO,GAAG,IAAI,CAAC;AAAA,sBAC3D,cAAcC,qBAAAA,mBAAmB,IAAI,cAAc,CAAC;AAAA,oBAAA;AAAA,oBAEtD;AAAA,oBACA,EAAE,eAAe,QAAQ,IAAI,CAAC,GAAA;AAAA,kBAAG;AAAA,gBACnC;AAAA,cAAA;AAAA,cAED,CAAC,YACAX,2BAAAA;AAAAA,gBAACY,YAAAA;AAAAA,gBAAA;AAAA,kBACC,OAAO,QAAQ,IAAI,CAAC;AAAA,kBACpB,OAAO;AAAA,kBACP,OAAO,MAAM;AAAA,kBACb,MAAM,IAAI;AAAA,kBACV,QAAQ;AAAA,kBACR,QAAQ,CAAC,OAAO,MAAM,SAASC,YAAAA,SAAS,OAAO,GAAG,EAAE,CAAC;AAAA,kBACpD,GAAIC,oBAAAA,cAAc,OAAO,MAAM,MAAM,IAClC,EAAE,UAAU,MAAM,MAAM,SAASC,YAAAA,YAAY,OAAO,CAAC,CAAC,EAAA,IACtD,CAAA;AAAA,gBAAC;AAAA,cAAA;AAAA,YACP;AAAA,UAAA;AAAA,UA1CG;AAAA,QAAA,CA6CR;AAAA,QACA,CAAC,YAAYC,oBAAAA,WAAW,OAAO,MAAM,MAAM,KAC1CV,2BAAAA;AAAAA,UAACW,OAAAA;AAAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAWV,MAAAA,GAAG,WAAWW,mBAAAA,eAAe,IAAI,IAAI,CAAC;AAAA,YACjD,SAAS,MAAM,MAAM,SAAS,CAAC,GAAG,OAAOC,oBAAAA,eAAe,UAAU,CAAC,CAAC;AAAA,YAEpE,UAAA;AAAA,cAAAnB,2BAAAA,IAACoB,KAAAA,MAAA,EAAK,MAAMC,MAAAA,OAAO,WAAU,WAAU;AAAA,cAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAE3C;AAAA,IAAA;AAAA,EAAA;AAIR;AAKA,SAAS,gBAAgB,OAAoC;;AAC3D,QAAM,aACJ,MAAM,YACL,MAAM,SAAQ,WAAM,eAAN,mBAAkB,IAAI,IACjC,MAAM,WAAW,KAAK,IAAI,CAAC,WAAW;AAAA,IACpC,OAAO,OAAO,KAAK;AAAA,IACnB,OAAO,OAAO,KAAK;AAAA,EAAA,EACnB,IACF,CAAA;AACN,QAAM,2BAAW,IAAA;AACjB,SAAO,WAAW,OAAO,CAAC,WAAW;AACnC,QAAI,KAAK,IAAI,OAAO,KAAK,EAAG,QAAO;AACnC,SAAK,IAAI,OAAO,KAAK;AACrB,WAAO;AAAA,EACT,CAAC;AACH;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,UAAU,gBAAgB,KAAK;AACrC,QAAM,cAAc,IAAI,IAAI,QAAQ,IAAI,CAAC,WAAW,OAAO,KAAK,CAAC;AACjE,QAAM,iBAAiBC,oBAAAA,cAAc,MAAM,KAAK,EAAE;AAAA,IAAO,CAAC,UACxD,YAAY,IAAI,KAAK;AAAA,EAAA;AAEvB,QAAM,cAAc,eAAe,WAAW;AAC9C,QAAM,WAAW,IAAI;AAAA,IACnB,cAAc,QAAQ,IAAI,CAAC,WAAW,OAAO,KAAK,IAAI;AAAA,EAAA;AAGxD,WAAS,OAAO,cAA2B;AACzC,UAAM,OAAO,QACV,IAAI,CAAC,WAAW,OAAO,KAAK,EAC5B,OAAO,CAAC,UAAU,aAAa,IAAI,KAAK,CAAC;AAC5C,UAAM,SAAS,KAAK,WAAW,QAAQ,SAAS,CAAA,IAAK,IAAI;AAAA,EAC3D;AAEA,WAAS,OAAO,OAAe;AAC7B,QAAI,SAAU;AACd,UAAM,OAAO,IAAI,IAAI,QAAQ;AAC7B,QAAI,KAAK,IAAI,KAAK,GAAG;AACnB,WAAK,OAAO,KAAK;AAAA,IACnB,OAAO;AACL,WAAK,IAAI,KAAK;AAAA,IAChB;AACA,WAAO,IAAI;AAAA,EACb;AAEA,SACEtB,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,kBAAc;AAAA,MACd,MAAK;AAAA,MACL,cAAY,MAAM;AAAA,MAClB,WAAWO,MAAAA;AAAAA,QACT;AAAA,QACAgB,mBAAAA,sBAAsB,IAAI;AAAA,MAAA;AAAA,MAG3B,UAAA,QAAQ,IAAI,CAAC,WACZvB,2BAAAA;AAAAA,QAACwB,WAAAA;AAAAA,QAAA;AAAA,UAEC,OAAO,OAAO;AAAA,UACd,MAAM,SAAS,IAAI,OAAO,KAAK,IAAI,WAAW;AAAA,UAC9C,OACE,cAAc,GAAG,OAAO,KAAK,wBAAwB,OAAO;AAAA,UAE7D,GAAI,CAAC,WAAW,EAAE,SAAS,MAAM,OAAO,OAAO,KAAK,EAAA,IAAM,CAAA;AAAA,UAC3D,WAAU;AAAA,QAAA;AAAA,QAPL,OAAO;AAAA,MAAA,CASf;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-array.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-array.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EACV,YAAY,EAEZ,aAAa,EACd,MAAM,0BAA0B,CAAC;AAWlC,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,aAAa,CAAC;CACpB,+BA6JA"}
+{"version":3,"file":"json-schema-form-array.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-array.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EACV,YAAY,EAEZ,aAAa,EACd,MAAM,0BAA0B,CAAC;AAYlC,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,aAAa,CAAC;CACpB,+BAwJA"}

package/dist/components/json-schema-form-array.js

@@ -6,12 +6,11 @@ import { FilterPill } from "../data/FilterPill.js";
 import { Button } from "./button.js";
 import { ItemActions } from "./ItemActions.js";
 import { inputSizeClass, fieldInnerGapClass, controlMinHeightClass } from "./json-schema-form-size.js";
-import { AccordionArray } from "./json-schema-form-accordion-array.js";
 import { CardsArray } from "./json-schema-form-cards-array.js";
 import { FieldsGrid } from "./json-schema-form-layout.js";
 import { scalarItemsType } from "./json-schema-form-resolve.js";
 import { appendInstancePath } from "./json-schema-form-errors.js";
-import { TableArray } from "./json-schema-form-table-array.js";
+import { ObjectArrayView } from "./json-schema-form-object-array-view.js";
 import { TagsComboboxControl } from "./json-schema-form-tags-combobox.js";
 import { CompactListArray } from "./json-schema-form-list-array.js";
 import { hasObjectItemProperties, canRemoveItem, canAddItem, seedFromSchema, toStringArray } from "./json-schema-form-utils.js";
@@ -82,11 +81,8 @@ function ArrayControl({
     if (field.arrayDisplay === "cards") {
       return /* @__PURE__ */ jsx(CardsArray, { field, ctx, readOnly });
     }
-    if (field.arrayDisplay === "accordion" || field.arrayDisplay !== "stacked" && field.layout !== "table") {
-      return /* @__PURE__ */ jsx(AccordionArray, { field, ctx, readOnly });
-    }
-    if (field.layout === "table") {
-      return /* @__PURE__ */ jsx(TableArray, { field, ctx, readOnly });
+    if (field.arrayDisplay !== "stacked") {
+      return /* @__PURE__ */ jsx(ObjectArrayView, { field, ctx, readOnly });
     }
   }
   const items = Array.isArray(field.value) ? field.value : [];

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-array.js","sources":["../../src/components/json-schema-form-array.tsx"],"sourcesContent":["import { moveItem, removeIndex, setIndex } from \"../lib/collections\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { UiAdd } from \"../icons\";\nimport { Button } from \"./button\";\nimport { ItemActions } from \"./ItemActions\";\nimport {\n  controlMinHeightClass,\n  fieldInnerGapClass,\n  inputSizeClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\nimport { AccordionArray } from \"./json-schema-form-accordion-array\";\nimport { CardsArray } from \"./json-schema-form-cards-array\";\nimport { FieldsGrid } from \"./json-schema-form-layout\";\nimport { scalarItemsType } from \"./json-schema-form-resolve\";\nimport { appendInstancePath } from \"./json-schema-form-errors\";\nimport { TableArray } from \"./json-schema-form-table-array\";\nimport { TagsComboboxControl } from \"./json-schema-form-tags-combobox\";\nimport { CompactListArray } from \"./json-schema-form-list-array\";\nimport {\n  canAddItem,\n  canRemoveItem,\n  hasObjectItemProperties,\n  seedFromSchema,\n  toStringArray,\n} from \"./json-schema-form-utils\";\nimport type {\n  FieldControl,\n  FieldOption,\n  RenderContext,\n} from \"./json-schema-form-types\";\n\n// A comma is the second commit key in every tag list, and what a pasted list is\n// split on. Newlines split too — see splitOnComboboxSeparators.\nconst TAG_SEPARATORS = [\",\"];\n\n// ArrayControl routes an array to the control its items call for: a flat list of\n// values (choices, scalars) is ONE tag combobox; object items are summary rows,\n// cards or a table; anything else renders a control per item with add / remove /\n// reorder. Recursion goes through ctx.render so this module never imports the\n// renderer (no import cycle).\nexport function ArrayControl({\n  field,\n  fieldId,\n  ctx,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  ctx: RenderContext;\n}) {\n  // A read-only array marks its whole subtree non-editable: no add/remove/reorder\n  // and item inputs disabled (a child the schema marks readOnly still renders as\n  // a value span).\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const choices = enumItemOptions(field);\n  const scalarType = scalarItemsType(field.itemSchema);\n  if (field.arrayDisplay === \"list\") {\n    if (scalarType !== \"string\") {\n      throw new Error(\n        `${field.key} uses x-array-display list without string items`,\n      );\n    }\n    return (\n      <CompactListArray\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        presentation={ctx.presentation === true}\n      />\n    );\n  }\n  if (field.arrayDisplay === \"filter-pills\" && choices.length > 0) {\n    return (\n      <FilterPillArray\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={ctx.size}\n      />\n    );\n  }\n  // A list of choices is ONE control, not a stack of them: the enum item schema\n  // makes the whole array a multi-select whose committed values are pills, so\n  // the option set is discoverable in one dropdown instead of repeated per item.\n  // `x-array-display: \"stacked\"` opts back into a combobox per item.\n  if (field.arrayDisplay !== \"stacked\" && choices.length > 0) {\n    return (\n      <TagsComboboxControl\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={ctx.size}\n        options={choices}\n      />\n    );\n  }\n  // A flat list of scalars is the same gesture as the enum list above — type a\n  // value, get a pill — so it takes the same control, with no options to pick\n  // from and a comma as a second commit key. Numeric items commit numbers.\n  if (field.arrayDisplay !== \"stacked\" && scalarType) {\n    return (\n      <TagsComboboxControl\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={ctx.size}\n        options={[]}\n        itemType={scalarType}\n        separators={TAG_SEPARATORS}\n      />\n    );\n  }\n  if (hasObjectItemProperties(field.itemSchema)) {\n    if (field.arrayDisplay === \"cards\") {\n      return <CardsArray field={field} ctx={ctx} readOnly={readOnly} />;\n    }\n    // The accordion is the DEFAULT for object items: stacked in full, a\n    // ten-property item costs ~700px of screen each and a list of them says\n    // nothing about which item is which. `x-array-display: \"stacked\"` opts back\n    // into the per-item sub-form below; `x-layout: \"table\"` into the row grid.\n    // An explicit accordion outranks the table, since it names the renderer.\n    if (\n      field.arrayDisplay === \"accordion\" ||\n      (field.arrayDisplay !== \"stacked\" && field.layout !== \"table\")\n    ) {\n      return <AccordionArray field={field} ctx={ctx} readOnly={readOnly} />;\n    }\n    // `x-layout: table` renders object-item arrays as compact rows with one\n    // column per item property — denser still than the summary rows.\n    if (field.layout === \"table\") {\n      return <TableArray field={field} ctx={ctx} readOnly={readOnly} />;\n    }\n  }\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"string\" };\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col\",\n        !ctx.presentation && \"rounded-md border border-input p-2\",\n        fieldInnerGapClass[ctx.size],\n      )}\n    >\n      {items.map((item, i) => (\n        <div\n          key={i}\n          className={cn(\n            \"grid items-start gap-2\",\n              readOnly ? \"grid-cols-1\" : \"grid-cols-[1fr_auto]\",\n          )}\n        >\n          {/* The item's row is a FieldWrapper (or a full-width ObjectSection),\n              both of which are grid children of a FieldsGrid — inline mode's\n              `grid-cols-subgrid` resolves to `none` without one, collapsing\n              every item into a stacked column while the rest of the form stays\n              aligned. Fixed at one column: an item is a single row, and any\n              multi-column layout belongs to the item's own object body. */}\n          <FieldsGrid\n            layout={ctx.layout}\n            size={ctx.size}\n            columns={1}\n            className=\"min-w-0\"\n          >\n            {ctx.render.renderFieldRow(\n              {\n                key: `${field.key}[${i}]`,\n                prop: itemSchema,\n                required: false,\n                value: item,\n                onChange: (next) => field.onChange(setIndex(items, i, next)),\n                instancePath: appendInstancePath(ctx.instancePath, i),\n              },\n              childCtx,\n              { labelOverride: `Item ${i + 1}` },\n            )}\n          </FieldsGrid>\n          {!readOnly && (\n            <ItemActions\n              label={`item ${i + 1}`}\n              index={i}\n              count={items.length}\n              size={ctx.size}\n              reveal={false}\n              onMove={(to) => field.onChange(moveItem(items, i, to))}\n              {...(canRemoveItem(field, items.length)\n                ? { onRemove: () => field.onChange(removeIndex(items, i)) }\n                : {})}\n            />\n          )}\n        </div>\n      ))}\n      {!readOnly && canAddItem(field, items.length) && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          className={cn(\"gap-1.5\", inputSizeClass[ctx.size])}\n          onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n        >\n          <Icon icon={UiAdd} className=\"text-sm\" />\n          Add item\n        </Button>\n      )}\n    </div>\n  );\n}\n\n// The choices an array of enum items offers, deduped by value. Prefers the\n// resolved `options` (they carry the schema's labels, icons and tones) and falls\n// back to the raw item `enum` for a field a pre-extension built by hand.\nfunction enumItemOptions(field: FieldControl): FieldOption[] {\n  const rawOptions =\n    field.options ??\n    (Array.isArray(field.itemSchema?.enum)\n      ? field.itemSchema.enum.map((value) => ({\n          value: String(value),\n          label: String(value),\n        }))\n      : []);\n  const seen = new Set<string>();\n  return rawOptions.filter((option) => {\n    if (seen.has(option.value)) return false;\n    seen.add(option.value);\n    return true;\n  });\n}\n\nfunction FilterPillArray({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const options = enumItemOptions(field);\n  const validValues = new Set(options.map((option) => option.value));\n  const explicitValues = toStringArray(field.value).filter((value) =>\n    validValues.has(value),\n  );\n  const implicitAll = explicitValues.length === 0;\n  const selected = new Set(\n    implicitAll ? options.map((option) => option.value) : explicitValues,\n  );\n\n  function commit(nextSelected: Set<string>) {\n    const next = options\n      .map((option) => option.value)\n      .filter((value) => nextSelected.has(value));\n    field.onChange(next.length === options.length ? [] : next);\n  }\n\n  function toggle(value: string) {\n    if (readOnly) return;\n    const next = new Set(selected);\n    if (next.has(value)) {\n      next.delete(value);\n    } else {\n      next.add(value);\n    }\n    commit(next);\n  }\n\n  return (\n    <div\n      id={fieldId}\n      data-jsf-input\n      role=\"group\"\n      aria-label={field.label}\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm\",\n        controlMinHeightClass[size],\n      )}\n    >\n      {options.map((option) => (\n        <FilterPill\n          key={option.value}\n          label={option.label}\n          mode={selected.has(option.value) ? \"active\" : \"neutral\"}\n          title={\n            implicitAll ? `${option.label} enabled by default` : option.label\n          }\n          {...(!readOnly ? { onClick: () => toggle(option.value) } : {})}\n          className=\"max-w-full\"\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"json-schema-form-array.js","sources":["../../src/components/json-schema-form-array.tsx"],"sourcesContent":["import { moveItem, removeIndex, setIndex } from \"../lib/collections\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { UiAdd } from \"../icons\";\nimport { Button } from \"./button\";\nimport { ItemActions } from \"./ItemActions\";\nimport {\n  controlMinHeightClass,\n  fieldInnerGapClass,\n  inputSizeClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\nimport { CardsArray } from \"./json-schema-form-cards-array\";\nimport { FieldsGrid } from \"./json-schema-form-layout\";\nimport { scalarItemsType } from \"./json-schema-form-resolve\";\nimport { appendInstancePath } from \"./json-schema-form-errors\";\nimport { ObjectArrayView } from \"./json-schema-form-object-array-view\";\nimport { TagsComboboxControl } from \"./json-schema-form-tags-combobox\";\nimport { CompactListArray } from \"./json-schema-form-list-array\";\nimport {\n  canAddItem,\n  canRemoveItem,\n  hasObjectItemProperties,\n  seedFromSchema,\n  toStringArray,\n} from \"./json-schema-form-utils\";\nimport type {\n  FieldControl,\n  FieldOption,\n  RenderContext,\n} from \"./json-schema-form-types\";\n\n// A comma is the second commit key in every tag list, and what a pasted list is\n// split on. Newlines split too — see splitOnComboboxSeparators.\nconst TAG_SEPARATORS = [\",\"];\n\n// ArrayControl routes an array to the control its items call for: a flat list of\n// values (choices, scalars) is ONE tag combobox; object items are cards or a\n// switchable grid / item-form view (ObjectArrayView); anything else — and the\n// `x-array-display: stacked` opt-out — renders a control per item with add / remove /\n// reorder. Recursion goes through ctx.render so this module never imports the\n// renderer (no import cycle).\nexport function ArrayControl({\n  field,\n  fieldId,\n  ctx,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  ctx: RenderContext;\n}) {\n  // A read-only array marks its whole subtree non-editable: no add/remove/reorder\n  // and item inputs disabled (a child the schema marks readOnly still renders as\n  // a value span). A table shows every read-only cell as a value span instead;\n  // see TableArray.\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const choices = enumItemOptions(field);\n  const scalarType = scalarItemsType(field.itemSchema);\n  if (field.arrayDisplay === \"list\") {\n    if (scalarType !== \"string\") {\n      throw new Error(\n        `${field.key} uses x-array-display list without string items`,\n      );\n    }\n    return (\n      <CompactListArray\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        presentation={ctx.presentation === true}\n      />\n    );\n  }\n  if (field.arrayDisplay === \"filter-pills\" && choices.length > 0) {\n    return (\n      <FilterPillArray\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={ctx.size}\n      />\n    );\n  }\n  // A list of choices is ONE control, not a stack of them: the enum item schema\n  // makes the whole array a multi-select whose committed values are pills, so\n  // the option set is discoverable in one dropdown instead of repeated per item.\n  // `x-array-display: \"stacked\"` opts back into a combobox per item.\n  if (field.arrayDisplay !== \"stacked\" && choices.length > 0) {\n    return (\n      <TagsComboboxControl\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={ctx.size}\n        options={choices}\n      />\n    );\n  }\n  // A flat list of scalars is the same gesture as the enum list above — type a\n  // value, get a pill — so it takes the same control, with no options to pick\n  // from and a comma as a second commit key. Numeric items commit numbers.\n  if (field.arrayDisplay !== \"stacked\" && scalarType) {\n    return (\n      <TagsComboboxControl\n        field={field}\n        fieldId={fieldId}\n        readOnly={readOnly}\n        size={ctx.size}\n        options={[]}\n        itemType={scalarType}\n        separators={TAG_SEPARATORS}\n      />\n    );\n  }\n  if (hasObjectItemProperties(field.itemSchema)) {\n    if (field.arrayDisplay === \"cards\") {\n      return <CardsArray field={field} ctx={ctx} readOnly={readOnly} />;\n    }\n    // Object items render as a switchable view: the row grid while the item's\n    // visible columns fit, the item list (one summary row per item, opening\n    // into its form) once they do not — stacked in full, a ten-property item\n    // costs ~700px of screen each. `x-layout: \"table\"` and\n    // `x-array-display: \"accordion\"` pick the view it opens in; see\n    // defaultArrayView. `x-array-display: \"stacked\"` opts back into the\n    // per-item sub-form below.\n    if (field.arrayDisplay !== \"stacked\") {\n      return <ObjectArrayView field={field} ctx={ctx} readOnly={readOnly} />;\n    }\n  }\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"string\" };\n  const childCtx: RenderContext = { ...ctx, readOnly, depth: ctx.depth + 1 };\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col\",\n        !ctx.presentation && \"rounded-md border border-input p-2\",\n        fieldInnerGapClass[ctx.size],\n      )}\n    >\n      {items.map((item, i) => (\n        <div\n          key={i}\n          className={cn(\n            \"grid items-start gap-2\",\n              readOnly ? \"grid-cols-1\" : \"grid-cols-[1fr_auto]\",\n          )}\n        >\n          {/* The item's row is a FieldWrapper (or a full-width ObjectSection),\n              both of which are grid children of a FieldsGrid — inline mode's\n              `grid-cols-subgrid` resolves to `none` without one, collapsing\n              every item into a stacked column while the rest of the form stays\n              aligned. Fixed at one column: an item is a single row, and any\n              multi-column layout belongs to the item's own object body. */}\n          <FieldsGrid\n            layout={ctx.layout}\n            size={ctx.size}\n            columns={1}\n            className=\"min-w-0\"\n          >\n            {ctx.render.renderFieldRow(\n              {\n                key: `${field.key}[${i}]`,\n                prop: itemSchema,\n                required: false,\n                value: item,\n                onChange: (next) => field.onChange(setIndex(items, i, next)),\n                instancePath: appendInstancePath(ctx.instancePath, i),\n              },\n              childCtx,\n              { labelOverride: `Item ${i + 1}` },\n            )}\n          </FieldsGrid>\n          {!readOnly && (\n            <ItemActions\n              label={`item ${i + 1}`}\n              index={i}\n              count={items.length}\n              size={ctx.size}\n              reveal={false}\n              onMove={(to) => field.onChange(moveItem(items, i, to))}\n              {...(canRemoveItem(field, items.length)\n                ? { onRemove: () => field.onChange(removeIndex(items, i)) }\n                : {})}\n            />\n          )}\n        </div>\n      ))}\n      {!readOnly && canAddItem(field, items.length) && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          className={cn(\"gap-1.5\", inputSizeClass[ctx.size])}\n          onClick={() => field.onChange([...items, seedFromSchema(itemSchema)])}\n        >\n          <Icon icon={UiAdd} className=\"text-sm\" />\n          Add item\n        </Button>\n      )}\n    </div>\n  );\n}\n\n// The choices an array of enum items offers, deduped by value. Prefers the\n// resolved `options` (they carry the schema's labels, icons and tones) and falls\n// back to the raw item `enum` for a field a pre-extension built by hand.\nfunction enumItemOptions(field: FieldControl): FieldOption[] {\n  const rawOptions =\n    field.options ??\n    (Array.isArray(field.itemSchema?.enum)\n      ? field.itemSchema.enum.map((value) => ({\n          value: String(value),\n          label: String(value),\n        }))\n      : []);\n  const seen = new Set<string>();\n  return rawOptions.filter((option) => {\n    if (seen.has(option.value)) return false;\n    seen.add(option.value);\n    return true;\n  });\n}\n\nfunction FilterPillArray({\n  field,\n  fieldId,\n  readOnly,\n  size,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  readOnly: boolean;\n  size: FormSize;\n}) {\n  const options = enumItemOptions(field);\n  const validValues = new Set(options.map((option) => option.value));\n  const explicitValues = toStringArray(field.value).filter((value) =>\n    validValues.has(value),\n  );\n  const implicitAll = explicitValues.length === 0;\n  const selected = new Set(\n    implicitAll ? options.map((option) => option.value) : explicitValues,\n  );\n\n  function commit(nextSelected: Set<string>) {\n    const next = options\n      .map((option) => option.value)\n      .filter((value) => nextSelected.has(value));\n    field.onChange(next.length === options.length ? [] : next);\n  }\n\n  function toggle(value: string) {\n    if (readOnly) return;\n    const next = new Set(selected);\n    if (next.has(value)) {\n      next.delete(value);\n    } else {\n      next.add(value);\n    }\n    commit(next);\n  }\n\n  return (\n    <div\n      id={fieldId}\n      data-jsf-input\n      role=\"group\"\n      aria-label={field.label}\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm\",\n        controlMinHeightClass[size],\n      )}\n    >\n      {options.map((option) => (\n        <FilterPill\n          key={option.value}\n          label={option.label}\n          mode={selected.has(option.value) ? \"active\" : \"neutral\"}\n          title={\n            implicitAll ? `${option.label} enabled by default` : option.label\n          }\n          {...(!readOnly ? { onClick: () => toggle(option.value) } : {})}\n          className=\"max-w-full\"\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/json-schema-form-conditionals.cjs

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const collections = require("../lib/collections.cjs");
+function evaluatePredicate(sub, value) {
+  let decided = false;
+  let holds = true;
+  if ("const" in sub) {
+    decided = true;
+    if (value !== sub.const) holds = false;
+  }
+  if (sub.enum !== void 0) {
+    decided = true;
+    if (!sub.enum.some((option) => option === value)) holds = false;
+  }
+  if (sub.not !== void 0) {
+    const inner = evaluatePredicate(sub.not, value);
+    if (inner === void 0) return void 0;
+    decided = true;
+    if (inner) holds = false;
+  }
+  if (sub.properties !== void 0 || sub.required !== void 0) {
+    decided = true;
+    if (!collections.isPlainObject(value) || !matchesIf(sub, value)) {
+      holds = false;
+    }
+  }
+  return decided ? holds : void 0;
+}
+function matchesIf(ifSchema, value) {
+  if (!ifSchema) return false;
+  for (const k of ifSchema.required ?? []) {
+    if (!(k in value)) return false;
+  }
+  for (const [k, sub] of Object.entries(ifSchema.properties ?? {})) {
+    if (evaluatePredicate(sub, value[k]) !== true) return false;
+  }
+  return true;
+}
+function mergeBranch(branch, properties, required) {
+  if (!branch) return;
+  for (const [k, sub] of Object.entries(branch.properties ?? {})) {
+    properties[k] = sub;
+  }
+  for (const k of branch.required ?? []) required.add(k);
+}
+function effectiveProperties(schema, value) {
+  const properties = {
+    ...schema.properties
+  };
+  const required = new Set(schema.required ?? []);
+  for (const clause of schema.allOf ?? []) {
+    if (clause.if === void 0 && clause.then === void 0) {
+      mergeBranch(clause, properties, required);
+      continue;
+    }
+    mergeBranch(
+      matchesIf(clause.if, value) ? clause.then : clause.else,
+      properties,
+      required
+    );
+  }
+  return { properties, required: [...required] };
+}
+exports.effectiveProperties = effectiveProperties;
+exports.evaluatePredicate = evaluatePredicate;
+exports.matchesIf = matchesIf;
+//# sourceMappingURL=json-schema-form-conditionals.cjs.map

package/dist/components/json-schema-form-conditionals.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-conditionals.cjs","sources":["../../src/components/json-schema-form-conditionals.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport type { JsonSchemaObject, JsonSchemaProperty } from \"./json-schema-form-types\";\n\n// evaluatePredicate answers whether one `if.properties[k]` sub-schema holds for\n// the value at that key, or `undefined` when the sub-schema states nothing this\n// form knows how to check. The tri-state is what lets the caller fail closed:\n// \"cannot tell\" is never silently promoted to \"matches\".\n//\n// Recognised: `const`, `enum`, `not` (negating any of these), and a nested\n// `properties`/`required` object sub-schema, evaluated recursively against the\n// value at that key. Every recognised keyword present must hold.\n//\n// The value is read positionally — an absent key evaluates as `undefined`, so\n// `const` rejects it. State presence requirements in `if.required` rather than\n// relying on a predicate to imply them.\nexport function evaluatePredicate(\n  sub: JsonSchemaProperty,\n  value: unknown,\n): boolean | undefined {\n  let decided = false;\n  let holds = true;\n\n  if (\"const\" in sub) {\n    decided = true;\n    if (value !== sub.const) holds = false;\n  }\n  if (sub.enum !== undefined) {\n    decided = true;\n    if (!sub.enum.some((option) => option === value)) holds = false;\n  }\n  if (sub.not !== undefined) {\n    // A negation of something unevaluatable is itself unevaluatable.\n    const inner = evaluatePredicate(sub.not, value);\n    if (inner === undefined) return undefined;\n    decided = true;\n    if (inner) holds = false;\n  }\n  if (sub.properties !== undefined || sub.required !== undefined) {\n    decided = true;\n    if (!isPlainObject(value) || !matchesIf(sub, value as Record<string, unknown>)) {\n      holds = false;\n    }\n  }\n\n  return decided ? holds : undefined;\n}\n\n// matchesIf reports whether the `if` sub-schema holds for the current value:\n// every `if.required` key is present AND every `if.properties[k]` predicate\n// holds for `value[k]`.\n//\n// A predicate this form cannot evaluate (a bare `type`, a `pattern`, a numeric\n// bound) makes the whole `if` false, never true. Merging a `then` branch the\n// form could not verify would put fields in front of the user that the schema\n// never asked for, so an unreadable condition fails closed.\nexport function matchesIf(\n  ifSchema: JsonSchemaProperty | undefined,\n  value: Record<string, unknown>,\n): boolean {\n  if (!ifSchema) return false;\n  for (const k of ifSchema.required ?? []) {\n    if (!(k in value)) return false;\n  }\n  for (const [k, sub] of Object.entries(ifSchema.properties ?? {})) {\n    if (evaluatePredicate(sub, value[k]) !== true) return false;\n  }\n  return true;\n}\n\nexport interface EffectiveProperties {\n  properties: Record<string, JsonSchemaProperty>;\n  required: string[];\n}\n\nfunction mergeBranch(\n  branch: Pick<JsonSchemaProperty, \"properties\" | \"required\"> | undefined,\n  properties: Record<string, JsonSchemaProperty>,\n  required: Set<string>,\n): void {\n  if (!branch) return;\n  for (const [k, sub] of Object.entries(branch.properties ?? {})) {\n    properties[k] = sub;\n  }\n  for (const k of branch.required ?? []) required.add(k);\n}\n\n// effectiveProperties merges the schema's base `properties` with each `allOf`\n// member's contribution. An `if`/`then` member contributes `then.properties`\n// when its `if` matches the current value and `else.properties` when it does\n// not; an unconditional member (e.g. an inlined `$ref` composition, which\n// carries its own `properties` and no `if`) always contributes. Later members\n// win on key collision; required is the union. A branch REPLACES a property\n// wholesale rather than deep-merging it, so a branch that re-declares a field\n// also re-declares its keywords (`readOnly`, `x-hidden`, …). Pure and\n// idempotent.\nexport function effectiveProperties(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n): EffectiveProperties {\n  const properties: Record<string, JsonSchemaProperty> = {\n    ...schema.properties,\n  };\n  const required = new Set(schema.required ?? []);\n  for (const clause of schema.allOf ?? []) {\n    // Unconditional composition member: merge its own properties/required.\n    if (clause.if === undefined && clause.then === undefined) {\n      mergeBranch(clause, properties, required);\n      continue;\n    }\n    mergeBranch(\n      matchesIf(clause.if, value) ? clause.then : clause.else,\n      properties,\n      required,\n    );\n  }\n  return { properties, required: [...required] };\n}\n"],"names":["isPlainObject"],"mappings":";;;AAeO,SAAS,kBACd,KACA,OACqB;AACrB,MAAI,UAAU;AACd,MAAI,QAAQ;AAEZ,MAAI,WAAW,KAAK;AAClB,cAAU;AACV,QAAI,UAAU,IAAI,MAAO,SAAQ;AAAA,EACnC;AACA,MAAI,IAAI,SAAS,QAAW;AAC1B,cAAU;AACV,QAAI,CAAC,IAAI,KAAK,KAAK,CAAC,WAAW,WAAW,KAAK,EAAG,SAAQ;AAAA,EAC5D;AACA,MAAI,IAAI,QAAQ,QAAW;AAEzB,UAAM,QAAQ,kBAAkB,IAAI,KAAK,KAAK;AAC9C,QAAI,UAAU,OAAW,QAAO;AAChC,cAAU;AACV,QAAI,MAAO,SAAQ;AAAA,EACrB;AACA,MAAI,IAAI,eAAe,UAAa,IAAI,aAAa,QAAW;AAC9D,cAAU;AACV,QAAI,CAACA,YAAAA,cAAc,KAAK,KAAK,CAAC,UAAU,KAAK,KAAgC,GAAG;AAC9E,cAAQ;AAAA,IACV;AAAA,EACF;AAEA,SAAO,UAAU,QAAQ;AAC3B;AAUO,SAAS,UACd,UACA,OACS;AACT,MAAI,CAAC,SAAU,QAAO;AACtB,aAAW,KAAK,SAAS,YAAY,CAAA,GAAI;AACvC,QAAI,EAAE,KAAK,OAAQ,QAAO;AAAA,EAC5B;AACA,aAAW,CAAC,GAAG,GAAG,KAAK,OAAO,QAAQ,SAAS,cAAc,CAAA,CAAE,GAAG;AAChE,QAAI,kBAAkB,KAAK,MAAM,CAAC,CAAC,MAAM,KAAM,QAAO;AAAA,EACxD;AACA,SAAO;AACT;AAOA,SAAS,YACP,QACA,YACA,UACM;AACN,MAAI,CAAC,OAAQ;AACb,aAAW,CAAC,GAAG,GAAG,KAAK,OAAO,QAAQ,OAAO,cAAc,CAAA,CAAE,GAAG;AAC9D,eAAW,CAAC,IAAI;AAAA,EAClB;AACA,aAAW,KAAK,OAAO,YAAY,CAAA,EAAI,UAAS,IAAI,CAAC;AACvD;AAWO,SAAS,oBACd,QACA,OACqB;AACrB,QAAM,aAAiD;AAAA,IACrD,GAAG,OAAO;AAAA,EAAA;AAEZ,QAAM,WAAW,IAAI,IAAI,OAAO,YAAY,CAAA,CAAE;AAC9C,aAAW,UAAU,OAAO,SAAS,CAAA,GAAI;AAEvC,QAAI,OAAO,OAAO,UAAa,OAAO,SAAS,QAAW;AACxD,kBAAY,QAAQ,YAAY,QAAQ;AACxC;AAAA,IACF;AACA;AAAA,MACE,UAAU,OAAO,IAAI,KAAK,IAAI,OAAO,OAAO,OAAO;AAAA,MACnD;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACA,SAAO,EAAE,YAAY,UAAU,CAAC,GAAG,QAAQ,EAAA;AAC7C;;;;"}

package/dist/components/json-schema-form-conditionals.d.ts

@@ -0,0 +1,9 @@
+import { JsonSchemaObject, JsonSchemaProperty } from './json-schema-form-types.js';
+export declare function evaluatePredicate(sub: JsonSchemaProperty, value: unknown): boolean | undefined;
+export declare function matchesIf(ifSchema: JsonSchemaProperty | undefined, value: Record<string, unknown>): boolean;
+export interface EffectiveProperties {
+    properties: Record<string, JsonSchemaProperty>;
+    required: string[];
+}
+export declare function effectiveProperties(schema: JsonSchemaObject, value: Record<string, unknown>): EffectiveProperties;
+//# sourceMappingURL=json-schema-form-conditionals.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-conditionals.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-conditionals.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAcrF,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,kBAAkB,EACvB,KAAK,EAAE,OAAO,GACb,OAAO,GAAG,SAAS,CA2BrB;AAUD,wBAAgB,SAAS,CACvB,QAAQ,EAAE,kBAAkB,GAAG,SAAS,EACxC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7B,OAAO,CAST;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC/C,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAuBD,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7B,mBAAmB,CAkBrB"}

package/dist/components/json-schema-form-conditionals.js

@@ -0,0 +1,67 @@
+import { isPlainObject } from "../lib/collections.js";
+function evaluatePredicate(sub, value) {
+  let decided = false;
+  let holds = true;
+  if ("const" in sub) {
+    decided = true;
+    if (value !== sub.const) holds = false;
+  }
+  if (sub.enum !== void 0) {
+    decided = true;
+    if (!sub.enum.some((option) => option === value)) holds = false;
+  }
+  if (sub.not !== void 0) {
+    const inner = evaluatePredicate(sub.not, value);
+    if (inner === void 0) return void 0;
+    decided = true;
+    if (inner) holds = false;
+  }
+  if (sub.properties !== void 0 || sub.required !== void 0) {
+    decided = true;
+    if (!isPlainObject(value) || !matchesIf(sub, value)) {
+      holds = false;
+    }
+  }
+  return decided ? holds : void 0;
+}
+function matchesIf(ifSchema, value) {
+  if (!ifSchema) return false;
+  for (const k of ifSchema.required ?? []) {
+    if (!(k in value)) return false;
+  }
+  for (const [k, sub] of Object.entries(ifSchema.properties ?? {})) {
+    if (evaluatePredicate(sub, value[k]) !== true) return false;
+  }
+  return true;
+}
+function mergeBranch(branch, properties, required) {
+  if (!branch) return;
+  for (const [k, sub] of Object.entries(branch.properties ?? {})) {
+    properties[k] = sub;
+  }
+  for (const k of branch.required ?? []) required.add(k);
+}
+function effectiveProperties(schema, value) {
+  const properties = {
+    ...schema.properties
+  };
+  const required = new Set(schema.required ?? []);
+  for (const clause of schema.allOf ?? []) {
+    if (clause.if === void 0 && clause.then === void 0) {
+      mergeBranch(clause, properties, required);
+      continue;
+    }
+    mergeBranch(
+      matchesIf(clause.if, value) ? clause.then : clause.else,
+      properties,
+      required
+    );
+  }
+  return { properties, required: [...required] };
+}
+export {
+  effectiveProperties,
+  evaluatePredicate,
+  matchesIf
+};
+//# sourceMappingURL=json-schema-form-conditionals.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-conditionals.js","sources":["../../src/components/json-schema-form-conditionals.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport type { JsonSchemaObject, JsonSchemaProperty } from \"./json-schema-form-types\";\n\n// evaluatePredicate answers whether one `if.properties[k]` sub-schema holds for\n// the value at that key, or `undefined` when the sub-schema states nothing this\n// form knows how to check. The tri-state is what lets the caller fail closed:\n// \"cannot tell\" is never silently promoted to \"matches\".\n//\n// Recognised: `const`, `enum`, `not` (negating any of these), and a nested\n// `properties`/`required` object sub-schema, evaluated recursively against the\n// value at that key. Every recognised keyword present must hold.\n//\n// The value is read positionally — an absent key evaluates as `undefined`, so\n// `const` rejects it. State presence requirements in `if.required` rather than\n// relying on a predicate to imply them.\nexport function evaluatePredicate(\n  sub: JsonSchemaProperty,\n  value: unknown,\n): boolean | undefined {\n  let decided = false;\n  let holds = true;\n\n  if (\"const\" in sub) {\n    decided = true;\n    if (value !== sub.const) holds = false;\n  }\n  if (sub.enum !== undefined) {\n    decided = true;\n    if (!sub.enum.some((option) => option === value)) holds = false;\n  }\n  if (sub.not !== undefined) {\n    // A negation of something unevaluatable is itself unevaluatable.\n    const inner = evaluatePredicate(sub.not, value);\n    if (inner === undefined) return undefined;\n    decided = true;\n    if (inner) holds = false;\n  }\n  if (sub.properties !== undefined || sub.required !== undefined) {\n    decided = true;\n    if (!isPlainObject(value) || !matchesIf(sub, value as Record<string, unknown>)) {\n      holds = false;\n    }\n  }\n\n  return decided ? holds : undefined;\n}\n\n// matchesIf reports whether the `if` sub-schema holds for the current value:\n// every `if.required` key is present AND every `if.properties[k]` predicate\n// holds for `value[k]`.\n//\n// A predicate this form cannot evaluate (a bare `type`, a `pattern`, a numeric\n// bound) makes the whole `if` false, never true. Merging a `then` branch the\n// form could not verify would put fields in front of the user that the schema\n// never asked for, so an unreadable condition fails closed.\nexport function matchesIf(\n  ifSchema: JsonSchemaProperty | undefined,\n  value: Record<string, unknown>,\n): boolean {\n  if (!ifSchema) return false;\n  for (const k of ifSchema.required ?? []) {\n    if (!(k in value)) return false;\n  }\n  for (const [k, sub] of Object.entries(ifSchema.properties ?? {})) {\n    if (evaluatePredicate(sub, value[k]) !== true) return false;\n  }\n  return true;\n}\n\nexport interface EffectiveProperties {\n  properties: Record<string, JsonSchemaProperty>;\n  required: string[];\n}\n\nfunction mergeBranch(\n  branch: Pick<JsonSchemaProperty, \"properties\" | \"required\"> | undefined,\n  properties: Record<string, JsonSchemaProperty>,\n  required: Set<string>,\n): void {\n  if (!branch) return;\n  for (const [k, sub] of Object.entries(branch.properties ?? {})) {\n    properties[k] = sub;\n  }\n  for (const k of branch.required ?? []) required.add(k);\n}\n\n// effectiveProperties merges the schema's base `properties` with each `allOf`\n// member's contribution. An `if`/`then` member contributes `then.properties`\n// when its `if` matches the current value and `else.properties` when it does\n// not; an unconditional member (e.g. an inlined `$ref` composition, which\n// carries its own `properties` and no `if`) always contributes. Later members\n// win on key collision; required is the union. A branch REPLACES a property\n// wholesale rather than deep-merging it, so a branch that re-declares a field\n// also re-declares its keywords (`readOnly`, `x-hidden`, …). Pure and\n// idempotent.\nexport function effectiveProperties(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n): EffectiveProperties {\n  const properties: Record<string, JsonSchemaProperty> = {\n    ...schema.properties,\n  };\n  const required = new Set(schema.required ?? []);\n  for (const clause of schema.allOf ?? []) {\n    // Unconditional composition member: merge its own properties/required.\n    if (clause.if === undefined && clause.then === undefined) {\n      mergeBranch(clause, properties, required);\n      continue;\n    }\n    mergeBranch(\n      matchesIf(clause.if, value) ? clause.then : clause.else,\n      properties,\n      required,\n    );\n  }\n  return { properties, required: [...required] };\n}\n"],"names":[],"mappings":";AAeO,SAAS,kBACd,KACA,OACqB;AACrB,MAAI,UAAU;AACd,MAAI,QAAQ;AAEZ,MAAI,WAAW,KAAK;AAClB,cAAU;AACV,QAAI,UAAU,IAAI,MAAO,SAAQ;AAAA,EACnC;AACA,MAAI,IAAI,SAAS,QAAW;AAC1B,cAAU;AACV,QAAI,CAAC,IAAI,KAAK,KAAK,CAAC,WAAW,WAAW,KAAK,EAAG,SAAQ;AAAA,EAC5D;AACA,MAAI,IAAI,QAAQ,QAAW;AAEzB,UAAM,QAAQ,kBAAkB,IAAI,KAAK,KAAK;AAC9C,QAAI,UAAU,OAAW,QAAO;AAChC,cAAU;AACV,QAAI,MAAO,SAAQ;AAAA,EACrB;AACA,MAAI,IAAI,eAAe,UAAa,IAAI,aAAa,QAAW;AAC9D,cAAU;AACV,QAAI,CAAC,cAAc,KAAK,KAAK,CAAC,UAAU,KAAK,KAAgC,GAAG;AAC9E,cAAQ;AAAA,IACV;AAAA,EACF;AAEA,SAAO,UAAU,QAAQ;AAC3B;AAUO,SAAS,UACd,UACA,OACS;AACT,MAAI,CAAC,SAAU,QAAO;AACtB,aAAW,KAAK,SAAS,YAAY,CAAA,GAAI;AACvC,QAAI,EAAE,KAAK,OAAQ,QAAO;AAAA,EAC5B;AACA,aAAW,CAAC,GAAG,GAAG,KAAK,OAAO,QAAQ,SAAS,cAAc,CAAA,CAAE,GAAG;AAChE,QAAI,kBAAkB,KAAK,MAAM,CAAC,CAAC,MAAM,KAAM,QAAO;AAAA,EACxD;AACA,SAAO;AACT;AAOA,SAAS,YACP,QACA,YACA,UACM;AACN,MAAI,CAAC,OAAQ;AACb,aAAW,CAAC,GAAG,GAAG,KAAK,OAAO,QAAQ,OAAO,cAAc,CAAA,CAAE,GAAG;AAC9D,eAAW,CAAC,IAAI;AAAA,EAClB;AACA,aAAW,KAAK,OAAO,YAAY,CAAA,EAAI,UAAS,IAAI,CAAC;AACvD;AAWO,SAAS,oBACd,QACA,OACqB;AACrB,QAAM,aAAiD;AAAA,IACrD,GAAG,OAAO;AAAA,EAAA;AAEZ,QAAM,WAAW,IAAI,IAAI,OAAO,YAAY,CAAA,CAAE;AAC9C,aAAW,UAAU,OAAO,SAAS,CAAA,GAAI;AAEvC,QAAI,OAAO,OAAO,UAAa,OAAO,SAAS,QAAW;AACxD,kBAAY,QAAQ,YAAY,QAAQ;AACxC;AAAA,IACF;AACA;AAAA,MACE,UAAU,OAAO,IAAI,KAAK,IAAI,OAAO,OAAO,OAAO;AAAA,MACnD;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACA,SAAO,EAAE,YAAY,UAAU,CAAC,GAAG,QAAQ,EAAA;AAC7C;"}

package/dist/components/json-schema-form-debug-badge.cjs

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../lib/utils.cjs");
+const Icon = require("../data/Icon.cjs");
+const HoverCard = require("../overlay/HoverCard.cjs");
+const Modal = require("../overlay/Modal.cjs");
+const jsonSchemaFormDebugGlyph = require("./json-schema-form-debug-glyph.cjs");
+const jsonSchemaFormDebugGlyphMap = require("./json-schema-form-debug-glyph-map.cjs");
+const jsonSchemaFormDebugKeywords = require("./json-schema-form-debug-keywords.cjs");
+const UiEyeClosed = require("../icons/components/UiEyeClosed.cjs");
+const UiBug = require("../icons/components/UiBug.cjs");
+const UiChevronUp = require("../icons/components/UiChevronUp.cjs");
+const UiChevronDown = require("../icons/components/UiChevronDown.cjs");
+const UiFullscreen = require("../icons/components/UiFullscreen.cjs");
+const FOOTER_BUTTON = "inline-flex items-center gap-1 rounded px-1 text-[11px] text-sky-700 hover:bg-muted dark:text-sky-300";
+function FieldDebugBadge(info) {
+  const { fieldKey, instancePath, field, prop, hiddenReason } = info;
+  const [expanded, setExpanded] = react.useState(false);
+  const [dialogOpen, setDialogOpen] = react.useState(false);
+  const hidden = hiddenReason !== void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      HoverCard.HoverCard,
+      {
+        placement: "right",
+        trigger: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Debug ${fieldKey}`,
+            className: utils.cn(
+              "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-[11px]",
+              hidden ? "text-amber-600 dark:text-amber-400" : "text-muted-foreground hover:text-foreground"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: hidden ? UiEyeClosed.UiEyeClosed : UiBug.UiBug })
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(ClampedCard, { info, expanded, onToggle: () => setExpanded(!expanded), onOpenDialog: () => setDialogOpen(true) })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(Modal.Modal, { open: dialogOpen, onClose: () => setDialogOpen(false), title: prop.title || fieldKey, subtitle: `${instancePath || "/"} · ${field.kind}`, size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "json-schema-form-debug-card-body", "data-clamped": "false", className: "text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(FieldDebugDetails, { ...info, withHeading: false }) }) })
+  ] });
+}
+function ClampedCard({
+  info,
+  expanded,
+  onToggle,
+  onOpenDialog
+}) {
+  const bodyRef = react.useRef(null);
+  const [overflows, setOverflows] = react.useState(false);
+  react.useLayoutEffect(() => {
+    const body = bodyRef.current;
+    if (body && !expanded) setOverflows(body.scrollHeight > body.clientHeight + 1);
+  }, [expanded, info.prop, info.field.value]);
+  const clamped = !expanded;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "json-schema-form-debug-card", className: "max-w-md space-y-1 whitespace-normal text-xs", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: bodyRef,
+          "data-testid": "json-schema-form-debug-card-body",
+          "data-clamped": String(clamped),
+          className: clamped ? "max-h-80 overflow-hidden" : "max-h-[70vh] overflow-y-auto",
+          children: /* @__PURE__ */ jsxRuntime.jsx(FieldDebugDetails, { ...info })
+        }
+      ),
+      clamped && overflows && /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-background" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 border-t border-border pt-1", children: [
+      overflows && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", "aria-expanded": expanded, onClick: onToggle, className: FOOTER_BUTTON, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: expanded ? UiChevronUp.UiChevronUp : UiChevronDown.UiChevronDown }),
+        expanded ? "Show less" : "Show more"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: onOpenDialog, className: utils.cn(FOOTER_BUTTON, "ml-auto"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiFullscreen.UiFullscreen }),
+        "Open in dialog"
+      ] })
+    ] })
+  ] });
+}
+function FieldDebugDetails({ fieldKey, instancePath, field, prop, hiddenReason, withHeading = true }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+    withHeading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormDebugGlyph.DebugGlyph, { glyph: jsonSchemaFormDebugGlyphMap.KIND_GLYPH[field.kind], className: "mt-0.5 size-4" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: prop.title || fieldKey }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "font-mono text-[11px] text-muted-foreground", children: [
+          instancePath || "/",
+          " · ",
+          field.kind
+        ] })
+      ] })
+    ] }),
+    hiddenReason !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1 text-amber-700 dark:text-amber-300", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiEyeClosed.UiEyeClosed }),
+      " ",
+      hiddenReason
+    ] }),
+    prop.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: prop.description }),
+    /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormDebugKeywords.DebugKeywords, { prop, value: field.value })
+  ] });
+}
+exports.FieldDebugBadge = FieldDebugBadge;
+//# sourceMappingURL=json-schema-form-debug-badge.cjs.map

package/dist/components/json-schema-form-debug-badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-debug-badge.cjs","sources":["../../src/components/json-schema-form-debug-badge.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiBug, UiChevronDown, UiChevronUp, UiEyeClosed, UiFullscreen } from \"../icons\";\nimport { HoverCard } from \"../overlay/HoverCard\";\nimport { Modal } from \"../overlay/Modal\";\nimport { DebugGlyph } from \"./json-schema-form-debug-glyph\";\nimport { KIND_GLYPH } from \"./json-schema-form-debug-glyph-map\";\nimport { DebugKeywords } from \"./json-schema-form-debug-keywords\";\nimport type { FieldControl, JsonSchemaProperty } from \"./json-schema-form-types\";\n\nexport interface FieldDebugInfo {\n  fieldKey: string;\n  instancePath: string;\n  field: FieldControl;\n  prop: JsonSchemaProperty;\n  hiddenReason: string | undefined;\n}\n\nconst FOOTER_BUTTON = \"inline-flex items-center gap-1 rounded px-1 text-[11px] text-sky-700 hover:bg-muted dark:text-sky-300\";\n\n// FieldDebugBadge is a field's debug-mode badge: an eye-slash when the form\n// would hide it, a bug otherwise, whose hover card says where it comes from.\n// A field whose details outgrow the card (a screen field with a dozen\n// listeners, a long query) is clamped behind \"Show more\", and \"Open in dialog\"\n// shows the full details in a modal. Both states live here, not in the card,\n// because the card unmounts as soon as the pointer leaves it.\nexport function FieldDebugBadge(info: FieldDebugInfo) {\n  const { fieldKey, instancePath, field, prop, hiddenReason } = info;\n  const [expanded, setExpanded] = useState(false);\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const hidden = hiddenReason !== undefined;\n  return (\n    <>\n      <HoverCard\n        placement=\"right\"\n        trigger={\n          <button\n            type=\"button\"\n            aria-label={`Debug ${fieldKey}`}\n            className={cn(\n              \"inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-[11px]\",\n              hidden ? \"text-amber-600 dark:text-amber-400\" : \"text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            <Icon icon={hidden ? UiEyeClosed : UiBug} />\n          </button>\n        }\n      >\n        <ClampedCard info={info} expanded={expanded} onToggle={() => setExpanded(!expanded)} onOpenDialog={() => setDialogOpen(true)} />\n      </HoverCard>\n      <Modal open={dialogOpen} onClose={() => setDialogOpen(false)} title={prop.title || fieldKey} subtitle={`${instancePath || \"/\"} · ${field.kind}`} size=\"lg\">\n        <div data-testid=\"json-schema-form-debug-card-body\" data-clamped=\"false\" className=\"text-xs\">\n          <FieldDebugDetails {...info} withHeading={false} />\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction ClampedCard({\n  info,\n  expanded,\n  onToggle,\n  onOpenDialog,\n}: {\n  info: FieldDebugInfo;\n  expanded: boolean;\n  onToggle: () => void;\n  onOpenDialog: () => void;\n}) {\n  const bodyRef = useRef<HTMLDivElement | null>(null);\n  const [overflows, setOverflows] = useState(false);\n  // Measured only while clamped: once expanded the body has no clamp to\n  // overflow, and \"Show less\" must stay to put it back.\n  useLayoutEffect(() => {\n    const body = bodyRef.current;\n    if (body && !expanded) setOverflows(body.scrollHeight > body.clientHeight + 1);\n  }, [expanded, info.prop, info.field.value]);\n  const clamped = !expanded;\n  return (\n    <div data-testid=\"json-schema-form-debug-card\" className=\"max-w-md space-y-1 whitespace-normal text-xs\">\n      <div className=\"relative\">\n        <div\n          ref={bodyRef}\n          data-testid=\"json-schema-form-debug-card-body\"\n          data-clamped={String(clamped)}\n          className={clamped ? \"max-h-80 overflow-hidden\" : \"max-h-[70vh] overflow-y-auto\"}\n        >\n          <FieldDebugDetails {...info} />\n        </div>\n        {clamped && overflows && <div aria-hidden className=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-background\" />}\n      </div>\n      <div className=\"flex items-center gap-1 border-t border-border pt-1\">\n        {overflows && (\n          <button type=\"button\" aria-expanded={expanded} onClick={onToggle} className={FOOTER_BUTTON}>\n            <Icon icon={expanded ? UiChevronUp : UiChevronDown} />\n            {expanded ? \"Show less\" : \"Show more\"}\n          </button>\n        )}\n        <button type=\"button\" onClick={onOpenDialog} className={cn(FOOTER_BUTTON, \"ml-auto\")}>\n          <Icon icon={UiFullscreen} />\n          Open in dialog\n        </button>\n      </div>\n    </div>\n  );\n}\n\n// FieldDebugDetails is the card's content. The dialog's own header already\n// names the field, so it renders without the heading.\nfunction FieldDebugDetails({ fieldKey, instancePath, field, prop, hiddenReason, withHeading = true }: FieldDebugInfo & { withHeading?: boolean }) {\n  return (\n    <div className=\"space-y-1.5\">\n      {withHeading && (\n        <div className=\"flex items-start gap-1.5\">\n          <DebugGlyph glyph={KIND_GLYPH[field.kind]} className=\"mt-0.5 size-4\" />\n          <div className=\"min-w-0\">\n            <div className=\"font-medium\">{prop.title || fieldKey}</div>\n            <div className=\"font-mono text-[11px] text-muted-foreground\">\n              {instancePath || \"/\"} · {field.kind}\n            </div>\n          </div>\n        </div>\n      )}\n      {hiddenReason !== undefined && (\n        <p className=\"flex items-center gap-1 text-amber-700 dark:text-amber-300\">\n          <Icon icon={UiEyeClosed} /> {hiddenReason}\n        </p>\n      )}\n      {prop.description && <p className=\"text-muted-foreground\">{prop.description}</p>}\n      <DebugKeywords prop={prop} value={field.value} />\n    </div>\n  );\n}\n"],"names":["useState","jsxs","Fragment","jsx","HoverCard","cn","Icon","UiEyeClosed","UiBug","Modal","useRef","useLayoutEffect","UiChevronUp","UiChevronDown","UiFullscreen","DebugGlyph","KIND_GLYPH","DebugKeywords"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAM,gBAAgB;AAQf,SAAS,gBAAgB,MAAsB;AACpD,QAAM,EAAE,UAAU,cAAc,OAAO,MAAM,iBAAiB;AAC9D,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAAS,KAAK;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAAA,SAAS,KAAK;AAClD,QAAM,SAAS,iBAAiB;AAChC,SACEC,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,UAAAA;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SACED,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAY,SAAS,QAAQ;AAAA,YAC7B,WAAWE,MAAAA;AAAAA,cACT;AAAA,cACA,SAAS,uCAAuC;AAAA,YAAA;AAAA,YAGlD,UAAAF,2BAAAA,IAACG,WAAA,EAAK,MAAM,SAASC,YAAAA,cAAcC,YAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAI9C,UAAAL,2BAAAA,IAAC,aAAA,EAAY,MAAY,UAAoB,UAAU,MAAM,YAAY,CAAC,QAAQ,GAAG,cAAc,MAAM,cAAc,IAAI,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,mCAE/HM,MAAAA,OAAA,EAAM,MAAM,YAAY,SAAS,MAAM,cAAc,KAAK,GAAG,OAAO,KAAK,SAAS,UAAU,UAAU,GAAG,gBAAgB,GAAG,MAAM,MAAM,IAAI,IAAI,MAAK,MACpJ,UAAAN,+BAAC,OAAA,EAAI,eAAY,oCAAmC,gBAAa,SAAQ,WAAU,WACjF,yCAAC,mBAAA,EAAmB,GAAG,MAAM,aAAa,OAAO,GACnD,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,UAAUO,MAAAA,OAA8B,IAAI;AAClD,QAAM,CAAC,WAAW,YAAY,IAAIV,MAAAA,SAAS,KAAK;AAGhDW,QAAAA,gBAAgB,MAAM;AACpB,UAAM,OAAO,QAAQ;AACrB,QAAI,QAAQ,CAAC,SAAU,cAAa,KAAK,eAAe,KAAK,eAAe,CAAC;AAAA,EAC/E,GAAG,CAAC,UAAU,KAAK,MAAM,KAAK,MAAM,KAAK,CAAC;AAC1C,QAAM,UAAU,CAAC;AACjB,SACEV,2BAAAA,KAAC,OAAA,EAAI,eAAY,+BAA8B,WAAU,gDACvD,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,MAAAE,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK;AAAA,UACL,eAAY;AAAA,UACZ,gBAAc,OAAO,OAAO;AAAA,UAC5B,WAAW,UAAU,6BAA6B;AAAA,UAElD,UAAAA,2BAAAA,IAAC,mBAAA,EAAmB,GAAG,KAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAE9B,WAAW,aAAaA,2BAAAA,IAAC,SAAI,eAAW,MAAC,WAAU,wFAAA,CAAwF;AAAA,IAAA,GAC9I;AAAA,IACAF,2BAAAA,KAAC,OAAA,EAAI,WAAU,uDACZ,UAAA;AAAA,MAAA,aACCA,2BAAAA,KAAC,YAAO,MAAK,UAAS,iBAAe,UAAU,SAAS,UAAU,WAAW,eAC3E,UAAA;AAAA,QAAAE,2BAAAA,IAACG,KAAAA,MAAA,EAAK,MAAM,WAAWM,YAAAA,cAAcC,cAAAA,eAAe;AAAA,QACnD,WAAW,cAAc;AAAA,MAAA,GAC5B;AAAA,MAEFZ,2BAAAA,KAAC,UAAA,EAAO,MAAK,UAAS,SAAS,cAAc,WAAWI,MAAAA,GAAG,eAAe,SAAS,GACjF,UAAA;AAAA,QAAAF,2BAAAA,IAACG,KAAAA,MAAA,EAAK,MAAMQ,aAAAA,aAAA,CAAc;AAAA,QAAE;AAAA,MAAA,EAAA,CAE9B;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAIA,SAAS,kBAAkB,EAAE,UAAU,cAAc,OAAO,MAAM,cAAc,cAAc,QAAoD;AAChJ,SACEb,2BAAAA,KAAC,OAAA,EAAI,WAAU,eACZ,UAAA;AAAA,IAAA,eACCA,2BAAAA,KAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,MAAAE,+BAACY,yBAAAA,cAAW,OAAOC,4BAAAA,WAAW,MAAM,IAAI,GAAG,WAAU,iBAAgB;AAAA,MACrEf,2BAAAA,KAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,QAAAE,+BAAC,OAAA,EAAI,WAAU,eAAe,UAAA,KAAK,SAAS,UAAS;AAAA,QACrDF,2BAAAA,KAAC,OAAA,EAAI,WAAU,+CACZ,UAAA;AAAA,UAAA,gBAAgB;AAAA,UAAI;AAAA,UAAI,MAAM;AAAA,QAAA,EAAA,CACjC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAED,iBAAiB,UAChBA,gCAAC,KAAA,EAAE,WAAU,8DACX,UAAA;AAAA,MAAAE,2BAAAA,IAACG,KAAAA,MAAA,EAAK,MAAMC,YAAAA,YAAA,CAAa;AAAA,MAAE;AAAA,MAAE;AAAA,IAAA,GAC/B;AAAA,IAED,KAAK,eAAeJ,2BAAAA,IAAC,OAAE,WAAU,yBAAyB,eAAK,aAAY;AAAA,IAC5EA,2BAAAA,IAACc,4BAAAA,eAAA,EAAc,MAAY,OAAO,MAAM,MAAA,CAAO;AAAA,EAAA,GACjD;AAEJ;;"}

package/dist/components/json-schema-form-debug-badge.d.ts

@@ -0,0 +1,10 @@
+import { FieldControl, JsonSchemaProperty } from './json-schema-form-types.js';
+export interface FieldDebugInfo {
+    fieldKey: string;
+    instancePath: string;
+    field: FieldControl;
+    prop: JsonSchemaProperty;
+    hiddenReason: string | undefined;
+}
+export declare function FieldDebugBadge(info: FieldDebugInfo): import("react").JSX.Element;
+//# sourceMappingURL=json-schema-form-debug-badge.d.ts.map

package/dist/components/json-schema-form-debug-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-debug-badge.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-debug-badge.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEjF,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,kBAAkB,CAAC;IACzB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAUD,wBAAgB,eAAe,CAAC,IAAI,EAAE,cAAc,+BA+BnD"}