@televet/kibble-ui 4.0.0-beta.21 → 4.0.0-beta.26

package/dist/chunks/{datePicker.component-D1WtrZJd.js → datePicker.component-CLJT4YOv.js}

@@ -1,14 +1,14 @@
-import { x as e, bR as J, bV as pe, bP as he } from "./vendor-BBfll6i3.js";
-import { createContext as fe, useContext as be, useState as ge, useCallback as w, useMemo as F, useEffect as xe, useRef as _ } from "react";
-import { a as ye, Y as ke, b as oe, s as ve, e as Se, c as je, f as C, U as Q, x as Me, d as we, g as q, N as Ce, h as Pe } from "./date-1NFv48Qu.js";
-import { aK as Fe, s as K, F as X, aL as re, r as Ee, y as Ie, B as ne, aM as A, aN as Ne, aO as Te, aP as Oe, aQ as Re, aR as _e, aS as Be } from "./chakra-BqBkjpvZ.js";
-import { W as Z } from "./textInput.component-K4f7h4pP.js";
-import { I as ee } from "./icon.component-w5bWbfVU.js";
-import { W as se } from "./text.component-XYjOAc2s.js";
-import { B as E } from "./button.component-CA9bIFbq.js";
-import { M as te } from "./menu.component-Bscyjw7R.js";
+import { x as e, ez as G, eD as pe, ew as he } from "./vendor-CRIhG-7s.js";
+import { createContext as fe, useContext as be, useState as ge, useCallback as C, useMemo as F, useEffect as xe, useRef as _ } from "react";
+import { a as ye, Y as ke, b as oe, s as ve, e as Se, c as je, f as M, U as q, x as we, d as Ce, g as Q, N as Me, h as Pe } from "./date-CQ_hzmOK.js";
+import { bE as Fe, H as J, F as X, C as re, av as Ee, ay as Ie, a as ne, G as L, d as Ne, bF as Te, bG as Oe, bH as Re, bI as _e, bJ as Be } from "./chakra-DEgvQPwa.js";
+import { W as Z } from "./textInput.component-CeMv8ruX.js";
+import { I as ee } from "./icon.component-DOan8Ddb.js";
+import { W as se } from "./text.component-B1g7jaUt.js";
+import { B as E } from "./button.component-BZEZZa7D.js";
+import { M as te } from "./menu.component-xKsPT0Zc.js";
 var ie = /* @__PURE__ */ ((t) => (t.ShortDate = "MM/dd/yyyy", t.LongDate = "MMM dd yyyy", t.DayOfWeekDayOfMonth = "eeee, MMMM do", t))(ie || {}), f = /* @__PURE__ */ ((t) => (t.StartDate = "startDate", t.EndDate = "endDate", t))(f || {});
-const g = /* @__PURE__ */ new Date(), $ = g.getFullYear(), Ye = g.getMonth(), He = g, ce = $ - 100, le = $ + 5, V = ie.ShortDate, ze = {
+const g = /* @__PURE__ */ new Date(), $ = g.getFullYear(), He = g.getMonth(), Ye = g, ce = $ - 100, le = $ + 5, V = ie.ShortDate, ze = {
   dateFormat: V,
   endDate: null,
   focusedInput: null,
@@ -82,7 +82,7 @@ const g = /* @__PURE__ */ new Date(), $ = g.getFullYear(), Ye = g.getMonth(), He
     startDate: h,
     endDate: u || h,
     focusedInput: null
-  }), m = w(
+  }), m = C(
     (a) => {
       if (s && a)
         return ye(a, { days: s });
@@ -99,7 +99,7 @@ const g = /* @__PURE__ */ new Date(), $ = g.getFullYear(), Ye = g.getMonth(), He
       ...a,
       focusedInput: a.focusedInput || f.StartDate
     }), !p && d && d(a);
