@react-typed-forms/schemas-rn 2.1.0 → 2.2.0

package/lib/components/DefaultDisplayOnly.d.ts

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

package/lib/createDefaultRNRenderers.d.ts

@@ -1,8 +1,11 @@
-import { HtmlComponents } from "@react-typed-forms/schemas";
+import { HtmlDivProperties, HtmlComponents } from "@react-typed-forms/schemas";
 import { AdornmentRendererRegistration, DataRendererRegistration, DefaultRenderers, LabelRendererRegistration } from "@react-typed-forms/schemas";
 import { DefaultRendererOptions, DefaultDataRendererOptions, DefaultLabelRendererOptions, DefaultAdornmentRendererOptions } from "./rendererOptions";
 export declare function createDefaultDataRenderer(options?: DefaultDataRendererOptions): DataRendererRegistration;
 export declare function createDefaultAdornmentRenderer(options?: DefaultAdornmentRendererOptions): AdornmentRendererRegistration;
 export declare function createDefaultLabelRenderer(options?: DefaultLabelRendererOptions): LabelRendererRegistration;
+export declare function RNDiv({ className, html, children, textClass, text, style, inline, role, noSelection, ...props }: HtmlDivProperties & {
+    noSelection?: boolean | null;
+}): import("react/jsx-runtime").JSX.Element;
 export declare const ReactNativeHtmlComponents: HtmlComponents;
 export declare function createDefaultRenderers(options?: DefaultRendererOptions): DefaultRenderers;

package/lib/index.cjs

@@ -618,6 +618,9 @@ function RNHtmlRenderer(_ref) {
       style: style,
       className: className,
       children: jsxRuntime.jsx(RenderHtml__default["default"], _extends({
+        defaultTextProps: {
+          selectable: true
+        },
         contentWidth: contentWidth != null ? contentWidth : reactNative.Dimensions.get("window").width,
         source: source
       }, props))
@@ -1393,6 +1396,7 @@ function DefaultDisplayOnly(_ref) {
     var dataNode = _ref.dataNode,
       className = _ref.className,
       emptyText = _ref.emptyText,
+      noSelection = _ref.noSelection,
       schemaInterface = _ref.schemaInterface,
       style = _ref.style,
       renderer = _ref.renderer,
@@ -1401,13 +1405,13 @@ function DefaultDisplayOnly(_ref) {
       state = _ref.state;
     var display = state.resolved.display;
     var text = display != null ? display : (_ref2 = schemaInterface.isEmptyValue(dataNode.schema.field, dataNode.control.value) ? emptyText : schemaInterface.textValueForData(dataNode)) != null ? _ref2 : "";
-    var Div = renderer.html.Div;
-    return jsxRuntime.jsx(Div, {
+    return jsxRuntime.jsx(RNDiv, {
       style: style,
       className: className,
       textClass: textClass,
       text: text,
-      inline: inline
+      inline: inline,
+      noSelection: noSelection
     });
   } finally {
     _effect();
@@ -2454,7 +2458,7 @@ function createButtonActionRenderer(actionId, options) {
 
 var _excluded = ["inline", "textClass", "children", "notWrapInText", "androidRippleColor", "nonTextContent", "onClick"],
   _excluded2 = ["className", "html", "children", "textClass", "text", "style", "inline", "role"],
-  _excluded3 = ["className", "html", "children", "textClass", "text", "style", "inline", "role"],
+  _excluded3 = ["className", "html", "children", "textClass", "text", "style", "inline", "role", "noSelection"],
   _excluded4 = ["id", "type", "onChangeValue", "onChangeChecked", "checked", "value"];
 function createDefaultDataRenderer(options) {
   var _options$checkboxOpti, _options$checkboxOpti2, _options$radioOptions, _options$checkListOpt;
@@ -2513,7 +2517,8 @@ function createDefaultDataRenderer(options) {
           style: props.style,
           inline: props.inline,
           renderer: renderers,
-          emptyText: schemas.isDisplayOnlyRenderer(renderOptions) && renderOptions.emptyText ? renderOptions.emptyText : defaultEmptyText
+          emptyText: schemas.isDisplayOnlyRenderer(renderOptions) && renderOptions.emptyText ? renderOptions.emptyText : defaultEmptyText,
+          noSelection: schemas.isDisplayOnlyRenderer(renderOptions) ? renderOptions.noSelection : undefined
         })
       });
     };
@@ -2802,6 +2807,7 @@ function RNDiv(_ref8) {
       style = _ref8.style,
       inline = _ref8.inline,
       role = _ref8.role,
+      noSelection = _ref8.noSelection,
       props = _objectWithoutPropertiesLoose(_ref8, _excluded3);
     if (html != null) {
       return jsxRuntime.jsx(RNHtmlRenderer, _extends({}, props, {
@@ -2812,6 +2818,7 @@ function RNDiv(_ref8) {
       return jsxRuntime.jsx(reactNative.Text, {
         style: style,
         className: textClass,
+        selectable: !noSelection,
         children: text != null ? text : children
       });
     }
@@ -2823,6 +2830,7 @@ function RNDiv(_ref8) {
       }, props, {
         children: jsxRuntime.jsx(reactNative.Text, {
           className: textClass,
+          selectable: !noSelection,
           children: text
         })
       }));
@@ -2935,6 +2943,7 @@ exports.Icon = Icon;
 exports.RNButton = RNButton$1;
 exports.RNCheckbox = RNCheckbox;
 exports.RNDialog = RNDialog;
+exports.RNDiv = RNDiv;
 exports.RNHtmlRenderer = RNHtmlRenderer;
 exports.RNRadioItem = RNRadioItem;
 exports.RNSelectRenderer = RNSelectRenderer;