welcome-ui 8.1.0 → 8.2.0-alpha.0

package/dist/{CustomPopper-B2Cqfph4.mjs → CustomPopper-DezjKb9n.mjs}

@@ -10,7 +10,7 @@ import { StyledSelect as bo, Select as wa } from "./Select.mjs";
 import { g as lr } from "./_commonjsHelpers-CXJ7dpIk.mjs";
 import { ClearButton as _o } from "./ClearButton.mjs";
 import { IconGroupWrapper as fn, IconWrapper as hn } from "./Field.mjs";
-import { d as mn, F as ko } from "./field-styles-BVlRlvuu.mjs";
+import { d as mn, F as ko } from "./field-styles-CfVLcVQp.mjs";
 import gt, { system as vn, css as yt, th as jt } from "@xstyled/styled-components";
 import { _ as Do, a as C } from "./downshift.esm-B7Jil1wW.mjs";
 import { r as gn, a as xo } from "./index-CBBbX29m.mjs";
@@ -6844,18 +6844,15 @@ const hl = /* @__PURE__ */ lr(fl), dn = [
   { label: "December", value: 11 }
 ], Al = /* @__PURE__ */ new Date(), Fl = (n, a = 15) => {
   if (!n)
-    return /* @__PURE__ */ new Date();
+    return null;
   let r = new Date(n);
   isNaN(r.getTime()) && (r = /* @__PURE__ */ new Date());
   const t = Math.ceil(r.getMinutes() / a) * a;
   return new Date(r.setMinutes(t, 0, 0));
-}, ml = (n) => n ? dn.map((a, r) => {
-  var t;
-  return {
-    ...a,
-    label: (t = n == null ? void 0 : n.localize) == null ? void 0 : t.month(r)
-  };
-}) : dn, vl = (n, a) => hl(n, a + 1).map((r) => ({
+}, ml = (n) => n ? dn.map((a, r) => ({
+  ...a,
+  label: n.localize.month(r)
+})) : dn, vl = (n, a) => hl(n, a + 1).map((r) => ({
   label: r.toString(),
   value: r
 })).reverse(), gl = ({
@@ -6896,7 +6893,7 @@ const hl = /* @__PURE__ */ lr(fl), dn = [
           onChange: n,
           options: y,
           size: "sm",
-          value: d || ""
+          value: d
         }
       ),
       /* @__PURE__ */ fe.jsx(
@@ -6907,7 +6904,7 @@ const hl = /* @__PURE__ */ lr(fl), dn = [
           onChange: a,
           options: w,
           size: "sm",
-          value: m || ""
+          value: m
         }
       )
     ] }),
@@ -6927,13 +6924,13 @@ const hl = /* @__PURE__ */ lr(fl), dn = [
 gl.displayName = "CustomHeader";
 const yl = mo(
   ({ focused: n, handleBlur: a, handleFocus: r, icon: t, iconPlacement: e, onReset: o, size: i, value: s, ...c }, u) => {
-    const l = ko[i || "md"];
+    const l = ko[i];
     return /* @__PURE__ */ fe.jsxs(cl, { focused: n, onBlur: a, onFocus: r, children: [
-      /* @__PURE__ */ fe.jsx("input", { value: s || "", ...c, ref: u }),
-      t && e !== "right" ? /* @__PURE__ */ fe.jsx(hn, { iconPlacement: e || "left", size: l, children: v.cloneElement(t, { ...t.props, size: l }) }) : null,
+      /* @__PURE__ */ fe.jsx("input", { value: s, ...c, ref: u }),
+      t && e !== "right" ? /* @__PURE__ */ fe.jsx(hn, { iconPlacement: e, size: l, children: v.cloneElement(t, { ...t.props, size: l }) }) : null,
       s ? /* @__PURE__ */ fe.jsxs(fn, { size: l, children: [
         /* @__PURE__ */ fe.jsx(_o, { "aria-label": "clear date", onClick: o }),
-        t && e === "right" ? v.cloneElement(t, { ...t.props, size: l }) : null
+        e === "right" && v.cloneElement(t, { ...t.props, size: l })
       ] }) : null
     ] });
   }
@@ -7905,7 +7902,6 @@ const wl = yt`
       background-color: beige-20;
     }
 
-    /* stylelint-disable-next-line no-descending-specificity */
     .react-datepicker__day,
     .react-datepicker__day--keyboard-selected,
     .react-datepicker__day--selected,
@@ -7917,7 +7913,6 @@ const wl = yt`
       }
     }
 
-    /* stylelint-disable-next-line no-descending-specificity */
     .react-datepicker__month-text,
     .react-datepicker__month-text--selected,
     .react-datepicker__month-text--keyboard-selected,

package/dist/DatePicker.mjs

@@ -1,113 +1,113 @@
 "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 { 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: 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: N,
