@overmap-ai/forms 1.0.12-links.13 → 1.0.12-links.3

package/dist/forms.js

@@ -477,26 +477,20 @@ const StringInput = memo(function StringInput2(props) {
   const [{ inputId, labelId, severity, helpText, label, fieldProps, field }, rest] = useFormikInput(props);
   const color = useSeverityColor(severity);
   console.log(inputId, label, fieldProps, field, rest);
-  return /* @__PURE__ */ jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsx(InputWithLabel, { severity, inputId, labelId, label, children: !rest.disabled ? /* @__PURE__ */ jsx(TextField$1.Input, { ...rest, ...fieldProps, type: field.inputType, id: inputId, color }) : /* @__PURE__ */ jsxs(TextField$1.Root, { style: { zIndex: 1 }, children: [
+  return /* @__PURE__ */ jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxs(InputWithLabel, { severity, inputId, labelId, label, children: [
     /* @__PURE__ */ jsx(
-      "div",
+      TextField$1.Input,
       {
-        className: "rt-TextFieldInput rt-r-size-2 rt-variant-surface",
-        style: { overflowY: "hidden", paddingTop: "5px" },
-        children: /* @__PURE__ */ jsx(
-          Linkify,
-          {
-            options: {
-              target: "_blank",
-              rel: "noopener"
-            },
-            children: fieldProps.value
-          }
-        )
+        ...rest,
+        ...fieldProps,
+        value: '<a href="http://www.mysite.com/link" target="_blank"><img src="http://www.mysite.com/img.jpg" border="0" alt="mysite.com"></a>',
+        type: field.inputType,
+        id: inputId,
+        color
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "rt-TextFieldChrome" })
-  ] }) }) });
+    /* @__PURE__ */ jsx(Linkify, { children: fieldProps.value })
+  ] }) });
 });
 const _StringField = class _StringField extends StringOrTextField {
   constructor(options) {
@@ -526,7 +520,10 @@ __publicField(_StringField, "Icon", InputIcon);
 let StringField = _StringField;
 const TextInput = memo(function TextInput2(props) {
   const [{ inputId, labelId, severity, helpText, label, fieldProps }, rest] = useFormikInput(props);
-  return /* @__PURE__ */ jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsx(InputWithLabel, { severity, inputId, labelId, label, children: /* @__PURE__ */ jsx(TextArea, { ...rest, ...fieldProps, resize: "vertical", id: inputId, severity }) }) });
+  return /* @__PURE__ */ jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsxs(InputWithLabel, { severity, inputId, labelId, label, children: [
+    /* @__PURE__ */ jsx(TextArea, { ...rest, ...fieldProps, resize: "vertical", id: inputId, severity }),
+    /* @__PURE__ */ jsx(Linkify, { children: fieldProps.value })
+  ] }) });
 });
 const _TextField = class _TextField extends StringOrTextField {
   constructor(options) {