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

package/dist/components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js

@@ -1,25 +1,27 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { useCallback as c } from "react";
-import { Input as d } from "../../../Input/Input.js";
-import { FlagSelectorList as p } from "../FlagSelectorList/FlagSelectorList.js";
-import { cn as u } from "../../../../utils/index.js";
-import { usePhoneNumberContext as h } from "../../contexts/phone-number.hook.js";
-const C = ({
-  placeholder: e = "Search",
-  showFlagOnSearch: o,
-  showInputFilter: t,
-  showNameOnSearch: a,
-  showPlaceHolder: m = !0
-}) => {
-  const {
-    onChangeTermOfSearch: l
-  } = h(), n = c((i) => {
+import { t as n } from "../../../../Input-GBMxM3Z7.js";
+import { t as d } from "../../../../utils-DHuiYnx1.js";
+import { t as p } from "../../../../FlagSelectorList-C17nmEBM.js";
+import { usePhoneNumberContext as c } from "../../contexts/phone-number.hook.js";
+import { useCallback as u } from "react";
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+var C = ({ placeholder: e = "Search", showFlagOnSearch: o, showInputFilter: a, showNameOnSearch: t, showPlaceHolder: m = !0 }) => {
+  const { onChangeTermOfSearch: l } = c(), s = u((i) => {
     l(i.target.value);
   }, []);
-  return /* @__PURE__ */ s("div", { className: u("absolute", "top-full", "mt-1.5", "animate-in", "fade-in-0", "zoom-in-95", "w-full", "border", "border-gray-100", "bg-white", "shadow-sm", "py-2", "z-10", "rounded-sm", "dark:bg-metal-800", "dark:border-metal-700"), children: [
-    t && /* @__PURE__ */ r("div", { className: "px-6 py-2.5", children: /* @__PURE__ */ r(d, { isSearch: !0, placeholder: m ? e : void 0, onChange: n }) }),
-    /* @__PURE__ */ r(p, { showFlagOnSearch: o, showNameOnSearch: a })
-  ] });
+  return /* @__PURE__ */ h("div", {
+    className: d("absolute", "top-full", "mt-1.5", "animate-in", "fade-in-0", "zoom-in-95", "w-full", "border", "border-gray-100", "bg-white", "shadow-sm", "py-2", "z-10", "rounded-sm", "dark:bg-metal-800", "dark:border-metal-700"),
+    children: [a && /* @__PURE__ */ r("div", {
+      className: "px-6 py-2.5",
+      children: /* @__PURE__ */ r(n, {
+        isSearch: !0,
+        placeholder: m ? e : void 0,
+        onChange: s
+      })
+    }), /* @__PURE__ */ r(p, {
+      showFlagOnSearch: o,
+      showNameOnSearch: t
+    })]
+  });
 };
 export {
   C as FlagSelectorWrapper

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

@@ -1,56 +1,52 @@
-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);
-    return window.addEventListener("resize", l, {
-      signal: t.signal
-    }), () => {
-      t.abort(), l.cancel();
+import { o as f } from "../../../../chunk-D1xtDmiO.js";
+import { a as u, i as b, n as m, o as p } from "../../../../dist-CSP6X06u.js";
+import { t as h } from "../../../../debounce-CzFlgg9h.js";
+import { useCallback as w, useEffect as i, useRef as g, useState as v } from "react";
+import { jsx as s, jsxs as a } from "react/jsx-runtime";
+var k = /* @__PURE__ */ f(h(), 1), N = ({ text: r, prefix: n }) => {
+  const o = g(null), [c, d] = v(!1), t = w(() => {
+    const e = o.current;
+    e && d(e.scrollWidth > e.clientWidth);
+  }, []);
+  return i(() => {
+    const e = new AbortController(), l = (0, k.default)(t, 300);
+    return window.addEventListener("resize", l, { signal: e.signal }), () => {
+      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: [
-      r,
-      " ",
-      a
-    ] }) }),
-    /* @__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;
+  }, [t]), i(() => {
+    t();
+  }, [r, t]), c ? /* @__PURE__ */ s(b, {
+    delayDuration: 0,
+    children: /* @__PURE__ */ a(u, { children: [/* @__PURE__ */ s(p, {
+      asChild: !0,
+      children: /* @__PURE__ */ a("span", {
+        ref: o,
+        className: "w-full truncate cursor-pointer",
+        children: [
+          r,
+          " ",
+          n
+        ]
+      })
+    }), /* @__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: o,
+    className: "w-full truncate",
+    children: [r, /* @__PURE__ */ s("span", {
+      className: "text-slate-500",
+      children: n
+    })]
+  });
 };
 export {
-  W as TruncateText
+  N as TruncateText
 };