welcome-ui 8.1.0 → 8.1.1

package/dist/DatePicker.mjs

@@ -1,113 +1,112 @@
 "use client";
-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-B2Cqfph4.mjs";
-import { forwardRef as B } from "./System.mjs";
-const g = B(
+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(
   ({
-    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,
+    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,
     placeholder: M,
-    popperProps: N,
-    preventVirtualKeyboard: A = !1,
-    showMonthYearPicker: n,
+    popperProps: g,
+    preventVirtualKeyboard: h = !1,
+    showMonthYearPicker: f,
     size: y = "md",
-    startYear: K = 1900,
-    transparent: F,
-    useWeekdaysShort: L = !0,
-    value: s = R,
+    startYear: C = 1900,
+    transparent: N,
+    useWeekdaysShort: _ = !0,
+    value: t = P,
     ...r
-  }, 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]);
+  }, 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);
+    }, [t]);
     const T = () => {
-      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));
+      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));
     };
     return (
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
-      /* @__PURE__ */ a.jsx(
-        X,
+      /* @__PURE__ */ d.createElement(
+        Q,
         {
           autoComplete: "off",
           calendarClassName: "date-picker-popper",
-          customInput: /* @__PURE__ */ a.jsx(
-            z,
+          customInput: /* @__PURE__ */ d.createElement(
+            X,
             {
               className: "date-picker",
-              "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);
+              "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;
               },
               size: y
             }
           ),
-          dateFormat: S,
-          disabled: b,
-          iconPlacement: !!u && m,
-          locale: f,
-          onChange: Q,
-          onKeyDown: G,
-          placeholderText: U,
-          popperContainer: Z,
-          popperProps: N,
-          renderCustomHeader: (t) => /* @__PURE__ */ a.jsx(
-            $,
+          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,
             {
-              isMonthYearPicker: n,
-              locale: f,
-              ...t,
               endYear: H,
-              startYear: K
+              isMonthYearPicker: f,
+              locale: p,
+              startYear: C,
+              ...e
             }
           ),
-          selected: _,
-          showMonthYearPicker: n,
+          selected: B,
+          showMonthYearPicker: f,
           size: y,
-          transparent: F,
-          useWeekdaysShort: L,
+          transparent: N,
+          useWeekdaysShort: _,
           ...r
         }
       )
     );
   }
 );
-g.displayName = "DatePicker";
+Z.displayName = "DatePicker";
 export {
-  g as DatePicker
+  Z as DatePicker
 };

package/dist/DateTimePicker.mjs

@@ -1,17 +1,16 @@
 "use client";
-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-B2Cqfph4.mjs";
+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";
-import { TimePicker as T } from "./TimePicker.mjs";
-import V, { css as F } from "@xstyled/styled-components";
-const g = F`
+const T = b`
   &:focus {
     position: relative;
     z-index: 1;
   }
-`, I = V.divBox`
+`, C = $.divBox`
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
@@ -19,12 +18,12 @@ const g = F`
   .react-datepicker-wrapper {
     flex-grow: 1;
     ${w} {
-      ${g};
+      ${T};
       border-top-right-radius: 0;
       border-bottom-right-radius: 0;
     }
-    ${S} {
-      ${g};
+    ${h} {
+      ${T};
       border-top-left-radius: 0;
       border-bottom-left-radius: 0;
     }
@@ -41,72 +40,68 @@ const g = F`
   .react-datepicker {
     font-family: inherit;
   }
-`, N = R(
+`, F = R(
   ({
-    children: r,
-    dataTestId: m,
+    children: i,
+    dataTestId: c,
     disabled: l,
     locale: n,
-    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));
+    onChange: m,
+    size: f = "md",
+    transparent: s,
+    value: t = _
+  }, k) => {
+    const y = 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));
     };
     return P(() => {
-      i && o(p(t));
+      m && o(p(t));
     }, []), P(() => {
-      var s;
+      var a;
       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, {
+      ((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
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
-        inputRef: s < 1 ? u : null,
-        key: s,
+        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,
-        timeIntervals: y,
-        transparent: c,
-        value: E
-      }) : e) : null,
-      !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
-          }
-        )
-      ] })
-    ] });
+        size: f,
+        transparent: s,
+        value: t
+      }
+    )));
   }
 );
-N.displayName = "DateTimePicker";
+F.displayName = "DateTimePicker";
 export {
-  N as DateTimePicker
+  F as DateTimePicker
 };

package/dist/DateTimePickerCommon.mjs

@@ -1,5 +1,5 @@
 "use client";
-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-B2Cqfph4.mjs";
+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";
 export {
   a as CustomHeader,
   t as CustomInput,