@spear-ai/spectral 1.6.11 → 1.6.12

package/dist/DateTimePicker/DateTimeDisplayInput.js

@@ -1,6 +1,6 @@
 "use client";
 import "../styles/main.css";
-import { jsxs as K, jsx as x } from "react/jsx-runtime";
+import { jsxs as K, jsx as k } from "react/jsx-runtime";
 import { getResolvedLocale as ee, getLocalizedPeriodLabels as te, formatSelectPeriodLabel as re } from "./DateTimeUtils.js";
 import { Label as ne } from "../Label.js";
 import { useControllableState as ae } from "../hooks/useControllableState.js";
@@ -16,10 +16,10 @@ const h = {
   minute: { type: "minute", min: 0, max: 59, length: 2 },
   period: { type: "period", min: 0, max: 1, length: 2 }
 };
-function ue(v, e) {
-  return v === 2 ? e % 4 === 0 && e % 100 !== 0 || e % 400 === 0 ? 29 : 28 : [4, 6, 9, 11].includes(v) ? 30 : 31;
+function ue(x, e) {
+  return x === 2 ? e % 4 === 0 && e % 100 !== 0 || e % 400 === 0 ? 29 : 28 : [4, 6, 9, 11].includes(x) ? 30 : 31;
 }
-function ce({ ariaLabel: v, config: e, disabled: f, onLeftFocus: I, onRightFocus: w, onValueChange: c, periodLabels: D, value: s }) {
+function ce({ ariaLabel: x, config: e, disabled: f, onLeftFocus: I, onRightFocus: v, onValueChange: c, periodLabels: w, value: s }) {
   const o = B(null), a = B(""), u = B(!1), b = g(() => {
     switch (e.type) {
       case "month":
@@ -33,11 +33,11 @@ function ce({ ariaLabel: v, config: e, disabled: f, onLeftFocus: I, onRightFocus
       case "minute":
         return "mm";
       case "period":
-        return (D?.am ?? "am").toLowerCase();
+        return (w?.am ?? "am").toLowerCase();
       default:
         return "––";
     }
-  }, [e.type, e.max, D]), m = g(() => s === void 0 ? b : e.type === "period" ? (s === 0 ? D?.am ?? "am" : D?.pm ?? "pm").toLowerCase() : s.toString().padStart(e.length, "0"), [s, e, D, b]);
+  }, [e.type, e.max, w]), m = g(() => s === void 0 ? b : e.type === "period" ? (s === 0 ? w?.am ?? "am" : w?.pm ?? "pm").toLowerCase() : s.toString().padStart(e.length, "0"), [s, e, w, b]);
   oe(() => {
     o.current && !u.current && (o.current.value = m);
   }, [m]);
@@ -56,7 +56,7 @@ function ce({ ariaLabel: v, config: e, disabled: f, onLeftFocus: I, onRightFocus
           return;
         }
         if (t.key === "ArrowRight") {
-          t.preventDefault(), d(), w?.();
+          t.preventDefault(), d(), v?.();
           return;
         }
         if (t.key === "ArrowLeft") {
@@ -92,17 +92,17 @@ function ce({ ariaLabel: v, config: e, disabled: f, onLeftFocus: I, onRightFocus
           const r = a.current + t.key, l = parseInt(r, 10);
           if (e.length === 2)
             if (r.length >= 2) {
-              const k = Math.max(e.min, Math.min(e.max, l));
-              a.current = "", u.current = !1, c(k), w?.();
+              const D = Math.max(e.min, Math.min(e.max, l));
+              a.current = "", u.current = !1, c(D), v?.();
             } else if (l * 10 > e.max) {
-              const k = Math.max(e.min, Math.min(e.max, l));
-              a.current = "", u.current = !1, c(k), w?.();
+              const D = Math.max(e.min, Math.min(e.max, l));
+              a.current = "", u.current = !1, c(D), v?.();
             } else
               a.current = r, u.current = !0, o.current && (o.current.value = r);
           else if (e.length === 4)
             if (r.length >= 4) {
-              const k = Math.max(e.min, Math.min(e.max, l));
-              a.current = "", u.current = !1, c(k), w?.();
+              const D = Math.max(e.min, Math.min(e.max, l));
+              a.current = "", u.current = !1, c(D), v?.();
             } else
               a.current = r, u.current = !0, o.current && (o.current.value = r);
           return;
@@ -116,7 +116,7 @@ function ce({ ariaLabel: v, config: e, disabled: f, onLeftFocus: I, onRightFocus
         }
       }
     },
-    [f, e, s, m, c, I, w, d]
+    [f, e, s, m, c, I, v, d]
   ), R = L(() => {
     a.current && d();
   }, [d]), S = L(() => {
@@ -146,10 +146,10 @@ function ce({ ariaLabel: v, config: e, disabled: f, onLeftFocus: I, onRightFocus
         return { width: 24, paddingLeft: 0 };
     }
   })(), M = s === void 0;
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ k(
     "input",
     {
-      "aria-label": v,
+      "aria-label": x,
       "aria-valuemax": e.max,
       "aria-valuemin": e.min,
       "aria-valuenow": s,
@@ -178,15 +178,15 @@ function ce({ ariaLabel: v, config: e, disabled: f, onLeftFocus: I, onRightFocus
 }
 const le = se(
   ({
-    className: v,
+    className: x,
     id: e,
     // New props
     defaultValue: f,
     onChange: I,
-    value: w,
+    value: v,
     // Legacy props (deprecated)
     date: c,
-    onDateChange: D,
+    onDateChange: w,
     // Other props
     disabled: s,
     endIcon: o,
@@ -197,7 +197,7 @@ const le = se(
     state: d = "default",
     ...E
   }, R) => {
-    const S = B(null), T = w ?? c, U = I ?? D, [y, M] = ae({
+    const S = B(null), T = v ?? c, U = I ?? w, [y, M] = ae({
       value: T,
       defaultValue: f,
       onChange: U
@@ -213,7 +213,7 @@ const le = se(
         minute: y.getMinutes(),
         period: p
       };
-    }, [y, a]), k = l.month !== void 0 && l.day !== void 0 && l.year !== void 0, _ = L(
+    }, [y, a]), D = l.month !== void 0 && l.day !== void 0 && l.year !== void 0, _ = L(
       (i) => {
         const n = { ...l, ...i };
         if (n.month === void 0 && n.day === void 0 && n.year === void 0) {
@@ -250,15 +250,15 @@ const le = se(
       return [...i, ...n];
     }, [m, a, r]), z = L((i) => {
       S.current?.querySelectorAll('[role="spinbutton"]')[i]?.focus();
-    }, []), Q = O(ie(d, v));
+    }, []), Q = O(ie(d, x));
     return /* @__PURE__ */ K("div", { className: "flex flex-col gap-1.5", children: [
-      u && /* @__PURE__ */ x(ne, { className: "text-text-primary text-sm font-medium", htmlFor: e, children: u }),
-      /* @__PURE__ */ K("div", { className: O(Q, "relative", (s || d === "disabled") && "cursor-not-allowed", v), "data-slot": "datetime-display-input", id: e ?? "datetime-display-input", ref: R ?? S, ...E, children: [
-        /* @__PURE__ */ x("div", { className: "flex items-center", ref: S, children: q.map((i, n) => {
-          const p = ["month", "day", "year"].includes(i.key), H = ["hour", "minute", "period"].includes(i.key), Y = i.key === "year", N = i.key === "hour", P = s || H && !k;
+      u && /* @__PURE__ */ k(ne, { className: "text-text-primary text-sm font-medium", htmlFor: e, children: u }),
+      /* @__PURE__ */ K("div", { className: O(Q, "relative", (s || d === "disabled") && "cursor-not-allowed", x), "data-slot": "datetime-display-input", id: e ?? "datetime-display-input", ref: R ?? S, ...E, children: [
+        /* @__PURE__ */ k("div", { className: "flex items-center", ref: S, children: q.map((i, n) => {
+          const p = ["month", "day", "year"].includes(i.key), H = ["hour", "minute", "period"].includes(i.key), Y = i.key === "year", N = i.key === "hour", P = s || H && !D;
           return /* @__PURE__ */ K("span", { className: "flex items-center", children: [
-            N && /* @__PURE__ */ x("span", { "aria-hidden": "true", className: "text-text-secondary select-none", children: ", " }),
-            /* @__PURE__ */ x(
+            N && /* @__PURE__ */ k("span", { "aria-hidden": "true", className: "text-text-secondary select-none", children: ", " }),
+            /* @__PURE__ */ k(
               ce,
               {
                 ariaLabel: i.ariaLabel,
@@ -271,11 +271,11 @@ const le = se(
                 value: l[i.key]
               }
             ),
-            p && !Y && /* @__PURE__ */ x("span", { "aria-hidden": "true", className: "text-text-secondary select-none", children: "/" }),
-            N && /* @__PURE__ */ x("span", { "aria-hidden": "true", className: "text-inherit select-none", children: ":" })
+            p && !Y && /* @__PURE__ */ k("span", { "aria-hidden": "true", className: "text-text-secondary select-none", children: "/" }),
+            N && /* @__PURE__ */ k("span", { "aria-hidden": "true", className: "text-inherit select-none", children: ":" })
           ] }, i.key);
         }) }),
-        /* @__PURE__ */ x("div", { className: "text-input-icon absolute top-1/2 right-4 -translate-y-1/2", children: o })
+        o
       ] })
     ] });
   }

package/dist/DateTimePicker.js

@@ -1,10 +1,10 @@
 "use client";
 import "./styles/main.css";
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { Calendar as b } from "./DateTimePicker/Calendar.js";
 import { DateTimeDisplayInput as w } from "./DateTimePicker/DateTimeDisplayInput.js";
 import { getResolvedLocale as I, detectHourFormat as L } from "./DateTimePicker/DateTimeUtils.js";
-import { DEFAULT_TRANSLATIONS as lr, DateTimeConfigSchema as nr, HourFormatSchema as sr, PICKER_TYPES as dr, PeriodSchema as cr, TIME_BOUNDS as ur, TimePickerTypeSchema as gr, TimeValueSchema as fr, convert12HourTo24Hour as hr, display12HourValue as Tr, formatSelectPeriodLabel as xr, formatTimeNumber as Hr, getAriaLabel as vr, getAriaValueMinMax as yr, getAriaValueNow as Vr, getArrowByType as Sr, getDateByType as Cr, getLocalizedPeriodLabel as Nr, getLocalizedPeriodLabels as Pr, getPeriodFromHours as Ar, getValid12Hour as Dr, getValidArrow12Hour as br, getValidArrowHour as wr, getValidArrowMinute as Ir, getValidArrowNumber as Lr, getValidHour as Mr, getValidMinute as kr, getValidNumber as Fr, isValid12Hour as Er, isValidHour as Br, isValidMinute as Or, set12Hours as jr, setDateByType as zr, setHours as Rr, setMinutes as _r } from "./DateTimePicker/DateTimeUtils.js";
+import { DEFAULT_TRANSLATIONS as nr, DateTimeConfigSchema as lr, HourFormatSchema as sr, PICKER_TYPES as dr, PeriodSchema as cr, TIME_BOUNDS as ur, TimePickerTypeSchema as gr, TimeValueSchema as fr, convert12HourTo24Hour as hr, display12HourValue as Tr, formatSelectPeriodLabel as vr, formatTimeNumber as xr, getAriaLabel as Hr, getAriaValueMinMax as yr, getAriaValueNow as Vr, getArrowByType as Sr, getDateByType as Cr, getLocalizedPeriodLabel as Nr, getLocalizedPeriodLabels as Pr, getPeriodFromHours as Ar, getValid12Hour as Dr, getValidArrow12Hour as br, getValidArrowHour as wr, getValidArrowMinute as Ir, getValidArrowNumber as Lr, getValidHour as Mr, getValidMinute as kr, getValidNumber as Fr, isValid12Hour as Er, isValidHour as Br, isValidMinute as Or, set12Hours as jr, setDateByType as Rr, setHours as _r, setMinutes as zr } from "./DateTimePicker/DateTimeUtils.js";
 import { TimePicker as M } from "./DateTimePicker/TimePicker.js";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
@@ -76,12 +76,12 @@ import { cn as a } from "./utils/twUtils.js";
 import { useMemo as g } from "react";
 import { DateTimeInput as Kr } from "./DateTimePicker/DateTimeInput.js";
 import { TimePeriodSelect as qr } from "./DateTimePicker/TimePeriodSelect.js";
-function z({ calendarProps: f, className: h, defaultValue: T, disabled: i = !1, disablePastDates: x = !0, errorMessage: s, hourFormat: d, label: H, locale: v, onChange: y, showTimePicker: o = !0, state: c = "default", timeLocale: u, timeTranslations: V, value: S, ...C }) {
+function R({ calendarProps: f, className: h, defaultValue: T, disabled: i = !1, disablePastDates: v = !0, errorMessage: s, hourFormat: d, label: x, locale: H, onChange: y, showTimePicker: o = !0, state: c = "default", timeLocale: u, timeTranslations: V, value: S, ...C }) {
   const [r, m] = O({
     value: S,
     defaultValue: T,
     onChange: y
-  }), l = g(() => I(u), [u]), p = g(() => d ?? L(l), [d, l]), N = (t) => {
+  }), n = g(() => I(u), [u]), p = g(() => d ?? L(n), [d, n]), N = (t) => {
     if (!t) {
       m(void 0);
       return;
@@ -93,8 +93,8 @@ function z({ calendarProps: f, className: h, defaultValue: T, disabled: i = !1,
   }, D = (t) => {
     m(t);
   };
-  return /* @__PURE__ */ n(F, { children: [
-    /* @__PURE__ */ n("div", { className: a("w-full", h), "data-slot": "datetime-picker", "data-testid": "spectral-datetime-picker", ...C, children: [
+  return /* @__PURE__ */ l(F, { children: [
+    /* @__PURE__ */ l("div", { className: a("w-full", h), "data-slot": "datetime-picker", "data-testid": "spectral-datetime-picker", ...C, children: [
       /* @__PURE__ */ e(
         w,
         {
@@ -105,13 +105,13 @@ function z({ calendarProps: f, className: h, defaultValue: T, disabled: i = !1,
             k,
             {
               "aria-label": "Open date picker",
-              className: a("text-input-icon absolute top-1/2 right-4 size-5 -translate-y-1/2 focus:outline-none", i ? "pointer-events-none cursor-not-allowed opacity-50" : "hover:text-input-icon--hover cursor-pointer"),
+              className: a("text-input-icon hover:text-input-icon--hover absolute top-1/2 right-4 -translate-y-1/2 cursor-pointer focus:outline-none", i ? "pointer-events-none cursor-not-allowed opacity-50" : "hover:text-input-icon--hover cursor-pointer"),
               "data-testid": "spectral-datetime-picker-trigger",
               disabled: i
             }
           ) }),
           hourFormat: p,
-          label: H,
+          label: x,
           onChange: D,
           showTime: o,
           state: c,
@@ -120,7 +120,7 @@ function z({ calendarProps: f, className: h, defaultValue: T, disabled: i = !1,
       ),
       c === "error" && s && /* @__PURE__ */ e(j, { message: s, dataTestId: "spectral-datetime-picker-error-message", id: "datetime-picker-error" })
     ] }),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ l(
       B,
       {
         align: "start",
@@ -128,21 +128,21 @@ function z({ calendarProps: f, className: h, defaultValue: T, disabled: i = !1,
         "data-testid": "spectral-datetime-picker-popover",
         onOpenAutoFocus: (t) => t.preventDefault(),
         children: [
-          /* @__PURE__ */ e(b, { ...f, disablePastDates: x, locale: v, mode: "single", onSelect: N, selected: r }),
-          o && /* @__PURE__ */ e("div", { className: "border-border-secondary border-l pl-6", children: /* @__PURE__ */ e(M, { date: r, hourFormat: p, locale: l, onChange: P, onPeriodChange: A, translations: V }) })
+          /* @__PURE__ */ e(b, { ...f, disablePastDates: v, locale: H, mode: "single", onSelect: N, selected: r }),
+          o && /* @__PURE__ */ e("div", { className: "border-border-secondary border-l pl-6", children: /* @__PURE__ */ e(M, { date: r, hourFormat: p, locale: n, onChange: P, onPeriodChange: A, translations: V }) })
         ]
       }
     )
   ] });
 }
-z.displayName = "DateTimePicker";
+R.displayName = "DateTimePicker";
 export {
   b as Calendar,
-  lr as DEFAULT_TRANSLATIONS,
-  nr as DateTimeConfigSchema,
+  nr as DEFAULT_TRANSLATIONS,
+  lr as DateTimeConfigSchema,
   w as DateTimeDisplayInput,
   Kr as DateTimeInput,
-  z as DateTimePicker,
+  R as DateTimePicker,
   sr as HourFormatSchema,
   dr as PICKER_TYPES,
   cr as PeriodSchema,
@@ -154,9 +154,9 @@ export {
   hr as convert12HourTo24Hour,
   L as detectHourFormat,
   Tr as display12HourValue,
-  xr as formatSelectPeriodLabel,
-  Hr as formatTimeNumber,
-  vr as getAriaLabel,
+  vr as formatSelectPeriodLabel,
+  xr as formatTimeNumber,
+  Hr as getAriaLabel,
   yr as getAriaValueMinMax,
   Vr as getAriaValueNow,
   Sr as getArrowByType,
@@ -177,7 +177,7 @@ export {
   Br as isValidHour,
   Or as isValidMinute,
   jr as set12Hours,
-  zr as setDateByType,
-  Rr as setHours,
-  _r as setMinutes
+  Rr as setDateByType,
+  _r as setHours,
+  zr as setMinutes
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.6.11",
+  "version": "1.6.12",
   "type": "module",
   "private": false,
   "repository": {