welcome-ui 8.1.3 → 8.2.0-alpha.1

package/dist/DatePicker.mjs

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

package/dist/DateTimePicker.mjs

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