-    preventVirtualKeyboard: A = !1,
-    showMonthYearPicker: n,
+    endYear: F = R.getFullYear(),
+    icon: p,
+    iconPlacement: u = "left",
+    locale: l,
+    onBlur: i,
+    onChange: s,
+    onFocus: m,
+    placeholder: H,
+    popperProps: M,
+    preventVirtualKeyboard: g = !1,
+    showMonthYearPicker: f,
     size: y = "md",
-    startYear: K = 1900,
-    transparent: F,
-    useWeekdaysShort: L = !0,
-    value: s = R,
-    ...r
+    startYear: h = 1900,
+    transparent: C,
+    useWeekdaysShort: N = !0,
+    value: t = R,
+    ...o
   }, 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);
+    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(() => {
-      e == null || e(d(s));
+      s && s(r(t));
     }, []), 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 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 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 = x.current) == null ? void 0 : e.blur();
+    }, O = (e) => {
+      D("date"), m && m(e);
+    }, U = (e) => {
+      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 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__ */ a.jsx(
-        X,
+      /* @__PURE__ */ d.jsx(
+        J,
         {
           autoComplete: "off",
           calendarClassName: "date-picker-popper",
-          customInput: /* @__PURE__ */ a.jsx(
-            z,
+          customInput: /* @__PURE__ */ d.jsx(
+            W,
             {
               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);
+              focused: B,
+              handleBlur: (e) => U(e),
+              handleFocus: (e) => O(e),
+              icon: p,
+              iconPlacement: u,
+              inputMode: g ? "none" : "text",
+              onReset: _,
+              ref: (e) => {
+                x.current = e, typeof c == "function" ? c(e) : c.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(
-            $,
+          iconPlacement: !!p && u,
+          locale: l,
+          onChange: q,
+          onKeyDown: Y,
+          placeholderText: K,
+          popperContainer: Q,
+          popperProps: M,
+          renderCustomHeader: (e) => /* @__PURE__ */ d.jsx(
+            V,
             {
-              isMonthYearPicker: n,
-              locale: f,
-              ...t,
-              endYear: H,
-              startYear: K
+              endYear: F,
+              isMonthYearPicker: f,
+              locale: l,
+              startYear: h,
+              ...e
             }
           ),
-          selected: _,
-          showMonthYearPicker: n,
+          selected: L,
+          showMonthYearPicker: f,
           size: y,
-          transparent: F,
-          useWeekdaysShort: L,
-          ...r
+          transparent: C,
+          useWeekdaysShort: N,
+          ...o
         }
       )
     );
   }
 );
-g.displayName = "DatePicker";
+Z.displayName = "DatePicker";
 export {
-  g as DatePicker
+  Z as DatePicker
 };

package/dist/DateTimePicker.mjs

@@ -1,30 +1,30 @@
 "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 { 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`
+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;
   }
-`, I = V.divBox`
+`, C = N.divBox`
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
 
   .react-datepicker-wrapper {
     flex-grow: 1;
-    ${w} {
-      ${g};
+    ${j} {
+      ${P};
       border-top-right-radius: 0;
       border-bottom-right-radius: 0;
     }
-    ${S} {
-      ${g};
+    ${w} {
+      ${P};
       border-top-left-radius: 0;
       border-bottom-left-radius: 0;
     }
@@ -41,64 +41,65 @@ const g = F`
   .react-datepicker {
     font-family: inherit;
   }
-`, N = R(
+`, F = _(
   ({
-    children: r,
+    children: i,
     dataTestId: m,
     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));
+    locale: c,
+    onChange: a,
+    size: f = "md",
+    transparent: n,
+    value: t = S
+  }, k) => {
+    const u = d.count(i) > 1 && d.toArray(i).find(
+      (e) => e.type.displayName === "TimePicker"
+    ), 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(() => {
-      i && o(p(t));
-    }, []), P(() => {
-      var s;
+    return g(() => {
+      a && r(p(t));
+    }, []), g(() => {
+      var o;
       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
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
-        inputRef: s < 1 ? u : null,
-        key: s,
-        locale: n,
-        onChange: o,
-        timeIntervals: y,
-        transparent: c,
-        value: E
-      }) : e) : null,
-      !r && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-        /* @__PURE__ */ a.jsx(
-          j,
+      ((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: n,
-            onChange: o,
-            ref: u,
-            size: k,
-            transparent: c,
+            locale: c,
+            onChange: r,
+            ref: k,
+            size: f,
+            transparent: n,
             value: t
           }
         ),
-        /* @__PURE__ */ a.jsx(
-          T,
+        /* @__PURE__ */ s.jsx(
+          A,
           {
             dataTestId: `${m}-timePicker`,
             disabled: l,
-            locale: n,
-            onChange: o,
-            size: k,
-            transparent: c,
+            locale: c,
+            onChange: r,
+            size: f,
+            transparent: n,
             value: t
           }
         )
@@ -106,7 +107,7 @@ const g = F`
     ] });
   }
 );
-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, 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,