@flanksource/clicky-ui 0.3.33 → 0.3.35

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-errors.js","sources":["../../src/components/json-schema-form-errors.ts"],"sourcesContent":["import {\n  effectiveProperties,\n  resolveControl,\n  scalarItemsType,\n} from \"./json-schema-form-resolve\";\nimport { isPlainObject } from \"../lib/collections\";\nimport { matchesFieldFilter } from \"./json-schema-form-utils\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\nimport type {\n  FieldControl,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  PreExtension,\n} from \"./json-schema-form-types\";\n\nexport function appendInstancePath(\n  base: string,\n  token: string | number\n): string {\n  const escaped = String(token).replaceAll(\"~\", \"~0\").replaceAll(\"/\", \"~1\");\n  return `${base}/${escaped}`;\n}\n\n// How many errors sit at or below a subtree. A collapsed container (an\n// accordion row) renders none of the controls that would show them, so it\n// reports the count on its own header instead.\nexport function errorCountUnderInstancePath(\n  errors: JsonSchemaFormError[],\n  instancePath: string\n): number {\n  return errors.filter(\n    (error) =>\n      error.instancePath === instancePath ||\n      error.instancePath.startsWith(`${instancePath}/`)\n  ).length;\n}\n\nexport function errorsAtInstancePath(\n  errors: JsonSchemaFormError[],\n  instancePath: string\n): JsonSchemaFormError[] {\n  return errors.filter((error) => error.instancePath === instancePath);\n}\n\nexport function unmatchedFormErrors({\n  schema,\n  value,\n  errors,\n  hiddenKeys,\n  hideReadOnlyFields,\n  fieldFilter,\n  pre,\n}: {\n  schema: JsonSchemaObject;\n  value: Record<string, unknown>;\n  errors: JsonSchemaFormError[];\n  hiddenKeys?: string[];\n  hideReadOnlyFields: boolean;\n  fieldFilter?: string;\n  pre: PreExtension[];\n}): JsonSchemaFormError[] {\n  const rendered = new Set<string>();\n  collectObjectPaths(schema, value, \"\", rendered, {\n    hiddenKeys: new Set(hiddenKeys ?? []),\n    hideReadOnlyFields,\n    pre,\n    rootValue: value,\n    root: true,\n    ...(fieldFilter ? { fieldFilter } : {}),\n  });\n  return errors.filter((error) => !rendered.has(error.instancePath));\n}\n\ninterface CollectOptions {\n  hiddenKeys: Set<string>;\n  hideReadOnlyFields: boolean;\n  fieldFilter?: string;\n  pre: PreExtension[];\n  rootValue: Record<string, unknown>;\n  root: boolean;\n}\n\nfunction collectObjectPaths(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n  basePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  const { properties, required } = effectiveProperties(schema, value);\n  const discriminator =\n    options.root && typeof schema[\"x-discriminator\"] === \"string\"\n      ? schema[\"x-discriminator\"]\n      : undefined;\n  const pickerPhase =\n    discriminator != null &&\n    (value[discriminator] == null || value[discriminator] === \"\");\n\n  for (const [key, prop] of Object.entries(properties)) {\n    if (options.root && options.hiddenKeys.has(key)) continue;\n    if (\n      options.root &&\n      options.fieldFilter &&\n      !matchesFieldFilter(key, prop, options.fieldFilter)\n    ) {\n      continue;\n    }\n    if (\n      discriminator &&\n      (pickerPhase ? key !== discriminator : key === discriminator)\n    ) {\n      continue;\n    }\n\n    const field = applyPreExtensions(\n      resolveControl({\n        key,\n        prop,\n        required: required.includes(key),\n        value: value[key],\n        onChange: () => {},\n      }),\n      prop,\n      value[key],\n      options.rootValue,\n      options.pre\n    );\n    if (!field || (options.hideReadOnlyFields && field.readOnly)) continue;\n\n    const path = appendInstancePath(basePath, key);\n    paths.add(path);\n    collectControlPaths(field, path, paths, { ...options, root: false });\n  }\n}\n\nfunction applyPreExtensions(\n  initial: FieldControl,\n  prop: JsonSchemaProperty,\n  value: unknown,\n  rootValue: Record<string, unknown>,\n  extensions: PreExtension[]\n): FieldControl | null {\n  let field: FieldControl | null = initial;\n  for (const extension of extensions) {\n    if (!field) return null;\n    field = extension(field, {\n      key: field.key,\n      prop,\n      value,\n      rootValue,\n    });\n  }\n  return field;\n}\n\nfunction collectControlPaths(\n  field: FieldControl,\n  instancePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  if (field.kind === \"object\") {\n    collectObjectPaths(\n      field.schema as JsonSchemaObject,\n      isPlainObject(field.value) ? field.value : {},\n      instancePath,\n      paths,\n      options\n    );\n    return;\n  }\n  if (field.kind === \"array\") {\n    collectArrayPaths(field, instancePath, paths, options);\n    return;\n  }\n  if (field.kind === \"string-map\") {\n    collectMapPaths(field, instancePath, paths, options);\n  }\n}\n\nfunction collectArrayPaths(\n  field: FieldControl,\n  instancePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  // Mirrors ArrayControl's branch order: a flat list of values (pills, choices\n  // or scalars) is ONE control, with no per-item field to hang a message on, so\n  // its item paths stay unmatched and the error surfaces in the form summary\n  // instead of pointing at nothing.\n  if (field.arrayDisplay === \"filter-pills\") return;\n  if (\n    field.arrayDisplay !== \"stacked\" &&\n    (hasEnumItems(field) || scalarItemsType(field.itemSchema))\n  ) {\n    return;\n  }\n\n  const itemSchema = field.itemSchema ?? { type: \"string\" };\n  const table =\n    field.layout === \"table\" &&\n    itemSchema.properties != null &&\n    Object.keys(itemSchema.properties).length > 0;\n  for (const [index, item] of (Array.isArray(field.value)\n    ? field.value\n    : []\n  ).entries()) {\n    const itemPath = appendInstancePath(instancePath, index);\n    if (table) {\n      collectObjectPaths(\n        itemSchema as JsonSchemaObject,\n        isPlainObject(item) ? item : {},\n        itemPath,\n        paths,\n        options\n      );\n      continue;\n    }\n    paths.add(itemPath);\n    collectControlPaths(\n      resolveControl({\n        key: `${field.key}[${index}]`,\n        prop: itemSchema,\n        required: false,\n        value: item,\n        onChange: () => {},\n      }),\n      itemPath,\n      paths,\n      options\n    );\n  }\n}\n\n// Mirrors ArrayControl's tags branch: resolved options win over the raw item\n// enum, since a pre-extension may have supplied them.\nfunction hasEnumItems(field: FieldControl): boolean {\n  if (field.options && field.options.length > 0) return true;\n  return Array.isArray(field.itemSchema?.enum) && field.itemSchema.enum.length > 0;\n}\n\nfunction collectMapPaths(\n  field: FieldControl,\n  instancePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  const value = isPlainObject(field.value) ? field.value : {};\n  const known = field.knownProperties ?? {};\n  const keys = [\n    ...Object.keys(known),\n    ...Object.keys(value).filter((key) => !(key in known)),\n  ];\n  for (const key of keys) {\n    const schema = known[key] ?? mapValueSchema(field, key);\n    const path = appendInstancePath(instancePath, key);\n    paths.add(path);\n    collectControlPaths(\n      resolveControl({\n        key,\n        prop: schema,\n        required: false,\n        value: value[key],\n        onChange: () => {},\n      }),\n      path,\n      paths,\n      options\n    );\n  }\n}\n\nfunction mapValueSchema(field: FieldControl, key: string): JsonSchemaProperty {\n  for (const entry of field.valuePatternSchemas ?? []) {\n    try {\n      if (new RegExp(entry.pattern).test(key)) return entry.schema;\n    } catch {\n      continue;\n    }\n  }\n  return field.valueSchema ?? { type: \"string\" };\n}\n"],"names":[],"mappings":";;;AAeO,SAAS,mBACd,MACA,OACQ;AACR,QAAM,UAAU,OAAO,KAAK,EAAE,WAAW,KAAK,IAAI,EAAE,WAAW,KAAK,IAAI;AACxE,SAAO,GAAG,IAAI,IAAI,OAAO;AAC3B;AAKO,SAAS,4BACd,QACA,cACQ;AACR,SAAO,OAAO;AAAA,IACZ,CAAC,UACC,MAAM,iBAAiB,gBACvB,MAAM,aAAa,WAAW,GAAG,YAAY,GAAG;AAAA,EAAA,EAClD;AACJ;AAEO,SAAS,qBACd,QACA,cACuB;AACvB,SAAO,OAAO,OAAO,CAAC,UAAU,MAAM,iBAAiB,YAAY;AACrE;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQ0B;AACxB,QAAM,+BAAe,IAAA;AACrB,qBAAmB,QAAQ,OAAO,IAAI,UAAU;AAAA,IAC9C,YAAY,IAAI,IAAI,cAAc,EAAE;AAAA,IACpC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,MAAM;AAAA,IACN,GAAI,cAAc,EAAE,gBAAgB,CAAA;AAAA,EAAC,CACtC;AACD,SAAO,OAAO,OAAO,CAAC,UAAU,CAAC,SAAS,IAAI,MAAM,YAAY,CAAC;AACnE;AAWA,SAAS,mBACP,QACA,OACA,UACA,OACA,SACA;AACA,QAAM,EAAE,YAAY,SAAA,IAAa,oBAAoB,QAAQ,KAAK;AAClE,QAAM,gBACJ,QAAQ,QAAQ,OAAO,OAAO,iBAAiB,MAAM,WACjD,OAAO,iBAAiB,IACxB;AACN,QAAM,cACJ,iBAAiB,SAChB,MAAM,aAAa,KAAK,QAAQ,MAAM,aAAa,MAAM;AAE5D,aAAW,CAAC,KAAK,IAAI,KAAK,OAAO,QAAQ,UAAU,GAAG;AACpD,QAAI,QAAQ,QAAQ,QAAQ,WAAW,IAAI,GAAG,EAAG;AACjD,QACE,QAAQ,QACR,QAAQ,eACR,CAAC,mBAAmB,KAAK,MAAM,QAAQ,WAAW,GAClD;AACA;AAAA,IACF;AACA,QACE,kBACC,cAAc,QAAQ,gBAAgB,QAAQ,gBAC/C;AACA;AAAA,IACF;AAEA,UAAM,QAAQ;AAAA,MACZ,eAAe;AAAA,QACb;AAAA,QACA;AAAA,QACA,UAAU,SAAS,SAAS,GAAG;AAAA,QAC/B,OAAO,MAAM,GAAG;AAAA,QAChB,UAAU,MAAM;AAAA,QAAC;AAAA,MAAA,CAClB;AAAA,MACD;AAAA,MACA,MAAM,GAAG;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAEV,QAAI,CAAC,SAAU,QAAQ,sBAAsB,MAAM,SAAW;AAE9D,UAAM,OAAO,mBAAmB,UAAU,GAAG;AAC7C,UAAM,IAAI,IAAI;AACd,wBAAoB,OAAO,MAAM,OAAO,EAAE,GAAG,SAAS,MAAM,OAAO;AAAA,EACrE;AACF;AAEA,SAAS,mBACP,SACA,MACA,OACA,WACA,YACqB;AACrB,MAAI,QAA6B;AACjC,aAAW,aAAa,YAAY;AAClC,QAAI,CAAC,MAAO,QAAO;AACnB,YAAQ,UAAU,OAAO;AAAA,MACvB,KAAK,MAAM;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EACH;AACA,SAAO;AACT;AAEA,SAAS,oBACP,OACA,cACA,OACA,SACA;AACA,MAAI,MAAM,SAAS,UAAU;AAC3B;AAAA,MACE,MAAM;AAAA,MACN,cAAc,MAAM,KAAK,IAAI,MAAM,QAAQ,CAAA;AAAA,MAC3C;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAEF;AAAA,EACF;AACA,MAAI,MAAM,SAAS,SAAS;AAC1B,sBAAkB,OAAO,cAAc,OAAO,OAAO;AACrD;AAAA,EACF;AACA,MAAI,MAAM,SAAS,cAAc;AAC/B,oBAAgB,OAAO,cAAc,OAAO,OAAO;AAAA,EACrD;AACF;AAEA,SAAS,kBACP,OACA,cACA,OACA,SACA;AAKA,MAAI,MAAM,iBAAiB,eAAgB;AAC3C,MACE,MAAM,iBAAiB,cACtB,aAAa,KAAK,KAAK,gBAAgB,MAAM,UAAU,IACxD;AACA;AAAA,EACF;AAEA,QAAM,aAAa,MAAM,cAAc,EAAE,MAAM,SAAA;AAC/C,QAAM,QACJ,MAAM,WAAW,WACjB,WAAW,cAAc,QACzB,OAAO,KAAK,WAAW,UAAU,EAAE,SAAS;AAC9C,aAAW,CAAC,OAAO,IAAI,MAAM,MAAM,QAAQ,MAAM,KAAK,IAClD,MAAM,QACN,CAAA,GACF,WAAW;AACX,UAAM,WAAW,mBAAmB,cAAc,KAAK;AACvD,QAAI,OAAO;AACT;AAAA,QACE;AAAA,QACA,cAAc,IAAI,IAAI,OAAO,CAAA;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAEF;AAAA,IACF;AACA,UAAM,IAAI,QAAQ;AAClB;AAAA,MACE,eAAe;AAAA,QACb,KAAK,GAAG,MAAM,GAAG,IAAI,KAAK;AAAA,QAC1B,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,QACP,UAAU,MAAM;AAAA,QAAC;AAAA,MAAA,CAClB;AAAA,MACD;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF;AAIA,SAAS,aAAa,OAA8B;;AAClD,MAAI,MAAM,WAAW,MAAM,QAAQ,SAAS,EAAG,QAAO;AACtD,SAAO,MAAM,SAAQ,WAAM,eAAN,mBAAkB,IAAI,KAAK,MAAM,WAAW,KAAK,SAAS;AACjF;AAEA,SAAS,gBACP,OACA,cACA,OACA,SACA;AACA,QAAM,QAAQ,cAAc,MAAM,KAAK,IAAI,MAAM,QAAQ,CAAA;AACzD,QAAM,QAAQ,MAAM,mBAAmB,CAAA;AACvC,QAAM,OAAO;AAAA,IACX,GAAG,OAAO,KAAK,KAAK;AAAA,IACpB,GAAG,OAAO,KAAK,KAAK,EAAE,OAAO,CAAC,QAAQ,EAAE,OAAO,MAAM;AAAA,EAAA;AAEvD,aAAW,OAAO,MAAM;AACtB,UAAM,SAAS,MAAM,GAAG,KAAK,eAAe,OAAO,GAAG;AACtD,UAAM,OAAO,mBAAmB,cAAc,GAAG;AACjD,UAAM,IAAI,IAAI;AACd;AAAA,MACE,eAAe;AAAA,QACb;AAAA,QACA,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO,MAAM,GAAG;AAAA,QAChB,UAAU,MAAM;AAAA,QAAC;AAAA,MAAA,CAClB;AAAA,MACD;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF;AAEA,SAAS,eAAe,OAAqB,KAAiC;AAC5E,aAAW,SAAS,MAAM,uBAAuB,CAAA,GAAI;AACnD,QAAI;AACF,UAAI,IAAI,OAAO,MAAM,OAAO,EAAE,KAAK,GAAG,EAAG,QAAO,MAAM;AAAA,IACxD,QAAQ;AACN;AAAA,IACF;AAAA,EACF;AACA,SAAO,MAAM,eAAe,EAAE,MAAM,SAAA;AACtC;"}
+{"version":3,"file":"json-schema-form-errors.js","sources":["../../src/components/json-schema-form-errors.ts"],"sourcesContent":["import {\n  effectiveProperties,\n  resolveControl,\n  scalarItemsType,\n} from \"./json-schema-form-resolve\";\nimport { isPlainObject } from \"../lib/collections\";\nimport { isEmptyValue } from \"./json-schema-form-utils\";\nimport { matchesFieldFilter } from \"./json-schema-form-filter\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\nimport type {\n  FieldControl,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  PreExtension,\n} from \"./json-schema-form-types\";\n\nexport function appendInstancePath(\n  base: string,\n  token: string | number\n): string {\n  const escaped = String(token).replaceAll(\"~\", \"~0\").replaceAll(\"/\", \"~1\");\n  return `${base}/${escaped}`;\n}\n\n// How many errors sit at or below a subtree. A collapsed container (an\n// accordion row) renders none of the controls that would show them, so it\n// reports the count on its own header instead.\nexport function errorCountUnderInstancePath(\n  errors: JsonSchemaFormError[],\n  instancePath: string\n): number {\n  return errors.filter(\n    (error) =>\n      error.instancePath === instancePath ||\n      error.instancePath.startsWith(`${instancePath}/`)\n  ).length;\n}\n\nexport function errorsAtInstancePath(\n  errors: JsonSchemaFormError[],\n  instancePath: string\n): JsonSchemaFormError[] {\n  return errors.filter((error) => error.instancePath === instancePath);\n}\n\nexport function unmatchedFormErrors({\n  schema,\n  value,\n  errors,\n  hiddenKeys,\n  hideReadOnlyFields,\n  hideEmpty,\n  fieldFilter,\n  pre,\n}: {\n  schema: JsonSchemaObject;\n  value: Record<string, unknown>;\n  errors: JsonSchemaFormError[];\n  hiddenKeys?: string[];\n  hideReadOnlyFields: boolean;\n  hideEmpty: boolean;\n  fieldFilter?: string;\n  pre: PreExtension[];\n}): JsonSchemaFormError[] {\n  const rendered = new Set<string>();\n  collectObjectPaths(schema, value, \"\", rendered, {\n    hiddenKeys: new Set(hiddenKeys ?? []),\n    hideReadOnlyFields,\n    hideEmpty,\n    pre,\n    rootValue: value,\n    root: true,\n    ...(fieldFilter ? { fieldFilter } : {}),\n  });\n  return errors.filter((error) => !rendered.has(error.instancePath));\n}\n\ninterface CollectOptions {\n  hiddenKeys: Set<string>;\n  hideReadOnlyFields: boolean;\n  hideEmpty: boolean;\n  fieldFilter?: string;\n  pre: PreExtension[];\n  rootValue: Record<string, unknown>;\n  root: boolean;\n}\n\nfunction collectObjectPaths(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n  basePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  const { properties, required } = effectiveProperties(schema, value);\n  const discriminator =\n    options.root && typeof schema[\"x-discriminator\"] === \"string\"\n      ? schema[\"x-discriminator\"]\n      : undefined;\n  const pickerPhase =\n    discriminator != null &&\n    (value[discriminator] == null || value[discriminator] === \"\");\n\n  for (const [key, prop] of Object.entries(properties)) {\n    if (options.root && options.hiddenKeys.has(key)) continue;\n    if (\n      options.root &&\n      options.fieldFilter &&\n      !matchesFieldFilter({ key, prop, filter: options.fieldFilter, value: value[key] })\n    ) {\n      continue;\n    }\n    if (\n      discriminator &&\n      (pickerPhase ? key !== discriminator : key === discriminator)\n    ) {\n      continue;\n    }\n\n    const field = applyPreExtensions(\n      resolveControl({\n        key,\n        prop,\n        required: required.includes(key),\n        value: value[key],\n        onChange: () => {},\n      }),\n      prop,\n      value[key],\n      options.rootValue,\n      options.pre\n    );\n    if (!field || (options.hideReadOnlyFields && field.readOnly)) continue;\n    // A field the form drops is not a place an error can be shown, so its error\n    // has to surface as unmatched rather than vanish with the field.\n    if (options.hideEmpty && isEmptyValue(field.value)) continue;\n\n    const path = appendInstancePath(basePath, key);\n    paths.add(path);\n    collectControlPaths(field, path, paths, { ...options, root: false });\n  }\n}\n\nfunction applyPreExtensions(\n  initial: FieldControl,\n  prop: JsonSchemaProperty,\n  value: unknown,\n  rootValue: Record<string, unknown>,\n  extensions: PreExtension[]\n): FieldControl | null {\n  let field: FieldControl | null = initial;\n  for (const extension of extensions) {\n    if (!field) return null;\n    field = extension(field, {\n      key: field.key,\n      prop,\n      value,\n      rootValue,\n    });\n  }\n  return field;\n}\n\nfunction collectControlPaths(\n  field: FieldControl,\n  instancePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  if (field.kind === \"object\") {\n    collectObjectPaths(\n      field.schema as JsonSchemaObject,\n      isPlainObject(field.value) ? field.value : {},\n      instancePath,\n      paths,\n      options\n    );\n    return;\n  }\n  if (field.kind === \"array\") {\n    collectArrayPaths(field, instancePath, paths, options);\n    return;\n  }\n  if (field.kind === \"string-map\") {\n    collectMapPaths(field, instancePath, paths, options);\n  }\n}\n\nfunction collectArrayPaths(\n  field: FieldControl,\n  instancePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  // Mirrors ArrayControl's branch order: a flat list of values (pills, choices\n  // or scalars) is ONE control, with no per-item field to hang a message on, so\n  // its item paths stay unmatched and the error surfaces in the form summary\n  // instead of pointing at nothing.\n  if (field.arrayDisplay === \"filter-pills\") return;\n  if (\n    field.arrayDisplay !== \"stacked\" &&\n    (hasEnumItems(field) || scalarItemsType(field.itemSchema))\n  ) {\n    return;\n  }\n\n  const itemSchema = field.itemSchema ?? { type: \"string\" };\n  const table =\n    field.layout === \"table\" &&\n    itemSchema.properties != null &&\n    Object.keys(itemSchema.properties).length > 0;\n  for (const [index, item] of (Array.isArray(field.value)\n    ? field.value\n    : []\n  ).entries()) {\n    const itemPath = appendInstancePath(instancePath, index);\n    if (table) {\n      collectObjectPaths(\n        itemSchema as JsonSchemaObject,\n        isPlainObject(item) ? item : {},\n        itemPath,\n        paths,\n        options\n      );\n      continue;\n    }\n    paths.add(itemPath);\n    collectControlPaths(\n      resolveControl({\n        key: `${field.key}[${index}]`,\n        prop: itemSchema,\n        required: false,\n        value: item,\n        onChange: () => {},\n      }),\n      itemPath,\n      paths,\n      options\n    );\n  }\n}\n\n// Mirrors ArrayControl's tags branch: resolved options win over the raw item\n// enum, since a pre-extension may have supplied them.\nfunction hasEnumItems(field: FieldControl): boolean {\n  if (field.options && field.options.length > 0) return true;\n  return Array.isArray(field.itemSchema?.enum) && field.itemSchema.enum.length > 0;\n}\n\nfunction collectMapPaths(\n  field: FieldControl,\n  instancePath: string,\n  paths: Set<string>,\n  options: CollectOptions\n) {\n  const value = isPlainObject(field.value) ? field.value : {};\n  const known = field.knownProperties ?? {};\n  const keys = [\n    ...Object.keys(known),\n    ...Object.keys(value).filter((key) => !(key in known)),\n  ];\n  for (const key of keys) {\n    const schema = known[key] ?? mapValueSchema(field, key);\n    const path = appendInstancePath(instancePath, key);\n    paths.add(path);\n    collectControlPaths(\n      resolveControl({\n        key,\n        prop: schema,\n        required: false,\n        value: value[key],\n        onChange: () => {},\n      }),\n      path,\n      paths,\n      options\n    );\n  }\n}\n\nfunction mapValueSchema(field: FieldControl, key: string): JsonSchemaProperty {\n  for (const entry of field.valuePatternSchemas ?? []) {\n    try {\n      if (new RegExp(entry.pattern).test(key)) return entry.schema;\n    } catch {\n      continue;\n    }\n  }\n  return field.valueSchema ?? { type: \"string\" };\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { FieldControl, PostExtension, PostExtensionContext } from './json-schema-form-types';
 export type FieldNodes = {
     label: ReactNode;

package/dist/components/json-schema-form-filter-input.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Icon = require("../data/Icon.cjs");
+const UiSearch = require("../icons/components/UiSearch.cjs");
+const UiClose = require("../icons/components/UiClose.cjs");
+function FormFieldFilter({
+  value,
+  onChange
+}) {
+  const id = react.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, className: "text-xs text-muted-foreground", children: "Filter fields and values" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Icon.Icon,
+        {
+          icon: UiSearch.UiSearch,
+          className: "pointer-events-none absolute left-2 top-1/2 -translate-y-1/2 text-xs text-muted-foreground"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          id,
+          type: "text",
+          "aria-label": "Filter fields",
+          placeholder: "Search names, values, or tags…",
+          value,
+          onChange: (event) => onChange(event.target.value),
+          onKeyDown: (event) => event.stopPropagation(),
+          className: "h-7 w-full rounded-md border border-input bg-background pl-7 pr-7 text-xs text-foreground outline-none placeholder:text-placeholder focus-visible:ring-2 focus-visible:ring-ring"
+        }
+      ),
+      value !== "" && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Clear filter",
+          onClick: () => onChange(""),
+          className: "absolute right-1.5 top-1/2 inline-flex -translate-y-1/2 items-center justify-center text-muted-foreground hover:text-foreground",
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose, className: "text-xs" })
+        }
+      )
+    ] })
+  ] });
+}
+exports.FormFieldFilter = FormFieldFilter;
+//# sourceMappingURL=json-schema-form-filter-input.cjs.map