-  }, k = w(({ open: a }) => {
+  }, k = C(({ open: a }) => {
     i({
       startDate: null,
       endDate: null,
@@ -109,17 +109,17 @@ const g = /* @__PURE__ */ new Date(), $ = g.getFullYear(), Ye = g.getMonth(), He
     activeMonths: v,
     firstDayOfWeek: S,
     focusedDate: B,
-    goToDate: M,
+    goToDate: w,
     goToNextMonths: I,
     goToPreviousMonths: N,
-    isDateBlocked: Y,
-    isDateFocused: H,
+    isDateBlocked: H,
+    isDateFocused: Y,
     isDateHovered: z,
     isDateSelected: W,
     isFirstOrLastSelectedDate: T,
-    onDateFocus: G,
+    onDateFocus: K,
     onDateHover: O,
-    onDateSelect: L
+    onDateSelect: A
   } = ke({
     endDate: r.endDate,
     focusedInput: r.focusedInput,
@@ -132,19 +132,19 @@ const g = /* @__PURE__ */ new Date(), $ = g.getFullYear(), Ye = g.getMonth(), He
     onDatesChange: y,
     startDate: r.startDate,
     ...!p && { exactMinBookingDays: !0 }
-  }), U = w(
+  }), U = C(
     (a) => {
-      a === f.EndDate && r.endDate ? M(r.endDate) : r.startDate && M(r.startDate);
+      a === f.EndDate && r.endDate ? w(r.endDate) : r.startDate && w(r.startDate);
     },
-    [M, r.endDate, r.startDate]
-  ), P = w(
+    [w, r.endDate, r.startDate]
+  ), P = C(
     (a) => {
       i((R) => ({ ...R, focusedInput: a })), U(a);
     },
     [U]
   ), ue = () => {
     n?.disabled || (!r.startDate || !p) && P(f.StartDate);
-  }, De = w(() => {
+  }, De = C(() => {
     P(null), p && d && setTimeout(() => {
       d({ startDate: r.startDate, endDate: r.endDate });
     }, 200);
@@ -170,14 +170,14 @@ const g = /* @__PURE__ */ new Date(), $ = g.getFullYear(), Ye = g.getMonth(), He
         dateFormat: o || V,
         endDate: r.endDate || null,
         firstDayOfWeek: S,
-        focusedDate: B || He,
+        focusedDate: B || Ye,
         focusedInput: r.focusedInput,
-        goToDate: M,
+        goToDate: w,
         goToNextMonths: I,
         goToPreviousMonths: N,
         setFocusedInput: P,
-        isDateBlocked: Y,
-        isDateFocused: H,
+        isDateBlocked: H,
+        isDateFocused: Y,
         isDateHovered: z,
         withDateRange: p || !1,
         isDateSelected: W,
@@ -187,9 +187,9 @@ const g = /* @__PURE__ */ new Date(), $ = g.getFullYear(), Ye = g.getMonth(), He
         minDate: D,
         minYear: b || ce,
         onDateChange: d,
-        onDateFocus: G,
+        onDateFocus: K,
         onDateHover: O,
-        onDateSelect: L,
+        onDateSelect: A,
         startDate: r.startDate,
         onClose: De,
         clearDates: k
@@ -207,7 +207,7 @@ const g = /* @__PURE__ */ new Date(), $ = g.getFullYear(), Ye = g.getMonth(), He
       )
     }
   );
-}, Le = (t, o) => o ? oe(t, o) : !0, Ae = (t, o) => o ? je(t, o) : !0;
+}, Ae = (t, o) => o ? oe(t, o) : !0, Le = (t, o) => o ? je(t, o) : !0;
 function Ve({
   inputProps: t
 }) {
@@ -223,14 +223,14 @@ function Ve({
     onDateChange: d,
     onDateSelect: x,
     onClose: h
-  } = j(), { open: p, setOpen: r } = J(), i = t?.size || "md", m = (k) => {
+  } = j(), { open: p, setOpen: r } = G(), i = t?.size || "md", m = (k) => {
     k.key === "Enter" && p && (r(!1), h(), k.preventDefault(), k.stopPropagation());
   }, y = (k) => {
-    const v = k.target.value, S = Me(v, s, g);
-    v.length === s.length && we(S) && Le(S, D) && Ae(S, b) && x(S), !v.length && d && d({ startDate: null, endDate: null });
+    const v = k.target.value, S = we(v, s, g);
+    v.length === s.length && Ce(S) && Ae(S, D) && Le(S, b) && x(S), !v.length && d && d({ startDate: null, endDate: null });
   };
   return /* @__PURE__ */ e.jsxs(
-    K,
+    J,
     {
       w: "100%",
       className: "DatePicker__Trigger",
@@ -253,7 +253,7 @@ function Ve({
                 children: /* @__PURE__ */ e.jsx(ee, { name: "calendarDate", size: i })
               }
             ),
-            value: Q(u, s, ""),
+            value: q(u, s, ""),
             onChange: y,
             onKeyDown: m,
             ...!t?.disabled && {
@@ -261,7 +261,7 @@ function Ve({
                 o(f.StartDate);
               }
             },
-            placeholder: C(g, s).toString(),
+            placeholder: M(g, s).toString(),
             ...c === f.StartDate && {
               "data-focus": !0
             },
@@ -286,13 +286,13 @@ function Ve({
                   children: /* @__PURE__ */ e.jsx(ee, { name: "calendarDate", size: i })
                 }
               ),
-              value: Q(n, s, ""),
+              value: q(n, s, ""),
               onChange: y,
               ...!t?.disabled && {
                 onFocus: () => o(f.EndDate)
               },
               onKeyDown: m,
-              placeholder: C(g, s).toString(),
+              placeholder: M(g, s).toString(),
               ...c === f.EndDate && {
                 "data-focus": !0
               },
@@ -304,16 +304,16 @@ function Ve({
     }
   );
 }
-function Je({
+function Ge({
   buttonText: t = "Apply",
   onSubmit: o,
   hideResetButton: u
 }) {
-  const { startDate: n, endDate: c, onClose: s, clearDates: l } = j(), { open: D, setOpen: b } = J(), d = w(() => {
+  const { startDate: n, endDate: c, onClose: s, clearDates: l } = j(), { open: D, setOpen: b } = G(), d = C(() => {
     b(!1), s(), o && o({ startDate: n, endDate: c });
   }, [b, s, o, n, c]);
   return /* @__PURE__ */ e.jsxs(
-    K,
+    J,
     {
       w: "100%",
       justify: u ? "end" : "space-between",
@@ -351,7 +351,7 @@ const ae = [
   "November",
   "December"
 ];
-function Ke() {
+function Je() {
   const t = _(null), o = _(null), {
     focusedDate: u,
     activeMonth: n,
@@ -379,12 +379,12 @@ function Ke() {
     }),
     [n?.year, s, c]
   ), h = (i) => l(
-    q(u || g, {
+    Q(u || g, {
       month: Number(i),
       year: n?.year
     })
   ), p = (i) => l(
-    q(u || g, {
+    Q(u || g, {
       month: n?.month,
       year: Number(i)
     })
@@ -395,7 +395,7 @@ function Ke() {
     });
   };
   return /* @__PURE__ */ e.jsxs(
-    K,
+    J,
     {
       className: "DatePicker__Header",
       "data-testid": "kibble-datepicker-header",
@@ -468,7 +468,7 @@ function Ke() {
     }
   );
 }
-const $e = ["root", "indicator"], Ge = {
+const $e = ["root", "indicator"], Ke = {
   default: {
     root: {
       borderColor: "transparent",
@@ -534,7 +534,7 @@ const $e = ["root", "indicator"], Ge = {
     }
   },
   variants: {
-    variant: Ge,
+    variant: Ke,
     isToday: {
       true: {
         indicator: {
@@ -578,19 +578,19 @@ const $e = ["root", "indicator"], Ge = {
     }
   ],
   defaultVariants: {}
-}), Qe = ({
+}), qe = ({
   dayLabel: t,
   date: o,
   onDaySelected: u
 }) => {
   const n = /* @__PURE__ */ new Date(), c = _(null), { startDate: s, endDate: l, dateFormat: D, withDateRange: b } = j(), d = F(
     () => ({
-      currentDay: C(o, D),
-      startDate: s && C(s, D),
-      endDate: l && C(l, D)
+      currentDay: M(o, D),
+      startDate: s && M(s, D),
+      endDate: l && M(l, D)
     }),
     [o, D, l, s]
-  ), x = d.currentDay === d.startDate, h = d.currentDay === d.endDate, p = d.currentDay === C(n, D), {
+  ), x = d.currentDay === d.startDate, h = d.currentDay === d.endDate, p = d.currentDay === M(n, D), {
     focusedDate: r,
     isDateFocused: i,
     isDateSelected: m,
@@ -599,15 +599,15 @@ const $e = ["root", "indicator"], Ge = {
     isFirstOrLastSelectedDate: v,
     onDateSelect: S,
     onDateFocus: B,
-    onDateHover: M
+    onDateHover: w
   } = j(), {
     disabledDate: I,
     isSelected: N,
-    onClick: Y,
-    onKeyDown: H,
+    onClick: H,
+    onKeyDown: Y,
     onMouseEnter: z,
     tabIndex: W
-  } = Ce({
+  } = Me({
     date: o,
     focusedDate: r,
     isDateFocused: i,
@@ -617,7 +617,7 @@ const $e = ["root", "indicator"], Ge = {
     isFirstOrLastSelectedDate: v,
     onDateFocus: B,
     onDateSelect: S,
-    onDateHover: M
+    onDateHover: w
   }), T = F(() => {
     switch (!0) {
       case I:
@@ -634,16 +634,16 @@ const $e = ["root", "indicator"], Ge = {
   }, [I, h, x, N]), O = Ie({ recipe: Ue })({ variant: T, isToday: p, withDateRange: b });
   if (!t)
     return /* @__PURE__ */ e.jsx(e.Fragment, {});
-  const L = () => {
-    T !== "disabled" && (Y(), u());
+  const A = () => {
+    T !== "disabled" && (H(), u());
   };
   return /* @__PURE__ */ e.jsxs(
     E,
     {
       className: "DatePicker__Day",
       "data-testid": `kibble-datepicker-day--${d.currentDay}`,
-      onClick: L,
-      onKeyDown: H,
+      onClick: A,
+      onKeyDown: Y,
       onMouseEnter: z,
       tabIndex: W,
       ref: c,
@@ -655,12 +655,12 @@ const $e = ["root", "indicator"], Ge = {
       ]
     }
   );
-}, qe = ({
+}, Qe = ({
   onDaySelected: t
 }) => {
   const o = _(null), { firstDayOfWeek: u, activeMonth: n } = j(), { days: c, weekdayLabels: s } = Pe({
     year: n?.year || $,
-    month: n?.month !== void 0 ? n.month : Ye,
+    month: n?.month !== void 0 ? n.month : He,
     firstDayOfWeek: u
   });
   return /* @__PURE__ */ e.jsxs(
@@ -670,10 +670,10 @@ const $e = ["root", "indicator"], Ge = {
       className: "DatePicker__Month",
       "data-testid": "kibble-datepicker-month",
       children: [
-        /* @__PURE__ */ e.jsx(A, { templateColumns: "repeat(7, 1fr)", my: 2, children: s.map((l) => /* @__PURE__ */ e.jsx(Ne, { children: /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsx(se, { size: "xs", variant: "subtle", children: l }) }) }, l)) }),
-        /* @__PURE__ */ e.jsx(A, { templateColumns: "repeat(7, 1fr)", children: c.map(
+        /* @__PURE__ */ e.jsx(L, { templateColumns: "repeat(7, 1fr)", my: 2, children: s.map((l) => /* @__PURE__ */ e.jsx(Ne, { children: /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsx(se, { size: "xs", variant: "subtle", children: l }) }) }, l)) }),
+        /* @__PURE__ */ e.jsx(L, { templateColumns: "repeat(7, 1fr)", children: c.map(
           (l, D) => typeof l == "object" ? /* @__PURE__ */ e.jsx(
-            Qe,
+            qe,
             {
               date: l.date,
               dayLabel: l.dayLabel,
@@ -687,11 +687,11 @@ const $e = ["root", "indicator"], Ge = {
   );
 };
 function Xe() {
-  const { withDateRange: t, activeMonths: o, onClose: u } = j(), { setOpen: n } = J(), c = () => {
+  const { withDateRange: t, activeMonths: o, onClose: u } = j(), { setOpen: n } = G(), c = () => {
     t || (n(!1), u());
   };
   return /* @__PURE__ */ e.jsx(
-    A,
+    L,
     {
       className: "DatePicker__Calendar",
       "data-testid": "kibble-datepicker-calendar",
@@ -699,7 +699,7 @@ function Xe() {
       px: 3,
       py: 2,
       children: o.map((s) => /* @__PURE__ */ e.jsx(
-        qe,
+        Qe,
         {
           onDaySelected: c
         },
@@ -731,9 +731,9 @@ const ct = (t) => {
             children: [
               /* @__PURE__ */ e.jsx(_e, {}),
               /* @__PURE__ */ e.jsxs(Be, { p: "0 !important", children: [
-                /* @__PURE__ */ e.jsx(Ke, {}),
+                /* @__PURE__ */ e.jsx(Je, {}),
                 /* @__PURE__ */ e.jsx(Xe, {}),
-                c && !u && /* @__PURE__ */ e.jsx(Je, { ...o })
+                c && !u && /* @__PURE__ */ e.jsx(Ge, { ...o })
               ] })
             ]
           }
@@ -746,4 +746,4 @@ export {
   ct as D,
   ie as a
 };
-//# sourceMappingURL=datePicker.component-D1WtrZJd.js.map
+//# sourceMappingURL=datePicker.component-CLJT4YOv.js.map