@react-typed-forms/schemas-html 4.0.1 → 4.1.1

package/lib/components/DefaultDisplayOnly.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { FormRenderer, SchemaDataNode, SchemaInterface } from "@react-typed-forms/schemas";
-export declare function DefaultDisplayOnly({ dataNode, className, emptyText, schemaInterface, style, renderer, textClass, inline, }: {
+import { ControlState, FormRenderer, SchemaDataNode, SchemaInterface } from "@react-typed-forms/schemas";
+export declare function DefaultDisplayOnly({ dataNode, className, emptyText, schemaInterface, style, renderer, textClass, inline, state, }: {
     dataNode: SchemaDataNode;
     schemaInterface: SchemaInterface;
     className?: string;
@@ -9,4 +9,5 @@ export declare function DefaultDisplayOnly({ dataNode, className, emptyText, sch
     inline: boolean;
     renderer: FormRenderer;
     emptyText?: string | null;
+    state: ControlState;
 }): JSX.Element;

package/lib/index.cjs

@@ -644,8 +644,9 @@ function DefaultDisplayOnly(_ref) {
       style = _ref.style,
       renderer = _ref.renderer,
       textClass = _ref.textClass,
-      inline = _ref.inline;
-    var text = (_ref2 = schemaInterface.isEmptyValue(dataNode.schema.field, dataNode.control.value) ? emptyText : schemaInterface.textValueForData(dataNode)) != null ? _ref2 : "";
+      inline = _ref.inline,
+      state = _ref.state;
+    var text = state.display != null ? state.display : (_ref2 = schemaInterface.isEmptyValue(dataNode.schema.field, dataNode.control.value) ? emptyText : schemaInterface.textValueForData(dataNode)) != null ? _ref2 : "";
     var Div = renderer.html.Div;
     return /*#__PURE__*/jsxRuntime.jsx(Div, {
       style: style,
@@ -763,21 +764,23 @@ function createTabsRenderer(options) {
     renderType: schemas.GroupRenderType.Tabs
   });
   function renderAllTabs(_ref, isVisible) {
+    var _tabIndex$value;
     var options = _ref.options,
       _ref$groupProps = _ref.groupProps,
       designMode = _ref$groupProps.designMode,
       formNode = _ref$groupProps.formNode,
       className = _ref$groupProps.className,
       renderChild = _ref$groupProps.renderChild,
+      state = _ref$groupProps.state,
       tabOptions = _ref.tabOptions;
-    var tabIndex = core.useControl(0);
+    var tabIndex = state.meta.fields.tabIndex.as();
     var tabClass = options.tabClass,
       labelClass = options.labelClass,
       tabListClass = options.tabListClass,
       inactiveClass = options.inactiveClass,
       activeClass = options.activeClass,
       contentClass = options.contentClass;
-    var currentTab = tabIndex.value;
+    var currentTab = (_tabIndex$value = tabIndex.value) != null ? _tabIndex$value : 0;
     return designMode ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
       children: formNode.getChildNodes().map(function (x, i) {
         return renderTabs([x], i);
@@ -1865,7 +1868,7 @@ function createOptionalAdornment(options) {
 function OptionalEditRenderer(_ref2) {
   var _effect = core.useComponentTracking();
   try {
-    var _options$setNullText;
+    var _renderMultiValues, _options$setNullText;
     var children = _ref2.children,
       options = _ref2.options,
       adornment = _ref2.adornment,
@@ -1873,7 +1876,7 @@ function OptionalEditRenderer(_ref2) {
       renderMultiValues = _ref2.renderMultiValues,
       allValues = _ref2.allValues,
       nullToggler = _ref2.nullToggler;
-    renderMultiValues != null ? renderMultiValues : renderMultiValues = function renderMultiValues() {
+    (_renderMultiValues = renderMultiValues) != null ? _renderMultiValues : renderMultiValues = function renderMultiValues() {
       var _options$multiValuesT;
       return (_options$multiValuesT = options.multiValuesText) != null ? _options$multiValuesT : "Differing values";
     };
@@ -2139,6 +2142,7 @@ function createDefaultDataRenderer(options) {
         className: "@ " + schemas.rendererClass(p.className, displayOnlyClass),
         children: /*#__PURE__*/jsxRuntime.jsx(DefaultDisplayOnly, {
           dataNode: props.dataNode,
+          state: props.state,
           schemaInterface: props.dataContext.schemaInterface,
           className: props.className,
           textClass: props.textClass,