@televet/kibble-ui 4.0.0-beta.87 → 4.0.0-beta.89

package/dist/chunks/{datePicker.component-Cger9TA5.js → datePicker.component-WwElikgA.js}

@@ -2,20 +2,20 @@ import { j as g } from "./jsx-runtime-C5mzlN2N.js";
 import { useState as Pe, useEffect as wt, useCallback as I, useMemo as ie, createContext as Rt, useContext as jt, useRef as Ue } from "react";
 import { t as z, c as se, s as At, f as he, i as Qt } from "./format-DgHM6wFr.js";
 import { l as Gt, o as Xt, j as zt, e as _t, a as Kt, b as Jt, c as Vt, p as $t } from "./popover.recipe--wfvH9po.js";
-import { W as Xe } from "./textInput.component-BK5TEpr3.js";
-import { I as ze } from "./icon.component-DGNCL1Yc.js";
-import { W as Dt } from "./text.component-z4cNuAAI.js";
+import { W as Xe } from "./textInput.component-DpX3YAU9.js";
+import { I as ze } from "./icon.component-CFqpWzmV.js";
+import { W as Dt } from "./text.component-DJW--Vty.js";
 import { u as je } from "./popover-root-provider-BErev2-N.js";
 import { H as Ae } from "./h-stack-Ce6JSBK2.js";
 import { F as _e } from "./flex-smlF8uQG.js";
-import { B as Ce } from "./button.component-BpF3MzbZ.js";
-import { M as Ke } from "./menu.component-4gKH4f5l.js";
+import { B as Ce } from "./button.component-D7a32Wjq.js";
+import { M as Ke } from "./menu.component-q1jaihnb.js";
 import { i as Ie, a as Zt, b as er, e as tr, c as rr } from "./isSymbol-BQN49XhJ.js";
 import { C as yt, G as qe, a as nr } from "./grid-item-BV4dwEBP.js";
 import { a as ar } from "./config-DlTdf-Yt.js";
 import { u as bt } from "./use-slot-recipe-DhtQ1j_5.js";
 import { B as vt } from "./box-Ck9I7FYv.js";
