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

package/lib/index.js

@@ -170,14 +170,14 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-const _excluded$b = ["className", "asChild"];
+const _excluded$d = ["className", "asChild"];
 const TextClassContext = /*#__PURE__*/React.createContext(undefined);
 const RNText = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
       className,
       asChild = false
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   const textClass = React.useContext(TextClassContext);
   const Component = asChild ? Slot.Text : Text;
   return jsx(Component, _extends({
@@ -187,7 +187,7 @@ const RNText = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 RNText.displayName = "RNText";
 
-const _excluded$a = ["className", "variant", "size"];
+const _excluded$c = ["className", "variant", "size"];
 const buttonVariants = cva("group flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", {
   variants: {
     variant: {
@@ -238,7 +238,7 @@ const RNButton$1 = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       variant,
       size
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   return jsx(TextClassContext.Provider, {
     value: buttonTextVariants({
       variant,
@@ -294,7 +294,7 @@ function Icon({
   }
 }
 
-const _excluded$9 = ["className"];
+const _excluded$b = ["className"];
 function createRNCheckboxRenderer(options = {}) {
   return createDataRenderer((props, renderer) => p => _extends({}, p, {
     label: undefined,
@@ -348,7 +348,7 @@ const RNCheckbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
       className
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   return jsx(CheckboxPrimitive.Root, _extends({
     ref: ref,
     className: cn("web:peer h-4 w-4 native:h-[24px] native:w-[24px] shrink-0 rounded-sm native:rounded border border-accent web:ring-offset-background web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className)
@@ -367,7 +367,7 @@ const RNCheckbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 RNCheckbox.displayName = CheckboxPrimitive.Root.displayName;
 
-const _excluded$8 = ["renderOptions", "control", "readonly"],
+const _excluded$a = ["renderOptions", "control", "readonly"],
   _excluded2$5 = ["className", "placeholderClassName"];
 function createRNTextInputRenderer(inputClass, inputTextClass) {
   return createDataRenderer(p => {
@@ -376,7 +376,7 @@ function createRNTextInputRenderer(inputClass, inputTextClass) {
         control,
         readonly
       } = p,
-      rest = _objectWithoutPropertiesLoose(p, _excluded$8);
+      rest = _objectWithoutPropertiesLoose(p, _excluded$a);
     const {
       disabled
     } = formControlProps(control);
@@ -423,7 +423,7 @@ function RNTextInput(_ref) {
 }
 RNTextInput.displayName = "RNInput";
 
-const _excluded$7 = ["control", "mode", "locale", "is24Hour", "className"];
+const _excluded$9 = ["control", "mode", "locale", "is24Hour", "className"];
 function createRNDateTimePickerRenderer(options = {}) {
   return createDataRenderer(p => {
     const mode = p.field.type == FieldType.DateTime ? "datetime" : p.field.type == FieldType.Time ? "time" : "date";
@@ -447,7 +447,7 @@ function RNDateTimePicker(_ref) {
         is24Hour = true,
         className
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
     const disabled = control.disabled;
     const {
       maximumDate,
@@ -571,36 +571,45 @@ function RNDateTimePicker(_ref) {
   }
 }
 
-function RNHtmlRenderer({
-  className,
-  html
-}) {
+const _excluded$8 = ["className", "html", "style", "contentWidth"];
+function RNHtmlRenderer(_ref) {
   var _effect = useComponentTracking();
   try {
+    let {
+        className,
+        html,
+        style,
+        contentWidth
+      } = _ref,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
     if (!html) return;
     const source = {
       html: html
     };
     return jsx(View, {
+      style: style,
       className: className,
-      children: jsx(RenderHtml, {
-        contentWidth: Dimensions.get("window").width,
+      children: jsx(RenderHtml, _extends({
+        defaultTextProps: {
+          selectable: true
+        },
+        contentWidth: contentWidth != null ? contentWidth : Dimensions.get("window").width,
         source: source
-      })
+      }, props))
     });
   } finally {
     _effect();
   }
 }
 
-const _excluded$6 = ["className", "checked", "onChange"];
+const _excluded$7 = ["className", "checked", "onChange"];
 const RNRadioItem = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
       className,
       checked,
       onChange
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   return jsx(Pressable, _extends({
     ref: ref,
     onPress: onChange,
@@ -631,7 +640,7 @@ function createSelectConversion(ft) {
   }
 }
 
-const _excluded$5 = ["state", "options", "className", "convert", "required", "emptyText", "requiredText", "portalHost", "readonly"],
+const _excluded$6 = ["state", "options", "className", "convert", "required", "emptyText", "requiredText", "portalHost", "readonly"],
   _excluded2$4 = ["ref", "className", "children"],
   _excluded3$2 = ["className", "children", "position", "portalHost"],
   _excluded4$2 = ["className"],
@@ -671,7 +680,7 @@ function RNSelectRenderer(_ref) {
         portalHost,
         readonly
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
     const insets = useSafeAreaInsets();
     const contentInsets = {
       top: insets.top,
@@ -848,7 +857,7 @@ const SelectItem = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
 
-const _excluded$4 = ["className"],
+const _excluded$5 = ["className"],
   _excluded2$3 = ["className", "children"],
   _excluded3$1 = ["className", "children", "portalHost", "closeOnOutsidePress"],
   _excluded4$1 = ["className"];
@@ -862,7 +871,7 @@ function DialogOverlayWeb(_ref) {
     let {
         className
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
     const {
       open
     } = DialogPrimitive.useRootContext();
@@ -1101,6 +1110,7 @@ function RNScrollListRenderer({
   }
 }
 
+const _excluded$4 = ["htmlClassName"];
 function createDefaultDisplayRenderer(options = {}) {
   return {
     render: (props, renderer) => jsx(DefaultDisplay, {
@@ -1152,12 +1162,15 @@ function DefaultDisplay({
           inline: displayProps.inline
         });
       case DisplayDataType.Html:
-        return jsx(Div, {
+        const {
+            htmlClassName
+          } = options,
+          props = _objectWithoutPropertiesLoose(options, _excluded$4);
+        return jsx(RNHtmlRenderer, _extends({
           style: style,
-          className: rendererClass(className, options.htmlClassName),
-          inline: displayProps.inline,
+          className: rendererClass(className, htmlClassName),
           html: display ? coerceToString(display.value) : data.html
-        });
+        }, props));
       case DisplayDataType.Custom:
         return jsx(Div, {
           children: jsxs(B, {
@@ -1338,6 +1351,7 @@ function DefaultDisplayOnly({
   dataNode,
   className,
   emptyText,
+  noSelection,
   schemaInterface,
   style,
   renderer,
@@ -1352,15 +1366,13 @@ function DefaultDisplayOnly({
       display
     } = state.resolved;
     const text = display != null ? display : (_ref = schemaInterface.isEmptyValue(dataNode.schema.field, dataNode.control.value) ? emptyText : schemaInterface.textValueForData(dataNode)) != null ? _ref : "";
-    const {
-      Div
-    } = renderer.html;
-    return jsx(Div, {
+    return jsx(RNDiv, {
       style: style,
       className: className,
       textClass: textClass,
       text: text,
-      inline: inline
+      inline: inline,
+      noSelection: noSelection
     });
   } finally {
     _effect();
@@ -2341,7 +2353,7 @@ function createButtonActionRenderer(actionId, options = {}) {
 
 const _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;
@@ -2400,7 +2412,8 @@ function createDefaultDataRenderer(options = {}) {
           style: props.style,
           inline: props.inline,
           renderer: renderers,
-          emptyText: isDisplayOnlyRenderer(renderOptions) && renderOptions.emptyText ? renderOptions.emptyText : defaultEmptyText
+          emptyText: isDisplayOnlyRenderer(renderOptions) && renderOptions.emptyText ? renderOptions.emptyText : defaultEmptyText,
+          noSelection: isDisplayOnlyRenderer(renderOptions) ? renderOptions.noSelection : undefined
         })
       });
     };
@@ -2685,7 +2698,8 @@ function RNDiv(_ref4) {
         text,
         style,
         inline,
-        role
+        role,
+        noSelection
       } = _ref4,
       props = _objectWithoutPropertiesLoose(_ref4, _excluded3);
     if (html != null) {
@@ -2697,6 +2711,7 @@ function RNDiv(_ref4) {
       return jsx(Text, {
         style: style,
         className: textClass,
+        selectable: !noSelection,
         children: text != null ? text : children
       });
     }
@@ -2708,6 +2723,7 @@ function RNDiv(_ref4) {
       }, props, {
         children: jsx(Text, {
           className: textClass,
+          selectable: !noSelection,
           children: text
         })
       }));
@@ -2802,5 +2818,5 @@ function isNodeEmpty(node) {
   return false;
 }
 
-export { DefaultBoolOptions, Dialog, DialogClose, DialogContent, DialogPortal, DialogTitle, DialogTrigger, Icon, RNButton$1 as RNButton, RNCheckbox, RNDialog, RNHtmlRenderer, RNRadioItem, RNSelectRenderer, RNText, RNTextInput, ReactNativeHtmlComponents, TextClassContext, buttonTextVariants, buttonVariants, createButtonActionRenderer, createDefaultAdornmentRenderer, createDefaultDataRenderer, createDefaultLabelRenderer, createDefaultRenderers, createRNCheckboxRenderer, createRNDateTimePickerRenderer, createRNScrollListRenderer, createRNSelectRenderer, createRNTextInputRenderer, createSelectConversion, defaultRnTailwindTheme, defaultTailwindTheme };
+export { DefaultBoolOptions, Dialog, DialogClose, DialogContent, DialogPortal, DialogTitle, DialogTrigger, Icon, RNButton$1 as RNButton, RNCheckbox, RNDialog, RNDiv, RNHtmlRenderer, RNRadioItem, RNSelectRenderer, RNText, RNTextInput, ReactNativeHtmlComponents, TextClassContext, buttonTextVariants, buttonVariants, createButtonActionRenderer, createDefaultAdornmentRenderer, createDefaultDataRenderer, createDefaultLabelRenderer, createDefaultRenderers, createRNCheckboxRenderer, createRNDateTimePickerRenderer, createRNScrollListRenderer, createRNSelectRenderer, createRNTextInputRenderer, createSelectConversion, defaultRnTailwindTheme, defaultTailwindTheme };
 //# sourceMappingURL=index.js.map