@datawire-ai/busyfile-design-library 1.30.10 → 1.31.1

package/dist/index12.js

@@ -1,109 +1,174 @@
-import { jsxs as u, jsx as n } from "react/jsx-runtime";
-import { useState as B, useMemo as M, useEffect as V } from "react";
-import { InputWithLabel as H } from "./index53.js";
-import { Select as L, SelectTrigger as q, SelectContent as z, SelectItem as F } from "./index33.js";
-import { cn as G } from "./index37.js";
-const Z = ({
-  label: x = "Phone number",
-  helperText: C,
-  errorText: U,
-  size: N = "medium",
-  disabled: I,
-  labelClassName: k,
-  country: T,
-  onCountryChange: $,
-  countryOptions: d,
-  showDialCode: m = !0,
-  className: y,
-  onValidityChange: o,
-  includeDialCodeInValue: f = !0,
-  ...t
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { useState as X, useMemo as x, useEffect as Y } from "react";
+import { InputWithLabel as Z } from "./index53.js";
+import { Select as G, SelectTrigger as J, SelectContent as O, SelectItem as Q } from "./index33.js";
+import { cn as P } from "./index37.js";
+const N = "US", $ = "+1";
+function A(n) {
+  return n.replace(/\D/g, "");
+}
+function k(n) {
+  const l = (n ?? "").trim();
+  if (l.length === 0) return "Phone number is required";
+  const e = A(l);
+  if (l.startsWith("+")) {
+    if (e.length !== 11)
+      return "Phone number must have 11 digits including country code";
+    const o = e.slice(1), u = o.slice(0, 3), d = o.slice(3, 6);
+    return u[0] === "0" || u[0] === "1" ? "Invalid area code" : d[0] === "0" || d[0] === "1" ? "Invalid exchange code" : null;
+  }
+  return e.length !== 11 ? "Use format: +1 (XXX) XXX XXXX" : null;
+}
+function K(n) {
+  const l = (n ?? "").trim();
+  let e = A(l);
+  return l.startsWith("+") && e.startsWith("1") && (e = e.slice(1)), e.length >= 11 && e.startsWith("1") && (e = e.slice(1)), e.length > 10 && (e = e.slice(0, 10)), e;
+}
+function p(n) {
+  const l = n.slice(0, 10), e = l.slice(0, 3), c = l.slice(3, 6), o = l.slice(6, 10);
+  return l.length === 0 ? "" : l.length < 4 ? `(${e}` : l.length < 7 ? `(${e}) ${c}` : `(${e}) ${c}-${o}`;
+}
+function T(n, l) {
+  return n ? l ? `${$}${n}` : n : "";
+}
+function W(n) {
+  const l = typeof n == "string" ? n : Array.isArray(n) ? n.join("") : String(n ?? "");
+  return K(l);
+}
+function ee(n) {
+  const { key: l, ctrlKey: e, metaKey: c } = n;
+  return e || c || [
+    "Backspace",
+    "Delete",
+    "ArrowLeft",
+    "ArrowRight",
+    "ArrowUp",
+    "ArrowDown",
+    "Tab",
+    "Home",
+    "End",
+    "Enter"
+  ].includes(l) ? !0 : /^\d$/.test(l);
+}
+const se = ({
+  label: n = "Phone number",
+  helperText: l,
+  errorText: e,
+  size: c = "medium",
+  disabled: o,
+  labelClassName: u,
+  onCountryChange: d,
+  countryOptions: f,
+  showDialCode: S = !0,
+  className: L,
+  onValidityChange: h,
+  includeDialCodeInValue: V = !0,
+  requiredOnBlur: j = !1,
+  errorClassName: B,
+  ...r
 }) => {
-  const [g, h] = B(!1), c = T || "US", a = M(
-    () => d.find((e) => e.value === c) ?? {
-      value: "US",
-      label: "US",
-      dialCode: "+1"
+  const [w, D] = X(!1), g = N, i = x(
+    () => f.find((t) => t.value === g) ?? {
+      value: N,
+      label: N,
+      dialCode: $
     },
-    [d, c]
-  ), v = (e) => {
-    const r = (typeof e == "string" ? e : Array.isArray(e) ? e.join("") : String(e ?? "")).replace(/\D/g, "");
-    return r.length === 11 && r.startsWith("1") ? !0 : r.length === 10;
-  }, b = (e) => {
-    const l = (a == null ? void 0 : a.dialCode) ?? "";
-    if (!l) return e;
-    const r = e.replace(/\D/g, ""), i = l.replace(/\D/g, "");
-    return r.startsWith(i) ? `+${r}` : `${l}${r}`.replace(/^\+?/, "+");
-  }, S = t.value ?? "";
-  V(() => {
-    if (!o) return;
-    const e = c === "US" ? v(S) : !0;
-    o(e);
-  }, [c, S, o]);
-  const D = /* @__PURE__ */ u(
-    L,
+    [f, g]
+  ), y = r.value !== void 0, E = r.value ?? "", R = x(
+    () => W(E),
+    [E]
+  ), [q, H] = X(
+    () => W(
+      r.defaultValue ?? ""
+    )
+  ), m = y ? R : q, M = x(
+    () => p(m),
+    [m]
+  ), b = T(m, !0), _ = w ? k(b) : null, z = (j && w && m.length === 0 ? "Phone number is required" : _) ?? e;
+  Y(() => {
+    h && h(k(b) === null);
+  }, [b, h]);
+  const C = /* @__PURE__ */ v(
+    G,
     {
-      value: c,
-      onValueChange: $,
+      value: g,
+      onValueChange: (t) => d == null ? void 0 : d(t),
       disabled: !0,
       children: [
-        /* @__PURE__ */ n(
-          q,
+        /* @__PURE__ */ s(
+          J,
           {
-            className: G(
+            className: P(
               "border-0 bg-transparent px-0 py-0 h-auto shadow-none focus-visible:ring-0 focus-visible:border-0 text-neutral-black-1",
               "min-w-14"
             ),
-            children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
-              (a == null ? void 0 : a.flag) && /* @__PURE__ */ n("span", { className: "flex-shrink-0", children: a.flag }),
-              /* @__PURE__ */ n("span", { className: "text-sm text-neutral-black-1", children: (a == null ? void 0 : a.label) ?? c })
+            children: /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+              (i == null ? void 0 : i.flag) && /* @__PURE__ */ s("span", { className: "flex-shrink-0", children: i.flag }),
+              /* @__PURE__ */ s("span", { className: "text-sm text-neutral-black-1", children: (i == null ? void 0 : i.label) ?? "US" }),
+              S && /* @__PURE__ */ s("span", { className: "text-sm text-neutral-black-3", children: (i == null ? void 0 : i.dialCode) ?? "+1" })
             ] })
           }
         ),
-        /* @__PURE__ */ n(z, { className: "bg-white border border-neutral-black-4", children: d.map((e) => /* @__PURE__ */ n(F, { value: e.value, disabled: e.disabled, children: /* @__PURE__ */ u("span", { className: "flex items-center gap-2", children: [
-          e.flag,
-          /* @__PURE__ */ n("span", { children: e.label }),
-          m && /* @__PURE__ */ n("span", { className: "text-neutral-black-3 ml-1", children: e.dialCode })
-        ] }) }, e.value)) })
+        /* @__PURE__ */ s(O, { className: "bg-white border border-neutral-black-4", children: f.map((t) => /* @__PURE__ */ s(Q, { value: t.value, disabled: t.disabled, children: /* @__PURE__ */ v("span", { className: "flex items-center gap-2", children: [
+          t.flag,
+          /* @__PURE__ */ s("span", { children: t.label }),
+          S && /* @__PURE__ */ s("span", { className: "text-neutral-black-3 ml-1", children: t.dialCode })
+        ] }) }, t.value)) })
       ]
     }
-  ), E = m && (a != null && a.dialCode) ? `${a.dialCode} ` : "", s = t.value, j = c === "US" && g && !!s && !v(s) ? "Enter a valid number" : U, W = f && typeof s == "string" ? b(s) : s;
-  return /* @__PURE__ */ n(
-    H,
+  );
+  return /* @__PURE__ */ s(
+    Z,
     {
-      label: x,
-      helperText: C,
-      errorText: j,
-      size: N,
-      disabled: I,
-      labelClassName: k,
-      startSlot: D,
-      className: y,
+      ...r,
+      label: n,
+      helperText: l,
+      errorText: z,
+      size: c,
+      disabled: o,
+      labelClassName: u,
+      startSlot: C,
+      errorClassName: B,
+      className: L,
       inputMode: "tel",
       type: "tel",
-      placeholder: t.placeholder ?? `${E}(234) 567 8900`,
-      value: W,
-      onBlur: (e) => {
-        var l;
-        h(!0), (l = t.onBlur) == null || l.call(t, e);
+      placeholder: r.placeholder ?? "(234) 567-8900",
+      value: M,
+      maxLength: 15,
+      onKeyDown: (t) => {
+        var a;
+        ee(t) || t.preventDefault(), (a = r.onKeyDown) == null || a.call(r, t);
+      },
+      onPaste: (t) => {
+        var a;
+        (a = r.onPaste) == null || a.call(r, t);
       },
-      onChange: (e) => {
-        var l, r;
-        if (g || h(!0), f) {
-          const i = b(e.target.value), A = {
-            ...e,
-            target: { ...e.target, value: i },
-            currentTarget: { ...e.currentTarget, value: i }
-          };
-          (l = t.onChange) == null || l.call(t, A);
-        } else
-          (r = t.onChange) == null || r.call(t, e);
+      onBlur: (t) => {
+        var a;
+        D(!0), (a = r.onBlur) == null || a.call(r, t);
       },
-      ...t
+      onChange: (t) => {
+        var U;
+        D(!0);
+        const a = K(t.target.value);
+        y || H(a);
+        const I = T(
+          a,
+          V
+        ), F = {
+          ...t,
+          target: { ...t.target, value: I },
+          currentTarget: { ...t.currentTarget, value: I }
+        };
+        (U = r.onChange) == null || U.call(
+          r,
+          F
+        );
+      }
     }
   );
 };
 export {
-  Z as PhoneInput,
-  Z as default
+  se as PhoneInput,
+  se as default
 };

package/dist/index121.js

@@ -1,8 +1,14 @@
-import { __module as r } from "./index126.js";
-import { __require as e } from "./index127.js";
-import { __require as o } from "./index128.js";
-process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
-var m = r.exports;
+import * as r from "react";
+import { useCallbackRef as s } from "./index109.js";
+function p(n, e = globalThis == null ? void 0 : globalThis.document) {
+  const t = s(n);
+  r.useEffect(() => {
+    const o = (a) => {
+      a.key === "Escape" && t(a);
+    };
+    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
+  }, [t, e]);
+}
 export {
-  m as s
+  p as useEscapeKeydown
 };

package/dist/index122.js

@@ -1,14 +1,208 @@
-import * as r from "react";
-import { useCallbackRef as s } from "./index91.js";
-function p(n, e = globalThis == null ? void 0 : globalThis.document) {
-  const t = s(n);
-  r.useEffect(() => {
-    const o = (a) => {
-      a.key === "Escape" && t(a);
+import { computePosition as I, offset as J, shift as K, flip as N, size as Q, hide as T, limitShift as X, arrow as z } from "./index124.js";
+import { autoUpdate as pe, platform as ge } from "./index124.js";
+import * as o from "react";
+import { useLayoutEffect as Y } from "react";
+import * as Z from "react-dom";
+var b = typeof document < "u", ee = function() {
+}, w = b ? Y : ee;
+function R(e, t) {
+  if (e === t)
+    return !0;
+  if (typeof e != typeof t)
+    return !1;
+  if (typeof e == "function" && e.toString() === t.toString())
+    return !0;
+  let n, r, i;
+  if (e && t && typeof e == "object") {
+    if (Array.isArray(e)) {
+      if (n = e.length, n !== t.length) return !1;
+      for (r = n; r-- !== 0; )
+        if (!R(e[r], t[r]))
+          return !1;
+      return !0;
+    }
+    if (i = Object.keys(e), n = i.length, n !== Object.keys(t).length)
+      return !1;
+    for (r = n; r-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, i[r]))
+        return !1;
+    for (r = n; r-- !== 0; ) {
+      const p = i[r];
+      if (!(p === "_owner" && e.$$typeof) && !R(e[p], t[p]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function A(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function L(e, t) {
+  const n = A(e);
+  return Math.round(t * n) / n;
+}
+function k(e) {
+  const t = o.useRef(e);
+  return w(() => {
+    t.current = e;
+  }), t;
+}
+function oe(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: n = "absolute",
+    middleware: r = [],
+    platform: i,
+    elements: {
+      reference: p,
+      floating: q
+    } = {},
+    transform: D = !0,
+    whileElementsMounted: E,
+    open: x
+  } = e, [s, C] = o.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [M, B] = o.useState(r);
+  R(M, r) || B(r);
+  const [U, V] = o.useState(null), [W, G] = o.useState(null), O = o.useCallback((f) => {
+    f !== a.current && (a.current = f, V(f));
+  }, []), _ = o.useCallback((f) => {
+    f !== d.current && (d.current = f, G(f));
+  }, []), u = p || U, l = q || W, a = o.useRef(null), d = o.useRef(null), y = o.useRef(s), H = E != null, S = k(E), P = k(i), v = k(x), g = o.useCallback(() => {
+    if (!a.current || !d.current)
+      return;
+    const f = {
+      placement: t,
+      strategy: n,
+      middleware: M
+    };
+    P.current && (f.platform = P.current), I(a.current, d.current, f).then((h) => {
+      const m = {
+        ...h,
+        // The floating element's position may be recomputed while it's closed
+        // but still mounted (such as when transitioning out). To ensure
+        // `isPositioned` will be `false` initially on the next open, avoid
+        // setting it to `true` when `open === false` (must be specified).
+        isPositioned: v.current !== !1
+      };
+      $.current && !R(y.current, m) && (y.current = m, Z.flushSync(() => {
+        C(m);
+      }));
+    });
+  }, [M, t, n, P, v]);
+  w(() => {
+    x === !1 && y.current.isPositioned && (y.current.isPositioned = !1, C((f) => ({
+      ...f,
+      isPositioned: !1
+    })));
+  }, [x]);
+  const $ = o.useRef(!1);
+  w(() => ($.current = !0, () => {
+    $.current = !1;
+  }), []), w(() => {
+    if (u && (a.current = u), l && (d.current = l), u && l) {
+      if (S.current)
+        return S.current(u, l, g);
+      g();
+    }
+  }, [u, l, g, S, H]);
+  const F = o.useMemo(() => ({
+    reference: a,
+    floating: d,
+    setReference: O,
+    setFloating: _
+  }), [O, _]), c = o.useMemo(() => ({
+    reference: u,
+    floating: l
+  }), [u, l]), j = o.useMemo(() => {
+    const f = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!c.floating)
+      return f;
+    const h = L(c.floating, s.x), m = L(c.floating, s.y);
+    return D ? {
+      ...f,
+      transform: "translate(" + h + "px, " + m + "px)",
+      ...A(c.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: h,
+      top: m
     };
-    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
-  }, [t, e]);
+  }, [n, D, c.floating, s.x, s.y]);
+  return o.useMemo(() => ({
+    ...s,
+    update: g,
+    refs: F,
+    elements: c,
+    floatingStyles: j
+  }), [s, g, F, c, j]);
 }
+const te = (e) => {
+  function t(n) {
+    return {}.hasOwnProperty.call(n, "current");
+  }
+  return {
+    name: "arrow",
+    options: e,
+    fn(n) {
+      const {
+        element: r,
+        padding: i
+      } = typeof e == "function" ? e(n) : e;
+      return r && t(r) ? r.current != null ? z({
+        element: r.current,
+        padding: i
+      }).fn(n) : {} : r ? z({
+        element: r,
+        padding: i
+      }).fn(n) : {};
+    }
+  };
+}, fe = (e, t) => ({
+  ...J(e),
+  options: [e, t]
+}), ie = (e, t) => ({
+  ...K(e),
+  options: [e, t]
+}), se = (e, t) => ({
+  ...X(e),
+  options: [e, t]
+}), ue = (e, t) => ({
+  ...N(e),
+  options: [e, t]
+}), le = (e, t) => ({
+  ...Q(e),
+  options: [e, t]
+}), ce = (e, t) => ({
+  ...T(e),
+  options: [e, t]
+}), ae = (e, t) => ({
+  ...te(e),
+  options: [e, t]
+});
 export {
-  p as useEscapeKeydown
+  ae as arrow,
+  pe as autoUpdate,
+  I as computePosition,
+  ue as flip,
+  ce as hide,
+  se as limitShift,
+  fe as offset,
+  ge as platform,
+  ie as shift,
+  le as size,
+  oe as useFloating
 };