@react-typed-forms/schemas 14.3.0 → 14.4.0

package/lib/index.js

@@ -4,6 +4,25 @@ import clsx from 'clsx';
 import jsonata from 'jsonata';
 import { v4 } from 'uuid';
 
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
 /**
  * Enum representing the various field types.
  */
@@ -382,37 +401,29 @@ function isCheckEntryClasses(options) {
       return false;
   }
 }
-class FormNode {
-  constructor(id, definition, tree, parent, overrideChildren) {
-    this.id = void 0;
-    this.definition = void 0;
-    this.tree = void 0;
-    this.parent = void 0;
-    this.overrideChildren = void 0;
-    this.id = id;
-    this.definition = definition;
-    this.tree = tree;
-    this.parent = parent;
-    this.overrideChildren = overrideChildren;
-    this.id = id;
-    this.definition = definition;
-  }
-  getChildNodes() {
-    var _children$map, _children;
-    if (this.overrideChildren) return this.overrideChildren;
-    let children = this.definition.children;
-    if (this.definition.childRefId) {
-      const ref = this.tree.controlMap[this.definition.childRefId];
-      children = ref == null ? void 0 : ref.children;
-    }
-    return (_children$map = (_children = children) == null ? void 0 : _children.map((x, i) => new FormNode(this.id + "/" + i, x, this.tree, this))) != null ? _children$map : [];
-  }
-  withOverrideChildren(children) {
-    return new FormNode(this.id, this.definition, this.tree, this.parent, children.map(x => nodeForControl(x, this.tree)));
-  }
+function defaultGetChildNodes(parent, children) {
+  var _children$map;
+  return (_children$map = children == null ? void 0 : children.map((x, i) => nodeForControl(x, parent.tree, i, parent))) != null ? _children$map : [];
+}
+function wrapFormNode(node, getChildren) {
+  return _extends({}, node, {
+    getChildNodes: getChildren != null ? getChildren : dfr => node.getChildNodes(dfr)
+  });
 }
 function nodeForControl(definition, tree, indexOrId, parent) {
-  return new FormNode(parent ? parent.id + "/" + indexOrId : "", definition, tree, parent);
+  return {
+    id: parent ? parent.id + "/" + indexOrId : "",
+    definition,
+    tree,
+    parent,
+    getChildNodes(dontFollowRef) {
+      let children = this.definition.children;
+      if (!dontFollowRef && this.definition.childRefId) {
+        return this.tree.getChildrenForId(this.definition.childRefId, this);
+      }
+      return defaultGetChildNodes(this, children);
+    }
+  };
 }
 function legacyFormNode(definition) {
   return createFormLookup({
@@ -424,22 +435,33 @@ function getControlIds(definition) {
   const childEntries = (_definition$children$ = (_definition$children = definition.children) == null ? void 0 : _definition$children.flatMap(getControlIds)) != null ? _definition$children$ : [];
   return !definition.id ? childEntries : [[definition.id, definition], ...childEntries];
 }
-function makeFormTree(controls, getForm) {
-  const tree = {
-    getForm,
-    controlMap: Object.fromEntries(controls.flatMap(getControlIds))
-  };
-  tree.rootNode = nodeForControl({
+function createFormTreeWithRoot(createRootNode, getChildrenForId, getForm = {
+  getForm: () => undefined
+}) {
+  const tree = _extends({}, getForm, {
+    getChildrenForId,
+    rootNode: undefined
+  });
+  tree.rootNode = createRootNode(tree);
+  return tree;
+}
+function createFormTree(controls, getForm = {
+  getForm: () => undefined
+}) {
+  const controlMap = Object.fromEntries(controls.flatMap(getControlIds));
+  return createFormTreeWithRoot(tree => nodeForControl({
     children: controls,
     type: ControlDefinitionType.Group
-  }, tree);
-  return tree;
+  }, tree), (id, parent) => {
+    var _controlMap$id$childr, _controlMap$id;
+    return (_controlMap$id$childr = (_controlMap$id = controlMap[id]) == null || (_controlMap$id = _controlMap$id.children) == null ? void 0 : _controlMap$id.map((x, i) => nodeForControl(x, parent.tree, i, parent))) != null ? _controlMap$id$childr : [];
+  }, getForm);
 }
 function createFormLookup(formMap) {
   const lookup = {
     getForm
   };
-  const forms = Object.fromEntries(Object.entries(formMap).map(([k, v]) => [k, makeFormTree(v, lookup)]));
+  const forms = Object.fromEntries(Object.entries(formMap).map(([k, v]) => [k, createFormTree(v, lookup)]));
   return lookup;
   function getForm(formId) {
     return forms[formId];
@@ -520,25 +542,6 @@ function visitFormDataInContext(parentContext, node, cb) {
   return visitFormData(node, dataNode != null ? dataNode : parentContext, cb, !dataNode);
 }
 
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-
 function buildSchema(def) {
   return Object.entries(def).map(x => x[1](x[0]));
 }
@@ -2129,7 +2132,7 @@ function useControlRenderer(definition, fields, renderer, options = {}) {
     control,
     parentPath
   }) => {
-    return React.createElement(ControlRenderer, _extends({}, r.current, {
+    return /*#__PURE__*/React.createElement(ControlRenderer, _extends({}, r.current, {
       control: control,
       parentPath: parentPath
     }));
@@ -2137,7 +2140,7 @@ function useControlRenderer(definition, fields, renderer, options = {}) {
 }
 function useControlRendererComponent(controlOrFormNode, renderer, options = {}, parentDataNode) {
   var _options$useDataHook, _options$schemaInterf, _options$useEvalExpre;
-  const [definition, formNode] = controlOrFormNode instanceof FormNode ? [controlOrFormNode.definition, controlOrFormNode] : [controlOrFormNode, legacyFormNode(controlOrFormNode)];
+  const [definition, formNode] = "definition" in controlOrFormNode ? [controlOrFormNode.definition, controlOrFormNode] : [controlOrFormNode, legacyFormNode(controlOrFormNode)];
   const dataProps = (_options$useDataHook = options.useDataHook == null ? void 0 : options.useDataHook(definition)) != null ? _options$useDataHook : defaultDataProps;
   const elementIndex = options.elementIndex;
   const schemaInterface = (_options$schemaInterf = options.schemaInterface) != null ? _options$schemaInterf : defaultSchemaInterface;
@@ -2251,7 +2254,7 @@ function useControlRendererComponent(controlOrFormNode, renderer, options = {},
       useEffect(() => {
         if (control && typeof myOptions.disabled === "boolean" && control.disabled != myOptions.disabled) control.disabled = myOptions.disabled;
       }, [control, myOptions.disabled]);
-      if (parentControl.isNull) return React.createElement(React.Fragment, null);
+      if (parentControl.isNull) return /*#__PURE__*/React.createElement(React.Fragment, null);
       const adornments = (_definition$adornment2 = (_definition$adornment3 = definition.adornments) == null ? void 0 : _definition$adornment3.map(x => renderer.renderAdornment({
         adornment: x,
         dataContext,
@@ -2271,7 +2274,7 @@ function useControlRendererComponent(controlOrFormNode, renderer, options = {},
             } = _ref,
             renderOptions = _objectWithoutPropertiesLoose(_ref, _excluded);
           const dContext = (_ref2 = parentDataNode != null ? parentDataNode : dataContext.dataNode) != null ? _ref2 : dataContext.parentNode;
-          return React.createElement(NewControlRenderer, {
+          return /*#__PURE__*/React.createElement(NewControlRenderer, {
             key: k,
             definition: child,
             renderer: renderer,
@@ -2324,11 +2327,16 @@ function ControlRenderer({
   control,
   parentPath
 }) {
-  const schemaDataNode = makeSchemaDataNode(createSchemaLookup({
-    "": fields
-  }).getSchema(""), control);
-  const Render = useControlRendererComponent(definition, renderer, options, schemaDataNode);
-  return React.createElement(Render, null);
+  var _effect = useComponentTracking();
+  try {
+    const schemaDataNode = makeSchemaDataNode(createSchemaLookup({
+      "": fields
+    }).getSchema(""), control);
+    const Render = useControlRendererComponent(definition, renderer, options, schemaDataNode);
+    return /*#__PURE__*/React.createElement(Render, null);
+  } finally {
+    _effect();
+  }
 }
 function NewControlRenderer({
   definition,
@@ -2336,8 +2344,13 @@ function NewControlRenderer({
   options,
   parentDataNode
 }) {
-  const Render = useControlRendererComponent(definition, renderer, options, parentDataNode);
-  return React.createElement(Render, null);
+  var _effect2 = useComponentTracking();
+  try {
+    const Render = useControlRendererComponent(definition, renderer, options, parentDataNode);
+    return /*#__PURE__*/React.createElement(Render, null);
+  } finally {
+    _effect2();
+  }
 }
 function defaultDataProps(_ref4) {
   var _allowedOptions$value, _definition$renderOpt2;
@@ -2493,7 +2506,7 @@ function renderControlLayout(props) {
   }
 }
 function appendMarkup(k, markup) {
-  return layout => layout[k] = React.createElement(React.Fragment, null, layout[k], markup);
+  return layout => layout[k] = /*#__PURE__*/React.createElement(React.Fragment, null, layout[k], markup);
 }
 function wrapMarkup(k, wrap) {
   return layout => layout[k] = wrap(layout[k]);
@@ -2662,7 +2675,7 @@ function applyArrayLengthRestrictions({
   };
 }
 function fieldOptionAdornment(p) {
-  return (o, i, selected) => React.createElement(RenderArrayElements, {
+  return (o, i, selected) => /*#__PURE__*/React.createElement(RenderArrayElements, {
     array: p.formNode.getChildNodes()
   }, (cd, i) => p.renderChild(i, cd, {
     parentDataNode: p.dataContext.parentNode,
@@ -2762,9 +2775,14 @@ function createFormRenderer(customRenderers = [], defaultRenderers) {
     renderArray,
     renderAdornment,
     renderLayout,
-    renderVisibility: visibilityRenderer.render,
-    renderLabelText
+    renderVisibility,
+    renderLabelText,
+    renderText: defaultRenderers.renderText,
+    h: defaultRenderers.h
   };
+  function renderVisibility(props) {
+    return visibilityRenderer.render(props, formRenderers);
+  }
   function renderLabelText(label) {
     return renderLabel({
       label,
@@ -2791,25 +2809,26 @@ function createFormRenderer(customRenderers = [], defaultRenderers) {
     return renderer.render(props, labelStart, labelEnd, formRenderers);
   }
   function renderData(props) {
-    var _dataRegistrations$fi;
     const {
       renderOptions,
       field
     } = props;
     const options = hasOptions(props);
     const renderType = renderOptions.type;
-    const renderer = (_dataRegistrations$fi = dataRegistrations.find(matchesRenderer)) != null ? _dataRegistrations$fi : defaultRenderers.data;
-    const result = renderer.render(props, formRenderers);
+    const renderer = dataRegistrations.find(matchesRenderer);
+    const result = (renderer != null ? renderer : defaultRenderers.data).render(props, formRenderers);
     if (typeof result === "function") return result;
     return l => _extends({}, l, {
       children: result
     });
     function matchesRenderer(x) {
       var _x$collection, _field$collection, _x$options;
+      const noMatch = x.match ? !x.match(props, renderOptions) : undefined;
+      if (noMatch === true) return false;
       const matchCollection = ((_x$collection = x.collection) != null ? _x$collection : false) === (props.elementIndex == null && ((_field$collection = field.collection) != null ? _field$collection : false));
-      const matchSchemaType = x.schemaType && renderType == DataRenderType.Standard && isOneOf(x.schemaType, field.type);
-      const matchRenderType = !x.renderType || isOneOf(x.renderType, renderType);
-      return matchCollection && ((_x$options = x.options) != null ? _x$options : false) === options && (matchSchemaType || matchRenderType) && (!x.match || x.match(props, renderOptions));
+      const isSchemaAllowed = !!x.schemaType && renderType == DataRenderType.Standard ? isOneOf(x.schemaType, field.type) : undefined;
+      const isRendererAllowed = !!x.renderType && isOneOf(x.renderType, renderType);
+      return matchCollection && ((_x$options = x.options) != null ? _x$options : false) === options && (isSchemaAllowed || isRendererAllowed || !x.renderType && !x.schemaType && noMatch === false);
     }
   }
   function renderGroup(props) {
@@ -2866,5 +2885,5 @@ function isArrayRegistration(x) {
   return x.type === "array";
 }
 
-export { AdornmentPlacement, AppendAdornmentPriority, ControlAdornmentType, ControlDefinitionType, ControlRenderer, DataRenderType, DateComparison, DefaultSchemaInterface, DisplayDataType, DynamicPropertyType, ExpressionType, FieldType, FormNode, GroupRenderType, LabelType, NewControlRenderer, SchemaTags, SyncTextType, ValidationMessageType, ValidatorType, WrapAdornmentPriority, accordionOptions, actionControl, actionHandlers, addFieldOption, addMissingControls, addMissingControlsForSchema, adornmentOptions, appendMarkup, appendMarkupAt, applyArrayLengthRestrictions, applyDefaultForField, applyDefaultValues, applyExtensionToSchema, applyExtensionsToSchema, applyLengthRestrictions, applyValues, autocompleteOptions, boolField, buildSchema, checkListOptions, cleanDataForSchema, coerceToString, collectDifferences, compoundControl, compoundField, controlTitle, createAction, createActionRenderer, createAdornmentRenderer, createArrayActions, createArrayRenderer, createDataRenderer, createDisplayRenderer, createFormLookup, createFormRenderer, createGroupRenderer, createLabelRenderer, createLayoutRenderer, createSchemaLookup, createVisibilityRenderer, dataControl, dateField, dateTimeField, dateValidatorOptions, defaultCompoundField, defaultControlForField, defaultDataProps, defaultEvalHooks, defaultScalarField, defaultSchemaInterface, defaultUseEvalExpressionHook, defaultValueForField, defaultValueForFields, displayOnlyOptions, doubleField, dynamicDefaultValue, dynamicDisabled, dynamicReadonly, dynamicVisibility, elementValueForField, emptyGroupDefinition, fieldDisplayName, fieldEqExpr, fieldExpr, fieldHasTag, fieldOptionAdornment, fieldPathForDefinition, findChildDefinition, findCompoundField, findControlsForCompound, findField, findFieldPath, findNonDataGroups, findScalarField, getAllReferencedClasses, getAllValues, getDiffObject, getDisplayOnlyOptions, getExternalEditData, getGroupClassOverrides, getGroupRendererOptions, getIsEditing, getJsonPath, getLastDefinedValue, getLengthRestrictions, getNullToggler, getOverrideClass, getRootDataNode, getSchemaFieldList, getSchemaNodePath, getSchemaPath, getTagParam, groupedControl, hasOptions, hideDisplayOnly, htmlDisplayControl, intField, isAccordionAdornment, isActionControl, isArrayRenderer, isAutoCompleteClasses, isAutocompleteRenderer, isCheckEntryClasses, isCompoundField, isCompoundNode, isControlDisabled, isControlDisplayOnly, isControlReadonly, isDataControl, isDataGroupRenderer, isDateTimeRenderer, isDisplayControl, isDisplayOnlyRenderer, isFlexRenderer, isGridRenderer, isGroupControl, isIconAdornment, isOptionalAdornment, isScalarField, isSelectChildRenderer, isSetFieldAdornment, isTabsRenderer, isTextfieldRenderer, jsonPathString, jsonataExpr, jsonataOptions, jsonataValidatorOptions, layoutKeyForPlacement, legacyFormNode, lengthValidatorOptions, lookupDataNode, makeCompoundField, makeEvalExpressionHook, makeHook, makeHookDepString, makeParamTag, makeScalarField, makeSchemaDataNode, matchesType, mergeField, mergeFields, mergeObjects, nodeForControl, radioButtonOptions, relativePath, renderControlLayout, renderLayoutParts, renderOptionsFor, rendererClass, resolveSchemas, rootSchemaNode, schemaDataForFieldPath, schemaDataForFieldRef, schemaForFieldPath, schemaForFieldRef, stringField, stringOptionsField, textDisplayControl, textfieldOptions, timeField, toDepString, traverseData, traverseParents, traverseSchemaPath, useControlDefinitionForSchema, useControlRenderer, useControlRendererComponent, useDateValidator, useDynamicHooks, useEvalActionHook, useEvalAllowedOptionsHook, useEvalDefaultValueHook, useEvalDisabledHook, useEvalDisplayHook, useEvalDynamicBoolHook, useEvalDynamicHook, useEvalLabelText, useEvalReadonlyHook, useEvalStyleHook, useEvalVisibilityHook, useJsonataExpression, useJsonataValidator, useLengthValidator, useMakeValidationHook, useUpdatedRef, useUuidExpression, validationVisitor, validatorOptions, visitControlData, visitControlDataArray, visitControlDefinition, visitFormData, visitFormDataInContext, withScalarOptions, wrapLayout, wrapMarkup, wrapMarkupAt };
+export { AdornmentPlacement, AppendAdornmentPriority, ControlAdornmentType, ControlDefinitionType, ControlRenderer, DataRenderType, DateComparison, DefaultSchemaInterface, DisplayDataType, DynamicPropertyType, ExpressionType, FieldType, GroupRenderType, LabelType, NewControlRenderer, SchemaTags, SyncTextType, ValidationMessageType, ValidatorType, WrapAdornmentPriority, accordionOptions, actionControl, actionHandlers, addFieldOption, addMissingControls, addMissingControlsForSchema, adornmentOptions, appendMarkup, appendMarkupAt, applyArrayLengthRestrictions, applyDefaultForField, applyDefaultValues, applyExtensionToSchema, applyExtensionsToSchema, applyLengthRestrictions, applyValues, autocompleteOptions, boolField, buildSchema, checkListOptions, cleanDataForSchema, coerceToString, collectDifferences, compoundControl, compoundField, controlTitle, createAction, createActionRenderer, createAdornmentRenderer, createArrayActions, createArrayRenderer, createDataRenderer, createDisplayRenderer, createFormLookup, createFormRenderer, createFormTree, createFormTreeWithRoot, createGroupRenderer, createLabelRenderer, createLayoutRenderer, createSchemaLookup, createVisibilityRenderer, dataControl, dateField, dateTimeField, dateValidatorOptions, defaultCompoundField, defaultControlForField, defaultDataProps, defaultEvalHooks, defaultGetChildNodes, defaultScalarField, defaultSchemaInterface, defaultUseEvalExpressionHook, defaultValueForField, defaultValueForFields, displayOnlyOptions, doubleField, dynamicDefaultValue, dynamicDisabled, dynamicReadonly, dynamicVisibility, elementValueForField, emptyGroupDefinition, fieldDisplayName, fieldEqExpr, fieldExpr, fieldHasTag, fieldOptionAdornment, fieldPathForDefinition, findChildDefinition, findCompoundField, findControlsForCompound, findField, findFieldPath, findNonDataGroups, findScalarField, getAllReferencedClasses, getAllValues, getDiffObject, getDisplayOnlyOptions, getExternalEditData, getGroupClassOverrides, getGroupRendererOptions, getIsEditing, getJsonPath, getLastDefinedValue, getLengthRestrictions, getNullToggler, getOverrideClass, getRootDataNode, getSchemaFieldList, getSchemaNodePath, getSchemaPath, getTagParam, groupedControl, hasOptions, hideDisplayOnly, htmlDisplayControl, intField, isAccordionAdornment, isActionControl, isArrayRenderer, isAutoCompleteClasses, isAutocompleteRenderer, isCheckEntryClasses, isCompoundField, isCompoundNode, isControlDisabled, isControlDisplayOnly, isControlReadonly, isDataControl, isDataGroupRenderer, isDateTimeRenderer, isDisplayControl, isDisplayOnlyRenderer, isFlexRenderer, isGridRenderer, isGroupControl, isIconAdornment, isOptionalAdornment, isScalarField, isSelectChildRenderer, isSetFieldAdornment, isTabsRenderer, isTextfieldRenderer, jsonPathString, jsonataExpr, jsonataOptions, jsonataValidatorOptions, layoutKeyForPlacement, legacyFormNode, lengthValidatorOptions, lookupDataNode, makeCompoundField, makeEvalExpressionHook, makeHook, makeHookDepString, makeParamTag, makeScalarField, makeSchemaDataNode, matchesType, mergeField, mergeFields, mergeObjects, nodeForControl, radioButtonOptions, relativePath, renderControlLayout, renderLayoutParts, renderOptionsFor, rendererClass, resolveSchemas, rootSchemaNode, schemaDataForFieldPath, schemaDataForFieldRef, schemaForFieldPath, schemaForFieldRef, stringField, stringOptionsField, textDisplayControl, textfieldOptions, timeField, toDepString, traverseData, traverseParents, traverseSchemaPath, useControlDefinitionForSchema, useControlRenderer, useControlRendererComponent, useDateValidator, useDynamicHooks, useEvalActionHook, useEvalAllowedOptionsHook, useEvalDefaultValueHook, useEvalDisabledHook, useEvalDisplayHook, useEvalDynamicBoolHook, useEvalDynamicHook, useEvalLabelText, useEvalReadonlyHook, useEvalStyleHook, useEvalVisibilityHook, useJsonataExpression, useJsonataValidator, useLengthValidator, useMakeValidationHook, useUpdatedRef, useUuidExpression, validationVisitor, validatorOptions, visitControlData, visitControlDataArray, visitControlDefinition, visitFormData, visitFormDataInContext, withScalarOptions, wrapFormNode, wrapLayout, wrapMarkup, wrapMarkupAt };
 //# sourceMappingURL=index.js.map