npm - @flanksource/clicky-ui - Versions diffs - 0.3.39 → 0.3.41 - Mend

@flanksource/clicky-ui 0.3.39 → 0.3.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1557) hide show

package/dist/components/json-schema-form-array-view.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { ExpressionEvaluator, FieldControl, FormLayout, JsonSchemaProperty, RenderContext } from './json-schema-form-types.js';
+export type ArrayView = "grid" | "stack" | "inline";
+export declare const DEFAULT_TABLE_MAX_COLUMNS = 4;
+export interface TableColumnOptions {
+    hideReadOnlyFields: boolean;
+    valueCells: boolean;
+    rootValue?: Record<string, unknown>;
+    evaluate?: ExpressionEvaluator;
+}
+export interface TableLayout {
+    columns: [string, JsonSchemaProperty][];
+    rows: Record<string, JsonSchemaProperty>[];
+}
+export interface ArrayViewOptions extends TableColumnOptions {
+    layoutMode: FormLayout["mode"];
+}
+export declare function arrayViewOptions(field: FieldControl, ctx: RenderContext): ArrayViewOptions;
+export declare function tableColumnOptions(field: FieldControl, ctx: RenderContext): TableColumnOptions;
+export declare function tableLayout(itemSchema: JsonSchemaProperty, items: unknown[], options: TableColumnOptions): TableLayout;
+export declare function defaultArrayView(field: FieldControl, options: ArrayViewOptions): ArrayView;
+//# sourceMappingURL=json-schema-form-array-view.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"json-schema-form-array-view.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-array-view.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,mBAAmB,EACnB,YAAY,EACZ,UAAU,EAEV,kBAAkB,EAClB,aAAa,EACd,MAAM,0BAA0B,CAAC;AAIlC,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpD,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C,MAAM,WAAW,kBAAkB;IACjC,kBAAkB,EAAE,OAAO,CAAC;IAE5B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC;AAED,MAAM,WAAW,WAAW;IAG1B,OAAO,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC,EAAE,CAAC;IAExC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAE1D,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;CAChC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAG,gBAAgB,CAE1F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAG,kBAAkB,CAO9F;AAMD,wBAAgB,WAAW,CACzB,UAAU,EAAE,kBAAkB,EAC9B,KAAK,EAAE,OAAO,EAAE,EAChB,OAAO,EAAE,kBAAkB,GAC1B,WAAW,CAkBb;AAkBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,gBAAgB,GAAG,SAAS,CAa1F"}

package/dist/components/json-schema-form-array-view.js ADDED Viewed

