welcome-ui 8.0.0 → 8.1.0-alpha.1

package/dist/DatePicker.mjs

@@ -1,112 +1,113 @@
 "use client";
-import d, { useState as R, useRef as w, useEffect as I } from "react";
-import { forwardRef as G } from "./System.mjs";
-import { S as J, c as Q, b as V, C as W, D as P, g as X } from "./CustomInput-D_13Gd_3.mjs";
-const Z = G(
+import { j as a } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { useState as k, useRef as V, useEffect as E } from "react";
+import { g as W, D as R, S as X, c as Z, C as $, b as z } from "./CustomPopper-CZt4RioF.mjs";
+import { forwardRef as B } from "./System.mjs";
+const g = B(
   ({
-    autoFocus: S,
-    dataTestId: b,
-    dateFormat: x = "dd/MM/yyyy",
-    disabled: F,
-    endYear: H = P.getFullYear(),
-    icon: l,
-    iconPlacement: u = "left",
-    locale: p,
-    onBlur: i,
-    onChange: s,
-    onFocus: m,
+    autoFocus: I,
+    dataTestId: P,
+    dateFormat: S = "dd/MM/yyyy",
+    disabled: b,
+    endYear: H = R.getFullYear(),
+    icon: u,
+    iconPlacement: m = "left",
+    locale: f,
+    onBlur: p,
+    onChange: e,
+    onFocus: l,
     placeholder: M,
-    popperProps: g,
-    preventVirtualKeyboard: h = !1,
-    showMonthYearPicker: f,
+    popperProps: N,
+    preventVirtualKeyboard: A = !1,
+    showMonthYearPicker: n,
     size: y = "md",
-    startYear: C = 1900,
-    transparent: N,
-    useWeekdaysShort: _ = !0,
-    value: t = P,
+    startYear: K = 1900,
+    transparent: F,
+    useWeekdaysShort: L = !0,
+    value: s = R,
     ...r
-  }, n) => {
-    const A = r == null ? void 0 : r.timeIntervals, o = (e) => X(e, A), K = M || r.placeholderText, [j, D] = R(S && "date" || null), [B, a] = R(o(t)), E = w();
-    I(() => {
-      s && s(o(t));
-    }, []), I(() => {
-      var k;
-      const e = o(t), c = typeof t == "object" ? t == null ? void 0 : t.toISOString() : t;
-      ((k = new Date(Date.parse(c))) == null ? void 0 : k.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && s && s(e), a(e);
-    }, [t]);
+  }, c) => {
+    const O = r == null ? void 0 : r.timeIntervals, d = (t) => W(t, O), U = M || r.placeholderText, [Y, D] = k(I && "date" || null), [_, i] = k(d(s)), x = V(null);
+    E(() => {
+      e == null || e(d(s));
+    }, []), E(() => {
+      var j;
+      const t = d(s), o = typeof s == "object" ? s == null ? void 0 : s.toISOString() : s;
+      ((j = new Date(Date.parse(o))) == null ? void 0 : j.getTime()) - (t == null ? void 0 : t.getTime()) !== 0 && e && e(t), i(t);
+    }, [s]);
     const T = () => {
-      var e;
-      return (e = E.current) == null ? void 0 : e.blur();
-    }, L = (e) => {
-      D("date"), m && m(e);
-    }, O = (e) => {
-      D(null), i && i(e);
-    }, U = (e) => {
-      ["Escape", "Enter"].includes(e.key) && T();
-    }, Y = (e) => {
-      e.preventDefault(), T(), a(null), s && s(null);
-    }, q = (e) => {
-      if (!e) return;
-      const c = o(e);
-      e.setHours(c.getHours(), c.getMinutes()), a(e), s && s(new Date(e));
+      var t;
+      return (t = x.current) == null ? void 0 : t.blur();
+    }, q = (t) => {
+      D("date"), l == null || l(t);
+    }, w = (t) => {
+      D(null), p == null || p(t);
+    }, G = (t) => {
+      ["Enter", "Escape"].includes(t.key) && T();
+    }, J = (t) => {
+      t.preventDefault(), T(), i(null), e == null || e(null);
+    }, Q = (t) => {
+      if (!t) return;
+      const o = d(t);
+      t.setHours(o.getHours(), o.getMinutes()), i(t), e == null || e(new Date(t));
     };
     return (
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
-      /* @__PURE__ */ d.createElement(
-        J,
+      /* @__PURE__ */ a.jsx(
+        X,
         {
           autoComplete: "off",
           calendarClassName: "date-picker-popper",
-          customInput: /* @__PURE__ */ d.createElement(
-            Q,
+          customInput: /* @__PURE__ */ a.jsx(
+            z,
             {
               className: "date-picker",
-              "data-testid": b,
-              focused: j,
-              handleBlur: (e) => O(e),
-              handleFocus: (e) => L(e),
-              icon: l,
-              iconPlacement: u,
-              inputMode: h ? "none" : "text",
-              onReset: Y,
-              ref: (e) => {
-                E.current = e, typeof n == "function" ? n(e) : n.current = e;
+              "data-testid": P,
+              focused: Y,
+              handleBlur: (t) => w(t),
+              handleFocus: (t) => q(t),
+              icon: u,
+              iconPlacement: m,
+              inputMode: A ? "none" : "text",
+              onReset: J,
+              ref: (t) => {
+                x.current = t, typeof c == "function" ? c(t) : c && (c.current = t);
               },
               size: y
             }
           ),
-          dateFormat: x,
-          disabled: F,
-          iconPlacement: !!l && u,
-          locale: p,
-          onChange: q,
-          onKeyDown: U,
-          placeholderText: K,
-          popperContainer: V,
-          popperProps: g,
-          renderCustomHeader: (e) => /* @__PURE__ */ d.createElement(
-            W,
+          dateFormat: S,
+          disabled: b,
+          iconPlacement: !!u && m,
+          locale: f,
+          onChange: Q,
+          onKeyDown: G,
+          placeholderText: U,
+          popperContainer: Z,
+          popperProps: N,
+          renderCustomHeader: (t) => /* @__PURE__ */ a.jsx(
+            $,
             {
+              isMonthYearPicker: n,
+              locale: f,
+              ...t,
               endYear: H,
-              isMonthYearPicker: f,
-              locale: p,
-              startYear: C,
-              ...e
+              startYear: K
             }
           ),
-          selected: B,
-          showMonthYearPicker: f,
+          selected: _,
+          showMonthYearPicker: n,
           size: y,
-          transparent: N,
-          useWeekdaysShort: _,
+          transparent: F,
+          useWeekdaysShort: L,
           ...r
         }
       )
     );
   }
 );
-Z.displayName = "DatePicker";
+g.displayName = "DatePicker";
 export {
-  Z as DatePicker
+  g as DatePicker
 };

package/dist/DateTimePicker.mjs

@@ -1,16 +1,17 @@
 "use client";
-import r, { Children as p, useState as E, useEffect as P, cloneElement as x } from "react";
-import $, { css as b } from "@xstyled/styled-components";
-import { S as w, a as h, D as S, g as _ } from "./CustomInput-D_13Gd_3.mjs";
-import { DatePicker as A } from "./DatePicker.mjs";
-import { TimePicker as N } from "./TimePicker.mjs";
+import { j as a } from "./jsx-runtime-B7I4PJ0H.mjs";
+import d, { Children as f, useState as $, useEffect as P, cloneElement as b } from "react";
+import { DatePicker as j } from "./DatePicker.mjs";
+import { S as w, a as S, g as _, D as A } from "./CustomPopper-CZt4RioF.mjs";
 import { forwardRef as R } from "./System.mjs";
-const T = b`
+import { TimePicker as T } from "./TimePicker.mjs";
+import V, { css as F } from "@xstyled/styled-components";
+const g = F`
   &:focus {
     position: relative;
     z-index: 1;
   }
-`, C = $.divBox`
+`, I = V.divBox`
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
@@ -18,12 +19,12 @@ const T = b`
   .react-datepicker-wrapper {
     flex-grow: 1;
     ${w} {
-      ${T};
+      ${g};
       border-top-right-radius: 0;
       border-bottom-right-radius: 0;
     }
-    ${h} {
-      ${T};
+    ${S} {
+      ${g};
       border-top-left-radius: 0;
       border-bottom-left-radius: 0;
     }
@@ -40,68 +41,72 @@ const T = b`
   .react-datepicker {
     font-family: inherit;
   }
-`, F = R(
+`, N = R(
   ({
-    children: i,
-    dataTestId: c,
+    children: r,
+    dataTestId: m,
     disabled: l,
     locale: n,
-    onChange: m,
-    size: f = "md",
-    transparent: s,
-    value: t = S
-  }, k) => {
-    const u = p.count(i) > 1 && p.toArray(i).find(
-      (e) => e.type.displayName === "TimePicker"
-    ), y = r.isValidElement(u) ? u.props.timeIntervals : void 0, d = (e) => _(e, y), [D, g] = E(d(t)), o = (e) => {
-      g(e || null), m && m(e && new Date(e));
+    onChange: i,
+    size: k = "md",
+    transparent: c,
+    value: t = A
+  }, u) => {
+    const x = f.count(r) > 1 && f.toArray(r).find(
+      (e) => d.isValidElement(e) && e.type === T
+    ), y = d.isValidElement(x) ? x.props.timeIntervals : void 0, p = (e) => _(e, y), [E, D] = $(p(t)), o = (e) => {
+      D(e || null), i == null || i(e && new Date(e));
     };
     return P(() => {
-      m && o(d(t));
+      i && o(p(t));
     }, []), P(() => {
-      var a;
-      const e = d(t);
-      ((a = new Date(t)) == null ? void 0 : a.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && m && o(e), g(e);
-    }, [t]), /* @__PURE__ */ r.createElement(C, { "data-testid": c }, i && p.map(
-      i,
-      (e, a) => x(e, {
-        // eslint-disable-next-line react/no-array-index-key
-        key: a,
-        onChange: o,
+      var s;
+      const e = p(t);
+      ((s = new Date(t)) == null ? void 0 : s.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && i && o(e), D(e);
+    }, [t]), /* @__PURE__ */ a.jsxs(I, { "data-testid": m, children: [
+      r && f.map(r, (e, s) => d.isValidElement(e) ? b(e, {
         // give ref only to the first child
-        inputRef: a < 1 ? k : null,
-        locale: n,
-        timeIntervals: y,
-        value: D,
-        transparent: s
-      })
-    ), !i && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
-      A,
-      {
-        dataTestId: `${c}-datePicker`,
-        disabled: l,
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        inputRef: s < 1 ? u : null,
+        key: s,
         locale: n,
         onChange: o,
-        ref: k,
-        size: f,
-        transparent: s,
-        value: t
-      }
-    ), /* @__PURE__ */ r.createElement(
-      N,
-      {
-        dataTestId: `${c}-timePicker`,
-        disabled: l,
-        locale: n,
-        onChange: o,
-        size: f,
-        transparent: s,
-        value: t
-      }
-    )));
+        timeIntervals: y,
+        transparent: c,
+        value: E
+      }) : e),
+      !r && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+        /* @__PURE__ */ a.jsx(
+          j,
+          {
+            dataTestId: `${m}-datePicker`,
+            disabled: l,
+            locale: n,
+            onChange: o,
+            ref: u,
+            size: k,
+            transparent: c,
+            value: t
+          }
+        ),
+        /* @__PURE__ */ a.jsx(
+          T,
+          {
+            dataTestId: `${m}-timePicker`,
+            disabled: l,
+            locale: n,
+            onChange: o,
+            size: k,
+            transparent: c,
+            value: t
+          }
+        )
+      ] })
+    ] });
   }
 );
-F.displayName = "DateTimePicker";
+N.displayName = "DateTimePicker";
 export {
-  F as DateTimePicker
+  N as DateTimePicker
 };

package/dist/DateTimePickerCommon.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { C as a, c as t, b as r, D as o, S as i, a as g, f as m, g as u, d as D, e as c } from "./CustomInput-D_13Gd_3.mjs";
+import { C as a, b as t, c as r, D as o, S as i, a as g, f as m, g as u, d as D, e as c } from "./CustomPopper-CZt4RioF.mjs";
 export {
   a as CustomHeader,
   t as CustomInput,