package/dist/components/json-schema-form-filter-input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-filter-input.cjs","sources":["../../src/components/json-schema-form-filter-input.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { UiClose, UiSearch } from \"../icons\";\n\nexport function FormFieldFilter({\n  value,\n  onChange,\n}: {\n  value: string;\n  onChange: (value: string) => void;\n}) {\n  const id = useId();\n  return (\n    <div className=\"flex min-w-0 flex-col gap-1\">\n      <label htmlFor={id} className=\"text-xs text-muted-foreground\">\n        Filter fields and values\n      </label>\n      <div className=\"relative\">\n        <Icon\n          icon={UiSearch}\n          className=\"pointer-events-none absolute left-2 top-1/2 -translate-y-1/2 text-xs text-muted-foreground\"\n        />\n        <input\n          id={id}\n          type=\"text\"\n          aria-label=\"Filter fields\"\n          placeholder=\"Search names, values, or tags…\"\n          value={value}\n          onChange={(event) => onChange(event.target.value)}\n          onKeyDown={(event) => event.stopPropagation()}\n          className=\"h-7 w-full rounded-md border border-input bg-background pl-7 pr-7 text-xs text-foreground outline-none placeholder:text-placeholder focus-visible:ring-2 focus-visible:ring-ring\"\n        />\n        {value !== \"\" && (\n          <button\n            type=\"button\"\n            aria-label=\"Clear filter\"\n            onClick={() => onChange(\"\")}\n            className=\"absolute right-1.5 top-1/2 inline-flex -translate-y-1/2 items-center justify-center text-muted-foreground hover:text-foreground\"\n          >\n            <Icon icon={UiClose} className=\"text-xs\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["useId","jsxs","jsx","Icon","UiSearch","UiClose"],"mappings":";;;;;;;AAIO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAGG;AACD,QAAM,KAAKA,MAAAA,MAAA;AACX,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAAC,+BAAC,SAAA,EAAM,SAAS,IAAI,WAAU,iCAAgC,UAAA,4BAE9D;AAAA,IACAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,MAAAC,2BAAAA;AAAAA,QAACC,KAAAA;AAAAA,QAAA;AAAA,UACC,MAAMC,SAAAA;AAAAA,UACN,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZF,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,cAAW;AAAA,UACX,aAAY;AAAA,UACZ;AAAA,UACA,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,UAChD,WAAW,CAAC,UAAU,MAAM,gBAAA;AAAA,UAC5B,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEX,UAAU,MACTA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,SAAS,MAAM,SAAS,EAAE;AAAA,UAC1B,WAAU;AAAA,UAEV,UAAAA,2BAAAA,IAACC,WAAA,EAAK,MAAME,QAAAA,SAAS,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3C,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/components/json-schema-form-filter-input.d.ts