@@ -0,0 +1,63 @@
+import { isPlainObject } from "../lib/collections.js";
+import { applyListenerState } from "./json-schema-form-listeners.js";
+import { resolveControl } from "./json-schema-form-resolve.js";
+import { orderByXOrder, orderByClickyOrder, hasObjectItemProperties } from "./json-schema-form-utils.js";
+const DEFAULT_TABLE_MAX_COLUMNS = 4;
+function arrayViewOptions(field, ctx) {
+  return { ...tableColumnOptions(field, ctx), layoutMode: ctx.layout.mode };
+}
+function tableColumnOptions(field, ctx) {
+  return {
+    hideReadOnlyFields: ctx.hideReadOnlyFields,
+    valueCells: ctx.viewOnly || field.readOnly === true,
+    ...ctx.rootValue ? { rootValue: ctx.rootValue } : {},
+    ...ctx.expressionEvaluator ? { evaluate: ctx.expressionEvaluator } : {}
+  };
+}
+function tableLayout(itemSchema, items, options) {
+  const schema = itemSchema;
+  const states = (items.length > 0 ? items : [{}]).map((item) => {
+    const row = isPlainObject(item) ? item : {};
+    return applyListenerState(schema, row, {
+      root: options.rootValue ?? row,
+      ...options.evaluate ? { evaluate: options.evaluate } : {}
+    }).properties;
+  });
+  const keys = new Set(states.flatMap((state) => Object.keys(state)));
+  const shown = [...keys].flatMap((key) => {
+    const prop = states.map((state) => state[key]).find((p) => p !== void 0 && cellShows(p, options));
+    return prop ? [[key, prop]] : [];
+  });
+  return {
+    columns: orderByXOrder(orderByClickyOrder(shown), schema["x-order"]),
+    rows: items.length > 0 ? states : []
+  };
+}
+function cellShows(prop, options) {
+  return prop["x-hidden"] !== true && !(options.hideReadOnlyFields && prop.readOnly === true) && !(prop.writeOnly === true && (options.valueCells || prop.readOnly === true));
+}
+function defaultArrayView(field, options) {
+  if (field.arrayDisplay === "accordion") return options.layoutMode === "inline" ? "inline" : "stack";
+  if (field.layout === "table") return "grid";
+  const max = field.schema["x-table-max-columns"] ?? DEFAULT_TABLE_MAX_COLUMNS;
+  if (!Number.isInteger(max) || max < 1) {
+    throw new Error(`${field.key}: x-table-max-columns must be a positive integer, got ${JSON.stringify(max)}`);
+  }
+  const items = Array.isArray(field.value) ? field.value : [];
+  const { columns } = tableLayout(field.itemSchema ?? {}, items, options);
+  if (columns.some(([key, prop]) => nestsForm(key, prop))) return "inline";
+  return columns.length <= max ? "grid" : "inline";
+}
+function nestsForm(key, prop) {
+  const control = resolveControl({ key, prop, required: false, value: void 0, onChange: () => {
+  } });
+  return control.kind === "object" || control.kind === "string-map" || control.kind === "array" && hasObjectItemProperties(control.itemSchema);
+}
+export {
+  DEFAULT_TABLE_MAX_COLUMNS,
+  arrayViewOptions,
+  defaultArrayView,
+  tableColumnOptions,
+  tableLayout
+};
+//# sourceMappingURL=json-schema-form-array-view.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"json-schema-form-array-view.js","sources":["../../src/components/json-schema-form-array-view.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport { applyListenerState } from \"./json-schema-form-listeners\";\nimport { resolveControl } from \"./json-schema-form-resolve\";\nimport { hasObjectItemProperties, orderByClickyOrder, orderByXOrder } from \"./json-schema-form-utils\";\nimport type {\n ExpressionEvaluator,\n FieldControl,\n FormLayout,\n JsonSchemaObject,\n JsonSchemaProperty,\n RenderContext,\n} from \"./json-schema-form-types\";\n\n// How an object array renders: the row grid (TableArray), or the item list\n// (AccordionArray) with each item's fields stacked or labelled inline.\nexport type ArrayView = \"grid\" | \"stack\" | \"inline\";\n\nexport const DEFAULT_TABLE_MAX_COLUMNS = 4;\n\nexport interface TableColumnOptions {\n hideReadOnlyFields: boolean;\n // The whole table is a view, so every cell renders as its value; see TableArray.\n valueCells: boolean;\n rootValue?: Record<string, unknown>;\n evaluate?: ExpressionEvaluator;\n}\n\nexport interface TableLayout {\n // Every column at least one row shows, in x-clicky-order / x-order order,\n // carrying the first showing row's property for the header.\n columns: [string, JsonSchemaProperty][];\n // Per row, that row's effective item properties under its own listener state.\n rows: Record<string, JsonSchemaProperty>[];\n}\n\nexport interface ArrayViewOptions extends TableColumnOptions {\n // The layout the array inherits, which an explicit accordion keeps.\n layoutMode: FormLayout[\"mode\"];\n}\n\nexport function arrayViewOptions(field: FieldControl, ctx: RenderContext): ArrayViewOptions {\n return { ...tableColumnOptions(field, ctx), layoutMode: ctx.layout.mode };\n}\n\nexport function tableColumnOptions(field: FieldControl, ctx: RenderContext): TableColumnOptions {\n return {\n hideReadOnlyFields: ctx.hideReadOnlyFields,\n valueCells: ctx.viewOnly || field.readOnly === true,\n ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n ...(ctx.expressionEvaluator ? { evaluate: ctx.expressionEvaluator } : {}),\n };\n}\n\n// tableLayout evaluates the item schema's listeners per row, as the object\n// renderer does for each item of the list views, so a cell a row's own\n// `x-on-change` reveals gets a column. With no rows the columns come from the\n// load state of an empty item.\nexport function tableLayout(\n itemSchema: JsonSchemaProperty,\n items: unknown[],\n options: TableColumnOptions,\n): TableLayout {\n const schema = itemSchema as JsonSchemaObject;\n const states = (items.length > 0 ? items : [{}]).map((item) => {\n const row = isPlainObject(item) ? item : {};\n return applyListenerState(schema, row, {\n root: options.rootValue ?? row,\n ...(options.evaluate ? { evaluate: options.evaluate } : {}),\n }).properties;\n });\n const keys = new Set(states.flatMap((state) => Object.keys(state)));\n const shown = [...keys].flatMap((key): [string, JsonSchemaProperty][] => {\n const prop = states.map((state) => state[key]).find((p) => p !== undefined && cellShows(p, options));\n return prop ? [[key, prop]] : [];\n });\n return {\n columns: orderByXOrder(orderByClickyOrder(shown), schema[\"x-order\"]),\n rows: items.length > 0 ? states : [],\n };\n}\n\n// cellShows mirrors the renderer's drop rules for one cell: `x-hidden`, a\n// readOnly cell under hideReadOnlyFields, and a writeOnly cell in a view.\nfunction cellShows(prop: JsonSchemaProperty, options: TableColumnOptions): boolean {\n return (\n prop[\"x-hidden\"] !== true &&\n !(options.hideReadOnlyFields && prop.readOnly === true) &&\n !(prop.writeOnly === true && (options.valueCells || prop.readOnly === true))\n );\n}\n\n// defaultArrayView picks the view an object array opens in. An explicit\n// accordion names its renderer and outranks an explicit table, keeping the\n// label placement of the form around it (inline in an inline form, stacked\n// otherwise); without either hint a grid of up to `x-table-max-columns`\n// visible columns stays a grid and a wider one — or one with a nested\n// sub-form column — opens as the inline item form.\nexport function defaultArrayView(field: FieldControl, options: ArrayViewOptions): ArrayView {\n if (field.arrayDisplay === \"accordion\") return options.layoutMode === \"inline\" ? \"inline\" : \"stack\";\n if (field.layout === \"table\") return \"grid\";\n const max = field.schema[\"x-table-max-columns\"] ?? DEFAULT_TABLE_MAX_COLUMNS;\n if (!Number.isInteger(max) || max < 1) {\n throw new Error(`${field.key}: x-table-max-columns must be a positive integer, got ${JSON.stringify(max)}`);\n }\n const items = Array.isArray(field.value) ? field.value : [];\n const { columns } = tableLayout(field.itemSchema ?? { type: \"object\" }, items, options);\n // A cell holding a whole sub-form (an object, a map, a list of objects)\n // needs the item form's width, however few columns there are.\n if (columns.some(([key, prop]) => nestsForm(key, prop))) return \"inline\";\n return columns.length <= max ? \"grid\" : \"inline\";\n}\n\nfunction nestsForm(key: string, prop: JsonSchemaProperty): boolean {\n const control = resolveControl({ key, prop, required: false, value: undefined, onChange: () => {} });\n return (\n control.kind === \"object\" ||\n control.kind === \"string-map\" ||\n (control.kind === \"array\" && hasObjectItemProperties(control.itemSchema))\n );\n}\n"],"names":[],"mappings":";;;;AAiBO,MAAM,4BAA4B;AAuBlC,SAAS,iBAAiB,OAAqB,KAAsC;AAC1F,SAAO,EAAE,GAAG,mBAAmB,OAAO,GAAG,GAAG,YAAY,IAAI,OAAO,KAAA;AACrE;AAEO,SAAS,mBAAmB,OAAqB,KAAwC;AAC9F,SAAO;AAAA,IACL,oBAAoB,IAAI;AAAA,IACxB,YAAY,IAAI,YAAY,MAAM,aAAa;AAAA,IAC/C,GAAI,IAAI,YAAY,EAAE,WAAW,IAAI,UAAA,IAAc,CAAA;AAAA,IACnD,GAAI,IAAI,sBAAsB,EAAE,UAAU,IAAI,oBAAA,IAAwB,CAAA;AAAA,EAAC;AAE3E;AAMO,SAAS,YACd,YACA,OACA,SACa;AACb,QAAM,SAAS;AACf,QAAM,UAAU,MAAM,SAAS,IAAI,QAAQ,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS;AAC7D,UAAM,MAAM,cAAc,IAAI,IAAI,OAAO,CAAA;AACzC,WAAO,mBAAmB,QAAQ,KAAK;AAAA,MACrC,MAAM,QAAQ,aAAa;AAAA,MAC3B,GAAI,QAAQ,WAAW,EAAE,UAAU,QAAQ,SAAA,IAAa,CAAA;AAAA,IAAC,CAC1D,EAAE;AAAA,EACL,CAAC;AACD,QAAM,OAAO,IAAI,IAAI,OAAO,QAAQ,CAAC,UAAU,OAAO,KAAK,KAAK,CAAC,CAAC;AAClE,QAAM,QAAQ,CAAC,GAAG,IAAI,EAAE,QAAQ,CAAC,QAAwC;AACvE,UAAM,OAAO,OAAO,IAAI,CAAC,UAAU,MAAM,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,MAAM,UAAa,UAAU,GAAG,OAAO,CAAC;AACnG,WAAO,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAA;AAAA,EAChC,CAAC;AACD,SAAO;AAAA,IACL,SAAS,cAAc,mBAAmB,KAAK,GAAG,OAAO,SAAS,CAAC;AAAA,IACnE,MAAM,MAAM,SAAS,IAAI,SAAS,CAAA;AAAA,EAAC;AAEvC;AAIA,SAAS,UAAU,MAA0B,SAAsC;AACjF,SACE,KAAK,UAAU,MAAM,QACrB,EAAE,QAAQ,sBAAsB,KAAK,aAAa,SAClD,EAAE,KAAK,cAAc,SAAS,QAAQ,cAAc,KAAK,aAAa;AAE1E;AAQO,SAAS,iBAAiB,OAAqB,SAAsC;AAC1F,MAAI,MAAM,iBAAiB,oBAAoB,QAAQ,eAAe,WAAW,WAAW;AAC5F,MAAI,MAAM,WAAW,QAAS,QAAO;AACrC,QAAM,MAAM,MAAM,OAAO,qBAAqB,KAAK;AACnD,MAAI,CAAC,OAAO,UAAU,GAAG,KAAK,MAAM,GAAG;AACrC,UAAM,IAAI,MAAM,GAAG,MAAM,GAAG,yDAAyD,KAAK,UAAU,GAAG,CAAC,EAAE;AAAA,EAC5G;AACA,QAAM,QAAQ,MAAM,QAAQ,MAAM,KAAK,IAAI,MAAM,QAAQ,CAAA;AACzD,QAAM,EAAE,QAAA,IAAY,YAAY,MAAM,cAAc,CAAiB,GAAG,OAAO,OAAO;AAGtF,MAAI,QAAQ,KAAK,CAAC,CAAC,KAAK,IAAI,MAAM,UAAU,KAAK,IAAI,CAAC,EAAG,QAAO;AAChE,SAAO,QAAQ,UAAU,MAAM,SAAS;AAC1C;AAEA,SAAS,UAAU,KAAa,MAAmC;AACjE,QAAM,UAAU,eAAe,EAAE,KAAK,MAAM,UAAU,OAAO,OAAO,QAAW,UAAU,MAAM;AAAA,EAAC,GAAG;AACnG,SACE,QAAQ,SAAS,YACjB,QAAQ,SAAS,gBAChB,QAAQ,SAAS,WAAW,wBAAwB,QAAQ,UAAU;AAE3E;"}

