@pibit.ai/cure-design-system 0.3.20 → 0.3.21

package/dist/primitives/tooltip/ellipsis-content.js

@@ -1,25 +1,28 @@
-import { jsxs as v, Fragment as y, jsx as u } from "react/jsx-runtime";
+import { jsxs as v, Fragment as y, jsx as c } from "react/jsx-runtime";
 import { useState as w, useRef as x, useEffect as b } from "react";
 import { createPortal as P } from "react-dom";
-import { computePosition as M, offset as $, autoPlacement as E, size as R, shift as W } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { computePosition as $, offset as E, autoPlacement as M, size as W, shift as k } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
 import { cx as T } from "../../utils/cn.js";
-const j = ({
-  content: e,
-  className: c = "",
+const z = (t) => {
+  const e = t.trim();
+  return e ? /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(e) || e.startsWith("//") ? e : `https://${e}` : "";
+}, R = ({
+  content: t,
+  className: e = "",
   link: f = !1,
   textClassName: m = "",
   tooltipClassName: h = ""
 }) => {
-  const [i, a] = w(!1), [p, g] = w({ top: -9999, left: -9999 }), o = x(null), s = x(null), n = x(null);
+  const [a, s] = w(!1), [p, g] = w({ top: -9999, left: -9999 }), n = x(null), u = x(null), i = x(null);
   return b(() => () => {
-    n.current != null && clearTimeout(n.current);
+    i.current != null && clearTimeout(i.current);
   }, []), b(() => {
-    if (!i || !o.current || !s.current) return;
-    let t = !1;
-    return M(o.current, s.current, {
+    if (!a || !n.current || !u.current) return;
+    let r = !1;
+    return $(n.current, u.current, {
       middleware: [
-        $(8),
-        E({
+        E(8),
+        M({
           allowedPlacements: [
             "top-start",
             "top",
@@ -29,53 +32,53 @@ const j = ({
             "bottom-end"
           ]
         }),
-        R({
+        W({
           padding: 8,
-          apply({ availableWidth: r, availableHeight: l, elements: d }) {
+          apply({ availableWidth: o, availableHeight: l, elements: d }) {
             Object.assign(d.floating.style, {
-              maxWidth: `${Math.min(r, 512)}px`,
+              maxWidth: `${Math.min(o, 512)}px`,
               maxHeight: `${Math.min(l, window.innerHeight * 0.4)}px`
             });
           }
         }),
-        W({ padding: 8 })
+        k({ padding: 8 })
       ]
-    }).then(({ x: r, y: l }) => {
-      t || g({ top: l, left: r });
+    }).then(({ x: o, y: l }) => {
+      r || g({ top: l, left: o });
     }), () => {
-      t = !0;
+      r = !0;
     };
-  }, [i]), /* @__PURE__ */ v(y, { children: [
-    /* @__PURE__ */ u(
+  }, [a]), /* @__PURE__ */ v(y, { children: [
+    /* @__PURE__ */ c(
       "span",
       {
-        ref: o,
+        ref: n,
         className: T(
           "whitespace-nowrap overflow-hidden text-ellipsis w-full block",
           m,
-          c,
+          e,
           f ? "!text-[var(--color-brand-600)]" : ""
         ),
         onMouseEnter: () => {
-          !o.current || !(o.current.scrollWidth > o.current.clientWidth) || (g({ top: -9999, left: -9999 }), a(!0));
+          !n.current || !(n.current.scrollWidth > n.current.clientWidth) || (g({ top: -9999, left: -9999 }), s(!0));
         },
-        onMouseLeave: (t) => {
-          var r;
-          (r = s.current) != null && r.contains(t.relatedTarget) || (n.current != null && clearTimeout(n.current), n.current = setTimeout(() => {
+        onMouseLeave: (r) => {
+          var o;
+          (o = u.current) != null && o.contains(r.relatedTarget) || (i.current != null && clearTimeout(i.current), i.current = setTimeout(() => {
             var l, d;
-            n.current = null, !((l = s.current) != null && l.matches(":hover")) && !((d = o.current) != null && d.matches(":hover")) && a(!1);
+            i.current = null, !((l = u.current) != null && l.matches(":hover")) && !((d = n.current) != null && d.matches(":hover")) && s(!1);
           }, 100));
         },
-        children: f ? /* @__PURE__ */ u("a", { href: e, target: "_blank", rel: "noopener noreferrer", children: e }) : e
+        children: f ? /* @__PURE__ */ c("a", { href: z(t), target: "_blank", rel: "noopener noreferrer", children: t }) : t
       }
     ),
-    i && P(
-      /* @__PURE__ */ u(
+    a && P(
+      /* @__PURE__ */ c(
         "div",
         {
           "data-react-aria-top-layer": "true",
           role: "tooltip",
-          ref: s,
+          ref: u,
           className: T(
             "fixed px-3 py-2 text-xs font-semibold text-white bg-primary-solid rounded-lg shadow-lg z-[9999] max-w-lg max-h-[40vh] overflow-y-auto break-words whitespace-normal",
             h
@@ -84,30 +87,30 @@ const j = ({
             top: `${p.top}px`,
             left: `${p.left}px`
           },
-          onClick: (t) => t.stopPropagation(),
-          onMouseLeave: (t) => {
-            var r;
-            (r = o.current) != null && r.contains(t.relatedTarget) || a(!1);
+          onClick: (r) => r.stopPropagation(),
+          onMouseLeave: (r) => {
+            var o;
+            (o = n.current) != null && o.contains(r.relatedTarget) || s(!1);
           },
-          children: e
+          children: t
         }
       ),
       document.body
     )
   ] });
-}, N = (e, c = "", f, m = "start", h, i, a, p) => e === "" || e === "-" ? /* @__PURE__ */ u("span", { className: `text-left ${c}`, children: e || i || "-" }) : /* @__PURE__ */ u(
-  j,
+}, N = (t, e = "", f, m = "start", h, a, s, p) => t === "" || t === "-" ? /* @__PURE__ */ c("span", { className: `text-left ${e}`, children: t || a || "-" }) : /* @__PURE__ */ c(
+  R,
   {
-    content: e,
-    className: c,
+    content: t,
+    className: e,
     link: f,
     tooltipPosition: m,
     tooltipSide: h,
-    textClassName: a,
+    textClassName: s,
     tooltipClassName: p
   }
 );
 export {
-  j as EllipsisContentWithTooltip,
+  R as EllipsisContentWithTooltip,
   N as createEllipsisContent
 };