@@ -0,0 +1,5 @@
+export declare function FormFieldFilter({ value, onChange, }: {
+    value: string;
+    onChange: (value: string) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=json-schema-form-filter-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-filter-input.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-filter-input.tsx"],"names":[],"mappings":"AAIA,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,+BAmCA"}

package/dist/components/json-schema-form-filter-input.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useId } from "react";
+import { Icon } from "../data/Icon.js";
+import { UiSearch } from "../icons/components/UiSearch.js";
+import { UiClose } from "../icons/components/UiClose.js";
+function FormFieldFilter({
+  value,
+  onChange
+}) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: id, className: "text-xs text-muted-foreground", children: "Filter fields and values" }),
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: UiSearch,
+          className: "pointer-events-none absolute left-2 top-1/2 -translate-y-1/2 text-xs text-muted-foreground"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id,
+          type: "text",
+          "aria-label": "Filter fields",
+          placeholder: "Search names, values, or tags…",
+          value,
+          onChange: (event) => onChange(event.target.value),
+          onKeyDown: (event) => event.stopPropagation(),
+          className: "h-7 w-full rounded-md border border-input bg-background pl-7 pr-7 text-xs text-foreground outline-none placeholder:text-placeholder focus-visible:ring-2 focus-visible:ring-ring"
+        }
+      ),
+      value !== "" && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Clear filter",
+          onClick: () => onChange(""),
+          className: "absolute right-1.5 top-1/2 inline-flex -translate-y-1/2 items-center justify-center text-muted-foreground hover:text-foreground",
+          children: /* @__PURE__ */ jsx(Icon, { icon: UiClose, className: "text-xs" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  FormFieldFilter
+};
+//# sourceMappingURL=json-schema-form-filter-input.js.map

package/dist/components/json-schema-form-filter-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-filter-input.js","sources":["../../src/components/json-schema-form-filter-input.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { UiClose, UiSearch } from \"../icons\";\n\nexport function FormFieldFilter({\n  value,\n  onChange,\n}: {\n  value: string;\n  onChange: (value: string) => void;\n}) {\n  const id = useId();\n  return (\n    <div className=\"flex min-w-0 flex-col gap-1\">\n      <label htmlFor={id} className=\"text-xs text-muted-foreground\">\n        Filter fields and values\n      </label>\n      <div className=\"relative\">\n        <Icon\n          icon={UiSearch}\n          className=\"pointer-events-none absolute left-2 top-1/2 -translate-y-1/2 text-xs text-muted-foreground\"\n        />\n        <input\n          id={id}\n          type=\"text\"\n          aria-label=\"Filter fields\"\n          placeholder=\"Search names, values, or tags…\"\n          value={value}\n          onChange={(event) => onChange(event.target.value)}\n          onKeyDown={(event) => event.stopPropagation()}\n          className=\"h-7 w-full rounded-md border border-input bg-background pl-7 pr-7 text-xs text-foreground outline-none placeholder:text-placeholder focus-visible:ring-2 focus-visible:ring-ring\"\n        />\n        {value !== \"\" && (\n          <button\n            type=\"button\"\n            aria-label=\"Clear filter\"\n            onClick={() => onChange(\"\")}\n            className=\"absolute right-1.5 top-1/2 inline-flex -translate-y-1/2 items-center justify-center text-muted-foreground hover:text-foreground\"\n          >\n            <Icon icon={UiClose} className=\"text-xs\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAIO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAGG;AACD,QAAM,KAAK,MAAA;AACX,SACE,qBAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,SAAS,IAAI,WAAU,iCAAgC,UAAA,4BAE9D;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,cAAW;AAAA,UACX,aAAY;AAAA,UACZ;AAAA,UACA,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,UAChD,WAAW,CAAC,UAAU,MAAM,gBAAA;AAAA,UAC5B,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEX,UAAU,MACT;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,SAAS,MAAM,SAAS,EAAE;AAAA,UAC1B,WAAU;AAAA,UAEV,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3C,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const collections = require("../lib/collections.cjs");
+const jsonSchemaFormResolve = require("./json-schema-form-resolve.cjs");
+function matchesFieldFilter({
+  key,
+  prop,
+  filter,
+  value
+}) {
+  var _a, _b;
+  const query = filter.trim().toLowerCase();
+  if (!query || key.toLowerCase().includes(query) || ((_a = prop.title) == null ? void 0 : _a.toLowerCase().includes(query)))
+    return true;
+  if (prop.format === "password") return false;
+  if (Array.isArray(value)) {
+    return value.some(
+      (item) => matchesFieldFilter({
+        key: "",
+        prop: prop.items ?? {},
+        filter,
+        value: item
+      })
+    );
+  }
+  if (collections.isPlainObject(value)) {
+    const { properties } = jsonSchemaFormResolve.effectiveProperties(prop, value);
+    const openMap = jsonSchemaFormResolve.isOpenStringMap(prop) || jsonSchemaFormResolve.schemaRendersAsObject(prop) && !prop.properties && Object.keys(properties).length === 0;
+    const keys = /* @__PURE__ */ new Set([...Object.keys(properties), ...Object.keys(value)]);
+    return [...keys].some((childKey) => {
+      var _a2;
+      const child = properties[childKey] ?? ((_a2 = Object.entries(prop.patternProperties ?? {}).find(
+        ([pattern]) => new RegExp(pattern).test(childKey)
+      )) == null ? void 0 : _a2[1]) ?? (collections.isPlainObject(prop.additionalProperties) ? prop.additionalProperties : openMap ? { type: "string" } : void 0);
+      return child !== void 0 && matchesFieldFilter({
+        key: childKey,
+        prop: child,
+        filter,
+        value: value[childKey]
+      });
+    });
+  }
+  if (value === null || value === void 0) return false;
+  const text = String(value).toLowerCase();
+  const label = (_b = prop["x-enum-labels"]) == null ? void 0 : _b[String(value)];
+  return text.includes(query) || Boolean(label == null ? void 0 : label.toLowerCase().includes(query));
+}
+exports.matchesFieldFilter = matchesFieldFilter;
+//# sourceMappingURL=json-schema-form-filter.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-filter.cjs","sources":["../../src/components/json-schema-form-filter.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport {\n  effectiveProperties,\n  isOpenStringMap,\n  schemaRendersAsObject,\n} from \"./json-schema-form-resolve\";\nimport type {\n  JsonSchemaObject,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\nexport function matchesFieldFilter({\n  key,\n  prop,\n  filter,\n  value,\n}: {\n  key: string;\n  prop: JsonSchemaProperty;\n  filter: string;\n  value?: unknown;\n}): boolean {\n  const query = filter.trim().toLowerCase();\n  if (\n    !query ||\n    key.toLowerCase().includes(query) ||\n    prop.title?.toLowerCase().includes(query)\n  )\n    return true;\n  if (prop.format === \"password\") return false;\n  if (Array.isArray(value)) {\n    return value.some((item) =>\n      matchesFieldFilter({\n        key: \"\",\n        prop: prop.items ?? {},\n        filter,\n        value: item,\n      }),\n    );\n  }\n  if (isPlainObject(value)) {\n    const { properties } = effectiveProperties(prop as JsonSchemaObject, value);\n    const openMap =\n      isOpenStringMap(prop) ||\n      (schemaRendersAsObject(prop) &&\n        !prop.properties &&\n        Object.keys(properties).length === 0);\n    const keys = new Set([...Object.keys(properties), ...Object.keys(value)]);\n    return [...keys].some((childKey) => {\n      const child =\n        properties[childKey] ??\n        Object.entries(prop.patternProperties ?? {}).find(([pattern]) =>\n          new RegExp(pattern).test(childKey),\n        )?.[1] ??\n        (isPlainObject(prop.additionalProperties)\n          ? prop.additionalProperties\n          : openMap\n            ? { type: \"string\" }\n            : undefined);\n      return (\n        child !== undefined &&\n        matchesFieldFilter({\n          key: childKey,\n          prop: child,\n          filter,\n          value: value[childKey],\n        })\n      );\n    });\n  }\n  if (value === null || value === undefined) return false;\n  const text = String(value).toLowerCase();\n  const label = prop[\"x-enum-labels\"]?.[String(value)];\n  return text.includes(query) || Boolean(label?.toLowerCase().includes(query));\n}\n"],"names":["isPlainObject","effectiveProperties","isOpenStringMap","schemaRendersAsObject","_a"],"mappings":";;;;AAWO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKY;;AACV,QAAM,QAAQ,OAAO,KAAA,EAAO,YAAA;AAC5B,MACE,CAAC,SACD,IAAI,YAAA,EAAc,SAAS,KAAK,OAChC,UAAK,UAAL,mBAAY,cAAc,SAAS;AAEnC,WAAO;AACT,MAAI,KAAK,WAAW,WAAY,QAAO;AACvC,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,MAAM;AAAA,MAAK,CAAC,SACjB,mBAAmB;AAAA,QACjB,KAAK;AAAA,QACL,MAAM,KAAK,SAAS,CAAA;AAAA,QACpB;AAAA,QACA,OAAO;AAAA,MAAA,CACR;AAAA,IAAA;AAAA,EAEL;AACA,MAAIA,YAAAA,cAAc,KAAK,GAAG;AACxB,UAAM,EAAE,WAAA,IAAeC,0CAAoB,MAA0B,KAAK;AAC1E,UAAM,UACJC,sBAAAA,gBAAgB,IAAI,KACnBC,sBAAAA,sBAAsB,IAAI,KACzB,CAAC,KAAK,cACN,OAAO,KAAK,UAAU,EAAE,WAAW;AACvC,UAAM,OAAO,oBAAI,IAAI,CAAC,GAAG,OAAO,KAAK,UAAU,GAAG,GAAG,OAAO,KAAK,KAAK,CAAC,CAAC;AACxE,WAAO,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,aAAa;;AAClC,YAAM,QACJ,WAAW,QAAQ,OACnBC,MAAA,OAAO,QAAQ,KAAK,qBAAqB,CAAA,CAAE,EAAE;AAAA,QAAK,CAAC,CAAC,OAAO,MACzD,IAAI,OAAO,OAAO,EAAE,KAAK,QAAQ;AAAA,MAAA,MADnC,gBAAAA,IAEI,QACHJ,YAAAA,cAAc,KAAK,oBAAoB,IACpC,KAAK,uBACL,UACE,EAAE,MAAM,aACR;AACR,aACE,UAAU,UACV,mBAAmB;AAAA,QACjB,KAAK;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,OAAO,MAAM,QAAQ;AAAA,MAAA,CACtB;AAAA,IAEL,CAAC;AAAA,EACH;AACA,MAAI,UAAU,QAAQ,UAAU,OAAW,QAAO;AAClD,QAAM,OAAO,OAAO,KAAK,EAAE,YAAA;AAC3B,QAAM,SAAQ,UAAK,eAAe,MAApB,mBAAwB,OAAO,KAAK;AAClD,SAAO,KAAK,SAAS,KAAK,KAAK,QAAQ,+BAAO,cAAc,SAAS,MAAM;AAC7E;;"}

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

@@ -0,0 +1,8 @@
+import { JsonSchemaProperty } from './json-schema-form-types';
+export declare function matchesFieldFilter({ key, prop, filter, value, }: {
+    key: string;
+    prop: JsonSchemaProperty;
+    filter: string;
+    value?: unknown;
+}): boolean;
+//# sourceMappingURL=json-schema-form-filter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-filter.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-filter.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAElC,wBAAgB,kBAAkB,CAAC,EACjC,GAAG,EACH,IAAI,EACJ,MAAM,EACN,KAAK,GACN,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,kBAAkB,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,OAAO,CAqDV"}

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

@@ -0,0 +1,49 @@
+import { isPlainObject } from "../lib/collections.js";
+import { effectiveProperties, isOpenStringMap, schemaRendersAsObject } from "./json-schema-form-resolve.js";
+function matchesFieldFilter({
+  key,
+  prop,
+  filter,
+  value
+}) {
+  var _a, _b;
+  const query = filter.trim().toLowerCase();
+  if (!query || key.toLowerCase().includes(query) || ((_a = prop.title) == null ? void 0 : _a.toLowerCase().includes(query)))
+    return true;
+  if (prop.format === "password") return false;
+  if (Array.isArray(value)) {
+    return value.some(
+      (item) => matchesFieldFilter({
+        key: "",
+        prop: prop.items ?? {},
+        filter,
+        value: item
+      })
+    );
+  }
+  if (isPlainObject(value)) {
+    const { properties } = effectiveProperties(prop, value);
+    const openMap = isOpenStringMap(prop) || schemaRendersAsObject(prop) && !prop.properties && Object.keys(properties).length === 0;
+    const keys = /* @__PURE__ */ new Set([...Object.keys(properties), ...Object.keys(value)]);
+    return [...keys].some((childKey) => {
+      var _a2;
+      const child = properties[childKey] ?? ((_a2 = Object.entries(prop.patternProperties ?? {}).find(
+        ([pattern]) => new RegExp(pattern).test(childKey)
+      )) == null ? void 0 : _a2[1]) ?? (isPlainObject(prop.additionalProperties) ? prop.additionalProperties : openMap ? { type: "string" } : void 0);
+      return child !== void 0 && matchesFieldFilter({
+        key: childKey,
+        prop: child,
+        filter,
+        value: value[childKey]
+      });
+    });
+  }
+  if (value === null || value === void 0) return false;
+  const text = String(value).toLowerCase();
+  const label = (_b = prop["x-enum-labels"]) == null ? void 0 : _b[String(value)];
+  return text.includes(query) || Boolean(label == null ? void 0 : label.toLowerCase().includes(query));
+}
+export {
+  matchesFieldFilter
+};
+//# sourceMappingURL=json-schema-form-filter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-filter.js","sources":["../../src/components/json-schema-form-filter.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport {\n  effectiveProperties,\n  isOpenStringMap,\n  schemaRendersAsObject,\n} from \"./json-schema-form-resolve\";\nimport type {\n  JsonSchemaObject,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\nexport function matchesFieldFilter({\n  key,\n  prop,\n  filter,\n  value,\n}: {\n  key: string;\n  prop: JsonSchemaProperty;\n  filter: string;\n  value?: unknown;\n}): boolean {\n  const query = filter.trim().toLowerCase();\n  if (\n    !query ||\n    key.toLowerCase().includes(query) ||\n    prop.title?.toLowerCase().includes(query)\n  )\n    return true;\n  if (prop.format === \"password\") return false;\n  if (Array.isArray(value)) {\n    return value.some((item) =>\n      matchesFieldFilter({\n        key: \"\",\n        prop: prop.items ?? {},\n        filter,\n        value: item,\n      }),\n    );\n  }\n  if (isPlainObject(value)) {\n    const { properties } = effectiveProperties(prop as JsonSchemaObject, value);\n    const openMap =\n      isOpenStringMap(prop) ||\n      (schemaRendersAsObject(prop) &&\n        !prop.properties &&\n        Object.keys(properties).length === 0);\n    const keys = new Set([...Object.keys(properties), ...Object.keys(value)]);\n    return [...keys].some((childKey) => {\n      const child =\n        properties[childKey] ??\n        Object.entries(prop.patternProperties ?? {}).find(([pattern]) =>\n          new RegExp(pattern).test(childKey),\n        )?.[1] ??\n        (isPlainObject(prop.additionalProperties)\n          ? prop.additionalProperties\n          : openMap\n            ? { type: \"string\" }\n            : undefined);\n      return (\n        child !== undefined &&\n        matchesFieldFilter({\n          key: childKey,\n          prop: child,\n          filter,\n          value: value[childKey],\n        })\n      );\n    });\n  }\n  if (value === null || value === undefined) return false;\n  const text = String(value).toLowerCase();\n  const label = prop[\"x-enum-labels\"]?.[String(value)];\n  return text.includes(query) || Boolean(label?.toLowerCase().includes(query));\n}\n"],"names":["_a"],"mappings":";;AAWO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKY;;AACV,QAAM,QAAQ,OAAO,KAAA,EAAO,YAAA;AAC5B,MACE,CAAC,SACD,IAAI,YAAA,EAAc,SAAS,KAAK,OAChC,UAAK,UAAL,mBAAY,cAAc,SAAS;AAEnC,WAAO;AACT,MAAI,KAAK,WAAW,WAAY,QAAO;AACvC,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,MAAM;AAAA,MAAK,CAAC,SACjB,mBAAmB;AAAA,QACjB,KAAK;AAAA,QACL,MAAM,KAAK,SAAS,CAAA;AAAA,QACpB;AAAA,QACA,OAAO;AAAA,MAAA,CACR;AAAA,IAAA;AAAA,EAEL;AACA,MAAI,cAAc,KAAK,GAAG;AACxB,UAAM,EAAE,WAAA,IAAe,oBAAoB,MAA0B,KAAK;AAC1E,UAAM,UACJ,gBAAgB,IAAI,KACnB,sBAAsB,IAAI,KACzB,CAAC,KAAK,cACN,OAAO,KAAK,UAAU,EAAE,WAAW;AACvC,UAAM,OAAO,oBAAI,IAAI,CAAC,GAAG,OAAO,KAAK,UAAU,GAAG,GAAG,OAAO,KAAK,KAAK,CAAC,CAAC;AACxE,WAAO,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,aAAa;;AAClC,YAAM,QACJ,WAAW,QAAQ,OACnBA,MAAA,OAAO,QAAQ,KAAK,qBAAqB,CAAA,CAAE,EAAE;AAAA,QAAK,CAAC,CAAC,OAAO,MACzD,IAAI,OAAO,OAAO,EAAE,KAAK,QAAQ;AAAA,MAAA,MADnC,gBAAAA,IAEI,QACH,cAAc,KAAK,oBAAoB,IACpC,KAAK,uBACL,UACE,EAAE,MAAM,aACR;AACR,aACE,UAAU,UACV,mBAAmB;AAAA,QACjB,KAAK;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,OAAO,MAAM,QAAQ;AAAA,MAAA,CACtB;AAAA,IAEL,CAAC;AAAA,EACH;AACA,MAAI,UAAU,QAAQ,UAAU,OAAW,QAAO;AAClD,QAAM,OAAO,OAAO,KAAK,EAAE,YAAA;AAC3B,QAAM,SAAQ,UAAK,eAAe,MAApB,mBAAwB,OAAO,KAAK;AAClD,SAAO,KAAK,SAAS,KAAK,KAAK,QAAQ,+BAAO,cAAc,SAAS,MAAM;AAC7E;"}

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-require("react");
+const react = require("react");
+const propertiesContext = require("../data/properties-context.cjs");
 const utils = require("../lib/utils.cjs");
 const Icon = require("../data/Icon.cjs");
 const HoverCard = require("../overlay/HoverCard.cjs");
@@ -17,6 +18,20 @@ function FieldsGrid({
   className,
   children
 }) {
+  const propertiesParent = react.useContext(propertiesContext.PropertiesContext);
+  if (layout.mode === "properties") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: utils.cn(
+          "min-w-0 overflow-hidden rounded-md border border-border",
+          propertiesParent && "col-span-full grid grid-cols-subgrid rounded-none border-0",
+          className
+        ),
+        children
+      }
+    );
+  }
   if (layout.mode === "inline") {
     const labelMaxWidth = layout.labelMaxWidth ?? "40ch";
     const valueMaxWidth = layout.valueMaxWidth ?? "600px";
@@ -24,7 +39,9 @@ function FieldsGrid({
       "div",
       {
         className: utils.cn("grid", jsonSchemaFormSize.inlineRowGapClass[size], className),
-        style: { gridTemplateColumns: `fit-content(${labelMaxWidth}) minmax(0, ${valueMaxWidth})` },
+        style: {
+          gridTemplateColumns: `fit-content(${labelMaxWidth}) minmax(0, ${valueMaxWidth})`
+        },
         children
       }
     );
@@ -65,7 +82,16 @@ function FieldWrapper({
 }) {
   if (layout.mode === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2 grid grid-cols-subgrid items-start gap-x-3 gap-y-0.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("flex min-w-0 items-center", jsonSchemaFormSize.controlMinHeightClass[size]), children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: utils.cn(
+            "flex min-w-0 items-center",
+            jsonSchemaFormSize.controlMinHeightClass[size]
+          ),
+          children: label
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: value }),
       helper && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "col-start-2 text-xs text-muted-foreground", children: helper }),
       error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "col-start-2 text-xs text-destructive", children: error })
