wimui 0.51.2 → 0.52.0

package/dist/components/data-display/Barcode/Barcode.js

@@ -1,120 +1,121 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { useMergedRef as t } from "../../../hooks/useMergedRef.js";
-import { encodeBarcode as n, toRuns as r } from "./encode.js";
-import { warnUnencodableValue as i } from "./warn-unencodable-value.js";
-import a from "./barcode.module.js";
-import o from "react";
-import s from "classnames";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { commonNs as t } from "../../../i18n/generated/common.js";
+import { useMergedRef as n } from "../../../hooks/useMergedRef.js";
+import { encodeBarcode as r, toRuns as i } from "./encode.js";
+import { warnUnencodableValue as a } from "./warn-unencodable-value.js";
+import o from "./barcode.module.js";
+import s from "react";
+import c from "classnames";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/data-display/Barcode/Barcode.tsx
-var u = {
+var d = {
 	code128: "Code 128",
 	ean13: "EAN-13"
-}, d = 11, f = 8, p = .35, m = 7, h = o.forwardRef(({ value: h, format: g = "code128", height: _ = 64, moduleWidth: v = 2, showValue: y = !0, label: b, className: x, ...S }, C) => {
-	let { t: w } = e("common"), T = n(h, g), E = o.useRef(null), [D, O] = o.useState(!1);
-	o.useLayoutEffect(() => {
-		let e = E.current;
+}, f = 11, p = 8, m = .35, h = 7, g = s.forwardRef(({ value: g, format: _ = "code128", height: v = 64, moduleWidth: y = 2, showValue: b = !0, label: x, className: S, ...C }, w) => {
+	let { t: T } = e(t), E = r(g, _), D = s.useRef(null), [O, k] = s.useState(!1);
+	s.useLayoutEffect(() => {
+		let e = D.current;
 		if (!e || typeof ResizeObserver > "u") return;
-		let t = () => O(e.scrollWidth > e.clientWidth);
+		let t = () => k(e.scrollWidth > e.clientWidth);
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [T?.modules, v]);
-	let k = t(C, E);
-	if (!T) {
-		i(h, g, u[g]);
-		let e = w("barcode.invalid", { format: u[g] });
-		return /* @__PURE__ */ l("div", {
-			ref: k,
+	}, [E?.modules, y]);
+	let A = n(w, D);
+	if (!E) {
+		a(g, _, d[_]);
+		let e = T("barcode.invalid", { format: d[_] });
+		return /* @__PURE__ */ u("div", {
+			ref: A,
 			"data-invalid": "true",
-			className: s("wim-barcode", a.root, a.invalid, x),
-			...S,
-			children: [/* @__PURE__ */ c("span", {
-				className: a.invalidMessage,
+			className: c("wim-barcode", o.root, o.invalid, S),
+			...C,
+			children: [/* @__PURE__ */ l("span", {
+				className: o.invalidMessage,
 				children: e
-			}), /* @__PURE__ */ c("span", {
-				className: a.invalidValue,
-				children: h
+			}), /* @__PURE__ */ l("span", {
+				className: o.invalidValue,
+				children: g
 			})]
 		});
 	}
-	let A = T.modules.length + 22, j = A * v, M = d, N = r(T.modules).map(([e, t]) => {
-		let n = M;
-		return M += t, e ? {
+	let j = E.modules.length + 22, M = j * y, N = f, P = i(E.modules).map(([e, t]) => {
+		let n = N;
+		return N += t, e ? {
 			x: n,
 			width: t,
-			module: n - d
+			module: n - f
 		} : null;
-	}), P = g === "ean13" && y ? T.print : void 0, F = P ? Math.min(f * v, _ * p) : 0, I = _ - F, L = (e) => P ? P.guards.some(([t, n]) => e.module >= t && e.module + e.width <= n) : !1, R = P ? [...[...P.left.text].map((e, t) => ({
+	}), F = _ === "ean13" && b ? E.print : void 0, I = F ? Math.min(p * y, v * m) : 0, L = v - I, R = (e) => F ? F.guards.some(([t, n]) => e.module >= t && e.module + e.width <= n) : !1, z = F ? [...[...F.left.text].map((e, t) => ({
 		key: `l${t}`,
 		digit: e,
-		module: P.left.from + t * m + m / 2
-	})), ...[...P.right.text].map((e, t) => ({
+		module: F.left.from + t * h + h / 2
+	})), ...[...F.right.text].map((e, t) => ({
 		key: `r${t}`,
 		digit: e,
-		module: P.right.from + t * m + m / 2
+		module: F.right.from + t * h + h / 2
 	}))] : [];
-	return /* @__PURE__ */ l("div", {
-		ref: k,
+	return /* @__PURE__ */ u("div", {
+		ref: A,
 		role: "img",
-		tabIndex: D ? 0 : void 0,
-		"aria-label": b ?? w("barcode.aria_label", { value: T.text }),
-		"data-format": g,
-		className: s("wim-barcode", a.root, x),
-		...S,
-		children: [P ? /* @__PURE__ */ l("svg", {
-			className: a.symbol,
-			width: j,
-			height: _,
-			viewBox: `0 0 ${j} ${_}`,
+		tabIndex: O ? 0 : void 0,
+		"aria-label": x ?? T("barcode.aria_label", { value: E.text }),
+		"data-format": _,
+		className: c("wim-barcode", o.root, S),
+		...C,
+		children: [F ? /* @__PURE__ */ u("svg", {
+			className: o.symbol,
+			width: M,
+			height: v,
+			viewBox: `0 0 ${M} ${v}`,
 			shapeRendering: "crispEdges",
 			"aria-hidden": "true",
 			children: [
-				N.map((e) => e ? /* @__PURE__ */ c("rect", {
-					x: e.x * v,
+				P.map((e) => e ? /* @__PURE__ */ l("rect", {
+					x: e.x * y,
 					y: 0,
-					width: e.width * v,
-					height: L(e) ? _ : I,
-					"data-guard": L(e) ? "true" : void 0
+					width: e.width * y,
+					height: R(e) ? v : L,
+					"data-guard": R(e) ? "true" : void 0
 				}, e.x) : null),
-				/* @__PURE__ */ c("text", {
-					className: a.printedDigit,
-					x: 10 * v,
-					y: _,
+				/* @__PURE__ */ l("text", {
+					className: o.printedDigit,
+					x: 10 * y,
+					y: v,
 					textAnchor: "end",
-					fontSize: F * .86,
-					children: P.lead
+					fontSize: I * .86,
+					children: F.lead
 				}),
-				R.map((e) => /* @__PURE__ */ c("text", {
-					className: a.printedDigit,
-					x: (d + e.module) * v,
-					y: _,
+				z.map((e) => /* @__PURE__ */ l("text", {
+					className: o.printedDigit,
+					x: (f + e.module) * y,
+					y: v,
 					textAnchor: "middle",
-					fontSize: F * .86,
+					fontSize: I * .86,
 					children: e.digit
 				}, e.key))
 			]
-		}) : /* @__PURE__ */ c("svg", {
-			className: a.symbol,
-			width: j,
-			height: _,
-			viewBox: `0 0 ${A} ${_}`,
+		}) : /* @__PURE__ */ l("svg", {
+			className: o.symbol,
+			width: M,
+			height: v,
+			viewBox: `0 0 ${j} ${v}`,
 			preserveAspectRatio: "none",
 			shapeRendering: "crispEdges",
 			"aria-hidden": "true",
-			children: N.map((e) => e ? /* @__PURE__ */ c("rect", {
+			children: P.map((e) => e ? /* @__PURE__ */ l("rect", {
 				x: e.x,
 				y: 0,
 				width: e.width,
-				height: _
+				height: v
 			}, e.x) : null)
-		}), y && !P ? /* @__PURE__ */ c("span", {
-			className: a.value,
-			children: T.text
+		}), b && !F ? /* @__PURE__ */ l("span", {
+			className: o.value,
+			children: E.text
 		}) : null]
 	});
 });
-h.displayName = "Barcode";
+g.displayName = "Barcode";
 //#endregion
-export { h as Barcode };
+export { g as Barcode };

package/dist/components/data-display/Calendar/Calendar.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/chevron-left.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./useCalendar.cjs"),o=require("./calendar.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(e,t)=>new Date(e.getFullYear(),e.getMonth(),e.getDate()+t),d=(e,t)=>{let n=new Date(e.getFullYear(),e.getMonth()+t+1,0).getDate();return new Date(e.getFullYear(),e.getMonth()+t,Math.min(e.getDate(),n))},f=e=>`${e.getFullYear()}-${e.getMonth()+1}-${e.getDate()}`,p=366,m=({className:e,disabled:m=!1,value:h,defaultValue:g,onChange:_,rangeMode:v=!1,range:y,defaultRange:b,onRangeChange:x,minDate:S,maxDate:C,disabledDates:w,isDateDisabled:T,weekStartsOn:E=0,...D})=>{let{t:O,i18n:k}=t.useWimTranslation(`common`),{viewDate:A,setViewDate:j,year:M,month:N,daysGrid:P,isDateDisabled:F}=a.useCalendar({defaultValue:g||v&&b?.start||void 0,value:h||v&&y?.start||void 0,minDate:S,maxDate:C,disabledDates:w,isDateDisabled:T,weekStartsOn:E}),[I,L]=(0,s.useState)(b||{start:null,end:null}),R=y||I,z=(0,s.useRef)(null),[B,V]=(0,s.useState)(A),H=(0,s.useRef)(!1),U=e=>e.getFullYear()===M&&e.getMonth()===N,W=U(B)&&!F(B)?B:P.find(e=>e.currentMonth&&!F(e.date))?.date??null;(0,s.useEffect)(()=>{H.current&&(H.current=!1,z.current?.querySelector(`[data-calendar-day][tabindex="0"]`)?.focus())},[B,M,N]);let G=(e,t)=>{let n=e;for(let e=0;e<p&&F(n);e++)n=u(n,t);return!F(n)&&(H.current=!0,V(n),U(n)||j(new Date(n.getFullYear(),n.getMonth(),1)),!0)},K=e=>{let t=d(U(B)?B:new Date(M,N,1),e);V(t),j(new Date(t.getFullYear(),t.getMonth(),1))},q=e=>{if(!(m||F(e))){if(v){let t;if(!R.start||R.start&&R.end)t={start:e,end:null};else{let n=R.start,r=e;t=r<n?{start:r,end:n}:{start:n,end:r}}y||L(t),x?.(t)}else _?.(e)}},J=e=>{if(m)return;let t=e.target.closest(`[data-calendar-day]`),n=t?P.find(e=>f(e.date)===t.getAttribute(`data-date`))?.date:void 0,r=t=>{e.preventDefault(),!(n&&G(d(n,t),t>0?-1:1))&&K(t)};switch(e.key){case`PageUp`:r(e.ctrlKey||e.shiftKey?-12:-1);break;case`PageDown`:r(e.ctrlKey||e.shiftKey?12:1);break;case`ArrowLeft`:case`ArrowRight`:case`ArrowUp`:case`ArrowDown`:{if(!n)return;e.preventDefault();let t={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7}[e.key];G(u(n,t),t);break}case`Home`:case`End`:{if(!n)return;e.preventDefault();let t=(n.getDay()-E+7)%7;e.key===`Home`?G(u(n,-t),1):G(u(n,6-t),-1);break}}},Y=e=>v?a.isSameDay(e,R.start)||a.isSameDay(e,R.end):a.isSameDay(e,h||null),X=e=>{if(!v||!R.start||!R.end)return!1;let t=new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime(),n=new Date(R.start.getFullYear(),R.start.getMonth(),R.start.getDate()).getTime(),r=new Date(R.end.getFullYear(),R.end.getMonth(),R.end.getDate()).getTime();return t>n&&t<r},Z=[...(0,s.useMemo)(()=>{let e=new Intl.DateTimeFormat(k.language,{weekday:`short`,timeZone:`UTC`});return Array.from({length:7},(t,n)=>e.format(new Date(Date.UTC(1970,0,4+n))))},[k.language])];return E===1&&Z.push(Z.shift()),(0,l.jsxs)(`div`,{className:(0,c.default)(`wim-calendar`,o.default.root,m&&o.default.disabled,e),onKeyDown:J,role:`application`,"aria-label":O(`a11y.calendar`),...D,children:[(0,l.jsxs)(`div`,{className:o.default.header,children:[(0,l.jsx)(`button`,{type:`button`,className:o.default.navBtn,onClick:()=>K(-1),disabled:m,"aria-label":O(`a11y.prev_month`),children:(0,l.jsx)(i.Icon,{component:n.default,size:`sm`})}),(0,l.jsxs)(`div`,{className:o.default.title,"aria-live":`polite`,children:[M,` / `,N+1]}),(0,l.jsx)(`button`,{type:`button`,className:o.default.navBtn,onClick:()=>K(1),disabled:m,"aria-label":O(`a11y.next_month`),children:(0,l.jsx)(i.Icon,{component:r.default,size:`sm`})})]}),(0,l.jsxs)(`div`,{className:o.default.grid,role:`grid`,ref:z,children:[(0,l.jsx)(`div`,{role:`row`,children:Z.map((e,t)=>{let n=(t+(E||0))%7;return(0,l.jsx)(`div`,{role:`columnheader`,className:(0,c.default)(o.default.weekday,{[o.default.sunday]:n===0,[o.default.saturday]:n===6}),children:e},t)})}),(()=>{let e=[];for(let t=0;t<P.length;t+=7)e.push(P.slice(t,t+7));return e.map((e,t)=>(0,l.jsx)(`div`,{role:`row`,children:e.map((e,n)=>{let r=t*7+n,i=Y(e.date),s=X(e.date),u=m||F(e.date),d=a.isToday(e.date),p=!e.currentMonth,h=v&&a.isSameDay(e.date,R.start),g=v&&a.isSameDay(e.date,R.end),_=f(e.date),y=!!W&&a.isSameDay(e.date,W);return(0,l.jsx)(`button`,{type:`button`,role:`gridcell`,"aria-selected":i,"aria-current":d?`date`:void 0,"data-calendar-day":!0,"data-date":_,tabIndex:y?0:-1,onFocus:()=>V(e.date),"data-selected":i||void 0,"data-other-month":p||void 0,className:(0,c.default)(o.default.day,{[o.default.selected]:i,[o.default.inRange]:s,[o.default.rangeStart]:h,[o.default.rangeEnd]:g,[o.default.disabled]:u,[o.default.today]:d,[o.default.otherMonth]:p,[o.default.sunday]:e.date.getDay()===0,[o.default.saturday]:e.date.getDay()===6}),onClick:()=>q(e.date),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),q(e.date))},disabled:u,"aria-label":_,children:e.date.getDate()},r)})},t))})()]})]})};exports.Calendar=m;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../icon/chevron-left.cjs"),i=require("../../../icon/chevron-right.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./useCalendar.cjs"),s=require("./calendar.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=(e,t)=>new Date(e.getFullYear(),e.getMonth(),e.getDate()+t),f=(e,t)=>{let n=new Date(e.getFullYear(),e.getMonth()+t+1,0).getDate();return new Date(e.getFullYear(),e.getMonth()+t,Math.min(e.getDate(),n))},p=e=>`${e.getFullYear()}-${e.getMonth()+1}-${e.getDate()}`,m=366,h=({className:e,disabled:h=!1,value:g,defaultValue:_,onChange:v,rangeMode:y=!1,range:b,defaultRange:x,onRangeChange:S,minDate:C,maxDate:w,disabledDates:T,isDateDisabled:E,weekStartsOn:D=0,...O})=>{let{t:k,i18n:A}=t.useWimTranslation(n.commonNs),{viewDate:j,setViewDate:M,year:N,month:P,daysGrid:F,isDateDisabled:I}=o.useCalendar({defaultValue:_||y&&x?.start||void 0,value:g||y&&b?.start||void 0,minDate:C,maxDate:w,disabledDates:T,isDateDisabled:E,weekStartsOn:D}),[L,R]=(0,c.useState)(x||{start:null,end:null}),z=b||L,B=(0,c.useRef)(null),[V,H]=(0,c.useState)(j),U=(0,c.useRef)(!1),W=e=>e.getFullYear()===N&&e.getMonth()===P,G=W(V)&&!I(V)?V:F.find(e=>e.currentMonth&&!I(e.date))?.date??null;(0,c.useEffect)(()=>{U.current&&(U.current=!1,B.current?.querySelector(`[data-calendar-day][tabindex="0"]`)?.focus())},[V,N,P]);let K=(e,t)=>{let n=e;for(let e=0;e<m&&I(n);e++)n=d(n,t);return!I(n)&&(U.current=!0,H(n),W(n)||M(new Date(n.getFullYear(),n.getMonth(),1)),!0)},q=e=>{let t=f(W(V)?V:new Date(N,P,1),e);H(t),M(new Date(t.getFullYear(),t.getMonth(),1))},J=e=>{if(!(h||I(e))){if(y){let t;if(!z.start||z.start&&z.end)t={start:e,end:null};else{let n=z.start,r=e;t=r<n?{start:r,end:n}:{start:n,end:r}}b||R(t),S?.(t)}else v?.(e)}},Y=e=>{if(h)return;let t=e.target.closest(`[data-calendar-day]`),n=t?F.find(e=>p(e.date)===t.getAttribute(`data-date`))?.date:void 0,r=t=>{e.preventDefault(),!(n&&K(f(n,t),t>0?-1:1))&&q(t)};switch(e.key){case`PageUp`:r(e.ctrlKey||e.shiftKey?-12:-1);break;case`PageDown`:r(e.ctrlKey||e.shiftKey?12:1);break;case`ArrowLeft`:case`ArrowRight`:case`ArrowUp`:case`ArrowDown`:{if(!n)return;e.preventDefault();let t={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7}[e.key];K(d(n,t),t);break}case`Home`:case`End`:{if(!n)return;e.preventDefault();let t=(n.getDay()-D+7)%7;e.key===`Home`?K(d(n,-t),1):K(d(n,6-t),-1);break}}},X=e=>y?o.isSameDay(e,z.start)||o.isSameDay(e,z.end):o.isSameDay(e,g||null),Z=e=>{if(!y||!z.start||!z.end)return!1;let t=new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime(),n=new Date(z.start.getFullYear(),z.start.getMonth(),z.start.getDate()).getTime(),r=new Date(z.end.getFullYear(),z.end.getMonth(),z.end.getDate()).getTime();return t>n&&t<r},Q=[...(0,c.useMemo)(()=>{let e=new Intl.DateTimeFormat(A.language,{weekday:`short`,timeZone:`UTC`});return Array.from({length:7},(t,n)=>e.format(new Date(Date.UTC(1970,0,4+n))))},[A.language])];return D===1&&Q.push(Q.shift()),(0,u.jsxs)(`div`,{className:(0,l.default)(`wim-calendar`,s.default.root,h&&s.default.disabled,e),onKeyDown:Y,role:`application`,"aria-label":k(`a11y.calendar`),...O,children:[(0,u.jsxs)(`div`,{className:s.default.header,children:[(0,u.jsx)(`button`,{type:`button`,className:s.default.navBtn,onClick:()=>q(-1),disabled:h,"aria-label":k(`a11y.prev_month`),children:(0,u.jsx)(a.Icon,{component:r.default,size:`sm`})}),(0,u.jsxs)(`div`,{className:s.default.title,"aria-live":`polite`,children:[N,` / `,P+1]}),(0,u.jsx)(`button`,{type:`button`,className:s.default.navBtn,onClick:()=>q(1),disabled:h,"aria-label":k(`a11y.next_month`),children:(0,u.jsx)(a.Icon,{component:i.default,size:`sm`})})]}),(0,u.jsxs)(`div`,{className:s.default.grid,role:`grid`,ref:B,children:[(0,u.jsx)(`div`,{role:`row`,children:Q.map((e,t)=>{let n=(t+(D||0))%7;return(0,u.jsx)(`div`,{role:`columnheader`,className:(0,l.default)(s.default.weekday,{[s.default.sunday]:n===0,[s.default.saturday]:n===6}),children:e},t)})}),(()=>{let e=[];for(let t=0;t<F.length;t+=7)e.push(F.slice(t,t+7));return e.map((e,t)=>(0,u.jsx)(`div`,{role:`row`,children:e.map((e,n)=>{let r=t*7+n,i=X(e.date),a=Z(e.date),c=h||I(e.date),d=o.isToday(e.date),f=!e.currentMonth,m=y&&o.isSameDay(e.date,z.start),g=y&&o.isSameDay(e.date,z.end),_=p(e.date),v=!!G&&o.isSameDay(e.date,G);return(0,u.jsx)(`button`,{type:`button`,role:`gridcell`,"aria-selected":i,"aria-current":d?`date`:void 0,"data-calendar-day":!0,"data-date":_,tabIndex:v?0:-1,onFocus:()=>H(e.date),"data-selected":i||void 0,"data-other-month":f||void 0,className:(0,l.default)(s.default.day,{[s.default.selected]:i,[s.default.inRange]:a,[s.default.rangeStart]:m,[s.default.rangeEnd]:g,[s.default.disabled]:c,[s.default.today]:d,[s.default.otherMonth]:f,[s.default.sunday]:e.date.getDay()===0,[s.default.saturday]:e.date.getDay()===6}),onClick:()=>J(e.date),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),J(e.date))},disabled:c,"aria-label":_,children:e.date.getDate()},r)})},t))})()]})]})};exports.Calendar=h;

package/dist/components/data-display/Calendar/Calendar.js

@@ -1,31 +1,32 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import t from "../../../icon/chevron-left.js";
-import n from "../../../icon/chevron-right.js";
-import { Icon as r } from "../../media/Icon/Icon.js";
-import { isSameDay as i, isToday as a, useCalendar as o } from "./useCalendar.js";
-import s from "./calendar.module.js";
-import { useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import f from "classnames";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { commonNs as t } from "../../../i18n/generated/common.js";
+import n from "../../../icon/chevron-left.js";
+import r from "../../../icon/chevron-right.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import { isSameDay as a, isToday as o, useCalendar as s } from "./useCalendar.js";
+import c from "./calendar.module.js";
+import { useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import p from "classnames";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/data-display/Calendar/Calendar.tsx
-var h = (e, t) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + t), g = (e, t) => {
+var g = (e, t) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + t), _ = (e, t) => {
 	let n = new Date(e.getFullYear(), e.getMonth() + t + 1, 0).getDate();
 	return new Date(e.getFullYear(), e.getMonth() + t, Math.min(e.getDate(), n));
-}, _ = (e) => `${e.getFullYear()}-${e.getMonth() + 1}-${e.getDate()}`, v = 366, y = ({ className: y, disabled: b = !1, value: x, defaultValue: S, onChange: C, rangeMode: w = !1, range: T, defaultRange: E, onRangeChange: D, minDate: O, maxDate: k, disabledDates: A, isDateDisabled: ee, weekStartsOn: j = 0, ...M }) => {
-	let { t: N, i18n: P } = e("common"), { viewDate: F, setViewDate: I, year: L, month: R, daysGrid: z, isDateDisabled: B } = o({
-		defaultValue: S || w && E?.start || void 0,
-		value: x || w && T?.start || void 0,
+}, v = (e) => `${e.getFullYear()}-${e.getMonth() + 1}-${e.getDate()}`, y = 366, b = ({ className: b, disabled: x = !1, value: S, defaultValue: C, onChange: ee, rangeMode: w = !1, range: T, defaultRange: E, onRangeChange: D, minDate: O, maxDate: k, disabledDates: A, isDateDisabled: j, weekStartsOn: M = 0, ...te }) => {
+	let { t: N, i18n: P } = e(t), { viewDate: F, setViewDate: I, year: L, month: R, daysGrid: z, isDateDisabled: B } = s({
+		defaultValue: C || w && E?.start || void 0,
+		value: S || w && T?.start || void 0,
 		minDate: O,
 		maxDate: k,
 		disabledDates: A,
-		isDateDisabled: ee,
-		weekStartsOn: j
-	}), [V, H] = d(E || {
+		isDateDisabled: j,
+		weekStartsOn: M
+	}), [V, H] = f(E || {
 		start: null,
 		end: null
-	}), U = T || V, W = u(null), [G, K] = d(F), q = u(!1), J = (e) => e.getFullYear() === L && e.getMonth() === R, Y = J(G) && !B(G) ? G : z.find((e) => e.currentMonth && !B(e.date))?.date ?? null;
-	c(() => {
+	}), U = T || V, W = d(null), [G, K] = f(F), q = d(!1), J = (e) => e.getFullYear() === L && e.getMonth() === R, Y = J(G) && !B(G) ? G : z.find((e) => e.currentMonth && !B(e.date))?.date ?? null;
+	l(() => {
 		q.current && (q.current = !1, W.current?.querySelector("[data-calendar-day][tabindex=\"0\"]")?.focus());
 	}, [
 		G,
@@ -34,13 +35,13 @@ var h = (e, t) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + t), g =
 	]);
 	let X = (e, t) => {
 		let n = e;
-		for (let e = 0; e < v && B(n); e++) n = h(n, t);
+		for (let e = 0; e < y && B(n); e++) n = g(n, t);
 		return !B(n) && (q.current = !0, K(n), J(n) || I(new Date(n.getFullYear(), n.getMonth(), 1)), !0);
 	}, Z = (e) => {
-		let t = g(J(G) ? G : new Date(L, R, 1), e);
+		let t = _(J(G) ? G : new Date(L, R, 1), e);
 		K(t), I(new Date(t.getFullYear(), t.getMonth(), 1));
 	}, Q = (e) => {
-		if (!(b || B(e))) {
+		if (!(x || B(e))) {
 			if (w) {
 				let t;
 				if (!U.start || U.start && U.end) t = {
@@ -58,12 +59,12 @@ var h = (e, t) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + t), g =
 					};
 				}
 				T || H(t), D?.(t);
-			} else C?.(e);
+			} else ee?.(e);
 		}
-	}, te = (e) => {
-		if (b) return;
-		let t = e.target.closest("[data-calendar-day]"), n = t ? z.find((e) => _(e.date) === t.getAttribute("data-date"))?.date : void 0, r = (t) => {
-			e.preventDefault(), !(n && X(g(n, t), t > 0 ? -1 : 1)) && Z(t);
+	}, ne = (e) => {
+		if (x) return;
+		let t = e.target.closest("[data-calendar-day]"), n = t ? z.find((e) => v(e.date) === t.getAttribute("data-date"))?.date : void 0, r = (t) => {
+			e.preventDefault(), !(n && X(_(n, t), t > 0 ? -1 : 1)) && Z(t);
 		};
 		switch (e.key) {
 			case "PageUp":
@@ -84,51 +85,51 @@ var h = (e, t) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + t), g =
 					ArrowUp: -7,
 					ArrowDown: 7
 				}[e.key];
-				X(h(n, t), t);
+				X(g(n, t), t);
 				break;
 			}
 			case "Home":
 			case "End": {
 				if (!n) return;
 				e.preventDefault();
-				let t = (n.getDay() - j + 7) % 7;
-				e.key === "Home" ? X(h(n, -t), 1) : X(h(n, 6 - t), -1);
+				let t = (n.getDay() - M + 7) % 7;
+				e.key === "Home" ? X(g(n, -t), 1) : X(g(n, 6 - t), -1);
 				break;
 			}
 		}
-	}, ne = (e) => w ? i(e, U.start) || i(e, U.end) : i(e, x || null), re = (e) => {
+	}, re = (e) => w ? a(e, U.start) || a(e, U.end) : a(e, S || null), ie = (e) => {
 		if (!w || !U.start || !U.end) return !1;
 		let t = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime(), n = new Date(U.start.getFullYear(), U.start.getMonth(), U.start.getDate()).getTime(), r = new Date(U.end.getFullYear(), U.end.getMonth(), U.end.getDate()).getTime();
 		return t > n && t < r;
-	}, $ = [...l(() => {
+	}, $ = [...u(() => {
 		let e = new Intl.DateTimeFormat(P.language, {
 			weekday: "short",
 			timeZone: "UTC"
 		});
 		return Array.from({ length: 7 }, (t, n) => e.format(new Date(Date.UTC(1970, 0, 4 + n))));
 	}, [P.language])];
-	return j === 1 && $.push($.shift()), /* @__PURE__ */ m("div", {
-		className: f("wim-calendar", s.root, b && s.disabled, y),
-		onKeyDown: te,
+	return M === 1 && $.push($.shift()), /* @__PURE__ */ h("div", {
+		className: p("wim-calendar", c.root, x && c.disabled, b),
+		onKeyDown: ne,
 		role: "application",
 		"aria-label": N("a11y.calendar"),
-		...M,
-		children: [/* @__PURE__ */ m("div", {
-			className: s.header,
+		...te,
+		children: [/* @__PURE__ */ h("div", {
+			className: c.header,
 			children: [
-				/* @__PURE__ */ p("button", {
+				/* @__PURE__ */ m("button", {
 					type: "button",
-					className: s.navBtn,
+					className: c.navBtn,
 					onClick: () => Z(-1),
-					disabled: b,
+					disabled: x,
 					"aria-label": N("a11y.prev_month"),
-					children: /* @__PURE__ */ p(r, {
-						component: t,
+					children: /* @__PURE__ */ m(i, {
+						component: n,
 						size: "sm"
 					})
 				}),
-				/* @__PURE__ */ m("div", {
-					className: s.title,
+				/* @__PURE__ */ h("div", {
+					className: c.title,
 					"aria-live": "polite",
 					children: [
 						L,
@@ -136,31 +137,31 @@ var h = (e, t) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + t), g =
 						R + 1
 					]
 				}),
-				/* @__PURE__ */ p("button", {
+				/* @__PURE__ */ m("button", {
 					type: "button",
-					className: s.navBtn,
+					className: c.navBtn,
 					onClick: () => Z(1),
-					disabled: b,
+					disabled: x,
 					"aria-label": N("a11y.next_month"),
-					children: /* @__PURE__ */ p(r, {
-						component: n,
+					children: /* @__PURE__ */ m(i, {
+						component: r,
 						size: "sm"
 					})
 				})
 			]
-		}), /* @__PURE__ */ m("div", {
-			className: s.grid,
+		}), /* @__PURE__ */ h("div", {
+			className: c.grid,
 			role: "grid",
 			ref: W,
-			children: [/* @__PURE__ */ p("div", {
+			children: [/* @__PURE__ */ m("div", {
 				role: "row",
 				children: $.map((e, t) => {
-					let n = (t + (j || 0)) % 7;
-					return /* @__PURE__ */ p("div", {
+					let n = (t + (M || 0)) % 7;
+					return /* @__PURE__ */ m("div", {
 						role: "columnheader",
-						className: f(s.weekday, {
-							[s.sunday]: n === 0,
-							[s.saturday]: n === 6
+						className: p(c.weekday, {
+							[c.sunday]: n === 0,
+							[c.saturday]: n === 6
 						}),
 						children: e
 					}, t);
@@ -168,31 +169,31 @@ var h = (e, t) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + t), g =
 			}), (() => {
 				let e = [];
 				for (let t = 0; t < z.length; t += 7) e.push(z.slice(t, t + 7));
-				return e.map((e, t) => /* @__PURE__ */ p("div", {
+				return e.map((e, t) => /* @__PURE__ */ m("div", {
 					role: "row",
 					children: e.map((e, n) => {
-						let r = t * 7 + n, o = ne(e.date), c = re(e.date), l = b || B(e.date), u = a(e.date), d = !e.currentMonth, m = w && i(e.date, U.start), h = w && i(e.date, U.end), g = _(e.date), v = !!Y && i(e.date, Y);
-						return /* @__PURE__ */ p("button", {
+						let r = t * 7 + n, i = re(e.date), s = ie(e.date), l = x || B(e.date), u = o(e.date), d = !e.currentMonth, f = w && a(e.date, U.start), h = w && a(e.date, U.end), g = v(e.date), _ = !!Y && a(e.date, Y);
+						return /* @__PURE__ */ m("button", {
 							type: "button",
 							role: "gridcell",
-							"aria-selected": o,
+							"aria-selected": i,
 							"aria-current": u ? "date" : void 0,
 							"data-calendar-day": !0,
 							"data-date": g,
-							tabIndex: v ? 0 : -1,
+							tabIndex: _ ? 0 : -1,
 							onFocus: () => K(e.date),
-							"data-selected": o || void 0,
+							"data-selected": i || void 0,
 							"data-other-month": d || void 0,
-							className: f(s.day, {
-								[s.selected]: o,
-								[s.inRange]: c,
-								[s.rangeStart]: m,
-								[s.rangeEnd]: h,
-								[s.disabled]: l,
-								[s.today]: u,
-								[s.otherMonth]: d,
-								[s.sunday]: e.date.getDay() === 0,
-								[s.saturday]: e.date.getDay() === 6
+							className: p(c.day, {
+								[c.selected]: i,
+								[c.inRange]: s,
+								[c.rangeStart]: f,
+								[c.rangeEnd]: h,
+								[c.disabled]: l,
+								[c.today]: u,
+								[c.otherMonth]: d,
+								[c.sunday]: e.date.getDay() === 0,
+								[c.saturday]: e.date.getDay() === 6
 							}),
 							onClick: () => Q(e.date),
 							onKeyDown: (t) => {
@@ -209,4 +210,4 @@ var h = (e, t) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + t), g =
 	});
 };
 //#endregion
-export { y as Calendar };
+export { b as Calendar };

package/dist/components/data-display/CalendarHeatmap/CalendarHeatmap.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../overlay/Tooltip/Tooltip.cjs"),i=require("./calendar-heatmap.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=a.default.forwardRef(({data:e=[],year:c=new Date().getFullYear(),getColorLevel:l=e=>e===0?0:e<3?1:e<6?2:e<9?3:4,className:u,tooltipFormatter:d,asChild:f=!1,children:p,...m},h)=>{let{t:g}=n.useWimTranslation(`common`),_=f?t.Root:`div`,v=(0,a.useMemo)(()=>{let t=new Map;return e.forEach(e=>t.set(e.date,e.count)),t},[e]),y=(0,a.useMemo)(()=>{let e=[],t=new Date(c,0,1),n=new Date(t);n.setDate(n.getDate()-n.getDay());for(let t=0;t<53;t++){let t=[];for(let e=0;e<7;e++){let e=n.toISOString().split(`T`)[0],r=v.get(e)||0;t.push({date:e,count:r,level:l(r)}),n.setDate(n.getDate()+1)}if(e.push(t),n.getFullYear()>c&&n.getMonth()>0)break}return e},[c,v,l]),b=[g(`sun`),g(`mon`),g(`tue`),g(`wed`),g(`thu`),g(`fri`),g(`sat`)];return(0,s.jsxs)(_,{className:(0,o.default)(`wim-calendar-heatmap`,i.default.root,u),ref:h,...m,children:[(0,s.jsx)(t.Slottable,{children:p}),(0,s.jsx)(`div`,{className:i.default.internalWrapper,children:(0,s.jsxs)(`div`,{className:i.default.grid,role:`grid`,"aria-readonly":`true`,children:[(0,s.jsx)(`div`,{className:i.default.labels,children:b.map((e,t)=>(0,s.jsx)(`span`,{children:e},t))}),y.map((e,t)=>(0,s.jsx)(`div`,{className:i.default.week,role:`row`,children:e.map(e=>{let t=d?d(e.date,e.count):`${e.date}: ${e.count} activities`;return(0,s.jsxs)(r.Tooltip,{children:[(0,s.jsx)(r.TooltipTrigger,{asChild:!0,children:(0,s.jsx)(`div`,{className:(0,o.default)(i.default.cell,i.default[`level${e.level}`]),"data-date":e.date,"data-count":e.count,role:`gridcell`,"aria-label":`${e.count} activities on ${e.date}`,"aria-selected":!1})}),(0,s.jsx)(r.TooltipContent,{children:t})]},e.date)})},t))]})}),(0,s.jsxs)(`div`,{className:i.default.footer,children:[(0,s.jsx)(`span`,{children:g(`calendar_heatmap.less`)}),(0,s.jsx)(`div`,{className:i.default.legend,children:[0,1,2,3,4].map(e=>(0,s.jsx)(`div`,{className:(0,o.default)(i.default.cell,i.default[`level${e}`])},e))}),(0,s.jsx)(`span`,{children:g(`calendar_heatmap.more`)})]})]})});c.displayName=`CalendarHeatmap`,exports.CalendarHeatmap=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/common.cjs"),i=require("../../../i18n/generated/components.cjs"),a=require("../../overlay/Tooltip/Tooltip.cjs"),o=require("./calendar-heatmap.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=s.default.forwardRef(({data:e=[],year:u=new Date().getFullYear(),getColorLevel:d=e=>e===0?0:e<3?1:e<6?2:e<9?3:4,className:f,tooltipFormatter:p,asChild:m=!1,children:h,...g},_)=>{let{t:v}=n.useWimTranslation([r.commonNs,i.componentsNs]),y=m?t.Root:`div`,b=(0,s.useMemo)(()=>{let t=new Map;return e.forEach(e=>t.set(e.date,e.count)),t},[e]),x=(0,s.useMemo)(()=>{let e=[],t=new Date(u,0,1),n=new Date(t);n.setDate(n.getDate()-n.getDay());for(let t=0;t<53;t++){let t=[];for(let e=0;e<7;e++){let e=n.toISOString().split(`T`)[0],r=b.get(e)||0;t.push({date:e,count:r,level:d(r)}),n.setDate(n.getDate()+1)}if(e.push(t),n.getFullYear()>u&&n.getMonth()>0)break}return e},[u,b,d]),S=[v(`sun`),v(`mon`),v(`tue`),v(`wed`),v(`thu`),v(`fri`),v(`sat`)];return(0,l.jsxs)(y,{className:(0,c.default)(`wim-calendar-heatmap`,o.default.root,f),ref:_,...g,children:[(0,l.jsx)(t.Slottable,{children:h}),(0,l.jsx)(`div`,{className:o.default.internalWrapper,children:(0,l.jsxs)(`div`,{className:o.default.grid,role:`grid`,"aria-readonly":`true`,children:[(0,l.jsx)(`div`,{className:o.default.labels,children:S.map((e,t)=>(0,l.jsx)(`span`,{children:e},t))}),x.map((e,t)=>(0,l.jsx)(`div`,{className:o.default.week,role:`row`,children:e.map(e=>{let t=p?p(e.date,e.count):`${e.date}: ${e.count} activities`;return(0,l.jsxs)(a.Tooltip,{children:[(0,l.jsx)(a.TooltipTrigger,{asChild:!0,children:(0,l.jsx)(`div`,{className:(0,c.default)(o.default.cell,o.default[`level${e.level}`]),"data-date":e.date,"data-count":e.count,role:`gridcell`,"aria-label":`${e.count} activities on ${e.date}`,"aria-selected":!1})}),(0,l.jsx)(a.TooltipContent,{children:t})]},e.date)})},t))]})}),(0,l.jsxs)(`div`,{className:o.default.footer,children:[(0,l.jsx)(`span`,{children:v(`calendar_heatmap.less`)}),(0,l.jsx)(`div`,{className:o.default.legend,children:[0,1,2,3,4].map(e=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.cell,o.default[`level${e}`])},e))}),(0,l.jsx)(`span`,{children:v(`calendar_heatmap.more`)})]})]})});u.displayName=`CalendarHeatmap`,exports.CalendarHeatmap=u;