@exponential_app/eui-react 0.13.0 → 0.14.0

package/dist/index.js

@@ -678,6 +678,8 @@ function ButtonNative({ node, props, rootProps, emit, children }) {
       e.stopPropagation();
       if (hold || inert)
         return;
+      if (str(props.href))
+        ctx.openUrl(str(props.href));
       track(emit(`press`));
       if (submit)
         form.submit();
@@ -3741,18 +3743,25 @@ var WindowedList = forwardRef(function WindowedList({ count, itemKey, renderItem
 // packages/exponential-ui-react/src/natives/layout.tsx
 import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function BoxNative({ node, props, rootProps, emit, children }) {
-  const pressable = bool(props.pressable) || Boolean(node.on?.press);
+  const ctx = useSurfaceContext();
+  const href = str(props.href);
+  const pressable = bool(props.pressable) || Boolean(node.on?.press) || Boolean(href);
   if (!pressable)
     return /* @__PURE__ */ jsx15("div", {
       ...rootProps,
       children
     });
+  const press = () => {
+    if (href)
+      ctx.openUrl(href);
+    emit(`press`);
+  };
   const onKey = (e) => {
     if (e.target !== e.currentTarget)
       return;
     if (e.key === `Enter` || e.key === ` `) {
       e.preventDefault();
-      emit(`press`);
+      press();
     }
   };
   return /* @__PURE__ */ jsx15("div", {
@@ -3760,7 +3769,7 @@ function BoxNative({ node, props, rootProps, emit, children }) {
     "data-pressable": "true",
     role: "button",
     tabIndex: 0,
-    onClick: () => void emit(`press`),
+    onClick: press,
     onKeyDown: onKey,
     children
   });
@@ -6538,6 +6547,7 @@ function RowScope({ rowsPath, row, rowKey, index, tableId, node, onLiteralEdit }
 
 // packages/exponential-ui-react/src/natives/text.tsx
 import { displayString as displayString3 } from "@exponential_app/eui";
+import { textLinkSegments } from "@exponential_app/eui/web";
 
 // packages/exponential-ui-react/src/markdown.tsx
 import { Fragment as Fragment8, createElement, useMemo as useMemo16 } from "react";
@@ -6713,7 +6723,10 @@ function BuiltinMarkdown({ text, className, host }) {
 
 // packages/exponential-ui-react/src/natives/text.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
+var TEXT_LINK_STYLE = { color: `inherit`, textDecoration: `underline` };
 function TextNative({ props, rootProps }) {
+  const ctx = useSurfaceContext();
+  const segments = props.hostLinks === true ? textLinkSegments(ctx.host, displayString3(props.text)) : null;
   const lines = num(props.lines, 0);
   const align = props.align === `end` ? `end` : props.align === `center` ? `center` : props.align === `start` ? `start` : undefined;
   const style = {};
@@ -6729,7 +6742,18 @@ function TextNative({ props, rootProps }) {
     "data-clamp": lines > 1 ? `` : undefined,
     "data-xui-shimmer": props.shimmer === true ? `` : undefined,
     style: mergeStyle(rootProps, Object.keys(style).length ? style : undefined),
-    children: displayString3(props.text)
+    children: segments ? segments.map((segment, i) => segment.href ? /* @__PURE__ */ jsx24("a", {
+      href: segment.href,
+      "data-xui-text-link": "",
+      style: TEXT_LINK_STYLE,
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        ctx.openUrl(segment.href);
+      },
+      onKeyDown: (e) => e.stopPropagation(),
+      children: segment.text
+    }, i) : segment.text) : displayString3(props.text)
   });
 }
 function MarkdownNative({ props, rootProps }) {
@@ -7929,6 +7953,7 @@ function hostPlugin(host, base = {}) {
     openUrl: (url) => {
       host.openUrl(url);
     },
+    textLinks: (text) => host.textLinks(text),
     urls: host.urlPolicy(),
     media: host.mediaOptions(),
     mediaRequest: base.mediaRequest ?? ((src) => host.mediaRequest(src)),
@@ -8097,5 +8122,5 @@ export {
   walkNodes
 };
 
-//# debugId=8852A251DA1E1E9A64756E2164756E21
+//# debugId=7933C1446ED0A0FC64756E2164756E21
 //# sourceMappingURL=index.js.map