@stenajs-webui/calendar 19.0.0-next.59 → 19.0.0-next.60

package/dist/index.es.js

@@ -1,14 +1,14 @@
 (function(){"use strict";try{var r=document.createElement("style");r.appendChild(document.createTextNode("._calendar_1w0de_1{--swui-calendar-day-width: 40px;--swui-calendar-day-height: 38px;--swui-calendar-day-border-radius: 4px;--swui-calendar-week-number-bg-color: transparent;--swui-calendar-week-number-text-color: var(--lhds-color-ui-500);--swui-calendar-week-number-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-wrapper-selected-border: var(--swui-primary-action-color);--swui-calendar-wrapper-selected-background: var(--swui-primary-action-color);--swui-calendar-wrapper-range-border: var(--lhds-color-blue-100);--swui-calendar-wrapper-range-background: var(--lhds-color-blue-100);--swui-calendar-wrapper-today-border: var(--lhds-color-ui-200);--swui-calendar-wrapper-today-background: var(--lhds-color-ui-200);--swui-calendar-text-selected-color: #fff;--swui-calendar-text-disabled-color: var(--swui-text-disabled-color);--swui-calendar-text-in-other-month-color: var(--swui-text-disabled-color)}._calendar_1w0de_1 table{border-spacing:0 4px}._calendar_1w0de_1 span{line-height:100%}._calendar_1w0de_1 tr td:last-child{border-top-right-radius:var(--swui-calendar-day-border-radius);border-bottom-right-radius:var(--swui-calendar-day-border-radius)}._calendar_1w0de_1 tr td:nth-child(2){border-top-left-radius:var(--swui-calendar-day-border-radius);border-bottom-left-radius:var(--swui-calendar-day-border-radius)}._calendar_1w0de_1 td{padding:0;width:var(--swui-calendar-day-width);height:var(--swui-calendar-day-height)}._timePicker_1w05d_1{overflow:hidden;width:180px}._timePickerColumn_1w05d_6{overflow-y:hidden;flex:1}._timePickerColumn_1w05d_6:hover{overflow-y:scroll}")),document.head.appendChild(r)}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
 import { jsx as i, jsxs as E, Fragment as ht } from "react/jsx-runtime";
 import { Box as I, Text as it, Clickable as Wt, Row as R, Space as $, Spacing as me, Column as B, Indent as gt, SeparatorLine as pe, parseIntElseUndefined as Jt, useBoolean as Ht, useDelayedFalse as Yt } from "@stenajs-webui/core";
-import { FlatButton as x, PrimaryButton as dt, stenaAngleLeft as Ot, stenaAngleRight as $t, stenaArrowLeft as be, stenaArrowRight as Qt, stenaAngleLeftDouble as Xt, stenaAngleRightDouble as Zt, stenaCalendar as yt, Icon as Ft, stenaArrowWideRight as ke, stenaClock as vt, stenaAngleDown as Se } from "@stenajs-webui/elements";
-import { isAfter as et, eachDayOfInterval as Pt, isSameDay as j, endOfMonth as Vt, startOfMonth as te, min as Me, addDays as q, max as Ee, subDays as Dt, format as W, getISOWeek as Bt, getDate as Ct, startOfWeek as ee, addWeeks as Re, getMonth as tt, getWeek as ne, getYear as wt, getISODay as Ae, addHours as Te, isBefore as xe, parse as ot, addMonths as Ce, addYears as Ne, subMonths as Ie, subYears as He, setWeek as Ye, isValid as Le } from "date-fns";
+import { FlatButton as x, PrimaryButton as dt, stenaAngleLeft as Ot, stenaAngleRight as $t, stenaArrowLeft as be, stenaArrowRight as Qt, stenaAngleLeftDouble as Xt, stenaAngleRightDouble as Zt, TextInputButton as ke, stenaCalendar as yt, Icon as Ft, stenaArrowWideRight as Se, stenaClock as vt, stenaAngleDown as Me } from "@stenajs-webui/elements";
+import { isAfter as et, eachDayOfInterval as Pt, isSameDay as j, endOfMonth as Vt, startOfMonth as te, min as Ee, addDays as q, max as Re, subDays as Dt, format as W, getISOWeek as Bt, getDate as Ct, startOfWeek as ee, addWeeks as Ae, getMonth as tt, getWeek as ne, getYear as wt, getISODay as Te, addHours as xe, isBefore as Ce, parse as ot, addMonths as Ne, addYears as Ie, subMonths as He, subYears as Ye, setWeek as Le, isValid as Ue } from "date-fns";
 import { enGB as jt } from "date-fns/locale";
-import { last as Ue, startCase as re, chunk as se, range as zt, debounce as We, padStart as Oe } from "lodash";
+import { last as We, startCase as re, chunk as se, range as zt, debounce as Oe, padStart as $e } from "lodash";
 import * as ce from "react";
 import { useMemo as C, useState as S, useEffect as Q, useCallback as g, useRef as J } from "react";
 import Nt from "@emotion/styled";
-import { TextInput as nt, TextInputButton as $e, TextInputBox as Pe } from "@stenajs-webui/forms";
+import { TextInput as nt, TextInputBox as Pe } from "@stenajs-webui/forms";
 import { useTippyInstance as Be, Popover as pt } from "@stenajs-webui/tooltip";
 import { cssColor as ie } from "@stenajs-webui/theme";
 const Z = {
@@ -40,8 +40,8 @@ const Z = {
   Vt(r)
 ), ze = (t = {}, e, n, r, s) => e && n ? mt(
   t,
-  Ee([e, Dt(r, 1)]),
-  Me([n, q(s, 1)])
+  Re([e, Dt(r, 1)]),
+  Ee([n, q(s, 1)])
 ) : mt(t, e, n), ur = (t, e, n) => {
   const r = W(e, Z.yearAndMonth), s = Bt(e), c = Ct(e);
   return {
@@ -113,7 +113,7 @@ const Z = {
   var s;
   if (!e.days.length)
     return { ...t };
-  const n = e.days[0].date, r = (s = Ue(e.days)) == null ? void 0 : s.date;
+  const n = e.days[0].date, r = (s = We(e.days)) == null ? void 0 : s.date;
   return {
     ...mt(t, n, r)
   };
@@ -138,7 +138,7 @@ const Kt = (t, e, n, r) => {
 }, Ge = (t, e, n, r = !0) => {
   const s = new Date(t, e, 1), c = ee(s, { locale: n }), d = [];
   for (let o = 0; o < 6; o++) {
-    const l = _t(Re(c, o), n);
+    const l = _t(Ae(c, o), n);
     if (o > 0 && l.startMonth !== e && !r)
       return d;
     d.push(l);
@@ -156,11 +156,11 @@ const Kt = (t, e, n, r) => {
     isLastWeekOfMonth: n
   };
 }, qe = (t, e) => {
-  const n = Ae(t);
+  const n = Te(t);
   return {
     date: t,
     name: W(t, "EEE", e ? { locale: e } : void 0),
-    dateString: W(Te(t, 12), Z.fullDate),
+    dateString: W(xe(t, 12), Z.fullDate),
     weekNumber: ne(t, { locale: e }),
     year: wt(t),
     month: tt(t),
@@ -303,7 +303,7 @@ const Kt = (t, e, n, r) => {
   ...rt,
   width: "37px",
   height: "37px"
-}, en = (t, e, n) => e && xe(t, e) ? j(t, e) : n && et(t, n) ? j(t, n) : !0, nn = function({
+}, en = (t, e, n) => e && Ce(t, e) ? j(t, e) : n && et(t, n) ? j(t, n) : !0, nn = function({
   dayComponent: e,
   minDate: n,
   maxDate: r,
@@ -946,17 +946,17 @@ const an = (t, e, n) => {
 }, kn = (t, e, n, r) => {
   const s = g(() => {
     var a;
-    const l = Ce(t, (a = n != null ? n : r) != null ? a : 1);
+    const l = Ne(t, (a = n != null ? n : r) != null ? a : 1);
     e == null || e(l);
   }, [e, t, n, r]), c = g(() => {
-    const l = Ne(t, 1);
+    const l = Ie(t, 1);
     e == null || e(l);
   }, [e, t]), d = g(() => {
     var a;
-    const l = Ie(t, (a = n != null ? n : r) != null ? a : 1);
+    const l = He(t, (a = n != null ? n : r) != null ? a : 1);
     e == null || e(l);
   }, [e, t, n, r]), o = g(() => {
-    const l = He(t, 1);
+    const l = Ye(t, 1);
     e == null || e(l);
   }, [e, t]);
   return {
@@ -1260,7 +1260,7 @@ const Nn = ({
     return;
   const n = t.split("-"), r = parseInt(n[1], 10), s = parseInt(n[0], 10), c = new Date();
   c.setFullYear(s);
-  const d = ee(Ye(c, r), { locale: e });
+  const d = ee(Le(c, r), { locale: e });
   return _t(d, e);
 };
 function br(t) {
@@ -1385,7 +1385,7 @@ const kt = "bottom", he = () => {
         {
           type: "date",
           onFocus: m,
-          buttonRight: /* @__PURE__ */ i($e, { onClick: m, icon: yt }),
+          buttonRight: /* @__PURE__ */ i(ke, { onClick: m, icon: yt }),
           value: n ? W(n, t) : "",
           placeholder: e,
           size: 9,
@@ -1508,7 +1508,7 @@ function Mr({
         /* @__PURE__ */ i(
           Ft,
           {
-            icon: ke,
+            icon: Se,
             color: ie("--lhds-color-ui-500"),
             size: 14
           }
@@ -1564,7 +1564,7 @@ const Er = ({
       P && (T(W(P, n)), e && setTimeout(() => b(!p), 200));
     },
     [T, n, e, b, p]
-  ), O = !!o && !/^[-/\\.0-9]+$/.test(o), Y = !!o && Le(ot(o, n, new Date())), _ = !!o && o.length >= n.length && !Y || O;
+  ), O = !!o && !/^[-/\\.0-9]+$/.test(o), Y = !!o && Ue(ot(o, n, new Date())), _ = !!o && o.length >= n.length && !Y || O;
   return /* @__PURE__ */ i(I, { width: l, children: /* @__PURE__ */ i(
     pt,
     {
@@ -1754,7 +1754,7 @@ const Er = ({
   disabled: v
 }) => {
   const L = J(0), H = C(
-    () => We((G) => {
+    () => Oe((G) => {
       G === 0 && (K == null || K());
     }, 10),
     [K]
@@ -1800,7 +1800,7 @@ const Er = ({
           /* @__PURE__ */ i(gt, { num: 0.5, children: /* @__PURE__ */ i(
             x,
             {
-              leftIcon: Se,
+              leftIcon: Me,
               onClick: T,
               disabled: v,
               size: "small"
@@ -1936,7 +1936,7 @@ const Er = ({
       children: n ? /* @__PURE__ */ i(
         dt,
         {
-          label: Oe(String(e), 2, "0"),
+          label: $e(String(e), 2, "0"),
           onClick: () => t && t(e)
         }
       ) : /* @__PURE__ */ i(