@@ -95,10 +121,27 @@ function FieldLabel({
     "label",
     {
       htmlFor: fieldId,
-      className: utils.cn("flex min-w-0 items-center gap-2 font-medium", jsonSchemaFormSize.labelSizeClass[size], field.labelClassName),
+      className: utils.cn(
+        "flex min-w-0 items-center gap-2 font-medium",
+        jsonSchemaFormSize.labelSizeClass[size],
+        field.labelClassName
+      ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: field.labelIcon, className: "shrink-0 text-[15px] text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", title: field.label !== field.key ? field.key : void 0, children: field.label }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.LabelIcon,
+          {
+            icon: field.labelIcon,
+            className: "shrink-0 text-[15px] text-muted-foreground"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "truncate",
+            title: field.label !== field.key ? field.key : void 0,
+            children: field.label
+          }
+        ),
         field.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-destructive", children: "*" }),
         field.badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: field.badge }),
         helpDisplay === "hover" && field.helper && /* @__PURE__ */ jsxRuntime.jsx(HelpHint, { label: field.label, helper: field.helper })
@@ -136,17 +179,41 @@ function ObjectSection({
   children
 }) {
   const hoverHelp = helpDisplay === "hover" && !!helper;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("col-span-full flex min-w-0 max-w-full flex-col", jsonSchemaFormSize.fieldInnerGapClass[size]), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex min-w-0 items-center gap-2 border-b border-border pb-1 font-semibold", jsonSchemaFormSize.labelSizeClass[size]), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: labelIcon, className: "shrink-0 text-[15px] text-muted-foreground" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: label }),
-      required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-destructive", children: "*" }),
-      badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: badge }),
-      hoverHelp && helper && /* @__PURE__ */ jsxRuntime.jsx(HelpHint, { label, helper })
-    ] }),
-    helper && !hoverHelp && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "min-w-0 break-words text-xs text-muted-foreground", children: helper }),
-    children
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn(
+        "col-span-full flex min-w-0 max-w-full flex-col",
+        jsonSchemaFormSize.fieldInnerGapClass[size]
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: utils.cn(
+              "flex min-w-0 items-center gap-2 border-b border-border pb-1 font-semibold",
+              jsonSchemaFormSize.labelSizeClass[size]
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Icon.LabelIcon,
+                {
+                  icon: labelIcon,
+                  className: "shrink-0 text-[15px] text-muted-foreground"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: label }),
+              required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-destructive", children: "*" }),
+              badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: badge }),
+              hoverHelp && helper && /* @__PURE__ */ jsxRuntime.jsx(HelpHint, { label, helper })
+            ]
+          }
+        ),
+        helper && !hoverHelp && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "min-w-0 break-words text-xs text-muted-foreground", children: helper }),
+        children
+      ]
+    }
+  );
 }
 exports.FieldLabel = FieldLabel;
 exports.FieldWrapper = FieldWrapper;

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-layout.cjs","sources":["../../src/components/json-schema-form-layout.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, LabelIcon, type LabelIconSpec } from \"../data/Icon\";\nimport { UiQuestion } from \"../icons\";\nimport { HoverCard } from \"../overlay/HoverCard\";\nimport type {\n  FieldControl,\n  FormLayout,\n  GridColumns,\n  HelpDisplay,\n} from \"./json-schema-form-types\";\nimport { DEFAULT_COLUMN_MIN_WIDTH } from \"./json-schema-form-utils\";\nimport {\n  controlMinHeightClass,\n  fieldInnerGapClass,\n  inlineRowGapClass,\n  labelSizeClass,\n  stackedRowGapClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\n\n// FieldsGrid is the container every group of field rows renders into — the\n// top-level form and each nested object/map. In inline mode it owns the single\n// 2-column track definition: `fit-content(labelMaxWidth)` for the label column,\n// `minmax(0, valueMaxWidth)` for the value column. Every field row is a\n// `subgrid` that inherits these tracks, so all labels share one column width and\n// every value lines up — a real form grid, not per-row independent grids.\n// (`fit-content()` is the only valid CSS for \"size to content, clamped to a max\"\n// — `min(w, max-content)` is rejected by the browser, which silently drops the\n// whole declaration and collapses every row to a stacked-looking column. The\n// template is an inline style because Tailwind can't interpolate runtime widths.)\n// Stacked mode is a plain single-column grid.\nexport function FieldsGrid({\n  layout,\n  size,\n  columns,\n  columnMinWidth,\n  columnsMaxWidth,\n  className,\n  children,\n}: {\n  layout: FormLayout;\n  size: FormSize;\n  // Object-level `x-columns`: split a stacked object into N equal columns, or\n  // \"auto\" to fit as many `columnMinWidth`-wide columns as the container allows.\n  // Fields span one column unless they set `x-col-span`. Ignored in inline mode\n  // (which owns its own 2-track label/value layout).\n  columns?: GridColumns;\n  // `x-columns: \"auto\"` only: the minmax() floor for one column, and an optional\n  // cap on the whole grid so controls don't stretch edge to edge on a wide\n  // screen. CSS lengths, applied inline — a runtime width can't be a Tailwind\n  // arbitrary class, because the scanner never sees it.\n  columnMinWidth?: string;\n  columnsMaxWidth?: string;\n  // Object-level `x-classes`: extra classes merged onto the grid container\n  // (e.g. `gap-2`, padding). Applied last so a standard utility wins over the\n  // defaults via tailwind-merge.\n  className?: string;\n  children: ReactNode;\n}) {\n  if (layout.mode === \"inline\") {\n    const labelMaxWidth = layout.labelMaxWidth ?? \"40ch\";\n    const valueMaxWidth = layout.valueMaxWidth ?? \"600px\";\n    return (\n      <div\n        className={cn(\"grid\", inlineRowGapClass[size], className)}\n        style={{ gridTemplateColumns: `fit-content(${labelMaxWidth}) minmax(0, ${valueMaxWidth})` }}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (columns === \"auto\") {\n    return (\n      <div\n        className={cn(\"grid gap-x-4\", stackedRowGapClass[size], className)}\n        style={{\n          gridTemplateColumns: `repeat(auto-fill, minmax(${columnMinWidth ?? DEFAULT_COLUMN_MIN_WIDTH}, 1fr))`,\n          ...(columnsMaxWidth ? { maxWidth: columnsMaxWidth } : {}),\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (columns && columns > 1) {\n    return (\n      <div\n        className={cn(\"grid gap-x-3\", stackedRowGapClass[size], className)}\n        style={{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }}\n      >\n        {children}\n      </div>\n    );\n  }\n  return <div className={cn(\"grid\", stackedRowGapClass[size], className)}>{children}</div>;\n}\n\n// FieldWrapper lays out a single label + value (+ helper/error). In inline mode\n// it is a `subgrid` row spanning the parent FieldsGrid's two columns, so its\n// label and value snap to the shared label/value tracks (helper/error sit under\n// the value column). In stacked mode the label sits tight above its control as\n// one unit, capped at valueMaxWidth so controls don't stretch edge to edge.\nexport function FieldWrapper({\n  label,\n  value,\n  helper,\n  error,\n  layout,\n  size,\n  maxWidth,\n}: {\n  label: ReactNode;\n  value: ReactNode;\n  helper?: ReactNode;\n  error?: ReactNode;\n  layout: FormLayout;\n  size: FormSize;\n  // Overrides the stacked value-width cap. A field spanning the full row of a\n  // multi-column grid passes \"none\", so it actually fills the row it was given\n  // instead of stopping at the shared 600px cap.\n  maxWidth?: string;\n}) {\n  if (layout.mode === \"inline\") {\n    return (\n      <div className=\"col-span-2 grid grid-cols-subgrid items-start gap-x-3 gap-y-0.5\">\n        <div className={cn(\"flex min-w-0 items-center\", controlMinHeightClass[size])}>{label}</div>\n        <div className=\"min-w-0\">{value}</div>\n        {helper && <p className=\"col-start-2 text-xs text-muted-foreground\">{helper}</p>}\n        {error && <p className=\"col-start-2 text-xs text-destructive\">{error}</p>}\n      </div>\n    );\n  }\n  return (\n    <div\n      className=\"flex w-full flex-col gap-1\"\n      style={{ maxWidth: maxWidth ?? layout.valueMaxWidth ?? \"600px\" }}\n    >\n      {label}\n      {value}\n      {helper && <p className=\"text-xs text-muted-foreground\">{helper}</p>}\n      {error && <p className=\"text-xs text-destructive\">{error}</p>}\n    </div>\n  );\n}\n\nexport function FieldLabel({\n  field,\n  fieldId,\n  size,\n  helpDisplay,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  size: FormSize;\n  // When \"hover\", the description rides on the label as a `?` instead of being\n  // rendered as a paragraph under the control by FieldWrapper.\n  helpDisplay?: HelpDisplay;\n}) {\n  return (\n    <label\n      htmlFor={fieldId}\n      className={cn(\"flex min-w-0 items-center gap-2 font-medium\", labelSizeClass[size], field.labelClassName)}\n    >\n      <LabelIcon icon={field.labelIcon} className=\"shrink-0 text-[15px] text-muted-foreground\" />\n      <span className=\"truncate\" title={field.label !== field.key ? field.key : undefined}>\n        {field.label}\n      </span>\n      {field.required && <span className=\"shrink-0 text-destructive\">*</span>}\n      {field.badge && (\n        <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n          {field.badge}\n        </span>\n      )}\n      {helpDisplay === \"hover\" && field.helper && (\n        <HelpHint label={field.label} helper={field.helper} />\n      )}\n    </label>\n  );\n}\n\n// HelpHint is the `?` affordance that replaces a permanent description\n// paragraph. HoverCard opens on focus as well as hover, so the text stays\n// reachable from the keyboard rather than being mouse-only.\nexport function HelpHint({ label, helper }: { label: string; helper: string }) {\n  return (\n    <HoverCard\n      placement=\"top\"\n      trigger={\n        <button\n          type=\"button\"\n          aria-label={`About ${label}`}\n          className=\"shrink-0 cursor-help text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <Icon icon={UiQuestion} className=\"text-sm\" />\n        </button>\n      }\n      cardClassName=\"max-w-xs whitespace-normal text-left text-xs font-normal text-foreground\"\n    >\n      {helper}\n    </HoverCard>\n  );\n}\n\n// ObjectSection renders a nested object as a labelled section: a header row\n// (the field label + required/badge) above its fields, which fill the full\n// width below. It replaces the inline label + bordered box so nested objects\n// read as flat, headed groups rather than indented sub-forms. `col-span-full`\n// makes it span both tracks of an inline FieldsGrid (full width, not crammed\n// into the value column); in a stacked single-column grid it is a no-op.\nexport function ObjectSection({\n  label,\n  required,\n  size,\n  badge,\n  helper,\n  labelIcon,\n  helpDisplay,\n  children,\n}: {\n  label: string;\n  required: boolean;\n  size: FormSize;\n  badge?: string;\n  helper?: string;\n  labelIcon?: LabelIconSpec;\n  helpDisplay?: HelpDisplay;\n  children: ReactNode;\n}) {\n  const hoverHelp = helpDisplay === \"hover\" && !!helper;\n  return (\n    <div className={cn(\"col-span-full flex min-w-0 max-w-full flex-col\", fieldInnerGapClass[size])}>\n      <div className={cn(\"flex min-w-0 items-center gap-2 border-b border-border pb-1 font-semibold\", labelSizeClass[size])}>\n        <LabelIcon icon={labelIcon} className=\"shrink-0 text-[15px] text-muted-foreground\" />\n        <span className=\"min-w-0 truncate\">{label}</span>\n        {required && <span className=\"shrink-0 text-destructive\">*</span>}\n        {badge && (\n          <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n            {badge}\n          </span>\n        )}\n        {hoverHelp && helper && <HelpHint label={label} helper={helper} />}\n      </div>\n      {helper && !hoverHelp && (\n        <p className=\"min-w-0 break-words text-xs text-muted-foreground\">{helper}</p>\n      )}\n      {children}\n    </div>\n  );\n}\n"],"names":["jsx","cn","inlineRowGapClass","stackedRowGapClass","DEFAULT_COLUMN_MIN_WIDTH","jsxs","controlMinHeightClass","labelSizeClass","LabelIcon","HoverCard","Icon","UiQuestion","fieldInnerGapClass"],"mappings":"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"}
+{"version":3,"file":"json-schema-form-layout.cjs","sources":["../../src/components/json-schema-form-layout.tsx"],"sourcesContent":["import { useContext, type ReactNode } from \"react\";\nimport { PropertiesContext } from \"../data/properties-context\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, LabelIcon, type LabelIconSpec } from \"../data/Icon\";\nimport { UiQuestion } from \"../icons\";\nimport { HoverCard } from \"../overlay/HoverCard\";\nimport type {\n  FieldControl,\n  FormLayout,\n  GridColumns,\n  HelpDisplay,\n} from \"./json-schema-form-types\";\nimport { DEFAULT_COLUMN_MIN_WIDTH } from \"./json-schema-form-utils\";\nimport {\n  controlMinHeightClass,\n  fieldInnerGapClass,\n  inlineRowGapClass,\n  labelSizeClass,\n  stackedRowGapClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\n\n// FieldsGrid is the container every group of field rows renders into — the\n// top-level form and each nested object/map. In inline mode it owns the single\n// 2-column track definition: `fit-content(labelMaxWidth)` for the label column,\n// `minmax(0, valueMaxWidth)` for the value column. Every field row is a\n// `subgrid` that inherits these tracks, so all labels share one column width and\n// every value lines up — a real form grid, not per-row independent grids.\n// (`fit-content()` is the only valid CSS for \"size to content, clamped to a max\"\n// — `min(w, max-content)` is rejected by the browser, which silently drops the\n// whole declaration and collapses every row to a stacked-looking column. The\n// template is an inline style because Tailwind can't interpolate runtime widths.)\n// Stacked mode is a plain single-column grid.\nexport function FieldsGrid({\n  layout,\n  size,\n  columns,\n  columnMinWidth,\n  columnsMaxWidth,\n  className,\n  children,\n}: {\n  layout: FormLayout;\n  size: FormSize;\n  // Object-level `x-columns`: split a stacked object into N equal columns, or\n  // \"auto\" to fit as many `columnMinWidth`-wide columns as the container allows.\n  // Fields span one column unless they set `x-col-span`. Ignored in inline mode\n  // (which owns its own 2-track label/value layout).\n  columns?: GridColumns;\n  // `x-columns: \"auto\"` only: the minmax() floor for one column, and an optional\n  // cap on the whole grid so controls don't stretch edge to edge on a wide\n  // screen. CSS lengths, applied inline — a runtime width can't be a Tailwind\n  // arbitrary class, because the scanner never sees it.\n  columnMinWidth?: string;\n  columnsMaxWidth?: string;\n  // Object-level `x-classes`: extra classes merged onto the grid container\n  // (e.g. `gap-2`, padding). Applied last so a standard utility wins over the\n  // defaults via tailwind-merge.\n  className?: string;\n  children: ReactNode;\n}) {\n  const propertiesParent = useContext(PropertiesContext);\n  if (layout.mode === \"properties\") {\n    return (\n      <div\n        className={cn(\n          \"min-w-0 overflow-hidden rounded-md border border-border\",\n          propertiesParent &&\n            \"col-span-full grid grid-cols-subgrid rounded-none border-0\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (layout.mode === \"inline\") {\n    const labelMaxWidth = layout.labelMaxWidth ?? \"40ch\";\n    const valueMaxWidth = layout.valueMaxWidth ?? \"600px\";\n    return (\n      <div\n        className={cn(\"grid\", inlineRowGapClass[size], className)}\n        style={{\n          gridTemplateColumns: `fit-content(${labelMaxWidth}) minmax(0, ${valueMaxWidth})`,\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (columns === \"auto\") {\n    return (\n      <div\n        className={cn(\"grid gap-x-4\", stackedRowGapClass[size], className)}\n        style={{\n          gridTemplateColumns: `repeat(auto-fill, minmax(${columnMinWidth ?? DEFAULT_COLUMN_MIN_WIDTH}, 1fr))`,\n          ...(columnsMaxWidth ? { maxWidth: columnsMaxWidth } : {}),\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (columns && columns > 1) {\n    return (\n      <div\n        className={cn(\"grid gap-x-3\", stackedRowGapClass[size], className)}\n        style={{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }}\n      >\n        {children}\n      </div>\n    );\n  }\n  return (\n    <div className={cn(\"grid\", stackedRowGapClass[size], className)}>\n      {children}\n    </div>\n  );\n}\n\n// FieldWrapper lays out a single label + value (+ helper/error). In inline mode\n// it is a `subgrid` row spanning the parent FieldsGrid's two columns, so its\n// label and value snap to the shared label/value tracks (helper/error sit under\n// the value column). In stacked mode the label sits tight above its control as\n// one unit, capped at valueMaxWidth so controls don't stretch edge to edge.\nexport function FieldWrapper({\n  label,\n  value,\n  helper,\n  error,\n  layout,\n  size,\n  maxWidth,\n}: {\n  label: ReactNode;\n  value: ReactNode;\n  helper?: ReactNode;\n  error?: ReactNode;\n  layout: FormLayout;\n  size: FormSize;\n  // Overrides the stacked value-width cap. A field spanning the full row of a\n  // multi-column grid passes \"none\", so it actually fills the row it was given\n  // instead of stopping at the shared 600px cap.\n  maxWidth?: string;\n}) {\n  if (layout.mode === \"inline\") {\n    return (\n      <div className=\"col-span-2 grid grid-cols-subgrid items-start gap-x-3 gap-y-0.5\">\n        <div\n          className={cn(\n            \"flex min-w-0 items-center\",\n            controlMinHeightClass[size],\n          )}\n        >\n          {label}\n        </div>\n        <div className=\"min-w-0\">{value}</div>\n        {helper && (\n          <p className=\"col-start-2 text-xs text-muted-foreground\">{helper}</p>\n        )}\n        {error && (\n          <p className=\"col-start-2 text-xs text-destructive\">{error}</p>\n        )}\n      </div>\n    );\n  }\n  return (\n    <div\n      className=\"flex w-full flex-col gap-1\"\n      style={{ maxWidth: maxWidth ?? layout.valueMaxWidth ?? \"600px\" }}\n    >\n      {label}\n      {value}\n      {helper && <p className=\"text-xs text-muted-foreground\">{helper}</p>}\n      {error && <p className=\"text-xs text-destructive\">{error}</p>}\n    </div>\n  );\n}\n\nexport function FieldLabel({\n  field,\n  fieldId,\n  size,\n  helpDisplay,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  size: FormSize;\n  // When \"hover\", the description rides on the label as a `?` instead of being\n  // rendered as a paragraph under the control by FieldWrapper.\n  helpDisplay?: HelpDisplay;\n}) {\n  return (\n    <label\n      htmlFor={fieldId}\n      className={cn(\n        \"flex min-w-0 items-center gap-2 font-medium\",\n        labelSizeClass[size],\n        field.labelClassName,\n      )}\n    >\n      <LabelIcon\n        icon={field.labelIcon}\n        className=\"shrink-0 text-[15px] text-muted-foreground\"\n      />\n      <span\n        className=\"truncate\"\n        title={field.label !== field.key ? field.key : undefined}\n      >\n        {field.label}\n      </span>\n      {field.required && <span className=\"shrink-0 text-destructive\">*</span>}\n      {field.badge && (\n        <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n          {field.badge}\n        </span>\n      )}\n      {helpDisplay === \"hover\" && field.helper && (\n        <HelpHint label={field.label} helper={field.helper} />\n      )}\n    </label>\n  );\n}\n\n// HelpHint is the `?` affordance that replaces a permanent description\n// paragraph. HoverCard opens on focus as well as hover, so the text stays\n// reachable from the keyboard rather than being mouse-only.\nexport function HelpHint({ label, helper }: { label: string; helper: string }) {\n  return (\n    <HoverCard\n      placement=\"top\"\n      trigger={\n        <button\n          type=\"button\"\n          aria-label={`About ${label}`}\n          className=\"shrink-0 cursor-help text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <Icon icon={UiQuestion} className=\"text-sm\" />\n        </button>\n      }\n      cardClassName=\"max-w-xs whitespace-normal text-left text-xs font-normal text-foreground\"\n    >\n      {helper}\n    </HoverCard>\n  );\n}\n\n// ObjectSection renders a nested object as a labelled section: a header row\n// (the field label + required/badge) above its fields, which fill the full\n// width below. It replaces the inline label + bordered box so nested objects\n// read as flat, headed groups rather than indented sub-forms. `col-span-full`\n// makes it span both tracks of an inline FieldsGrid (full width, not crammed\n// into the value column); in a stacked single-column grid it is a no-op.\nexport function ObjectSection({\n  label,\n  required,\n  size,\n  badge,\n  helper,\n  labelIcon,\n  helpDisplay,\n  children,\n}: {\n  label: string;\n  required: boolean;\n  size: FormSize;\n  badge?: string;\n  helper?: string;\n  labelIcon?: LabelIconSpec;\n  helpDisplay?: HelpDisplay;\n  children: ReactNode;\n}) {\n  const hoverHelp = helpDisplay === \"hover\" && !!helper;\n  return (\n    <div\n      className={cn(\n        \"col-span-full flex min-w-0 max-w-full flex-col\",\n        fieldInnerGapClass[size],\n      )}\n    >\n      <div\n        className={cn(\n          \"flex min-w-0 items-center gap-2 border-b border-border pb-1 font-semibold\",\n          labelSizeClass[size],\n        )}\n      >\n        <LabelIcon\n          icon={labelIcon}\n          className=\"shrink-0 text-[15px] text-muted-foreground\"\n        />\n        <span className=\"min-w-0 truncate\">{label}</span>\n        {required && <span className=\"shrink-0 text-destructive\">*</span>}\n        {badge && (\n          <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n            {badge}\n          </span>\n        )}\n        {hoverHelp && helper && <HelpHint label={label} helper={helper} />}\n      </div>\n      {helper && !hoverHelp && (\n        <p className=\"min-w-0 break-words text-xs text-muted-foreground\">\n          {helper}\n        </p>\n      )}\n      {children}\n    </div>\n  );\n}\n"],"names":["useContext","PropertiesContext","jsx","cn","inlineRowGapClass","stackedRowGapClass","DEFAULT_COLUMN_MIN_WIDTH","jsxs","controlMinHeightClass","labelSizeClass","LabelIcon","HoverCard","Icon","UiQuestion","fieldInnerGapClass"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { LabelIconSpec } from '../data/Icon';
 import { FieldControl, FormLayout, GridColumns, HelpDisplay } from './json-schema-form-types';
 import { FormSize } from './json-schema-form-size';

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-layout.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAGnE,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,WAAW,EACX,WAAW,EACZ,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,yBAAyB,CAAC;AAajC,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,EACJ,OAAO,EACP,cAAc,EACd,eAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IAKf,OAAO,CAAC,EAAE,WAAW,CAAC;IAKtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAIzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAqCA;AAOD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IAIf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,+BAsBA;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,IAAI,EACJ,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,QAAQ,CAAC;IAGf,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,+BAqBA;AAKD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,+BAkB5E;AAQD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,WAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAqBA"}
+{"version":3,"file":"json-schema-form-layout.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAGnE,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,WAAW,EACX,WAAW,EACZ,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,yBAAyB,CAAC;AAajC,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,EACJ,OAAO,EACP,cAAc,EACd,eAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IAKf,OAAO,CAAC,EAAE,WAAW,CAAC;IAKtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAIzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BA0DA;AAOD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IAIf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,+BAiCA;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,IAAI,EACJ,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,QAAQ,CAAC;IAGf,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,+BA+BA;AAKD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,+BAkB5E;AAQD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,WAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAoCA"}