@tedi-design-system/react 19.1.0-rc.11 → 19.1.0-rc.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "19.1.0-rc.11",
+  "version": "19.1.0-rc.13",
   "description": "TEDI Design System React component library — accessible, reusable UI components. Docs & live examples: https://storybook.tedi.ee/react/rc/",
   "type": "module",
   "sideEffects": false,

package/src/tedi/components/content/carousel/carousel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),c=require("./carousel.module.scss.cjs.js"),i=require("./carousel-context.cjs.js"),l=require("./components/carousel-content/carousel-content.cjs.js"),d=require("./components/carousel-footer/carousel-footer.cjs.js"),C=require("./components/carousel-header/carousel-header.cjs.js"),q=require("./components/carousel-indicators/carousel-indicators.cjs.js"),v=require("./components/carousel-navigation/carousel-navigation.cjs.js"),g=require("./use-carousel.cjs.js"),r=n.forwardRef(({children:o,className:s},t)=>{const a=g.useCarousel();return e.jsx(i.CarouselContext.Provider,{value:a,children:e.jsx("div",{ref:t,className:u.default(c.default["tedi-carousel"],s),children:o})})});r.displayName="Carousel";const x=Object.assign(r,{Header:C.CarouselHeader,Content:l.CarouselContent,Footer:d.CarouselFooter,Navigation:v.CarouselNavigation,Indicators:q.CarouselIndicators});exports.Carousel=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),i=require("./carousel.module.scss.cjs.js"),l=require("./carousel-context.cjs.js"),d=require("./components/carousel-content/carousel-content.cjs.js"),C=require("./components/carousel-footer/carousel-footer.cjs.js"),q=require("./components/carousel-header/carousel-header.cjs.js"),v=require("./components/carousel-indicators/carousel-indicators.cjs.js"),g=require("./components/carousel-navigation/carousel-navigation.cjs.js"),x=require("./use-carousel.cjs.js"),r=c.forwardRef(({children:o,className:s,ariaLabel:t},a)=>{const u=x.useCarousel(t);return e.jsx(l.CarouselContext.Provider,{value:u,children:e.jsx("div",{ref:a,className:n.default(i.default["tedi-carousel"],s),children:o})})});r.displayName="Carousel";const f=Object.assign(r,{Header:q.CarouselHeader,Content:d.CarouselContent,Footer:C.CarouselFooter,Navigation:g.CarouselNavigation,Indicators:v.CarouselIndicators});exports.Carousel=f;

package/src/tedi/components/content/carousel/carousel.d.ts

@@ -9,6 +9,11 @@ export interface CarouselProps {
      * Additional class name applied to the carousel root.
      */
     className?: string;
+    /**
+     * Accessible name for the carousel region. Set a distinct label per carousel when a page has
+     * several. Defaults to the localized `carousel` label.
+     */
+    ariaLabel?: string;
 }
 export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<import('.').CarouselHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/src/tedi/components/content/carousel/carousel.es.js

@@ -1,26 +1,26 @@
 import { jsx as o } from "react/jsx-runtime";
