@react-typed-forms/schemas-html 2.4.0 → 3.0.0

package/lib/index.js

@@ -1,6 +1,6 @@
 import React, { createElement, useState, useMemo, Fragment, useEffect, useRef } from 'react';
 import clsx from 'clsx';
-import { DisplayDataType, rendererClass, coerceToString, getOverrideClass, FieldType, createDataRenderer, fieldOptionAdornment, DataRenderType, createLayoutRenderer, renderLayoutParts, createGroupRenderer, GroupRenderType, isTabsRenderer, isSelectChildRenderer, isGridRenderer, isFlexRenderer, createVisibilityRenderer, getJsonPath, useJsonataExpression, getRootDataNode, getLastDefinedValue, getNullToggler, mergeObjects, isArrayRenderer, isCompoundField, nodeForControl, ControlDefinitionType, makeHookDepString, createArrayActions, getLengthRestrictions, lookupDataNode, applyArrayLengthRestrictions, buildSchema, stringField, schemaDataForFieldRef, schemaForFieldRef, rootSchemaNode, addMissingControlsForSchema, useControlRendererComponent, groupedControl, makeSchemaDataNode, createAdornmentRenderer, getIsEditing, appendMarkupAt, AdornmentPlacement, wrapMarkup, getAllValues, ControlAdornmentType, getExternalEditData, visitFormDataInContext, validationVisitor, createActionRenderer, isDataGroupRenderer, isDisplayOnlyRenderer, hasOptions, isTextfieldRenderer, isOptionalAdornment, isSetFieldAdornment, useDynamicHooks, wrapLayout, isIconAdornment, isAccordionAdornment, LabelType } from '@react-typed-forms/schemas';
+import { DisplayDataType, rendererClass, coerceToString, getOverrideClass, FieldType, createDataRenderer, fieldOptionAdornment, DataRenderType, createLayoutRenderer, renderLayoutParts, createGroupRenderer, GroupRenderType, isTabsRenderer, isSelectChildRenderer, isGridRenderer, isFlexRenderer, createVisibilityRenderer, getJsonPath, useJsonataExpression, getRootDataNode, getLastDefinedValue, getNullToggler, mergeObjects, isArrayRenderer, isCompoundField, ControlDefinitionType, makeHookDepString, createArrayActions, getLengthRestrictions, lookupDataNode, applyArrayLengthRestrictions, buildSchema, stringField, schemaDataForFieldRef, schemaForFieldRef, rootSchemaNode, addMissingControlsForSchema, useControlRendererComponent, groupedControl, makeSchemaDataNode, createAdornmentRenderer, getIsEditing, appendMarkupAt, AdornmentPlacement, wrapMarkup, getAllValues, ControlAdornmentType, getExternalEditData, visitFormDataInContext, validationVisitor, createActionRenderer, isDataGroupRenderer, isDisplayOnlyRenderer, hasOptions, isTextfieldRenderer, isOptionalAdornment, isSetFieldAdornment, useDynamicHooks, wrapLayout, isIconAdornment, isAccordionAdornment, LabelType } from '@react-typed-forms/schemas';
 import { useComponentTracking, formControlProps, useControl, useControlEffect, RenderArrayElements, useComputed, useTrackedComponent, RenderElements, controlValues, removeElement, setFields, newControl, Fcheckbox as Fcheckbox$1 } from '@react-typed-forms/core';
 import { jsx } from 'react/jsx-runtime';
 import { useAutocomplete } from '@mui/base';
@@ -790,9 +790,8 @@ function DataArrayRenderer({
   } = mergeObjects(isArrayRenderer(renderOptions) ? renderOptions : {}, defaultActions);
   const childOptions = isArrayRenderer(renderOptions) ? renderOptions.childOptions : undefined;
   const renderAsElement = !isCompoundField(field);
-  const childDefinition = nodeForControl(!renderAsElement ? {
+  const childDefinition = formNode.tree.createTempNode(formNode.id + "child", !renderAsElement ? {
     type: ControlDefinitionType.Group,
-    children: definition.children,
     groupOptions: {
       type: GroupRenderType.Standard,
       hideTitle: true
@@ -800,12 +799,11 @@ function DataArrayRenderer({
   } : {
     type: ControlDefinitionType.Data,
     field: definition.field,
-    children: definition.children,
     renderOptions: childOptions != null ? childOptions : {
       type: DataRenderType.Standard
     },
     hideTitle: true
-  }, formNode.tree);
+  }, formNode.getChildNodes());
   const visibilities = ((_definition$children = definition.children) != null ? _definition$children : []).map(x => [useChildVisibility(x, undefined, true), x]);
   const deps = makeHookDepString(visibilities, x => x[0].deps);
   const Entry = useTrackedComponent(RenderEntry, [deps]);
@@ -1330,14 +1328,13 @@ function ArrayElementRenderer({
     });
     if (designMode || extData.value !== undefined) {
       const parentDataNode = makeSchemaDataNode(dataProps.dataNode.schema, extData.fields.data);
-      const elementGroup = nodeForControl({
+      const elementGroup = formNode.tree.createTempNode(formNode.id + "group", {
         type: ControlDefinitionType.Group,
-        children: formNode.definition.children,
         groupOptions: {
           type: GroupRenderType.Standard,
           hideTitle: true
         }
-      }, formNode.tree);
+      }, formNode.getChildNodes());
       const editContent = createElement("div", {
         className: rendererClass(dataProps.className, options.className)
       }, renderChild("", elementGroup, {