package/dist/components/json-schema-form-array.cjs CHANGED Viewed

@@ -8,12 +8,11 @@ const FilterPill = require("../data/FilterPill.cjs");
 const button = require("./button.cjs");
 const ItemActions = require("./ItemActions.cjs");
 const jsonSchemaFormSize = require("./json-schema-form-size.cjs");
-const jsonSchemaFormAccordionArray = require("./json-schema-form-accordion-array.cjs");
 const jsonSchemaFormCardsArray = require("./json-schema-form-cards-array.cjs");
 const jsonSchemaFormLayout = require("./json-schema-form-layout.cjs");
 const jsonSchemaFormResolve = require("./json-schema-form-resolve.cjs");
 const jsonSchemaFormErrors = require("./json-schema-form-errors.cjs");
-const jsonSchemaFormTableArray = require("./json-schema-form-table-array.cjs");
+const jsonSchemaFormObjectArrayView = require("./json-schema-form-object-array-view.cjs");
 const jsonSchemaFormTagsCombobox = require("./json-schema-form-tags-combobox.cjs");
 const jsonSchemaFormListArray = require("./json-schema-form-list-array.cjs");
 const jsonSchemaFormUtils = require("./json-schema-form-utils.cjs");
@@ -84,11 +83,8 @@ function ArrayControl({
     if (field.arrayDisplay === "cards") {
       return /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormCardsArray.CardsArray, { field, ctx, readOnly });
     }
-    if (field.arrayDisplay === "accordion" || field.arrayDisplay !== "stacked" && field.layout !== "table") {
-      return /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormAccordionArray.AccordionArray, { field, ctx, readOnly });
-    }
-    if (field.layout === "table") {
-      return /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormTableArray.TableArray, { field, ctx, readOnly });
+    if (field.arrayDisplay !== "stacked") {
+      return /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormObjectArrayView.ObjectArrayView, { field, ctx, readOnly });
     }
   }
   const items = Array.isArray(field.value) ? field.value : [];

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

	@@ -1 +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":"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"}
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 { 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":"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"}

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

@@ -1,4 +1,4 @@
-import { FieldControl, RenderContext } from './json-schema-form-types';
+import { FieldControl, RenderContext } from './json-schema-form-types.js';
 export declare function ArrayControl({ field, fieldId, ctx, }: {
     field: FieldControl;
     fieldId: string;

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

	@@ -1 +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~~"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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 { 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-cards-array.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { FieldControl, RenderContext } from './json-schema-form-types';
+import { FieldControl, RenderContext } from './json-schema-form-types.js';
 export declare function CardsArray({ field, ctx, readOnly, }: {
     field: FieldControl;
     ctx: RenderContext;

package/dist/components/json-schema-form-collection-layouts.fixtures.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { JsonSchemaObject } from './json-schema-form-types';
+import { JsonSchemaObject } from './json-schema-form-types.js';
 export declare const collectionLayoutsSchema: JsonSchemaObject;
 export declare const collectionLayoutsValue: {
     table: {

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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-defaults.cjs ADDED Viewed

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const collections = require("../lib/collections.cjs");
+const jsonSchemaFormConditionals = require("./json-schema-form-conditionals.cjs");
+const jsonSchemaFormResolve = require("./json-schema-form-resolve.cjs");
+function applySchemaDefaults(schema, value) {
+  return applyObjectDefaults(schema, value, /* @__PURE__ */ new Set());
+}
+function applyObjectDefaults(schema, value, ancestors) {
+  var _a;
+  if (ancestors.has(schema)) return value;
+  const nextAncestors = new Set(ancestors).add(schema);
+  let next = value;
+  const maxPasses = Math.min(
+    100,
+    Object.keys(schema.properties ?? {}).length + (((_a = schema.allOf) == null ? void 0 : _a.length) ?? 0) + 2
+  );
+  for (let pass = 0; pass < maxPasses; pass += 1) {
+    const { properties } = jsonSchemaFormConditionals.effectiveProperties(schema, next);
+    let passChanged = false;
+    let passValue = next;
+    for (const [key, propertySchema] of Object.entries(properties)) {
+      const existing = passValue[key];
+      let fieldValue = existing;
+      let fieldChanged = false;
+      if (existing === void 0 && propertySchema.default !== void 0) {
+        fieldValue = cloneSchemaDefault(propertySchema.default);
+        fieldChanged = true;
+      }
+      const structuredObject = jsonSchemaFormResolve.schemaRendersAsObject(propertySchema);
+      if (structuredObject && !jsonSchemaFormResolve.isOpenStringMap(propertySchema)) {
+        const objectValue = collections.isPlainObject(fieldValue) ? fieldValue : {};
+        const defaultedObject = applyObjectDefaults(
+          propertySchema,
+          objectValue,
+          nextAncestors
+        );
+        if (defaultedObject !== objectValue) {
+          fieldValue = defaultedObject;
+          fieldChanged = true;
+        }
+      }
+      if (fieldChanged) {
+        if (!passChanged) passValue = { ...next };
+        passValue[key] = fieldValue;
+        passChanged = true;
+      }
+    }
+    if (!passChanged) break;
+    next = passValue;
+  }
+  return next;
+}
+function cloneSchemaDefault(value) {
+  if (Array.isArray(value)) return value.map(cloneSchemaDefault);
+  if (collections.isPlainObject(value)) {
+    return Object.fromEntries(
+      Object.entries(value).map(([key, entry]) => [
+        key,
+        cloneSchemaDefault(entry)
+      ])
+    );
+  }
+  return value;
+}
+exports.applySchemaDefaults = applySchemaDefaults;
+exports.cloneSchemaDefault = cloneSchemaDefault;
+//# sourceMappingURL=json-schema-form-defaults.cjs.map

package/dist/components/json-schema-form-defaults.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"json-schema-form-defaults.cjs","sources":["../../src/components/json-schema-form-defaults.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport type { JsonSchemaObject } from \"./json-schema-form-types\";\nimport { effectiveProperties } from \"./json-schema-form-conditionals\";\nimport { isOpenStringMap, schemaRendersAsObject } from \"./json-schema-form-resolve\";\n\n// applySchemaDefaults fills missing values from JSON Schema `default` keywords.\n// It walks fixed object properties recursively and re-evaluates `if`/`then`\n// branches after each pass, so a defaulted discriminator can activate defaults\n// in its selected branch. Existing values, including null and empty strings, are\n// never replaced. The original value is returned when no defaults apply.\nexport function applySchemaDefaults(\n schema: JsonSchemaObject,\n value: Record<string, unknown>,\n): Record<string, unknown> {\n return applyObjectDefaults(schema, value, new Set());\n}\n\nfunction applyObjectDefaults(\n schema: JsonSchemaObject,\n value: Record<string, unknown>,\n ancestors: Set<JsonSchemaObject>,\n): Record<string, unknown> {\n // Recursive schemas may point back to an ancestor after refs are hydrated.\n if (ancestors.has(schema)) return value;\n const nextAncestors = new Set(ancestors).add(schema);\n let next = value;\n\n // A default can select another conditional branch, so allow enough passes for\n // a chain of discriminator defaults while keeping malformed schemas bounded.\n const maxPasses = Math.min(\n 100,\n Object.keys(schema.properties ?? {}).length +\n (schema.allOf?.length ?? 0) +\n 2,\n );\n for (let pass = 0; pass < maxPasses; pass += 1) {\n const { properties } = effectiveProperties(schema, next);\n let passChanged = false;\n let passValue = next;\n\n for (const [key, propertySchema] of Object.entries(properties)) {\n const existing = passValue[key];\n let fieldValue = existing;\n let fieldChanged = false;\n\n if (existing === undefined && propertySchema.default !== undefined) {\n fieldValue = cloneSchemaDefault(propertySchema.default);\n fieldChanged = true;\n }\n\n const structuredObject = schemaRendersAsObject(propertySchema);\n if (structuredObject && !isOpenStringMap(propertySchema)) {\n const objectValue = isPlainObject(fieldValue)\n ? (fieldValue as Record<string, unknown>)\n : {};\n const defaultedObject = applyObjectDefaults(\n propertySchema as JsonSchemaObject,\n objectValue,\n nextAncestors,\n );\n if (defaultedObject !== objectValue) {\n fieldValue = defaultedObject;\n fieldChanged = true;\n }\n }\n\n if (fieldChanged) {\n if (!passChanged) passValue = { ...next };\n passValue[key] = fieldValue;\n passChanged = true;\n }\n }\n\n if (!passChanged) break;\n next = passValue;\n }\n return next;\n}\n\nexport function cloneSchemaDefault(value: unknown): unknown {\n if (Array.isArray(value)) return value.map(cloneSchemaDefault);\n if (isPlainObject(value)) {\n return Object.fromEntries(\n Object.entries(value as Record<string, unknown>).map(([key, entry]) => [\n key,\n cloneSchemaDefault(entry),\n ]),\n );\n }\n return value;\n}\n"],"names":["effectiveProperties","schemaRendersAsObject","isOpenStringMap","isPlainObject"],"mappings":";;;;;AAUO,SAAS,oBACd,QACA,OACyB;AACzB,SAAO,oBAAoB,QAAQ,OAAO,oBAAI,KAAK;AACrD;AAEA,SAAS,oBACP,QACA,OACA,WACyB;;AAEzB,MAAI,UAAU,IAAI,MAAM,EAAG,QAAO;AAClC,QAAM,gBAAgB,IAAI,IAAI,SAAS,EAAE,IAAI,MAAM;AACnD,MAAI,OAAO;AAIX,QAAM,YAAY,KAAK;AAAA,IACrB;AAAA,IACA,OAAO,KAAK,OAAO,cAAc,CAAA,CAAE,EAAE,YAClC,YAAO,UAAP,mBAAc,WAAU,KACzB;AAAA,EAAA;AAEJ,WAAS,OAAO,GAAG,OAAO,WAAW,QAAQ,GAAG;AAC9C,UAAM,EAAE,WAAA,IAAeA,+CAAoB,QAAQ,IAAI;AACvD,QAAI,cAAc;AAClB,QAAI,YAAY;AAEhB,eAAW,CAAC,KAAK,cAAc,KAAK,OAAO,QAAQ,UAAU,GAAG;AAC9D,YAAM,WAAW,UAAU,GAAG;AAC9B,UAAI,aAAa;AACjB,UAAI,eAAe;AAEnB,UAAI,aAAa,UAAa,eAAe,YAAY,QAAW;AAClE,qBAAa,mBAAmB,eAAe,OAAO;AACtD,uBAAe;AAAA,MACjB;AAEA,YAAM,mBAAmBC,sBAAAA,sBAAsB,cAAc;AAC7D,UAAI,oBAAoB,CAACC,sCAAgB,cAAc,GAAG;AACxD,cAAM,cAAcC,YAAAA,cAAc,UAAU,IACvC,aACD,CAAA;AACJ,cAAM,kBAAkB;AAAA,UACtB;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAEF,YAAI,oBAAoB,aAAa;AACnC,uBAAa;AACb,yBAAe;AAAA,QACjB;AAAA,MACF;AAEA,UAAI,cAAc;AAChB,YAAI,CAAC,YAAa,aAAY,EAAE,GAAG,KAAA;AACnC,kBAAU,GAAG,IAAI;AACjB,sBAAc;AAAA,MAChB;AAAA,IACF;AAEA,QAAI,CAAC,YAAa;AAClB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,SAAS,mBAAmB,OAAyB;AAC1D,MAAI,MAAM,QAAQ,KAAK,EAAG,QAAO,MAAM,IAAI,kBAAkB;AAC7D,MAAIA,YAAAA,cAAc,KAAK,GAAG;AACxB,WAAO,OAAO;AAAA,MACZ,OAAO,QAAQ,KAAgC,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAAA,QACrE;AAAA,QACA,mBAAmB,KAAK;AAAA,MAAA,CACzB;AAAA,IAAA;AAAA,EAEL;AACA,SAAO;AACT;;;"}