-import m from "../../../../../external/classnames/index.es.js";
-import { forwardRef as i } from "react";
-import l from "./carousel.module.scss.es.js";
-import { CarouselContext as n } from "./carousel-context.es.js";
-import { CarouselContent as u } from "./components/carousel-content/carousel-content.es.js";
-import { CarouselFooter as f } from "./components/carousel-footer/carousel-footer.es.js";
-import { CarouselHeader as p } from "./components/carousel-header/carousel-header.es.js";
-import { CarouselIndicators as C } from "./components/carousel-indicators/carousel-indicators.es.js";
-import { CarouselNavigation as c } from "./components/carousel-navigation/carousel-navigation.es.js";
-import { useCarousel as d } from "./use-carousel.es.js";
-const r = i(({ children: e, className: t }, a) => {
-  const s = d();
-  return /* @__PURE__ */ o(n.Provider, { value: s, children: /* @__PURE__ */ o("div", { ref: a, className: m(l["tedi-carousel"], t), children: e }) });
+import i from "../../../../../external/classnames/index.es.js";
+import { forwardRef as l } from "react";
+import n from "./carousel.module.scss.es.js";
+import { CarouselContext as u } from "./carousel-context.es.js";
+import { CarouselContent as f } from "./components/carousel-content/carousel-content.es.js";
+import { CarouselFooter as p } from "./components/carousel-footer/carousel-footer.es.js";
+import { CarouselHeader as C } from "./components/carousel-header/carousel-header.es.js";
+import { CarouselIndicators as c } from "./components/carousel-indicators/carousel-indicators.es.js";
+import { CarouselNavigation as d } from "./components/carousel-navigation/carousel-navigation.es.js";
+import { useCarousel as v } from "./use-carousel.es.js";
+const r = l(({ children: e, className: t, ariaLabel: a }, s) => {
+  const m = v(a);
+  return /* @__PURE__ */ o(u.Provider, { value: m, children: /* @__PURE__ */ o("div", { ref: s, className: i(n["tedi-carousel"], t), children: e }) });
 });
 r.displayName = "Carousel";
-const w = Object.assign(r, {
-  Header: p,
-  Content: u,
-  Footer: f,
-  Navigation: c,
-  Indicators: C
+const O = Object.assign(r, {
+  Header: C,
+  Content: f,
+  Footer: p,
+  Navigation: d,
+  Indicators: c
 });
 export {
-  w as Carousel
+  O as Carousel
 };

package/src/tedi/components/content/carousel/use-carousel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),Le=require("../../../helpers/hooks/use-breakpoint.cjs.js"),re=require("./carousel-utils.cjs.js"),ye=require("../../../providers/label-provider/use-labels.cjs.js"),De={slidesPerView:{xs:1},gap:{xs:1},fade:!1,transitionMs:400,loop:!0,centered:!1},V=(S,p)=>(S%p+p)%p,Ve=()=>{const{getLabel:S}=ye.useLabels(),p=Le.default(),[u,ne]=t.useState(De),[r,se]=t.useState(0),[l,b]=t.useState(0),[m,U]=t.useState(0),[Y,R]=t.useState(!1),[g,ce]=t.useState(0),[j,oe]=t.useState(16),[ae,ue]=t.useState(""),E=t.useRef(null),H=t.useRef(null),J=t.useRef([]),P=t.useRef(!1),L=t.useRef(!1),B=t.useRef(!1),$=t.useRef(0),y=t.useRef(0),Q=t.useRef(0),O=t.useRef(0),_=t.useRef(0),q=t.useRef(),A=t.useRef(0),Z=t.useRef(!0),i=t.useRef(l),ee=t.useRef(m);t.useEffect(()=>{i.current=l},[l]),t.useEffect(()=>{ee.current=m},[m]);const o=t.useMemo(()=>re.resolveBreakpointValue(u.slidesPerView,p),[u.slidesPerView,p]),C=t.useMemo(()=>re.resolveBreakpointValue(u.gap,p),[u.gap,p]),w=t.useMemo(()=>C*j,[C,j]),s=u.loop,M=t.useMemo(()=>Math.max(0,r-Math.ceil(o)),[r,o]),k=t.useCallback(e=>s?e:Math.min(Math.max(e,0),M),[s,M]),d=s?r:0,le=t.useMemo(()=>r===0?0:s?V(Math.floor(l),r):Math.min(Math.max(Math.round(l),0),r-1),[l,r,s]),F=s?l-m+d:l,ie=s||l>.001,fe=s||l<M-.001,de=t.useMemo(()=>{if(!r)return[];if(!s)return Array.from({length:r},(c,a)=>a);const e=2*d+Math.ceil(o),n=m-d;return Array.from({length:e},(c,a)=>V(n+a,r))},[r,d,o,m,s]),me=t.useMemo(()=>`0 0 calc((100% - ${(o-1)*C}rem) / ${o})`,[o,C]),he=t.useMemo(()=>{if(!g)return{gap:`${C}rem`,transform:"translate3d(0,0,0)",transition:"none"};const e=w*(o-1),n=(g-e)/o,c=s?l-m+d:l,a=u.centered?(g-n)/2:0,f=-c*(n+w)+a;return{gap:`${C}rem`,transform:`translate3d(${f}px, 0, 0)`,transition:Y?`transform ${u.transitionMs}ms ease`:"none"}},[g,C,w,o,l,m,d,Y,u.transitionMs,u.centered,s]),Me=t.useCallback(e=>{const n=Math.ceil(o);return e>=F&&e<F+n},[o,F]),pe=t.useCallback((e,n,c)=>{const a=[e];if(u.fade){const f=u.fade==="both"||u.fade!=="right"&&o<=1;a.push(f?c:n)}return a.join(" ")},[u.fade,o]),be=t.useCallback((e,n)=>{J.current[e]=n},[]),I=t.useCallback(()=>{setTimeout(()=>{if(!Z.current||!r)return;const e=s?V(Math.floor(i.current),r):Math.min(Math.max(Math.round(i.current),0),r-1);ue(S("carousel.slide",e+1,r))},100)},[S,r,s]),X=t.useCallback(()=>{P.current=!0,setTimeout(()=>{P.current=!1},u.transitionMs)},[u.transitionMs]),te=t.useCallback(()=>{setTimeout(()=>{var n;const e=i.current-ee.current+d;(n=J.current[e])==null||n.focus({preventScroll:!0})})},[d]),G=t.useCallback(()=>{!r||P.current||!s&&i.current>=M-.001||(R(!0),b(e=>k(e+1)),X(),I())},[r,s,M,k,X,I]),K=t.useCallback(()=>{!r||P.current||!s&&i.current<=.001||(R(!0),b(e=>k(e-1)),X(),I())},[r,s,k,X,I]),N=t.useCallback((e,n)=>{if(!(!r||P.current)){if(R(!0),s){const c=V(Math.floor(i.current),r),f=V(e,r)-c;b(h=>h+f)}else b(k(e));n!=null&&n.focusSlide?B.current=!0:I()}},[r,s,k,I]),Re=t.useCallback(e=>{e.target!==H.current||e.propertyName!=="transform"||L.current||(R(!1),U(Math.floor(i.current)),B.current&&(B.current=!1,te()))},[te]),ke=t.useCallback(()=>{const e=E.current;e&&(e.scrollLeft=0,e.scrollTop=0)},[]),T=t.useCallback(()=>(g-w*(o-1))/o+w,[g,w,o]),Ce=t.useCallback(e=>{if(!r)return;const n=Math.abs(e.deltaX)>Math.abs(e.deltaY)?e.deltaX:e.shiftKey?e.deltaY:0;if(!n)return;const c=T();if(!c)return;const a=n/c;A.current+=a;const f=d*.9,h=s?m-f:0,x=s?m+f:M,W=i.current+a,v=Math.min(Math.max(W,h),x),Ie=v!==W;R(!1),b(v),clearTimeout(q.current),q.current=setTimeout(()=>{R(!0);const Te=Math.sign(A.current),D=i.current;let z=Math.round(D);Math.abs(A.current)>.3&&(z=Te>0?Math.ceil(D):Math.floor(D)),Ie&&(D<=h&&(z=Math.ceil(h)),D>=x&&(z=Math.floor(x)));const Pe=Math.min(Math.max(z,h),x);b(Pe),A.current=0},120)},[r,T,d,m,s,M]),xe=t.useCallback(e=>{switch(e.key){case"ArrowRight":case"PageDown":e.preventDefault(),G();break;case"ArrowLeft":case"PageUp":e.preventDefault(),K();break;case"Home":e.preventDefault(),N(0);break;case"End":e.preventDefault(),N(r-1);break}},[G,K,N,r]),Se=t.useCallback(e=>{var n;r&&((n=E.current)==null||n.setPointerCapture(e.pointerId),L.current=!0,R(!1),$.current=e.clientX,y.current=i.current,Q.current=e.timeStamp,O.current=e.clientX,_.current=e.timeStamp,s&&U(Math.floor(i.current)))},[r,s]),ge=t.useCallback(e=>{if(!L.current)return;const n=T();if(!n)return;const c=e.clientX-$.current;if(Number.isNaN(c))return;O.current=e.clientX,_.current=e.timeStamp;const a=c/n,f=y.current-a,h=d*.9,x=Math.floor(y.current),W=s?x-h:0,v=s?x+h:M;b(Math.min(Math.max(f,W),v))},[T,d,s,M]),we=t.useCallback(()=>{if(!L.current)return;L.current=!1,R(!0);const e=T(),n=Math.round(i.current);let c=n;const a=_.current-Q.current,f=a>0&&e?-(O.current-$.current)/e/a:0;Math.abs(f)>.0015&&n===Math.round(y.current)&&(c=Math.round(y.current)+(f>0?1:-1)),b(k(c))},[T,k]);return t.useEffect(()=>{const e=E.current;if(!e)return;const n=()=>{ce(e.clientWidth),oe(parseFloat(getComputedStyle(document.documentElement).fontSize)||16)};n();const c=new ResizeObserver(n);return c.observe(e),()=>c.disconnect()},[]),t.useEffect(()=>()=>{Z.current=!1,clearTimeout(q.current)},[]),{viewportRef:E,trackRef:H,setSlideRef:be,setConfig:ne,setSlidesCount:se,slidesCount:r,slideIndex:le,canPrev:ie,canNext:fe,renderedIndices:de,renderedActiveIndex:F,slideFlex:me,trackStyle:he,contentClassName:pe,isSlideVisible:Me,announcement:ae,regionLabel:S("carousel"),slideLabel:e=>S("carousel.slide",e,r),next:G,prev:K,goToIndex:N,onTransitionEnd:Re,onScroll:ke,onWheel:Ce,onKeyDown:xe,onPointerDown:Se,onPointerMove:ge,onPointerUp:we}};exports.useCarousel=Ve;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),De=require("../../../helpers/hooks/use-breakpoint.cjs.js"),ne=require("./carousel-utils.cjs.js"),Ve=require("../../../providers/label-provider/use-labels.cjs.js"),Ee={slidesPerView:{xs:1},gap:{xs:1},fade:!1,transitionMs:400,loop:!0,centered:!1},E=(T,p)=>(T%p+p)%p,Ae=T=>{const{getLabel:p}=Ve.useLabels(),A=De.default(),[u,se]=t.useState(Ee),[r,ce]=t.useState(0),[l,b]=t.useState(0),[m,Y]=t.useState(0),[j,R]=t.useState(!1),[S,oe]=t.useState(0),[H,ae]=t.useState(16),[ue,le]=t.useState(""),F=t.useRef(null),J=t.useRef(null),Q=t.useRef([]),P=t.useRef(!1),y=t.useRef(!1),$=t.useRef(!1),O=t.useRef(0),D=t.useRef(0),Z=t.useRef(0),_=t.useRef(0),q=t.useRef(0),G=t.useRef(),X=t.useRef(0),ee=t.useRef(!0),i=t.useRef(l),te=t.useRef(m);t.useEffect(()=>{i.current=l},[l]),t.useEffect(()=>{te.current=m},[m]);const o=t.useMemo(()=>ne.resolveBreakpointValue(u.slidesPerView,A),[u.slidesPerView,A]),C=t.useMemo(()=>ne.resolveBreakpointValue(u.gap,A),[u.gap,A]),g=t.useMemo(()=>C*H,[C,H]),s=u.loop,M=t.useMemo(()=>Math.max(0,r-Math.ceil(o)),[r,o]),k=t.useCallback(e=>s?e:Math.min(Math.max(e,0),M),[s,M]),d=s?r:0,ie=t.useMemo(()=>r===0?0:s?E(Math.floor(l),r):Math.min(Math.max(Math.round(l),0),r-1),[l,r,s]),L=s?l-m+d:l,fe=s||l>.001,de=s||l<M-.001,me=t.useMemo(()=>{if(!r)return[];if(!s)return Array.from({length:r},(c,a)=>a);const e=2*d+Math.ceil(o),n=m-d;return Array.from({length:e},(c,a)=>E(n+a,r))},[r,d,o,m,s]),he=t.useMemo(()=>`0 0 calc((100% - ${(o-1)*C}rem) / ${o})`,[o,C]),Me=t.useMemo(()=>{if(!S)return{gap:`${C}rem`,transform:"translate3d(0,0,0)",transition:"none"};const e=g*(o-1),n=(S-e)/o,c=s?l-m+d:l,a=u.centered?(S-n)/2:0,f=-c*(n+g)+a;return{gap:`${C}rem`,transform:`translate3d(${f}px, 0, 0)`,transition:j?`transform ${u.transitionMs}ms ease`:"none"}},[S,C,g,o,l,m,d,j,u.transitionMs,u.centered,s]),pe=t.useCallback(e=>{const n=Math.ceil(o);return e>=L&&e<L+n},[o,L]),be=t.useCallback((e,n,c)=>{const a=[e];if(u.fade){const f=u.fade==="both"||u.fade!=="right"&&o<=1;a.push(f?c:n)}return a.join(" ")},[u.fade,o]),Re=t.useCallback((e,n)=>{Q.current[e]=n},[]),w=t.useCallback(()=>{setTimeout(()=>{if(!ee.current||!r)return;const e=s?E(Math.floor(i.current),r):Math.min(Math.max(Math.round(i.current),0),r-1);le(p("carousel.slide",e+1,r))},100)},[p,r,s]),N=t.useCallback(()=>{P.current=!0,setTimeout(()=>{P.current=!1},u.transitionMs)},[u.transitionMs]),re=t.useCallback(()=>{setTimeout(()=>{var n;const e=i.current-te.current+d;(n=Q.current[e])==null||n.focus({preventScroll:!0})})},[d]),K=t.useCallback(()=>{!r||P.current||!s&&i.current>=M-.001||(R(!0),b(e=>k(e+1)),N(),w())},[r,s,M,k,N,w]),U=t.useCallback(()=>{!r||P.current||!s&&i.current<=.001||(R(!0),b(e=>k(e-1)),N(),w())},[r,s,k,N,w]),W=t.useCallback((e,n)=>{if(!(!r||P.current)){if(R(!0),s){const c=E(Math.floor(i.current),r),f=E(e,r)-c;b(h=>h+f)}else b(k(e));n!=null&&n.focusSlide?$.current=!0:w()}},[r,s,k,w]),ke=t.useCallback(e=>{e.target!==J.current||e.propertyName!=="transform"||y.current||(R(!1),Y(Math.floor(i.current)),$.current&&($.current=!1,re()))},[re]),Ce=t.useCallback(()=>{const e=F.current;e&&(e.scrollLeft=0,e.scrollTop=0)},[]),I=t.useCallback(()=>(S-g*(o-1))/o+g,[S,g,o]),xe=t.useCallback(e=>{if(!r)return;const n=Math.abs(e.deltaX)>Math.abs(e.deltaY)?e.deltaX:e.shiftKey?e.deltaY:0;if(!n)return;const c=I();if(!c)return;const a=n/c;X.current+=a;const f=d*.9,h=s?m-f:0,x=s?m+f:M,v=i.current+a,z=Math.min(Math.max(v,h),x),Te=z!==v;R(!1),b(z),clearTimeout(G.current),G.current=setTimeout(()=>{R(!0);const Pe=Math.sign(X.current),V=i.current;let B=Math.round(V);Math.abs(X.current)>.3&&(B=Pe>0?Math.ceil(V):Math.floor(V)),Te&&(V<=h&&(B=Math.ceil(h)),V>=x&&(B=Math.floor(x)));const ye=Math.min(Math.max(B,h),x);b(ye),X.current=0},120)},[r,I,d,m,s,M]),Se=t.useCallback(e=>{switch(e.key){case"ArrowRight":case"PageDown":e.preventDefault(),K();break;case"ArrowLeft":case"PageUp":e.preventDefault(),U();break;case"Home":e.preventDefault(),W(0);break;case"End":e.preventDefault(),W(r-1);break}},[K,U,W,r]),ge=t.useCallback(e=>{var n;r&&((n=F.current)==null||n.setPointerCapture(e.pointerId),y.current=!0,R(!1),O.current=e.clientX,D.current=i.current,Z.current=e.timeStamp,_.current=e.clientX,q.current=e.timeStamp,s&&Y(Math.floor(i.current)))},[r,s]),we=t.useCallback(e=>{if(!y.current)return;const n=I();if(!n)return;const c=e.clientX-O.current;if(Number.isNaN(c))return;_.current=e.clientX,q.current=e.timeStamp;const a=c/n,f=D.current-a,h=d*.9,x=Math.floor(D.current),v=s?x-h:0,z=s?x+h:M;b(Math.min(Math.max(f,v),z))},[I,d,s,M]),Ie=t.useCallback(()=>{if(!y.current)return;y.current=!1,R(!0);const e=I(),n=Math.round(i.current);let c=n;const a=q.current-Z.current,f=a>0&&e?-(_.current-O.current)/e/a:0;Math.abs(f)>.0015&&n===Math.round(D.current)&&(c=Math.round(D.current)+(f>0?1:-1)),b(k(c))},[I,k]);return t.useEffect(()=>{const e=F.current;if(!e)return;const n=()=>{oe(e.clientWidth),ae(parseFloat(getComputedStyle(document.documentElement).fontSize)||16)};n();const c=new ResizeObserver(n);return c.observe(e),()=>c.disconnect()},[]),t.useEffect(()=>()=>{ee.current=!1,clearTimeout(G.current)},[]),{viewportRef:F,trackRef:J,setSlideRef:Re,setConfig:se,setSlidesCount:ce,slidesCount:r,slideIndex:ie,canPrev:fe,canNext:de,renderedIndices:me,renderedActiveIndex:L,slideFlex:he,trackStyle:Me,contentClassName:be,isSlideVisible:pe,announcement:ue,regionLabel:(T==null?void 0:T.trim())||p("carousel"),slideLabel:e=>p("carousel.slide",e,r),next:K,prev:U,goToIndex:W,onTransitionEnd:ke,onScroll:Ce,onWheel:xe,onKeyDown:Se,onPointerDown:ge,onPointerMove:we,onPointerUp:Ie}};exports.useCarousel=Ae;

package/src/tedi/components/content/carousel/use-carousel.d.ts

@@ -53,4 +53,4 @@ export interface CarouselApi {
  * imperative API consumed by `Carousel.Content`, `Carousel.Navigation` and
  * `Carousel.Indicators`. Ported from the Angular `tedi-carousel-content`.
  */
-export declare const useCarousel: () => CarouselApi;
+export declare const useCarousel: (ariaLabel?: string) => CarouselApi;

package/src/tedi/components/content/carousel/use-carousel.es.js

@@ -1,66 +1,66 @@
-import { useState as R, useRef as i, useEffect as G, useMemo as S, useCallback as s } from "react";
-import At from "../../../helpers/hooks/use-breakpoint.es.js";
-import { resolveBreakpointValue as ct } from "./carousel-utils.es.js";
-import { useLabels as Ft } from "../../../providers/label-provider/use-labels.es.js";
-const Xt = {
+import { useState as S, useRef as i, useEffect as K, useMemo as I, useCallback as s } from "react";
+import Xt from "../../../helpers/hooks/use-breakpoint.es.js";
+import { resolveBreakpointValue as at } from "./carousel-utils.es.js";
+import { useLabels as Nt } from "../../../providers/label-provider/use-labels.es.js";
+const Wt = {
   slidesPerView: { xs: 1 },
   gap: { xs: 1 },
   fade: !1,
   transitionMs: 400,
   loop: !0,
   centered: !1
-}, X = (T, x) => (T % x + x) % x, $t = () => {
-  const { getLabel: T } = Ft(), x = At(), [u, at] = R(Xt), [e, it] = R(0), [l, w] = R(0), [h, J] = R(0), [Q, g] = R(!1), [C, ut] = R(0), [Z, lt] = R(16), [ft, dt] = R(""), N = i(null), tt = i(null), et = i([]), V = i(!1), y = i(!1), K = i(!1), O = i(0), A = i(0), rt = i(0), Y = i(0), U = i(0), j = i(), W = i(0), nt = i(!0), f = i(l), ot = i(h);
-  G(() => {
+}, N = (V, x) => (V % x + x) % x, vt = (V) => {
+  const { getLabel: x } = Nt(), W = Xt(), [u, it] = S(Wt), [e, ut] = S(0), [l, w] = S(0), [h, Q] = S(0), [Z, g] = S(!1), [T, lt] = S(0), [tt, ft] = S(16), [dt, mt] = S(""), E = i(null), et = i(null), rt = i([]), y = i(!1), A = i(!1), O = i(!1), Y = i(0), F = i(0), nt = i(0), U = i(0), j = i(0), H = i(), L = i(0), ot = i(!0), f = i(l), st = i(h);
+  K(() => {
     f.current = l;
-  }, [l]), G(() => {
-    ot.current = h;
+  }, [l]), K(() => {
+    st.current = h;
   }, [h]);
-  const c = S(
-    () => ct(u.slidesPerView, x),
-    [u.slidesPerView, x]
-  ), I = S(() => ct(u.gap, x), [u.gap, x]), P = S(() => I * Z, [I, Z]), n = u.loop, M = S(
+  const c = I(
+    () => at(u.slidesPerView, W),
+    [u.slidesPerView, W]
+  ), b = I(() => at(u.gap, W), [u.gap, W]), C = I(() => b * tt, [b, tt]), n = u.loop, M = I(
     () => Math.max(0, e - Math.ceil(c)),
     [e, c]
-  ), b = s(
+  ), R = s(
     (t) => n ? t : Math.min(Math.max(t, 0), M),
     [n, M]
-  ), m = n ? e : 0, mt = S(() => e === 0 ? 0 : n ? X(Math.floor(l), e) : Math.min(Math.max(Math.round(l), 0), e - 1), [l, e, n]), E = n ? l - h + m : l, ht = n || l > 1e-3, pt = n || l < M - 1e-3, Mt = S(() => {
+  ), m = n ? e : 0, ht = I(() => e === 0 ? 0 : n ? N(Math.floor(l), e) : Math.min(Math.max(Math.round(l), 0), e - 1), [l, e, n]), z = n ? l - h + m : l, pt = n || l > 1e-3, Mt = n || l < M - 1e-3, xt = I(() => {
     if (!e) return [];
     if (!n) return Array.from({ length: e }, (o, a) => a);
     const t = 2 * m + Math.ceil(c), r = h - m;
-    return Array.from({ length: t }, (o, a) => X(r + a, e));
-  }, [e, m, c, h, n]), xt = S(
-    () => `0 0 calc((100% - ${(c - 1) * I}rem) / ${c})`,
-    [c, I]
-  ), wt = S(() => {
-    if (!C)
-      return { gap: `${I}rem`, transform: "translate3d(0,0,0)", transition: "none" };
-    const t = P * (c - 1), r = (C - t) / c, o = n ? l - h + m : l, a = u.centered ? (C - r) / 2 : 0, d = -o * (r + P) + a;
+    return Array.from({ length: t }, (o, a) => N(r + a, e));
+  }, [e, m, c, h, n]), wt = I(
+    () => `0 0 calc((100% - ${(c - 1) * b}rem) / ${c})`,
+    [c, b]
+  ), gt = I(() => {
+    if (!T)
+      return { gap: `${b}rem`, transform: "translate3d(0,0,0)", transition: "none" };
+    const t = C * (c - 1), r = (T - t) / c, o = n ? l - h + m : l, a = u.centered ? (T - r) / 2 : 0, d = -o * (r + C) + a;
     return {
-      gap: `${I}rem`,
+      gap: `${b}rem`,
       transform: `translate3d(${d}px, 0, 0)`,
-      transition: Q ? `transform ${u.transitionMs}ms ease` : "none"
+      transition: Z ? `transform ${u.transitionMs}ms ease` : "none"
     };
   }, [
+    T,
+    b,
     C,
-    I,
-    P,
     c,
     l,
     h,
     m,
-    Q,
+    Z,
     u.transitionMs,
     u.centered,
     n
-  ]), gt = s(
+  ]), Rt = s(
     (t) => {
       const r = Math.ceil(c);
-      return t >= E && t < E + r;
+      return t >= z && t < z + r;
     },
-    [c, E]
-  ), bt = s(
+    [c, z]
+  ), St = s(
     (t, r, o) => {
       const a = [t];
       if (u.fade) {
@@ -70,159 +70,159 @@ const Xt = {
       return a.join(" ");
     },
     [u.fade, c]
-  ), Rt = s((t, r) => {
-    et.current[t] = r;
-  }, []), D = s(() => {
+  ), It = s((t, r) => {
+    rt.current[t] = r;
+  }, []), P = s(() => {
     setTimeout(() => {
-      if (!nt.current || !e) return;
-      const t = n ? X(Math.floor(f.current), e) : Math.min(Math.max(Math.round(f.current), 0), e - 1);
-      dt(T("carousel.slide", t + 1, e));
+      if (!ot.current || !e) return;
+      const t = n ? N(Math.floor(f.current), e) : Math.min(Math.max(Math.round(f.current), 0), e - 1);
+      mt(x("carousel.slide", t + 1, e));
     }, 100);
-  }, [T, e, n]), z = s(() => {
-    V.current = !0, setTimeout(() => {
-      V.current = !1;
+  }, [x, e, n]), $ = s(() => {
+    y.current = !0, setTimeout(() => {
+      y.current = !1;
     }, u.transitionMs);
-  }, [u.transitionMs]), st = s(() => {
+  }, [u.transitionMs]), ct = s(() => {
     setTimeout(() => {
       var r;
-      const t = f.current - ot.current + m;
-      (r = et.current[t]) == null || r.focus({ preventScroll: !0 });
+      const t = f.current - st.current + m;
+      (r = rt.current[t]) == null || r.focus({ preventScroll: !0 });
     });
-  }, [m]), H = s(() => {
-    !e || V.current || !n && f.current >= M - 1e-3 || (g(!0), w((t) => b(t + 1)), z(), D());
-  }, [e, n, M, b, z, D]), q = s(() => {
-    !e || V.current || !n && f.current <= 1e-3 || (g(!0), w((t) => b(t - 1)), z(), D());
-  }, [e, n, b, z, D]), $ = s(
+  }, [m]), q = s(() => {
+    !e || y.current || !n && f.current >= M - 1e-3 || (g(!0), w((t) => R(t + 1)), $(), P());
+  }, [e, n, M, R, $, P]), J = s(() => {
+    !e || y.current || !n && f.current <= 1e-3 || (g(!0), w((t) => R(t - 1)), $(), P());
+  }, [e, n, R, $, P]), v = s(
     (t, r) => {
-      if (!(!e || V.current)) {
+      if (!(!e || y.current)) {
         if (g(!0), n) {
-          const o = X(Math.floor(f.current), e), d = X(t, e) - o;
+          const o = N(Math.floor(f.current), e), d = N(t, e) - o;
           w((p) => p + d);
         } else
-          w(b(t));
-        r != null && r.focusSlide ? K.current = !0 : D();
+          w(R(t));
+        r != null && r.focusSlide ? O.current = !0 : P();
       }
     },
-    [e, n, b, D]
-  ), St = s(
+    [e, n, R, P]
+  ), bt = s(
     (t) => {
-      t.target !== tt.current || t.propertyName !== "transform" || y.current || (g(!1), J(Math.floor(f.current)), K.current && (K.current = !1, st()));
+      t.target !== et.current || t.propertyName !== "transform" || A.current || (g(!1), Q(Math.floor(f.current)), O.current && (O.current = !1, ct()));
     },
-    [st]
-  ), It = s(() => {
-    const t = N.current;
+    [ct]
+  ), kt = s(() => {
+    const t = E.current;
     t && (t.scrollLeft = 0, t.scrollTop = 0);
-  }, []), L = s(() => (C - P * (c - 1)) / c + P, [C, P, c]), kt = s(
+  }, []), D = s(() => (T - C * (c - 1)) / c + C, [T, C, c]), Tt = s(
     (t) => {
       if (!e) return;
       const r = Math.abs(t.deltaX) > Math.abs(t.deltaY) ? t.deltaX : t.shiftKey ? t.deltaY : 0;
       if (!r) return;
-      const o = L();
+      const o = D();
       if (!o) return;
       const a = r / o;
-      W.current += a;
-      const d = m * 0.9, p = n ? h - d : 0, k = n ? h + d : M, v = f.current + a, B = Math.min(Math.max(v, p), k), Lt = B !== v;
-      g(!1), w(B), clearTimeout(j.current), j.current = setTimeout(() => {
+      L.current += a;
+      const d = m * 0.9, p = n ? h - d : 0, k = n ? h + d : M, B = f.current + a, _ = Math.min(Math.max(B, p), k), yt = _ !== B;
+      g(!1), w(_), clearTimeout(H.current), H.current = setTimeout(() => {
         g(!0);
-        const Vt = Math.sign(W.current), F = f.current;
-        let _ = Math.round(F);
-        Math.abs(W.current) > 0.3 && (_ = Vt > 0 ? Math.ceil(F) : Math.floor(F)), Lt && (F <= p && (_ = Math.ceil(p)), F >= k && (_ = Math.floor(k)));
-        const yt = Math.min(Math.max(_, p), k);
-        w(yt), W.current = 0;
+        const At = Math.sign(L.current), X = f.current;
+        let G = Math.round(X);
+        Math.abs(L.current) > 0.3 && (G = At > 0 ? Math.ceil(X) : Math.floor(X)), yt && (X <= p && (G = Math.ceil(p)), X >= k && (G = Math.floor(k)));
+        const Ft = Math.min(Math.max(G, p), k);
+        w(Ft), L.current = 0;
       }, 120);
     },
-    [e, L, m, h, n, M]
-  ), Tt = s(
+    [e, D, m, h, n, M]
+  ), Ct = s(
     (t) => {
       switch (t.key) {
         case "ArrowRight":
         case "PageDown":
-          t.preventDefault(), H();
+          t.preventDefault(), q();
           break;
         case "ArrowLeft":
         case "PageUp":
-          t.preventDefault(), q();
+          t.preventDefault(), J();
           break;
         case "Home":
-          t.preventDefault(), $(0);
+          t.preventDefault(), v(0);
           break;
         case "End":
-          t.preventDefault(), $(e - 1);
+          t.preventDefault(), v(e - 1);
           break;
       }
     },
-    [H, q, $, e]
-  ), Ct = s(
+    [q, J, v, e]
+  ), Pt = s(
     (t) => {
       var r;
-      e && ((r = N.current) == null || r.setPointerCapture(t.pointerId), y.current = !0, g(!1), O.current = t.clientX, A.current = f.current, rt.current = t.timeStamp, Y.current = t.clientX, U.current = t.timeStamp, n && J(Math.floor(f.current)));
+      e && ((r = E.current) == null || r.setPointerCapture(t.pointerId), A.current = !0, g(!1), Y.current = t.clientX, F.current = f.current, nt.current = t.timeStamp, U.current = t.clientX, j.current = t.timeStamp, n && Q(Math.floor(f.current)));
     },
     [e, n]
-  ), Pt = s(
+  ), Dt = s(
     (t) => {
-      if (!y.current) return;
-      const r = L();
+      if (!A.current) return;
+      const r = D();
       if (!r) return;
-      const o = t.clientX - O.current;
+      const o = t.clientX - Y.current;
       if (Number.isNaN(o)) return;
-      Y.current = t.clientX, U.current = t.timeStamp;
-      const a = o / r, d = A.current - a, p = m * 0.9, k = Math.floor(A.current), v = n ? k - p : 0, B = n ? k + p : M;
-      w(Math.min(Math.max(d, v), B));
+      U.current = t.clientX, j.current = t.timeStamp;
+      const a = o / r, d = F.current - a, p = m * 0.9, k = Math.floor(F.current), B = n ? k - p : 0, _ = n ? k + p : M;
+      w(Math.min(Math.max(d, B), _));
     },
-    [L, m, n, M]
-  ), Dt = s(() => {
-    if (!y.current) return;
-    y.current = !1, g(!0);
-    const t = L(), r = Math.round(f.current);
+    [D, m, n, M]
+  ), Vt = s(() => {
+    if (!A.current) return;
+    A.current = !1, g(!0);
+    const t = D(), r = Math.round(f.current);
     let o = r;
-    const a = U.current - rt.current, d = a > 0 && t ? -(Y.current - O.current) / t / a : 0;
-    Math.abs(d) > 15e-4 && r === Math.round(A.current) && (o = Math.round(A.current) + (d > 0 ? 1 : -1)), w(b(o));
-  }, [L, b]);
-  return G(() => {
-    const t = N.current;
+    const a = j.current - nt.current, d = a > 0 && t ? -(U.current - Y.current) / t / a : 0;
+    Math.abs(d) > 15e-4 && r === Math.round(F.current) && (o = Math.round(F.current) + (d > 0 ? 1 : -1)), w(R(o));
+  }, [D, R]);
+  return K(() => {
+    const t = E.current;
     if (!t) return;
     const r = () => {
-      ut(t.clientWidth), lt(parseFloat(getComputedStyle(document.documentElement).fontSize) || 16);
+      lt(t.clientWidth), ft(parseFloat(getComputedStyle(document.documentElement).fontSize) || 16);
     };
     r();
     const o = new ResizeObserver(r);
     return o.observe(t), () => o.disconnect();
-  }, []), G(
+  }, []), K(
     () => () => {
-      nt.current = !1, clearTimeout(j.current);
+      ot.current = !1, clearTimeout(H.current);
     },
     []
   ), {
-    viewportRef: N,
-    trackRef: tt,
-    setSlideRef: Rt,
-    setConfig: at,
-    setSlidesCount: it,
+    viewportRef: E,
+    trackRef: et,
+    setSlideRef: It,
+    setConfig: it,
+    setSlidesCount: ut,
     slidesCount: e,
-    slideIndex: mt,
-    canPrev: ht,
-    canNext: pt,
-    renderedIndices: Mt,
-    renderedActiveIndex: E,
-    slideFlex: xt,
-    trackStyle: wt,
-    contentClassName: bt,
-    isSlideVisible: gt,
-    announcement: ft,
-    regionLabel: T("carousel"),
-    slideLabel: (t) => T("carousel.slide", t, e),
-    next: H,
-    prev: q,
-    goToIndex: $,
-    onTransitionEnd: St,
-    onScroll: It,
-    onWheel: kt,
-    onKeyDown: Tt,
-    onPointerDown: Ct,
-    onPointerMove: Pt,
-    onPointerUp: Dt
+    slideIndex: ht,
+    canPrev: pt,
+    canNext: Mt,
+    renderedIndices: xt,
+    renderedActiveIndex: z,
+    slideFlex: wt,
+    trackStyle: gt,
+    contentClassName: St,
+    isSlideVisible: Rt,
+    announcement: dt,
+    regionLabel: (V == null ? void 0 : V.trim()) || x("carousel"),
+    slideLabel: (t) => x("carousel.slide", t, e),
+    next: q,
+    prev: J,
+    goToIndex: v,
+    onTransitionEnd: bt,
+    onScroll: kt,
+    onWheel: Tt,
+    onKeyDown: Ct,
+    onPointerDown: Pt,
+    onPointerMove: Dt,
+    onPointerUp: Vt
   };
 };
 export {
-  $t as useCarousel
+  vt as useCarousel
 };

package/src/tedi/components/form/date-time-field/date-time-field.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),D=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),w=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),ke=require("../../buttons/button/button.cjs.js"),Dt=require("../../content/calendar/calendar.cjs.js"),y=require("../date-field/date-field-helpers.cjs.js"),yt=require("../textfield/textfield.cjs.js"),Fe=require("../time-picker/time-picker.cjs.js"),a=require("./date-time-field.module.scss.cjs.js"),jt=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),kt=require("../../../providers/label-provider/use-labels.cjs.js"),Te=require("../../../helpers/hooks/use-breakpoint.cjs.js"),Ft=require("../../../../../external/react-day-picker/dist/esm/locale/et.cjs.js"),Tt=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),Y=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),Mt=require("../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.cjs.js"),h=s=>String(s).padStart(2,"0"),g=s=>s?`${h(s.getHours())}:${h(s.getMinutes())}`:"00:00",_=(s,c)=>{const[G,b]=c.split(":"),R=Number(G),P=Number(b),E=new Date(s);return E.setHours(Number.isFinite(R)?R:0,Number.isFinite(P)?P:0,0,0),E},ne=s=>s instanceof Date,St=s=>s?`${s.getFullYear()}-${h(s.getMonth()+1)}-${h(s.getDate())}T${h(s.getHours())}:${h(s.getMinutes())}`:"",Ct=s=>{if(!s)return;const c=new Date(s);return isNaN(c.getTime())?void 0:c},wt=s=>!s||ne(s)?{}:s,Rt=s=>ne(s)?s:void 0,Me=n.forwardRef((s,c)=>{const{getCurrentBreakpointProps:G}=jt.useBreakpointProps(s.defaultServerBreakpoint),{getLabel:b}=kt.useLabels(),R=Te.default(s.defaultServerBreakpoint),P=Te.isBreakpointBelow(R,"md"),{layout:E="side-by-side",useNativePicker:Se=!1,monthYearSelectType:Ce="dropdown",timeGridVariant:we,showOutsideDays:Re=!0,availableTimes:v,timeHeading:U=b("dateTimeField.timeHeading"),clearable:Pe=!0}=G(s),{id:Ee,label:Ve,placeholder:qe,className:Ae,value:le,defaultValue:Oe,onChange:z,required:de,readOnly:$e,disabled:V,minDate:oe,maxDate:ce,disablePast:ue,disableFuture:me,disabledMatchers:j,stepMinutes:fe=15,initialMonth:W,locale:Le=Ft.et,localeCode:k="et-EE",selectTimeLabel:He=b("dateTimeField.selectTime"),backLabel:Be=b("dateTimeField.back"),mode:Ie="single",selectionLevel:Ye="days",minYear:Ge,maxYear:Ue,inputProps:l,disabledDateErrorMessage:ze=b("dateField.disabledDateError")}=s,d=Ie==="range",f=Se&&!d,F=d?"side-by-side":E,he=we??(F==="multi-step"?"radio":"button"),pe=le!==void 0,[We,Je]=n.useState(Oe),x=pe?le:We,u=d?wt(x):{},m=d?void 0:Rt(x),[N,J]=n.useState(!1),[Ke,K]=n.useState("date"),[Qe,ge]=n.useState("days"),Q=d?u.from:m,[Xe,q]=n.useState(()=>Q??W??new Date),_e=n.useRef(Q);_e.current=Q,n.useEffect(()=>{N||(K("date"),ge("days"),q(_e.current??W??new Date))},[N,W]);const A=n.useMemo(()=>new Intl.DateTimeFormat(k,{day:"2-digit",month:"2-digit",year:"numeric"}),[k]),Ze=n.useMemo(()=>new Intl.DateTimeFormat(k,{day:"2-digit",month:"2-digit",year:"2-digit"}),[k]),O=n.useCallback(e=>e?`${A.format(e)} ${h(e.getHours())}:${h(e.getMinutes())}`:"",[A]),$=n.useCallback(e=>{if(!e)return"";if(ne(e))return O(e);const t=O(e.from),r=O(e.to);return!t&&!r?"":r?t?`${t} – ${r}`:r:t},[O]),et=n.useMemo(()=>{const e=y.getLocaleDateParts(A),{fieldOrder:t}=e,r=new RegExp(`^${y.buildDateRegexSource(e)}\\s+(\\d{2}):(\\d{2})$`);return vt=>{const I=vt.trim().match(r);if(!I)return;const De={};t.forEach((xt,Nt)=>{De[xt]=Number(I[Nt+1])});const ye=Number(I[t.length+1]),je=Number(I[t.length+2]),{day:ae,month:se,year:re}=De;if(ae===void 0||se===void 0||re===void 0||ye>23||je>59)return;const C=new Date(re,se-1,ae,ye,je,0,0);if(!(isNaN(C.getTime())||C.getFullYear()!==re||C.getMonth()!==se-1||C.getDate()!==ae))return C}},[A]),[tt,X]=n.useState(()=>$(x)),[be,p]=n.useState(!1);n.useEffect(()=>{X($(x))},[x,$]);const it=D.useFloating({open:N,onOpenChange:J,placement:"bottom-end",middleware:[Y.offset(y.CALENDAR_POPOVER_OFFSET),Y.flip(),Y.shift({padding:y.CALENDAR_POPOVER_PADDING}),Y.size({padding:y.CALENDAR_POPOVER_PADDING,apply({availableWidth:e,elements:t}){t.floating.style.maxWidth=`${e}px`}})],whileElementsMounted:Tt.autoUpdate}),{refs:Z,context:ee,x:at,y:st,strategy:rt}=it,nt=D.useInteractions([D.useDismiss(ee,{outsidePress:e=>{const t=e.target;return!(t!=null&&t.closest('[role="menu"], [role="listbox"]'))}}),D.useRole(ee,{role:"dialog"})]),L=n.useRef(null),lt=n.useCallback(e=>{L.current=e,typeof c=="function"?c(e):c&&(c.current=e)},[c]);n.useEffect(()=>{var e;(e=L.current)!=null&&e.inner&&Z.setReference(L.current.inner)},[Z]);const o=e=>{pe||Je(e),z==null||z(e),X($(e))},T=n.useCallback(e=>{if(v)return typeof v=="function"?v(e??new Date):v},[v]),M=n.useCallback((e,t)=>{const r=T(e);return!r||r.length===0||r.includes(t)?t:r[0]},[T]),dt=e=>{if(d){const t=e;if(!t||!t.from&&!t.to){o(void 0);return}const r={};t.from&&(r.from=_(t.from,M(t.from,g(u.from)))),t.to&&(r.to=_(t.to,M(t.to,g(u.to)))),o(r);return}e instanceof Date?o(_(e,M(e,g(m)))):e===void 0&&o(void 0)},ot=e=>{if(d){o({from:_(e,M(e,g(u.from)))});return}o(_(e,M(e,g(m))))},ct=e=>{const t=m??new Date;o(_(t,e)),F==="multi-step"&&T(t)&&J(!1)},ut=e=>t=>{const r=u[e]??u.from??new Date;o({...u,[e]:_(r,t)})},H=n.useMemo(()=>[...y.buildDisabledMatchers({minDate:oe,maxDate:ce,disablePast:ue,disableFuture:me}),...j?Array.isArray(j)?j:[j]:[]],[oe,ce,ue,me,j]),ve=n.useCallback(e=>Mt.dateMatchModifiers(e,H),[H]),mt=e=>{if(X(e),e===""){p(!1),o(void 0);return}if(f){const r=Ct(e);if(!r){p(!1);return}if(ve(r)){p(!0);return}p(!1),o(r),q(r);return}if(d)return;const t=et(e);if(!t){p(!1);return}if(ve(t)){p(!0);return}p(!1),o(t),q(t)},ft=()=>{var t;const e=(t=L.current)==null?void 0:t.input;if(e){if(typeof e.showPicker=="function"){e.showPicker();return}e.focus()}},ht=()=>{if(!V){if(f){ft();return}J(e=>!e)}},pt=F==="multi-step"?i.jsx("div",{className:a.default["tedi-date-time-field__select-time-wrapper"],children:i.jsx(ke.Button,{type:"button",visualType:"link",size:"small",iconLeft:"schedule",onClick:()=>K("time"),children:He})}):void 0,te=i.jsx(Dt.Calendar,{view:Qe,setView:ge,selectionLevel:Ye,currentMonth:Xe,setCurrentMonth:q,mode:d?"range":"single",value:d?u:m,numberOfMonths:d&&!P?2:1,locale:Le,localeCode:k,showOutsideDays:Re,monthYearSelectType:Ce,minYear:Ge,maxYear:Ue,disabledMatchers:H.length?H:void 0,required:de,handleSelect:dt,applyValue:ot,footer:pt,className:w.default(a.default["tedi-date-time-field__calendar"],F==="side-by-side"&&a.default["tedi-date-time-field__calendar--split"])}),ie=T(m),gt=!ie||ie.length===0,xe=i.jsx(Fe.TimePicker,{value:g(m),stepMinutes:fe,availableTimes:ie,gridVariant:he,onChange:ct,className:w.default(a.default["tedi-date-time-field__time-picker"],{[a.default["tedi-date-time-field__time-picker--wheel"]]:gt})}),Ne=e=>{const t=T(u[e]),r=!t||t.length===0;return i.jsx(Fe.TimePicker,{value:g(u[e]),stepMinutes:fe,availableTimes:t,gridVariant:he,onChange:ut(e),className:w.default(a.default["tedi-date-time-field__time-picker"],{[a.default["tedi-date-time-field__time-picker--wheel"]]:r})})},S=l==null?void 0:l.helper,B=be?{text:ze,type:"error"}:null,_t=B?S?Array.isArray(S)?[...S,B]:[S,B]:B:S,bt={...l,id:Ee,label:Ve,value:f?St(m):tt,placeholder:qe,readOnly:$e||!f&&!!v&&!!x,icon:"calendar_today",isClearable:Pe,required:de,disabled:V,invalid:be||(l==null?void 0:l.invalid),helper:_t,onIconClick:ht,onChange:mt,className:w.default(a.default["tedi-date-time-field__textfield"],l==null?void 0:l.className,{[a.default["tedi-date-time-field__icon--disabled"]]:V}),input:{...l==null?void 0:l.input,type:f?"datetime-local":"text","aria-expanded":f?void 0:N}};return i.jsxs(i.Fragment,{children:[i.jsx("div",{className:w.default(a.default["tedi-date-time-field__container"],Ae),"aria-haspopup":"dialog",children:i.jsx(yt.TextField,{ref:lt,"aria-expanded":f?void 0:N,...bt})}),!f&&i.jsx(D.FloatingPortal,{children:N&&!V&&i.jsx(D.FloatingFocusManager,{context:ee,modal:!1,initialFocus:-1,children:i.jsx("div",{ref:Z.setFloating,className:a.default["tedi-date-time-field__popup"],...nt.getFloatingProps({style:{position:rt,top:st??0,left:at??0}}),children:d?i.jsxs("div",{className:a.default["tedi-date-time-field__range"],children:[te,i.jsx("div",{className:a.default["tedi-date-time-field__range-separator"],"aria-hidden":"true",children:i.jsx("div",{className:a.default["tedi-date-time-field__range-separator-line"]})}),i.jsxs("div",{className:a.default["tedi-date-time-field__range-times"],children:[i.jsxs("div",{className:a.default["tedi-date-time-field__range-time"],children:[i.jsx("div",{className:a.default["tedi-date-time-field__split-time-header"],children:i.jsx("span",{className:a.default["tedi-date-time-field__split-heading"],children:U})}),i.jsx("div",{className:a.default["tedi-date-time-field__split-time-body"],children:Ne("from")})]}),i.jsxs("div",{className:a.default["tedi-date-time-field__range-time"],children:[i.jsx("div",{className:a.default["tedi-date-time-field__split-time-header"],children:i.jsx("span",{className:a.default["tedi-date-time-field__split-heading"],children:U})}),i.jsx("div",{className:a.default["tedi-date-time-field__split-time-body"],children:Ne("to")})]})]})]}):F==="side-by-side"?i.jsxs("div",{className:a.default["tedi-date-time-field__split"],children:[te,i.jsx("div",{className:a.default["tedi-date-time-field__split-separator"],"aria-hidden":"true",children:i.jsx("div",{className:a.default["tedi-date-time-field__split-separator-line"]})}),i.jsxs("div",{className:a.default["tedi-date-time-field__split-time"],children:[i.jsx("div",{className:a.default["tedi-date-time-field__split-time-header"],children:i.jsx("span",{className:a.default["tedi-date-time-field__split-heading"],children:U})}),i.jsx("div",{className:a.default["tedi-date-time-field__split-time-body"],children:xe})]})]}):Ke==="date"?te:i.jsxs("div",{className:a.default["tedi-date-time-field__time-step"],children:[i.jsxs("header",{className:a.default["tedi-date-time-field__time-header"],children:[i.jsx(ke.Button,{type:"button",visualType:"link",size:"small",iconLeft:"arrow_back",onClick:()=>K("date"),children:Be}),i.jsx("span",{className:a.default["tedi-date-time-field__time-date"],children:Ze.format(m??new Date)})]}),i.jsx("div",{className:a.default["tedi-date-time-field__time-body"],children:xe})]})})})})]})});Me.displayName="DateTimeField";exports.DateTimeField=Me;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),D=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),P=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),Te=require("../../buttons/button/button.cjs.js"),jt=require("../../content/calendar/calendar.cjs.js"),y=require("../date-field/date-field-helpers.cjs.js"),Ft=require("../textfield/textfield.cjs.js"),ke=require("../time-picker/time-picker.cjs.js"),a=require("./date-time-field.module.scss.cjs.js"),Tt=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),kt=require("../../../providers/label-provider/use-labels.cjs.js"),Me=require("../../../helpers/hooks/use-breakpoint.cjs.js"),Mt=require("../../../../../external/react-day-picker/dist/esm/locale/et.cjs.js"),Ct=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),G=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),St=require("../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.cjs.js"),f=s=>String(s).padStart(2,"0"),_=s=>s?`${f(s.getHours())}:${f(s.getMinutes())}`:"00:00",b=(s,c)=>{const[U,h]=c.split(":"),w=Number(U),R=Number(h),E=new Date(s);return E.setHours(Number.isFinite(w)?w:0,Number.isFinite(R)?R:0,0,0),E},ne=s=>s instanceof Date,Pt=s=>s?`${s.getFullYear()}-${f(s.getMonth()+1)}-${f(s.getDate())}T${f(s.getHours())}:${f(s.getMinutes())}`:"",wt=s=>{if(!s)return;const c=new Date(s);return isNaN(c.getTime())?void 0:c},Rt=s=>!s||ne(s)?{}:s,Et=s=>ne(s)?s:void 0,Ce=n.forwardRef((s,c)=>{const{getCurrentBreakpointProps:U}=Tt.useBreakpointProps(s.defaultServerBreakpoint),{getLabel:h}=kt.useLabels(),w=Me.default(s.defaultServerBreakpoint),R=Me.isBreakpointBelow(w,"md"),{layout:E="side-by-side",useNativePicker:Se=!1,monthYearSelectType:Pe="dropdown",timeGridVariant:we,showOutsideDays:Re=!0,availableTimes:v,timeHeading:z=h("dateTimeField.timeHeading"),clearable:Ee=!0}=U(s),{id:Ve,label:qe,placeholder:Ae,className:Oe,value:le,defaultValue:$e,onChange:W,required:de,readOnly:Le,disabled:V,minDate:oe,maxDate:ce,disablePast:ue,disableFuture:me,disabledMatchers:j,stepMinutes:fe=15,initialMonth:J,locale:Be=Mt.et,localeCode:F="et-EE",selectTimeLabel:He=h("dateTimeField.selectTime"),backLabel:Ie=h("dateTimeField.back"),mode:Ye="single",selectionLevel:Ge="days",minYear:Ue,maxYear:ze,inputProps:l,disabledDateErrorMessage:We=h("dateField.disabledDateError")}=s,d=Ye==="range",p=Se&&!d,T=d?"side-by-side":E,he=we??(T==="multi-step"?"radio":"button"),pe=le!==void 0,[Je,Ke]=n.useState($e),x=pe?le:Je,u=d?Rt(x):{},m=d?void 0:Et(x),[N,K]=n.useState(!1),[Qe,Q]=n.useState("date"),[Xe,ge]=n.useState("days"),X=d?u.from:m,[Ze,q]=n.useState(()=>X??J??new Date),_e=n.useRef(X);_e.current=X,n.useEffect(()=>{N||(Q("date"),ge("days"),q(_e.current??J??new Date))},[N,J]);const A=n.useMemo(()=>new Intl.DateTimeFormat(F,{day:"2-digit",month:"2-digit",year:"numeric"}),[F]),et=n.useMemo(()=>new Intl.DateTimeFormat(F,{day:"2-digit",month:"2-digit",year:"2-digit"}),[F]),O=n.useCallback(e=>e?`${A.format(e)} ${f(e.getHours())}:${f(e.getMinutes())}`:"",[A]),$=n.useCallback(e=>{if(!e)return"";if(ne(e))return O(e);const t=O(e.from),r=O(e.to);return!t&&!r?"":r?t?`${t} – ${r}`:r:t},[O]),tt=n.useMemo(()=>{const e=y.getLocaleDateParts(A),{fieldOrder:t}=e,r=new RegExp(`^${y.buildDateRegexSource(e)}\\s+(\\d{2}):(\\d{2})$`);return Nt=>{const Y=Nt.trim().match(r);if(!Y)return;const ye={};t.forEach((Dt,yt)=>{ye[Dt]=Number(Y[yt+1])});const je=Number(Y[t.length+1]),Fe=Number(Y[t.length+2]),{day:ae,month:se,year:re}=ye;if(ae===void 0||se===void 0||re===void 0||je>23||Fe>59)return;const S=new Date(re,se-1,ae,je,Fe,0,0);if(!(isNaN(S.getTime())||S.getFullYear()!==re||S.getMonth()!==se-1||S.getDate()!==ae))return S}},[A]),[it,Z]=n.useState(()=>$(x)),[be,g]=n.useState(!1);n.useEffect(()=>{Z($(x))},[x,$]);const at=D.useFloating({open:N,onOpenChange:K,placement:"bottom-end",middleware:[G.offset(y.CALENDAR_POPOVER_OFFSET),G.flip(),G.shift({padding:y.CALENDAR_POPOVER_PADDING}),G.size({padding:y.CALENDAR_POPOVER_PADDING,apply({availableWidth:e,elements:t}){t.floating.style.maxWidth=`${e}px`}})],whileElementsMounted:Ct.autoUpdate}),{refs:ee,context:L,x:st,y:rt,strategy:nt}=at,lt=D.useInteractions([D.useDismiss(L,{outsidePress:e=>{const t=e.target;return!(t!=null&&t.closest('[role="menu"], [role="listbox"]'))}}),D.useRole(L,{role:"dialog"})]),B=n.useRef(null),dt=n.useCallback(e=>{B.current=e,typeof c=="function"?c(e):c&&(c.current=e)},[c]);n.useEffect(()=>{var e;(e=B.current)!=null&&e.inner&&ee.setReference(B.current.inner)},[ee]);const o=e=>{pe||Ke(e),W==null||W(e),Z($(e))},k=n.useCallback(e=>{if(v)return typeof v=="function"?v(e??new Date):v},[v]),M=n.useCallback((e,t)=>{const r=k(e);return!r||r.length===0||r.includes(t)?t:r[0]},[k]),ot=e=>{if(d){const t=e;if(!t||!t.from&&!t.to){o(void 0);return}const r={};t.from&&(r.from=b(t.from,M(t.from,_(u.from)))),t.to&&(r.to=b(t.to,M(t.to,_(u.to)))),o(r);return}e instanceof Date?o(b(e,M(e,_(m)))):e===void 0&&o(void 0)},ct=e=>{if(d){o({from:b(e,M(e,_(u.from)))});return}o(b(e,M(e,_(m))))},ut=e=>{const t=m??new Date;o(b(t,e)),T==="multi-step"&&k(t)&&K(!1)},mt=e=>t=>{const r=u[e]??u.from??new Date;o({...u,[e]:b(r,t)})},H=n.useMemo(()=>[...y.buildDisabledMatchers({minDate:oe,maxDate:ce,disablePast:ue,disableFuture:me}),...j?Array.isArray(j)?j:[j]:[]],[oe,ce,ue,me,j]),ve=n.useCallback(e=>St.dateMatchModifiers(e,H),[H]),ft=e=>{if(Z(e),e===""){g(!1),o(void 0);return}if(p){const r=wt(e);if(!r){g(!1);return}if(ve(r)){g(!0);return}g(!1),o(r),q(r);return}if(d)return;const t=tt(e);if(!t){g(!1);return}if(ve(t)){g(!0);return}g(!1),o(t),q(t)},ht=()=>{var t;const e=(t=B.current)==null?void 0:t.input;if(e){if(typeof e.showPicker=="function"){e.showPicker();return}e.focus()}},pt=()=>{if(!V){if(p){ht();return}K(e=>!e)}},gt=T==="multi-step"?i.jsx("div",{className:a.default["tedi-date-time-field__select-time-wrapper"],children:i.jsx(Te.Button,{type:"button",visualType:"link",size:"small",iconLeft:"schedule",onClick:()=>Q("time"),children:He})}):void 0,te=i.jsx(jt.Calendar,{view:Xe,setView:ge,selectionLevel:Ge,currentMonth:Ze,setCurrentMonth:q,mode:d?"range":"single",value:d?u:m,numberOfMonths:d&&!R?2:1,locale:Be,localeCode:F,showOutsideDays:Re,monthYearSelectType:Pe,minYear:Ue,maxYear:ze,disabledMatchers:H.length?H:void 0,required:de,handleSelect:ot,applyValue:ct,footer:gt,className:P.default(a.default["tedi-date-time-field__calendar"],T==="side-by-side"&&a.default["tedi-date-time-field__calendar--split"])}),ie=k(m),_t=!ie||ie.length===0,xe=i.jsx(ke.TimePicker,{value:_(m),stepMinutes:fe,availableTimes:ie,gridVariant:he,onChange:ut,className:P.default(a.default["tedi-date-time-field__time-picker"],{[a.default["tedi-date-time-field__time-picker--wheel"]]:_t})}),Ne=e=>{const t=k(u[e]),r=!t||t.length===0;return i.jsx(ke.TimePicker,{value:_(u[e]),stepMinutes:fe,availableTimes:t,gridVariant:he,onChange:mt(e),className:P.default(a.default["tedi-date-time-field__time-picker"],{[a.default["tedi-date-time-field__time-picker--wheel"]]:r})})},C=l==null?void 0:l.helper,I=be?{text:We,type:"error"}:null,bt=I?C?Array.isArray(C)?[...C,I]:[C,I]:I:C,De=h("dateField.openCalendar"),vt=p?{"aria-label":De}:{"aria-label":De,"aria-haspopup":"dialog","aria-expanded":N,"aria-controls":N?L.floatingId:void 0},xt={...l,id:Ve,label:qe,value:p?Pt(m):it,placeholder:Ae,readOnly:Le||!p&&!!v&&!!x,icon:"calendar_today",isClearable:Ee,required:de,disabled:V,invalid:be||(l==null?void 0:l.invalid),helper:bt,onIconClick:pt,iconButtonProps:vt,onChange:ft,className:P.default(a.default["tedi-date-time-field__textfield"],l==null?void 0:l.className,{[a.default["tedi-date-time-field__icon--disabled"]]:V}),input:{...l==null?void 0:l.input,type:p?"datetime-local":"text"}};return i.jsxs(i.Fragment,{children:[i.jsx("div",{className:P.default(a.default["tedi-date-time-field__container"],Oe),children:i.jsx(Ft.TextField,{ref:dt,...xt})}),!p&&i.jsx(D.FloatingPortal,{children:N&&!V&&i.jsx(D.FloatingFocusManager,{context:L,modal:!1,initialFocus:-1,children:i.jsx("div",{ref:ee.setFloating,className:a.default["tedi-date-time-field__popup"],...lt.getFloatingProps({style:{position:nt,top:rt??0,left:st??0}}),children:d?i.jsxs("div",{className:a.default["tedi-date-time-field__range"],children:[te,i.jsx("div",{className:a.default["tedi-date-time-field__range-separator"],"aria-hidden":"true",children:i.jsx("div",{className:a.default["tedi-date-time-field__range-separator-line"]})}),i.jsxs("div",{className:a.default["tedi-date-time-field__range-times"],children:[i.jsxs("div",{className:a.default["tedi-date-time-field__range-time"],children:[i.jsx("div",{className:a.default["tedi-date-time-field__split-time-header"],children:i.jsx("span",{className:a.default["tedi-date-time-field__split-heading"],children:z})}),i.jsx("div",{className:a.default["tedi-date-time-field__split-time-body"],children:Ne("from")})]}),i.jsxs("div",{className:a.default["tedi-date-time-field__range-time"],children:[i.jsx("div",{className:a.default["tedi-date-time-field__split-time-header"],children:i.jsx("span",{className:a.default["tedi-date-time-field__split-heading"],children:z})}),i.jsx("div",{className:a.default["tedi-date-time-field__split-time-body"],children:Ne("to")})]})]})]}):T==="side-by-side"?i.jsxs("div",{className:a.default["tedi-date-time-field__split"],children:[te,i.jsx("div",{className:a.default["tedi-date-time-field__split-separator"],"aria-hidden":"true",children:i.jsx("div",{className:a.default["tedi-date-time-field__split-separator-line"]})}),i.jsxs("div",{className:a.default["tedi-date-time-field__split-time"],children:[i.jsx("div",{className:a.default["tedi-date-time-field__split-time-header"],children:i.jsx("span",{className:a.default["tedi-date-time-field__split-heading"],children:z})}),i.jsx("div",{className:a.default["tedi-date-time-field__split-time-body"],children:xe})]})]}):Qe==="date"?te:i.jsxs("div",{className:a.default["tedi-date-time-field__time-step"],children:[i.jsxs("header",{className:a.default["tedi-date-time-field__time-header"],children:[i.jsx(Te.Button,{type:"button",visualType:"link",size:"small",iconLeft:"arrow_back",onClick:()=>Q("date"),children:Ie}),i.jsx("span",{className:a.default["tedi-date-time-field__time-date"],children:et.format(m??new Date)})]}),i.jsx("div",{className:a.default["tedi-date-time-field__time-body"],children:xe})]})})})})]})});Ce.displayName="DateTimeField";exports.DateTimeField=Ce;