@stenajs-webui/calendar 25.1.2 → 25.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.es.js +27 -27
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +10 -10
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._calendar_5yxz4_1{--swui-calendar-day-width: 48px;--swui-calendar-day-height: 48px;--swui-calendar-day-border-radius: var(--swui-max-border-radius);--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(--core-blue);--swui-calendar-wrapper-selected-background: var(--core-blue);--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-50);--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_5yxz4_1 table{border-spacing:0 4px}._calendar_5yxz4_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_5yxz4_1._weekNumberVisible_5yxz4_41 tr td:nth-child(2),._calendar_5yxz4_1:not(._weekNumberVisible_5yxz4_41) tr td:first-child{border-top-left-radius:var(--swui-calendar-day-border-radius);border-bottom-left-radius:var(--swui-calendar-day-border-radius)}._calendar_5yxz4_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}._travelDateCell_1dwjr_1{position:relative;--cell-height: var(--travel-calendar-cell-height, var(--cell-default-height));--cell-border-radius: var( --travel-calendar-cell-border-radius, var(--swui-max-border-radius) )}._travelDateCell_1dwjr_1._smaller_1dwjr_21{width:40px;--cell-default-height: 40px}._travelDateCell_1dwjr_1._small_1dwjr_21{width:44px;--cell-default-height: 44px}._travelDateCell_1dwjr_1._medium_1dwjr_31{width:48px;--cell-default-height: 48px}._travelDateCell_1dwjr_1._large_1dwjr_36{width:56px;--cell-default-height: 56px}._travelDateCell_1dwjr_1{height:calc(var(--cell-height) + var(--cell-row-gap, 4px));border-radius:var(--cell-border-radius)}._travelDateCell_1dwjr_1._clickable_1dwjr_45{cursor:pointer}._travelDateCell_1dwjr_1._disabled_1dwjr_49{cursor:not-allowed}._travelDateCell_1dwjr_1:focus{outline:none}._travelDateCell_1dwjr_1:focus-visible ._outline_1dwjr_58{outline:var(--swui-focus-outline);outline-width:var(--swui-focus-outline-width);background:transparent;position:absolute;border-radius:var(--cell-border-radius);top:calc(var(--cell-row-gap, 4px) / 2);bottom:calc(var(--cell-row-gap, 4px) / 2);left:0;right:0;z-index:10}._travelDateCell_1dwjr_1:focus-visible ._contentWrapper_1dwjr_71._contentWrapper_1dwjr_71._contentWrapper_1dwjr_71{border-color:transparent}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71{--travel-calendar-date-content-color: var(--swui-text-primary-color);pointer-events:none;border-radius:var(--cell-border-radius);border-width:2px;border-style:solid;border-color:transparent;background:transparent;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;left:0;right:0;top:calc(var(--cell-row-gap, 4px) / 2);bottom:calc(var(--cell-row-gap, 4px) / 2)}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71 ._todayDot_1dwjr_115{width:4px;height:4px;border-radius:50%;background:var(--lhds-color-red-500)}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71 ._defaultTodayMarkerPosition_1dwjr_122{position:absolute;bottom:6px;left:50%;margin-left:-2px;display:flex}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71._isSelectionStart_1dwjr_131 ._todayDot_1dwjr_115{background:#fff}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71._isSelectionStart_1dwjr_131,._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71._isSelectionEnd_1dwjr_136{border-color:var(--selection-background-color)}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71._isSelectionStart_1dwjr_131{background:var(--selection-background-color);--travel-calendar-date-content-color: white}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71._isSelectionEnd_1dwjr_136:not(._isSelectionStart_1dwjr_131){background:#fff}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71._hover_1dwjr_149{border-color:var(--selection-background-color)}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71._hover_1dwjr_149._startSelected_1dwjr_152:not(._endSelected_1dwjr_152):not(._isSelectionStart_1dwjr_131){background:#fff;--travel-calendar-date-content-color: var(--swui-text-primary-color)}._travelDateCellBackground_ualq9_1{margin-top:calc(var(--cell-row-gap, 4px) / 2);margin-bottom:calc(var(--cell-row-gap, 4px) / 2);height:var(--cell-height)}._travelDateCellBackground_ualq9_1._smaller_ualq9_12{width:20px}._travelDateCellBackground_ualq9_1._small_ualq9_12{width:22px}._travelDateCellBackground_ualq9_1._medium_ualq9_20{width:24px}._travelDateCellBackground_ualq9_1._large_ualq9_24{width:28px}._travelCalendar_3zr00_1{--cell-row-gap: 4px;border-spacing:0;padding-top:calc(var(--cell-row-gap, 4px) / 2);padding-bottom:calc(var(--cell-row-gap, 4px) / 2);width
|
|
1
|
+
._calendar_5yxz4_1{--swui-calendar-day-width: 48px;--swui-calendar-day-height: 48px;--swui-calendar-day-border-radius: var(--swui-max-border-radius);--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(--core-blue);--swui-calendar-wrapper-selected-background: var(--core-blue);--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-50);--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_5yxz4_1 table{border-spacing:0 4px}._calendar_5yxz4_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_5yxz4_1._weekNumberVisible_5yxz4_41 tr td:nth-child(2),._calendar_5yxz4_1:not(._weekNumberVisible_5yxz4_41) tr td:first-child{border-top-left-radius:var(--swui-calendar-day-border-radius);border-bottom-left-radius:var(--swui-calendar-day-border-radius)}._calendar_5yxz4_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}._travelDateCell_1dwjr_1{position:relative;--cell-height: var(--travel-calendar-cell-height, var(--cell-default-height));--cell-border-radius: var( --travel-calendar-cell-border-radius, var(--swui-max-border-radius) )}._travelDateCell_1dwjr_1._smaller_1dwjr_21{width:40px;--cell-default-height: 40px}._travelDateCell_1dwjr_1._small_1dwjr_21{width:44px;--cell-default-height: 44px}._travelDateCell_1dwjr_1._medium_1dwjr_31{width:48px;--cell-default-height: 48px}._travelDateCell_1dwjr_1._large_1dwjr_36{width:56px;--cell-default-height: 56px}._travelDateCell_1dwjr_1{height:calc(var(--cell-height) + var(--cell-row-gap, 4px));border-radius:var(--cell-border-radius)}._travelDateCell_1dwjr_1._clickable_1dwjr_45{cursor:pointer}._travelDateCell_1dwjr_1._disabled_1dwjr_49{cursor:not-allowed}._travelDateCell_1dwjr_1:focus{outline:none}._travelDateCell_1dwjr_1:focus-visible ._outline_1dwjr_58{outline:var(--swui-focus-outline);outline-width:var(--swui-focus-outline-width);background:transparent;position:absolute;border-radius:var(--cell-border-radius);top:calc(var(--cell-row-gap, 4px) / 2);bottom:calc(var(--cell-row-gap, 4px) / 2);left:0;right:0;z-index:10}._travelDateCell_1dwjr_1:focus-visible ._contentWrapper_1dwjr_71._contentWrapper_1dwjr_71._contentWrapper_1dwjr_71{border-color:transparent}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71{--travel-calendar-date-content-color: var(--swui-text-primary-color);pointer-events:none;border-radius:var(--cell-border-radius);border-width:2px;border-style:solid;border-color:transparent;background:transparent;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;left:0;right:0;top:calc(var(--cell-row-gap, 4px) / 2);bottom:calc(var(--cell-row-gap, 4px) / 2)}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71 ._todayDot_1dwjr_115{width:4px;height:4px;border-radius:50%;background:var(--lhds-color-red-500)}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71 ._defaultTodayMarkerPosition_1dwjr_122{position:absolute;bottom:6px;left:50%;margin-left:-2px;display:flex}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71._isSelectionStart_1dwjr_131 ._todayDot_1dwjr_115{background:#fff}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71._isSelectionStart_1dwjr_131,._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71._isSelectionEnd_1dwjr_136{border-color:var(--selection-background-color)}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71._isSelectionStart_1dwjr_131{background:var(--selection-background-color);--travel-calendar-date-content-color: white}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71._isSelectionEnd_1dwjr_136:not(._isSelectionStart_1dwjr_131){background:#fff}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71._hover_1dwjr_149{border-color:var(--selection-background-color)}._travelDateCell_1dwjr_1 ._contentWrapper_1dwjr_71._hover_1dwjr_149._startSelected_1dwjr_152:not(._endSelected_1dwjr_152):not(._isSelectionStart_1dwjr_131){background:#fff;--travel-calendar-date-content-color: var(--swui-text-primary-color)}._travelDateCellBackground_ualq9_1{margin-top:calc(var(--cell-row-gap, 4px) / 2);margin-bottom:calc(var(--cell-row-gap, 4px) / 2);height:var(--cell-height)}._travelDateCellBackground_ualq9_1._smaller_ualq9_12{width:20px}._travelDateCellBackground_ualq9_1._small_ualq9_12{width:22px}._travelDateCellBackground_ualq9_1._medium_ualq9_20{width:24px}._travelDateCellBackground_ualq9_1._large_ualq9_24{width:28px}._travelCalendar_3zr00_1{--cell-row-gap: 4px;border-spacing:0;padding-top:calc(var(--cell-row-gap, 4px) / 2);padding-bottom:calc(var(--cell-row-gap, 4px) / 2);width:fit-content;-webkit-user-select:none;user-select:none;--selection-background-color: var( --travel-calendar-selection-background-color, var(--core-blue) );--selection-range-background-color: var( --travel-calendar-selection-range-background-color, var(--himmel) )}._travelCalendar_3zr00_1 th{padding-top:calc(var(--cell-row-gap, 4px) / 2);padding-bottom:calc(var(--cell-row-gap, 4px) / 2)}._travelCalendar_3zr00_1 td{padding:0}._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2{transition:opacity var(--swui-animation-time-fast) ease-in-out;opacity:1}._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2:not(._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2._calendarVisible_1j7rp_6){opacity:0}._travelDateInput_hmfbf_1 ._overlay_hmfbf_2{transition:opacity var(--swui-animation-time-fast) ease-in-out;opacity:1}._travelDateInput_hmfbf_1 ._overlay_hmfbf_2:not(._travelDateInput_hmfbf_1 ._overlay_hmfbf_2._calendarVisible_hmfbf_6){opacity:0}
|
package/dist/index.es.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as a, jsxs as E, Fragment as Ye } from "react/jsx-runtime";
|
|
2
2
|
import { Box as B, Text as ke, Clickable as nn, Row as V, Spacing as Fn, useToday as _e, Column as Q, Heading as Oe, exhaustSwitchCase as Ct, Space as Ie, Indent as Ae, SeparatorLine as Hn, parseIntElseUndefined as Bt, useBoolean as mt, useDelayedFalse as At, useEventCallback as Yn, useOnClickOutside as rn } from "@stenajs-webui/core";
|
|
3
3
|
import { FlatButton as oe, stenaAngleDown as kt, PrimaryButton as Ee, stenaAngleLeft as On, stenaAngleRight as Wn, SecondaryButton as he, stenaAngleLeftDouble as $n, stenaArrowLeft as tt, stenaArrowRight as We, stenaAngleRightDouble as Un, TextInputButton as jn, stenaCalendar as Pe, Icon as sn, stenaArrowWideRight as Vn, stenaClock as on, Label as zn, stenaAngleUp as Kn, CardBody as an } from "@stenajs-webui/elements";
|
|
4
|
-
import { isAfter as X, eachDayOfInterval as cn, isSameDay as F, endOfMonth as ln, startOfMonth as nt, min as dn, addDays as se, max as un, subDays as we, format as Z, getISOWeek as St, getDate as rt,
|
|
5
|
-
import { enGB as Qe,
|
|
4
|
+
import { isAfter as X, eachDayOfInterval as cn, isSameDay as F, endOfMonth as ln, startOfMonth as nt, min as dn, addDays as se, max as un, subDays as we, format as Z, getISOWeek as St, getDate as rt, getISODay as Gn, getMonth as ye, getYear as Fe, getWeek as fn, addHours as hn, startOfWeek as Ze, addWeeks as qn, isBefore as Ne, parse as ve, addMonths as $e, isSameMonth as ae, addYears as Jn, subMonths as Mt, subYears as Zn, setWeek as Qn, isValid as Xn, isSameYear as er, intlFormat as gn, isWithinInterval as tr } from "date-fns";
|
|
5
|
+
import { enGB as Qe, sv as Pt, pl as Ft, fr as Ht, es as Yt, cs as Ot, fi as Wt, et as $t, it as Ut, lt as jt, lv as Vt, da as zt, nb as Kt, de as Gt, nl as qt, nlBE as nr, deAT as rr, enIE as sr, enUS as or } from "date-fns/locale";
|
|
6
6
|
import { last as ar, chunk as mn, debounce as cr, padStart as ir, range as Tt } from "lodash-es";
|
|
7
7
|
import * as It from "react";
|
|
8
8
|
import { useMemo as I, useRef as H, useEffect as ne, useCallback as y, useId as Rt, useState as x, useLayoutEffect as pn } from "react";
|
|
@@ -132,7 +132,7 @@ const Jt = (e, t, n, r) => {
|
|
|
132
132
|
}, br = (e, t, n, r = !0) => {
|
|
133
133
|
const s = new Date(e, t, 1), o = Ze(s, { locale: n }), c = [];
|
|
134
134
|
for (let i = 0; i < 6; i++) {
|
|
135
|
-
const l = _t(
|
|
135
|
+
const l = _t(qn(o, i), n);
|
|
136
136
|
if (i > 0 && l.startMonth !== t && !r)
|
|
137
137
|
return c;
|
|
138
138
|
c.push(l);
|
|
@@ -150,7 +150,7 @@ const Jt = (e, t, n, r) => {
|
|
|
150
150
|
isLastWeekOfMonth: n
|
|
151
151
|
};
|
|
152
152
|
}, wr = (e, t) => {
|
|
153
|
-
const n =
|
|
153
|
+
const n = Gn(e);
|
|
154
154
|
return {
|
|
155
155
|
date: e,
|
|
156
156
|
name: Z(e, "EEE", t ? { locale: t } : void 0),
|
|
@@ -705,31 +705,31 @@ const Br = (e, t, n) => {
|
|
|
705
705
|
"nl-NL": qt,
|
|
706
706
|
"de-DE": Gt,
|
|
707
707
|
"nb-NO": Kt,
|
|
708
|
-
"sv-SE":
|
|
709
|
-
"da-DK":
|
|
710
|
-
"lv-LV":
|
|
711
|
-
"lt-LT":
|
|
712
|
-
"it-IT":
|
|
713
|
-
"et-EE":
|
|
714
|
-
"fi-FI":
|
|
715
|
-
"cs-CZ":
|
|
716
|
-
"es-ES":
|
|
717
|
-
"fr-FR":
|
|
718
|
-
"pl-PL":
|
|
708
|
+
"sv-SE": Pt,
|
|
709
|
+
"da-DK": zt,
|
|
710
|
+
"lv-LV": Vt,
|
|
711
|
+
"lt-LT": jt,
|
|
712
|
+
"it-IT": Ut,
|
|
713
|
+
"et-EE": $t,
|
|
714
|
+
"fi-FI": Wt,
|
|
715
|
+
"cs-CZ": Ot,
|
|
716
|
+
"es-ES": Yt,
|
|
717
|
+
"fr-FR": Ht,
|
|
718
|
+
"pl-PL": Ft,
|
|
719
719
|
nl: qt,
|
|
720
720
|
de: Gt,
|
|
721
721
|
nb: Kt,
|
|
722
|
-
sv:
|
|
723
|
-
da:
|
|
724
|
-
lv:
|
|
725
|
-
lt:
|
|
726
|
-
it:
|
|
727
|
-
et:
|
|
728
|
-
fi:
|
|
729
|
-
cs:
|
|
730
|
-
es:
|
|
731
|
-
fr:
|
|
732
|
-
pl:
|
|
722
|
+
sv: Pt,
|
|
723
|
+
da: zt,
|
|
724
|
+
lv: Vt,
|
|
725
|
+
lt: jt,
|
|
726
|
+
it: Ut,
|
|
727
|
+
et: $t,
|
|
728
|
+
fi: Wt,
|
|
729
|
+
cs: Ot,
|
|
730
|
+
es: Yt,
|
|
731
|
+
fr: Ht,
|
|
732
|
+
pl: Ft
|
|
733
733
|
}, Cn = "en-GB", Bo = "sv", kn = (e, t, n) => {
|
|
734
734
|
if (Re[e])
|
|
735
735
|
return e;
|
|
@@ -3378,7 +3378,7 @@ const Nn = (e, t, n, r, s, o, c, i, l, f) => {
|
|
|
3378
3378
|
if (!k || (m.current = void 0, !ae(k, s)))
|
|
3379
3379
|
return;
|
|
3380
3380
|
const R = document.activeElement;
|
|
3381
|
-
(R == null || R === document.body ||
|
|
3381
|
+
(R == null || R === document.body || v.current?.contains(R)) && document.getElementById(vt(k, h))?.focus();
|
|
3382
3382
|
}, [s, h]);
|
|
3383
3383
|
const M = I(() => {
|
|
3384
3384
|
const k = e.weeks.flatMap((T) => T.days).filter((T) => T.month === s.getMonth()).map((T) => T.date);
|