-import { u as or } from "./usePortalContentRef-KaU-iIV0.js";
+import { u as or } from "./usePortalContentRef-DO_jc4W9.js";
 import { P as ir } from "./use-locale-context-BiiNTYMT.js";
 var Se = {
   lessThanXSeconds: { one: "less than a second", other: "less than {{count}} seconds" },
@@ -2314,9 +2314,7 @@ const $ = /* @__PURE__ */ new Date(), Ge = $.getFullYear(), Un = $.getMonth(), N
   clearDates: () => {
     throw new Error("clearDates(): boolean not implemented");
   }
-}, Bt = Rt(
-  En
-), ue = () => jt(Bt);
+}, Bt = Rt(En), ue = () => jt(Bt);
 function Yn(e, t) {
   const r = z(e, t?.in);
   return r.setHours(23, 59, 59, 999), r;
@@ -2439,13 +2437,7 @@ const Hn = ({
     U(null), h && d && (console.log("onDateChange called on close"), setTimeout(() => {
       console.log("onDateChange called after timeout"), d({ startDate: c.startDate, endDate: c.endDate });
     }, 200));
-  }, [
-    h,
-    d,
-    U,
-    c.endDate,
-    c.startDate
-  ]), Ee = ie(() => T[0], [T]);
+  }, [h, d, U, c.endDate, c.startDate]), Ee = ie(() => T[0], [T]);
   return wt(() => {
     m((y) => ({
       ...y,
@@ -2505,9 +2497,7 @@ function In(e, t) {
   return +z(e) < +z(t);
 }
 const qn = (e, t) => t ? Ht(e, t) : !0, Wn = (e, t) => t ? In(e, t) : !0;
-function Ln({
-  inputProps: e
-}) {
+function Ln({ inputProps: e }) {
   const {
     setFocusedInput: t,
     startDate: r,
@@ -2526,80 +2516,72 @@ function Ln({
     const T = v.target.value, k = Rr(T, o, $);
     T.length === o.length && Qt(k) && qn(k, s) && Wn(k, u) && w(k), !T.length && d && d({ startDate: null, endDate: null });
   };
-  return /* @__PURE__ */ g.jsxs(
-    Ae,
-    {
-      w: "100%",
-      className: "DatePicker__Trigger",
-      "data-testid": "kibble-datepicker-trigger",
-      children: [
-        /* @__PURE__ */ g.jsx(
-          Xe,
+  return /* @__PURE__ */ g.jsxs(Ae, { w: "100%", className: "DatePicker__Trigger", "data-testid": "kibble-datepicker-trigger", children: [
+    /* @__PURE__ */ g.jsx(
+      Xe,
+      {
+        className: "DatePicker__Input--Start",
+        "data-testid": "kibble-datepicker-input-start",
+        autoComplete: "off",
+        rightElement: /* @__PURE__ */ g.jsx(
+          _e,
           {
-            className: "DatePicker__Input--Start",
-            "data-testid": "kibble-datepicker-input-start",
-            autoComplete: "off",
-            rightElement: /* @__PURE__ */ g.jsx(
-              _e,
-              {
-                ...!e?.disabled && {
-                  onClick: () => t(A.StartDate)
-                },
-                h: "100%",
-                align: "center",
-                children: /* @__PURE__ */ g.jsx(ze, { name: "calendarDate", size: m })
-              }
-            ),
-            value: ft(r, o, ""),
-            onChange: P,
-            onKeyDown: p,
             ...!e?.disabled && {
-              onFocus: () => {
-                t(A.StartDate);
-              }
-            },
-            placeholder: he($, o).toString(),
-            ...a === A.StartDate && {
-              "data-focus": !0
+              onClick: () => t(A.StartDate)
             },
-            ...e
+            h: "100%",
+            align: "center",
+            children: /* @__PURE__ */ g.jsx(ze, { name: "calendarDate", size: m })
           }
         ),
-        i && /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
-          /* @__PURE__ */ g.jsx(Dt, { children: " - " }),
-          /* @__PURE__ */ g.jsx(
-            Xe,
+        value: ft(r, o, ""),
+        onChange: P,
+        onKeyDown: p,
+        ...!e?.disabled && {
+          onFocus: () => {
+            t(A.StartDate);
+          }
+        },
+        placeholder: he($, o).toString(),
+        ...a === A.StartDate && {
+          "data-focus": !0
+        },
+        ...e
+      }
+    ),
+    i && /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
+      /* @__PURE__ */ g.jsx(Dt, { children: " - " }),
+      /* @__PURE__ */ g.jsx(
+        Xe,
+        {
+          className: "DatePicker__Input--End",
+          "data-testid": "kibble-datepicker-input-end",
+          rightElement: /* @__PURE__ */ g.jsx(
+            _e,
             {
-              className: "DatePicker__Input--End",
-              "data-testid": "kibble-datepicker-input-end",
-              rightElement: /* @__PURE__ */ g.jsx(
-                _e,
-                {
-                  ...!e?.disabled && {
-                    onClick: () => t(A.StartDate)
-                  },
-                  h: "100%",
-                  align: "center",
-                  children: /* @__PURE__ */ g.jsx(ze, { name: "calendarDate", size: m })
-                }
-              ),
-              value: ft(n, o, ""),
-              onChange: P,
               ...!e?.disabled && {
-                onFocus: () => t(A.EndDate)
-              },
-              onKeyDown: p,
-              placeholder: he($, o).toString(),
-              ...a === A.EndDate && {
-                "data-focus": !0
+                onClick: () => t(A.StartDate)
               },
-              ...e
+              h: "100%",
+              align: "center",
+              children: /* @__PURE__ */ g.jsx(ze, { name: "calendarDate", size: m })
             }
-          )
-        ] })
-      ]
-    }
-  );
+          ),
+          value: ft(n, o, ""),
+          onChange: P,
+          ...!e?.disabled && {
+            onFocus: () => t(A.EndDate)
+          },
+          onKeyDown: p,
+          placeholder: he($, o).toString(),
+          ...a === A.EndDate && {
+            "data-focus": !0
+          },
+          ...e
+        }
+      )
+    ] })
+  ] });
 }
 function Rn({
   buttonText: e = "Apply",
@@ -2620,15 +2602,7 @@ function Rn({
       px: 3,
       py: 2,
       children: [
-        !r && /* @__PURE__ */ g.jsx(
-          Ce,
-          {
-            size: "sm",
-            variant: "ghostNeutral",
-            onClick: () => i({ open: s }),
-            children: "Clear Dates"
-          }
-        ),
+        !r && /* @__PURE__ */ g.jsx(Ce, { size: "sm", variant: "ghostNeutral", onClick: () => i({ open: s }), children: "Clear Dates" }),
         /* @__PURE__ */ g.jsx(Ce, { size: "sm", onClick: d, children: e })
       ]
     }
@@ -2717,15 +2691,7 @@ const gt = [
   "December"
 ];
 function sa() {
-  const e = Ue(null), t = Ue(null), {
-    focusedDate: r,
-    activeMonth: n,
-    minYear: a,
-    maxYear: o,
-    goToDate: i,
-    goToNextMonths: s,
-    goToPreviousMonths: u
-  } = ue(), d = ie(
+  const e = Ue(null), t = Ue(null), { focusedDate: r, activeMonth: n, minYear: a, maxYear: o, goToDate: i, goToNextMonths: s, goToPreviousMonths: u } = ue(), d = ie(
     () => gt.map((m, p) => ({
       label: m,
       value: String(p),
@@ -2771,15 +2737,7 @@ function sa() {
       py: 2,
       px: 3,
       children: [
-        /* @__PURE__ */ g.jsx(
-          Ce,
-          {
-            iconName: "chevronLeft",
-            onClick: u,
-            variant: "ghostNeutral",
-            size: "sm"
-          }
-        ),
+        /* @__PURE__ */ g.jsx(Ce, { iconName: "chevronLeft", onClick: u, variant: "ghostNeutral", size: "sm" }),
         /* @__PURE__ */ g.jsxs(yt, { gap: 2, h: "100%", children: [
           /* @__PURE__ */ g.jsx(
             Ke,
@@ -2820,15 +2778,7 @@ function sa() {
             }
           )
         ] }),
-        /* @__PURE__ */ g.jsx(
-          Ce,
-          {
-            iconName: "chevronRight",
-            onClick: s,
-            variant: "ghostNeutral",
-            size: "sm"
-          }
-        )
+        /* @__PURE__ */ g.jsx(Ce, { iconName: "chevronRight", onClick: s, variant: "ghostNeutral", size: "sm" })
       ]
     }
   );
@@ -2943,11 +2893,7 @@ const ua = ["root", "indicator"], ca = {
     }
   ],
   defaultVariants: {}
-}), la = ({
-  dayLabel: e,
-  date: t,
-  onDaySelected: r
-}) => {
+}), la = ({ dayLabel: e, date: t, onDaySelected: r }) => {
   const n = /* @__PURE__ */ new Date(), a = Ue(null), { startDate: o, endDate: i, dateFormat: s, withDateRange: u } = ue(), d = ie(
     () => ({
       currentDay: he(t, s),
@@ -2965,14 +2911,7 @@ const ua = ["root", "indicator"], ca = {
     onDateSelect: k,
     onDateFocus: W,
     onDateHover: B
-  } = ue(), {
-    disabledDate: _,
-    isSelected: M,
-    onClick: E,
-    onKeyDown: Z,
-    onMouseEnter: Q,
-    tabIndex: K
-  } = Pn({
+  } = ue(), { disabledDate: _, isSelected: M, onClick: E, onKeyDown: Z, onMouseEnter: Q, tabIndex: K } = Pn({
     date: t,
     focusedDate: c,
     isDateFocused: m,
@@ -3020,95 +2959,57 @@ const ua = ["root", "indicator"], ca = {
       ]
     }
   );
-}, fa = ({
-  onDaySelected: e
-}) => {
+}, fa = ({ onDaySelected: e }) => {
   const t = Ue(null), { firstDayOfWeek: r, activeMonth: n } = ue(), { days: a, weekdayLabels: o } = vn({
     year: n?.year || Ge,
     month: n?.month !== void 0 ? n.month : Un,
     firstDayOfWeek: r
   });
-  return /* @__PURE__ */ g.jsxs(
-    vt,
-    {
-      ref: t,
-      className: "DatePicker__Month",
-      "data-testid": "kibble-datepicker-month",
-      children: [
-        /* @__PURE__ */ g.jsx(qe, { templateColumns: "repeat(7, 1fr)", my: 2, children: o.map((i) => /* @__PURE__ */ g.jsx(nr, { children: /* @__PURE__ */ g.jsx(yt, { children: /* @__PURE__ */ g.jsx(Dt, { size: "xs", variant: "subtle", children: i }) }) }, i)) }),
-        /* @__PURE__ */ g.jsx(qe, { templateColumns: "repeat(7, 1fr)", children: a.map(
-          (i, s) => typeof i == "object" ? /* @__PURE__ */ g.jsx(
-            la,
-            {
-              date: i.date,
-              dayLabel: i.dayLabel,
-              onDaySelected: e
-            },
-            i.date.toString()
-          ) : /* @__PURE__ */ g.jsx("div", {}, s)
-        ) })
-      ]
-    }
-  );
+  return /* @__PURE__ */ g.jsxs(vt, { ref: t, className: "DatePicker__Month", "data-testid": "kibble-datepicker-month", children: [
+    /* @__PURE__ */ g.jsx(qe, { templateColumns: "repeat(7, 1fr)", my: 2, children: o.map((i) => /* @__PURE__ */ g.jsx(nr, { children: /* @__PURE__ */ g.jsx(yt, { children: /* @__PURE__ */ g.jsx(Dt, { size: "xs", variant: "subtle", children: i }) }) }, i)) }),
+    /* @__PURE__ */ g.jsx(qe, { templateColumns: "repeat(7, 1fr)", children: a.map(
+      (i, s) => typeof i == "object" ? /* @__PURE__ */ g.jsx(
+        la,
+        {
+          date: i.date,
+          dayLabel: i.dayLabel,
+          onDaySelected: e
+        },
+        i.date.toString()
+      ) : /* @__PURE__ */ g.jsx("div", {}, s)
+    ) })
+  ] });
 };
 function ha() {
   const { withDateRange: e, activeMonths: t, onClose: r } = ue(), { setOpen: n } = je(), a = () => {
     e || (n(!1), r());
   };
-  return /* @__PURE__ */ g.jsx(
-    qe,
-    {
-      className: "DatePicker__Calendar",
-      "data-testid": "kibble-datepicker-calendar",
-      gap: "0 64px",
-      px: 3,
-      py: 2,
-      children: t.map((o) => /* @__PURE__ */ g.jsx(
-        fa,
-        {
-          onDaySelected: a
-        },
-        `${o.year}-${o.month}`
-      ))
-    }
-  );
+  return /* @__PURE__ */ g.jsx(qe, { className: "DatePicker__Calendar", "data-testid": "kibble-datepicker-calendar", gap: "0 64px", px: 3, py: 2, children: t.map((o) => /* @__PURE__ */ g.jsx(fa, { onDaySelected: a }, `${o.year}-${o.month}`)) });
 }
 const Oa = (e) => {
-  const {
-    footerProps: t,
-    hideFooter: r = !1,
-    inputProps: n,
-    withDateRange: a = !1
-  } = e, { contentRef: o } = or(), s = bt({ recipe: $t })();
+  const { footerProps: t, hideFooter: r = !1, inputProps: n, withDateRange: a = !1 } = e, { contentRef: o } = or(), s = bt({ recipe: $t })();
   return /* @__PURE__ */ g.jsxs(Hn, { ...e, children: [
     /* @__PURE__ */ g.jsx(Xt, { children: /* @__PURE__ */ g.jsx(Ln, { inputProps: n }) }),
-    /* @__PURE__ */ g.jsx(ir, { container: o || void 0, children: /* @__PURE__ */ g.jsx(
-      zt,
+    /* @__PURE__ */ g.jsx(ir, { container: o || void 0, children: /* @__PURE__ */ g.jsx(zt, { className: "DatePicker", "data-testid": "kibble-datepicker", children: /* @__PURE__ */ g.jsxs(
+      _t,
       {
-        className: "DatePicker",
-        "data-testid": "kibble-datepicker",
-        children: /* @__PURE__ */ g.jsxs(
-          _t,
-          {
-            className: "DatePicker__Content",
-            "data-testid": "kibble-datepicker-content",
-            css: { ...s.content, minW: "340px" },
-            children: [
-              /* @__PURE__ */ g.jsx(Kt, { css: s.arrow, children: /* @__PURE__ */ g.jsx(Jt, { css: s.arrowTip }) }),
-              /* @__PURE__ */ g.jsxs(Vt, { css: { "--popover-padding": 0 }, children: [
-                /* @__PURE__ */ g.jsx(sa, {}),
-                /* @__PURE__ */ g.jsx(ha, {}),
-                a && !r && /* @__PURE__ */ g.jsx(Rn, { ...t })
-              ] })
-            ]
-          }
-        )
+        className: "DatePicker__Content",
+        "data-testid": "kibble-datepicker-content",
+        css: { ...s.content, minW: "340px" },
+        children: [
+          /* @__PURE__ */ g.jsx(Kt, { css: s.arrow, children: /* @__PURE__ */ g.jsx(Jt, { css: s.arrowTip }) }),
+          /* @__PURE__ */ g.jsxs(Vt, { css: { "--popover-padding": 0 }, children: [
+            /* @__PURE__ */ g.jsx(sa, {}),
+            /* @__PURE__ */ g.jsx(ha, {}),
+            a && !r && /* @__PURE__ */ g.jsx(Rn, { ...t })
+          ] })
+        ]
       }
-    ) })
+    ) }) })
   ] });
 };
 export {
   Oa as D,
   Yt as a
 };
-//# sourceMappingURL=datePicker.component-Cger9TA5.js.map
+//# sourceMappingURL=datePicker.component-WwElikgA.js.map