@konstructio/ui 0.1.2-alpha.12 → 0.1.2-alpha.120

package/dist/components/PhoneNumberInput/components/FlagContent/FlagContent.js

@@ -0,0 +1,21 @@
+import { t as n } from "../../../../utils-DnIJruo0.js";
+import { t as s } from "../../../../chevron-up-B8hiVgxZ.js";
+import { usePhoneNumberContext as l } from "../../contexts/phone-number.hook.js";
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+var u = () => {
+  const { selectedCountry: e, isOpenSelector: t, handleOpenSelector: o } = l(), { flag: r } = e;
+  return /* @__PURE__ */ c("button", {
+    type: "button",
+    "aria-label": `Select country, ${e.name}`,
+    "aria-expanded": t,
+    className: "flex items-center gap-2 cursor-pointer",
+    onClick: () => o(!t),
+    children: [/* @__PURE__ */ a(r, {}), /* @__PURE__ */ a(s, {
+      className: n("transition-all", "duration-100", "data-[state=open]:rotate-0", "data-[state=closed]:rotate-180", "w-5", "h-5", "text-slate-400"),
+      "data-state": t ? "open" : "closed"
+    })]
+  });
+};
+export {
+  u as FlagContent
+};

package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.js

@@ -0,0 +1,4 @@
+import { t as o } from "../../../../FlagSelectorList-iZ3gUVpf.js";
+export {
+  o as FlagSelectorList
+};

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

@@ -0,0 +1,28 @@
+import { t as i } from "../../../../Input-O2bqyJKW.js";
+import { t as c } from "../../../../utils-DnIJruo0.js";
+import { usePhoneNumberContext as d } from "../../contexts/phone-number.hook.js";
+import { t as p } from "../../../../FlagSelectorList-iZ3gUVpf.js";
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+var v = ({ placeholder: e = "Search", showFlagOnSearch: a, showInputFilter: o, showNameOnSearch: t, showPlaceHolder: m = !0 }) => {
+  const { onChangeTermOfSearch: l } = d(), n = (s) => {
+    l(s.target.value);
+  };
+  return /* @__PURE__ */ h("div", {
+    className: c("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: [o && /* @__PURE__ */ r("div", {
+      className: "px-6 py-2.5",
+      children: /* @__PURE__ */ r(i, {
+        isSearch: !0,
+        "aria-label": "Search country",
+        placeholder: m ? e : void 0,
+        onChange: n
+      })
+    }), /* @__PURE__ */ r(p, {
+      showFlagOnSearch: a,
+      showNameOnSearch: t
+    })]
+  });
+};
+export {
+  v as FlagSelectorWrapper
+};

package/dist/components/PhoneNumberInput/components/PhoneNumberInputContent.js

@@ -0,0 +1,15 @@
+import { t as m } from "../../../phone-number.provider-CJeivoDY.js";
+import { t as n } from "../../../Wrapper-CZCSSCLm.js";
+import { forwardRef as p } from "react";
+import { jsx as r } from "react/jsx-runtime";
+var a = p(({ defaultCountryCode: o = "US", ...e }, t) => /* @__PURE__ */ r(m, {
+  defaultCountryCode: o,
+  children: /* @__PURE__ */ r(n, {
+    ref: t,
+    ...e
+  })
+}));
+a.displayName = "PhoneNumberInputContent";
+export {
+  a as PhoneNumberInputContent
+};

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

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

package/dist/components/PhoneNumberInput/components/Wrapper.js

@@ -0,0 +1,4 @@
+import { t as p } from "../../../Wrapper-CZCSSCLm.js";
+export {
+  p as Wrapper
+};

package/dist/components/PhoneNumberInput/components/index.js

@@ -0,0 +1,6 @@
+import { t } from "../../../FlagSelectorList-iZ3gUVpf.js";
+import { t as p } from "../../../Wrapper-CZCSSCLm.js";
+export {
+  t as FlagSelectorList,
+  p as Wrapper
+};

package/dist/components/PhoneNumberInput/contexts/index.js

@@ -0,0 +1,8 @@
+import { t as r } from "../../../phone-number.provider-CJeivoDY.js";
+import { PhoneNumberContext as m } from "./phone-number.context.js";
+import { usePhoneNumberContext as n } from "./phone-number.hook.js";
+export {
+  m as PhoneNumberContext,
+  r as PhoneNumberProvider,
+  n as usePhoneNumberContext
+};

package/dist/components/PhoneNumberInput/contexts/phone-number.context.js

@@ -0,0 +1,28 @@
+import { createContext as e } from "react";
+var t = e({
+  countries: [],
+  isOpenSelector: !1,
+  selectedCountry: {
+    code: "US",
+    flag: () => null,
+    name: "United States",
+    prefix: "+1"
+  },
+  termOfSearch: "",
+  value: "",
+  handleOpenSelector() {
+    throw new Error("handleOpenSelector function is not implemented");
+  },
+  handleSelectCountry() {
+    throw new Error("handleSelectCountry function is not implemented");
+  },
+  onChangeTermOfSearch() {
+    throw new Error("onChangeTermOfSearch function is not implemented");
+  },
+  onChangeValue() {
+    throw new Error("onChangeValue function is not implemented");
+  }
+});
+export {
+  t as PhoneNumberContext
+};

package/dist/components/PhoneNumberInput/contexts/phone-number.hook.js

@@ -0,0 +1,10 @@
+import { PhoneNumberContext as o } from "./phone-number.context.js";
+import { useContext as r } from "react";
+var u = () => {
+  const e = r(o);
+  if (!e) throw new Error("usePhoneNumberContext must be used within a PhoneNumberProvider");
+  return e;
+};
+export {
+  u as usePhoneNumberContext
+};

package/dist/components/PhoneNumberInput/contexts/phone-number.provider.js

@@ -0,0 +1,4 @@
+import { t as o } from "../../../phone-number.provider-CJeivoDY.js";
+export {
+  o as PhoneNumberProvider
+};

package/dist/components/PhoneNumberInput/utils/index.js

@@ -0,0 +1,10 @@
+import { t as m } from "../../../libphonenumber-BIeQOhzl.js";
+var n = m(), e = n.PhoneNumberUtil.getInstance(), p = (t) => {
+  const r = t.code, o = e.getExampleNumber(r);
+  if (!o) return;
+  const a = e.format(o, n.PhoneNumberFormat.NATIONAL);
+  return `${`+${e.getCountryCodeForRegion(r)}`} ${a.replace(/\d/g, "_")}`;
+};
+export {
+  p as getPhoneMask
+};