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

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/components/RNHtmlRenderer.d.ts

@@ -4,5 +4,6 @@ export type RNHtmlRendererProps = {
     className?: string;
     html?: string;
     style?: React.CSSProperties | undefined;
+    noSelection?: boolean | null;
 } & Pick<RenderHTMLProps, "baseStyle" | "tagsStyles" | "systemFonts" | "contentWidth">;
-export declare function RNHtmlRenderer({ className, html, style, contentWidth, ...props }: RNHtmlRendererProps): import("react/jsx-runtime").JSX.Element | undefined;
+export declare function RNHtmlRenderer({ className, html, style, contentWidth, noSelection, ...props }: RNHtmlRendererProps): import("react/jsx-runtime").JSX.Element | undefined;

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

@@ -601,7 +601,7 @@ function RNDateTimePicker(_ref) {
   }
 }
 
-var _excluded$8 = ["className", "html", "style", "contentWidth"];
+var _excluded$8 = ["className", "html", "style", "contentWidth", "noSelection"];
 function RNHtmlRenderer(_ref) {
   var _effect = core.useComponentTracking();
   try {
@@ -609,6 +609,7 @@ function RNHtmlRenderer(_ref) {
       html = _ref.html,
       style = _ref.style,
       contentWidth = _ref.contentWidth,
+      noSelection = _ref.noSelection,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
     if (!html) return;
     var source = {
@@ -618,6 +619,9 @@ function RNHtmlRenderer(_ref) {
       style: style,
       className: className,
       children: jsxRuntime.jsx(RenderHtml__default["default"], _extends({
+        defaultTextProps: {
+          selectable: !noSelection
+        },
         contentWidth: contentWidth != null ? contentWidth : reactNative.Dimensions.get("window").width,
         source: source
       }, props))
@@ -1189,12 +1193,13 @@ function DefaultDisplay(_ref) {
         });
       case schemas.DisplayDataType.Text:
         var text = display ? schemas.coerceToString(display.value) : data.text;
-        return jsxRuntime.jsx(Div, {
+        return jsxRuntime.jsx(RNDiv, {
           style: style,
           className: schemas.rendererClass(className, options.textClassName),
           textClass: schemas.rendererClass(textClass, options.textTextClass),
           text: text,
-          inline: displayProps.inline
+          inline: displayProps.inline,
+          noSelection: displayProps.noSelection
         });
       case schemas.DisplayDataType.Html:
         var htmlClassName = options.htmlClassName,
@@ -1202,6 +1207,7 @@ function DefaultDisplay(_ref) {
         return jsxRuntime.jsx(RNHtmlRenderer, _extends({
           style: style,
           className: schemas.rendererClass(className, htmlClassName),
+          noSelection: displayProps.noSelection,
           html: display ? schemas.coerceToString(display.value) : data.html
         }, props));
       case schemas.DisplayDataType.Custom:
@@ -1393,6 +1399,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 +1408,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 +2461,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 +2520,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: props.definition.noSelection
         })
       });
     };
@@ -2802,16 +2810,19 @@ 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, {
-        html: html
+        html: html,
+        noSelection: noSelection
       }));
     }
     if (inline) {
       return jsxRuntime.jsx(reactNative.Text, {
         style: style,
         className: textClass,
+        selectable: !noSelection,
         children: text != null ? text : children
       });
     }
@@ -2823,6 +2834,7 @@ function RNDiv(_ref8) {
       }, props, {
         children: jsxRuntime.jsx(reactNative.Text, {
           className: textClass,
+          selectable: !noSelection,
           children: text
         })
       }));
@@ -2935,6 +2947,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;