@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.78

package/dist/components/PhoneNumberInput/components/TruncateText/TruncateText.js

@@ -1,56 +1,45 @@
-import { jsx as b, jsxs as m } from "react/jsx-runtime";
-import { c as g } from "../../../../compiler-runtime-DA41awpA.js";
-import { a as R, R as y, T, C as _ } from "../../../../index-CiACf4ao.js";
-import { d as v } from "../../../../debounce-DJveWHr_.js";
-import { useRef as k, useState as z, useEffect as p } from "react";
-const W = (h) => {
-  const e = g.c(14), {
-    text: r,
-    prefix: a
-  } = h, u = k(null), [x, w] = z(!1);
-  let n;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = () => {
-    const t = u.current;
-    t && w(t.scrollWidth > t.clientWidth);
-  }, e[0] = n) : n = e[0];
-  const s = n;
-  let o, i;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = () => {
-    const t = new AbortController(), l = v(s, 300);
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { P as f, R as u, T as b, C as m } from "../../../../index-mPinF0Ho.js";
+import { d as h } from "../../../../debounce-DJveWHr_.js";
+import { useRef as p, useState as w, useCallback as g, useEffect as i } from "react";
+const C = ({ text: r, prefix: n }) => {
+  const s = p(null), [c, d] = w(!1), t = g(() => {
+    const e = s.current;
+    e && d(e.scrollWidth > e.clientWidth);
+  }, []);
+  return i(() => {
+    const e = new AbortController(), l = h(t, 300);
     return window.addEventListener("resize", l, {
-      signal: t.signal
+      signal: e.signal
     }), () => {
-      t.abort(), l.cancel();
+      e.abort(), l.cancel();
     };
-  }, i = [s], e[1] = o, e[2] = i) : (o = e[1], i = e[2]), p(o, i);
-  let c;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = () => {
-    s();
-  }, e[3] = c) : c = e[3];
-  let f;
-  if (e[4] !== r ? (f = [r, s], e[4] = r, e[5] = f) : f = e[5], p(c, f), !x) {
-    let t;
-    e[6] !== a ? (t = /* @__PURE__ */ b("span", { className: "text-slate-500", children: a }), e[6] = a, e[7] = t) : t = e[7];
-    let l;
-    return e[8] !== t || e[9] !== r ? (l = /* @__PURE__ */ m("span", { ref: u, className: "w-full truncate", children: [
-      r,
-      t
-    ] }), e[8] = t, e[9] = r, e[10] = l) : l = e[10], l;
-  }
-  let d;
-  return e[11] !== a || e[12] !== r ? (d = /* @__PURE__ */ b(R, { delayDuration: 0, children: /* @__PURE__ */ m(y, { children: [
-    /* @__PURE__ */ b(T, { asChild: !0, children: /* @__PURE__ */ m("span", { ref: u, className: "w-full truncate cursor-pointer", children: [
+  }, [t]), i(() => {
+    t();
+  }, [r, t]), c ? /* @__PURE__ */ o(f, { delayDuration: 0, children: /* @__PURE__ */ a(u, { children: [
+    /* @__PURE__ */ o(b, { asChild: !0, children: /* @__PURE__ */ a("span", { ref: s, className: "w-full truncate cursor-pointer", children: [
       r,
       " ",
-      a
+      n
     ] }) }),
-    /* @__PURE__ */ m(_, { side: "top", align: "center", className: "animate-in fade-in-0 relative mb-1.5 overflow-visible bg-kubefirst-dark-blue-900 text-white px-3 py-2 rounded-lg shadow-sm after:content-[''] after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:translate-y-full after:border-l-8 after:border-l-transparent after:border-r-8 after:border-r-transparent after:border-t-8 after:border-kubefirst-dark-blue-900 z-999", children: [
-      r,
-      " ",
-      a
-    ] })
-  ] }) }), e[11] = a, e[12] = r, e[13] = d) : d = e[13], d;
+    /* @__PURE__ */ a(
+      m,
+      {
+        side: "top",
+        align: "center",
+        className: "animate-in fade-in-0 relative mb-1.5 overflow-visible bg-kubefirst-dark-blue-900 text-white px-3 py-2 rounded-lg shadow-sm after:content-[''] after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:translate-y-full after:border-l-8 after:border-l-transparent after:border-r-8 after:border-r-transparent after:border-t-8 after:border-kubefirst-dark-blue-900 z-999",
+        children: [
+          r,
+          " ",
+          n
+        ]
+      }
+    )
+  ] }) }) : /* @__PURE__ */ a("span", { ref: s, className: "w-full truncate", children: [
+    r,
+    /* @__PURE__ */ o("span", { className: "text-slate-500", children: n })
+  ] });
 };
 export {
-  W as TruncateText
+  C as TruncateText
 };