@oracle/oraclejet-preact 18.0.7 → 18.0.8

package/amd/CollapseIcon-e030531c.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './ChevronRight-fa7a624c', './withDirectionIcon-74c39ee3'], (function(e,t,n,i){"use strict";e.CollapseIcon=e=>{const o=i.withDirectionIcon(n.SvgChevronRight,n.SvgChevronLeft);return t.jsx(o,{...e})}}));
+define(['exports', 'preact/jsx-runtime', './ChevronRight-fa7a624c', './withDirectionIcon-ce0c7432'], (function(e,t,n,c){"use strict";e.CollapseIcon=e=>{const i=c.withDirectionIcon(n.SvgChevronRight,n.SvgChevronLeft);return t.jsx(i,{...e})}}));
 //# sourceMappingURL=CollapseIcon-e030531c.js.map

package/amd/Collapsible-924afd71.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useId-c9578d26', 'preact', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './Flex-3421f0df', './Separator-181f7541', './ChevronDown-64f938c5', './CollapseIcon-e030531c', './ChevronUp-421d2392', './UNSAFE_Collapsible/themes/redwood/CollapsibleTheme', './useAnimation-5a74955f', './useTestId-b5cd4766'], (function(e,n,a,s,i,o,t,l,d,r,c,u,b,p,h,x,m){"use strict";const g=({isExpanded:e,isDisabled:a,iconPosition:s})=>{const i=a?"disabled":"primary",o="start"===s&&e?u.SvgChevronDown:b.CollapseIcon,t="end"===s&&e?p.SvgChevronUp:u.SvgChevronDown,l="start"===s?o:t;return n.jsx(l,{size:"6x",color:i})},v={isDisabled:!1};const C=({children:e,id:s,contentId:l,isDisabled:u,isExpanded:b,iconPosition:p,variant:x="basic",toggleHandler:m,accessibleLabel:C,accessibleLabelId:f})=>{const[S,E]=a.useState(!1),j=a.useRef(!1),{isTabbable:y}=d.useTabbableMode(),{classes:D,styles:T}=t.useComponentTheme(h.CollapsibleRedwoodTheme,{disabled:u?"isDisabled":"notDisabled",divider:"horizontal-rule"===x?"hasDivider":"noDivider",focused:S?"isFocused":"notFocused"}),w=o.classNames([T.headerChildrenStyle,"end"===p&&T.iconEndStyle,"start"===p&&T.iconStartStyle]),I=a.useCallback((e=>{if(m(e.target),S){(window&&"PointerEvent"in window&&e instanceof PointerEvent||e instanceof MouseEvent)&&E(!1)}}),[m,S]),{pressProps:H}=function(e,n=v){const[s,i]=a.useState(!1),o=a.useMemo((()=>({...v,...n})),[n]),t=a.useCallback((e=>{"Space"!==e.code&&"Enter"!==e.code||i(!0)}),[i]),l=a.useCallback((n=>{"Space"!==n.code&&"Enter"!==n.code||(i(!1),n.preventDefault(),e(n))}),[e,i]),d=a.useCallback((()=>{i(!1)}),[i]),r=a.useCallback((n=>{n.stopPropagation(),s||e(n)}),[e,s]);return{pressProps:o.isDisabled?{}:{onKeyDown:t,onKeyUp:l,onBlur:d,onClick:r}}}(I,{isDisabled:u}),k=a.useCallback((e=>{"focusin"!==e.type||j.current?E(!1):E(!0)}),[]),P=()=>{j.current=!0},N=()=>{j.current=!1},F=C?{"aria-label":C}:f?{"aria-labelledby":f}:{"aria-labelledby":s};return n.jsxs(n.Fragment,{children:[n.jsx("div",{id:s,className:D,...H,children:n.jsx(r.Flex,{align:"center",justify:"start"===p?"start":"between",children:n.jsxs(i.Fragment,{children:["end"===p&&n.jsx("div",{className:w,children:e}),n.jsx("div",{tabIndex:y&&!u?0:-1,role:"button","aria-controls":l,"aria-expanded":b,onFocus:k,onBlur:k,onMouseDown:P,onMouseUp:N,className:T.chevronStyle,...F,children:n.jsx(g,{iconPosition:p,isExpanded:b,isDisabled:u})}),"start"===p&&n.jsx("div",{className:w,children:e})]})})}),"horizontal-rule"===x&&n.jsx(c.Separator,{})]})},f=({children:e,id:s,isExpanded:i,onTransitionEnd:l})=>{const[d,r]=a.useState(i?"expanding":"unmounted"),{styles:c}=t.useComponentTheme(h.CollapsibleRedwoodTheme),u=a.useRef({overflowY:"hidden",maxHeight:i?"none":"0"}),b=o.classNames([c.contentChildrenStyle,"unmounted"===d&&c.contentHiddenStyle]);a.useEffect((()=>{("unmounted"!==d||i)&&r(i?"expanding":"collapsing")}),[i,d]);const{nodeRef:p}=x.useAnimation(d,{animationStates:S,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&r("unmounted"),l?.()}});return n.jsx("div",{className:b,ref:p,id:s,tabIndex:-1,style:u.current,"aria-hidden":!i||void 0,children:e})},S={expanding:e=>({to:{maxHeight:`${e.scrollHeight}px`},options:{duration:400},end:{maxHeight:"none"}}),collapsing:e=>({..."none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`}},to:{maxHeight:"0"},options:{duration:400}})};e.Collapsible=({header:e,children:i,isDisabled:o=!1,isExpanded:t=!1,iconPosition:l="start",variant:d="basic",onToggle:r,onTransitionEnd:c,"aria-label":u,"aria-labelledby":b,testId:p})=>{const h=s.useId(),x=`oj-collapsible-header-${h}`,g=`oj-collapsible-content-${h}`,v=m.useTestId(p),S=a.useCallback((e=>{o||r?.({value:!t,target:e})}),[o,r,t]),E=a.useCallback((()=>{c?.({value:t})}),[c,t]);return n.jsxs("div",{...v,children:[n.jsx(C,{id:x,contentId:g,toggleHandler:S,isDisabled:o,isExpanded:t,iconPosition:l,variant:d,accessibleLabel:u,accessibleLabelId:b,children:e}),n.jsx(f,{id:g,isExpanded:t,onTransitionEnd:E,children:i})]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useId-c9578d26', 'preact', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './Flex-56ecdf4c', './Separator-181f7541', './ChevronDown-64f938c5', './CollapseIcon-e030531c', './ChevronUp-421d2392', './UNSAFE_Collapsible/themes/redwood/CollapsibleTheme', './useAnimation-5a74955f', './useTestId-3a316499'], (function(e,n,a,s,i,o,t,l,d,r,c,u,b,p,h,x,m){"use strict";const g=({isExpanded:e,isDisabled:a,iconPosition:s})=>{const i=a?"disabled":"primary",o="start"===s&&e?u.SvgChevronDown:b.CollapseIcon,t="end"===s&&e?p.SvgChevronUp:u.SvgChevronDown,l="start"===s?o:t;return n.jsx(l,{size:"6x",color:i})},v={isDisabled:!1};const C=({children:e,id:s,contentId:l,isDisabled:u,isExpanded:b,iconPosition:p,variant:x="basic",toggleHandler:m,accessibleLabel:C,accessibleLabelId:f})=>{const[S,E]=a.useState(!1),j=a.useRef(!1),{isTabbable:y}=d.useTabbableMode(),{classes:D,styles:T}=t.useComponentTheme(h.CollapsibleRedwoodTheme,{disabled:u?"isDisabled":"notDisabled",divider:"horizontal-rule"===x?"hasDivider":"noDivider",focused:S?"isFocused":"notFocused"}),w=o.classNames([T.headerChildrenStyle,"end"===p&&T.iconEndStyle,"start"===p&&T.iconStartStyle]),I=a.useCallback((e=>{if(m(e.target),S){(window&&"PointerEvent"in window&&e instanceof PointerEvent||e instanceof MouseEvent)&&E(!1)}}),[m,S]),{pressProps:H}=function(e,n=v){const[s,i]=a.useState(!1),o=a.useMemo((()=>({...v,...n})),[n]),t=a.useCallback((e=>{"Space"!==e.code&&"Enter"!==e.code||i(!0)}),[i]),l=a.useCallback((n=>{"Space"!==n.code&&"Enter"!==n.code||(i(!1),n.preventDefault(),e(n))}),[e,i]),d=a.useCallback((()=>{i(!1)}),[i]),r=a.useCallback((n=>{n.stopPropagation(),s||e(n)}),[e,s]);return{pressProps:o.isDisabled?{}:{onKeyDown:t,onKeyUp:l,onBlur:d,onClick:r}}}(I,{isDisabled:u}),k=a.useCallback((e=>{"focusin"!==e.type||j.current?E(!1):E(!0)}),[]),P=()=>{j.current=!0},N=()=>{j.current=!1},F=C?{"aria-label":C}:f?{"aria-labelledby":f}:{"aria-labelledby":s};return n.jsxs(n.Fragment,{children:[n.jsx("div",{id:s,className:D,...H,children:n.jsx(r.Flex,{align:"center",justify:"start"===p?"start":"between",children:n.jsxs(i.Fragment,{children:["end"===p&&n.jsx("div",{className:w,children:e}),n.jsx("div",{tabIndex:y&&!u?0:-1,role:"button","aria-controls":l,"aria-expanded":b,onFocus:k,onBlur:k,onMouseDown:P,onMouseUp:N,className:T.chevronStyle,...F,children:n.jsx(g,{iconPosition:p,isExpanded:b,isDisabled:u})}),"start"===p&&n.jsx("div",{className:w,children:e})]})})}),"horizontal-rule"===x&&n.jsx(c.Separator,{})]})},f=({children:e,id:s,isExpanded:i,onTransitionEnd:l})=>{const[d,r]=a.useState(i?"expanding":"unmounted"),{styles:c}=t.useComponentTheme(h.CollapsibleRedwoodTheme),u=a.useRef({overflowY:"hidden",maxHeight:i?"none":"0"}),b=o.classNames([c.contentChildrenStyle,"unmounted"===d&&c.contentHiddenStyle]);a.useEffect((()=>{("unmounted"!==d||i)&&r(i?"expanding":"collapsing")}),[i,d]);const{nodeRef:p}=x.useAnimation(d,{animationStates:S,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&r("unmounted"),l?.()}});return n.jsx("div",{className:b,ref:p,id:s,tabIndex:-1,style:u.current,"aria-hidden":!i||void 0,children:e})},S={expanding:e=>({to:{maxHeight:`${e.scrollHeight}px`},options:{duration:400},end:{maxHeight:"none"}}),collapsing:e=>({..."none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`}},to:{maxHeight:"0"},options:{duration:400}})};e.Collapsible=({header:e,children:i,isDisabled:o=!1,isExpanded:t=!1,iconPosition:l="start",variant:d="basic",onToggle:r,onTransitionEnd:c,"aria-label":u,"aria-labelledby":b,testId:p})=>{const h=s.useId(),x=`oj-collapsible-header-${h}`,g=`oj-collapsible-content-${h}`,v=m.useTestId(p),S=a.useCallback((e=>{o||r?.({value:!t,target:e})}),[o,r,t]),E=a.useCallback((()=>{c?.({value:t})}),[c,t]);return n.jsxs("div",{...v,children:[n.jsx(C,{id:x,contentId:g,toggleHandler:S,isDisabled:o,isExpanded:t,iconPosition:l,variant:d,accessibleLabel:u,accessibleLabelId:b,children:e}),n.jsx(f,{id:g,isExpanded:t,onTransitionEnd:E,children:i})]})}}));
 //# sourceMappingURL=Collapsible-924afd71.js.map

package/amd/ComboChart-71c0f51f.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './layoutUtils-c2938c54', './chartUtils-ed1b8cf4', './useChartDnd-947ed9e4', './LineSeries-797d8d16', './dataStyleUtils-7ba616b8', './useUser-3ef25571', './colorUtils-a785c4c4', './accUtils-530bdb90', './Common/themes/themeContract.css', './BarGroup-76ef0839', './Chart-e2807ff7'], (function(e,t,i,r,s,o,n,a,l,d,c,g,h){"use strict";function p(e){return t.jsx(x,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}const I=.5,m=.2,u=.2;function x({width:e,height:d,selectedIds:x=[],hiddenIds:y=[],highlightedIds:f,hideAndShowBehavior:S="none",orientation:v="vertical",yAxis:b,series:C,groups:A,isStacked:D=!1,getDataItem:T,selectionMode:L="none",drilling:k="off",dataItemGaps:j=.5,dataLabelEffect:M="outline",...R}){const{direction:w,forcedColors:U}=a.useUser(),W="active"===U,z=C.filter((e=>"bar"===e.type)),E="rtl"===w,G="log"===b?.scale,B=R.xAxis?.timeAxisType,F=new Set(y),P=new Set(x),H=new Set(f),N="horizontal"===v,q=l.getColorRamp(),O=s.getSeriesData(C.length,A.length,T,F,G),V=O.some(((e,t)=>"area"===C[t].type||"lineWithArea"===C[t].type)),J=O.some(((e,t)=>"bar"===C[t].type)),K=(e,t)=>D?{...T(e,t),value:O[e][t]}:T(e,t),Q=s.getMarkers(),X=[];return t.jsx(h.Chart,{width:e,height:d,selectedIds:P,hiddenIds:y,hideAndShowBehavior:S,orientation:v,yAxis:b,series:C,defaultOverviewContentRenderer:()=>t.jsx(p,{groups:A,series:C,getDataItem:T}),groups:A,selectionMode:L,drilling:k,isStacked:D,getDataItem:T,findNearest:(e,t)=>i.findNearestDataPoint(C,A,e,t,K,D,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),G,0,F,B),getDataItemPos:(e,t,i,s)=>{const o=J?g.getBarPosition(z,A,T,e,t,F,j,i,s,"log"===b?.scale,D,E,N,B):void 0;return(i,s)=>"bar"===C[i].type?o?o(i,s):void 0:r.getLineAreaChartItemPosition(i,s,O,T,A,N,e,t,B)},getMarkerInfo:(e,t)=>({color:n.getItemColor(e,t,C,T),markerType:n.getMarkerType(e,t,T)}),renderGridLinesInFront:V,getNavUtil:(e,t)=>n.getLineAreaChartNavUtil(T,C.length,e,t,D,E,N),getGapRatio:()=>1,offset:J?I:m,isRtl:E,...R,children:({xStartIndex:e,xEndIndex:i,xScale:n,yScale:a,activeId:l,focusedItemInfo:d,hoveredItemInfo:h,isPointInsideMarquee:p,getTextDimensions:I,defaultFontSize:m,groupWidth:x})=>{let y=-1;return t.jsx(t.Fragment,{children:O.map(((S,w)=>{const U=C[w],V="lineWithArea"===U.type?u:1,J="area"===U.type||"lineWithArea"===U.type,Y="area"===U.type;if(0===S.length)return;const Z=s.getLineAreaSegments(a,n,S,e,i,N,G,A,w,K,B);X[w]=Z[0];const $="bar"!==U.type?"curved"===U.lineType&&D&&O.length>1&&w>0:D&&O.length>1&&w>0,_=void 0===f||0===H.size||H.has(U.id),ee=D&&0!=w?X.reduce(((e,t,i)=>i>=w?e:t.length>0?i:e),0):void 0;return"bar"===U.type&&(y+=1),t.jsxs(t.Fragment,{children:["bar"===U.type&&A.slice(e,i+1).map(((r,s)=>t.jsx(g.BarGroup,{yScale:a,xScale:n,groupIndex:s+e,selectedIds:P,hiddenIds:F,highlightedIds:f?H:f,isDrillEnabled:"on"===k,series:z,barGapRatio:g.getBarGapRatio(D,e,i),dataItemGaps:j,isPointInsideMarquee:p,isStacked:D,groupWidth:x,group:A[s],timeAxisType:R.xAxis?.timeAxisType,colors:q,activeId:l,isLog:"log"===b?.scale,orientation:v,getDataItem:T,isSelectionEnabled:"none"!=L,isRtl:E,focusedItemInfo:d,hoveredItemInfo:h,getTextDimensions:I,defaultFontSize:m,seriesIndex:y}))),J&&t.jsx(r.AreaSeries,{yScale:a,lineType:U.lineType,color:U.areaColor||q[w%q.length],isHorizontal:N,areaColorOpacity:V,isBottomSegmentCurved:$,bottomCoords:void 0!==ee&&X[ee].some((e=>null!=e))?X[ee]:void 0,lineSegments:Z,isLog:G,isHighlighted:_,seriesIndex:w}),"line"===U.type&&t.jsx(o.LineSeries,{lineType:U.lineType,lineColor:Y?c.colorSchemeVars.dvt.contrastLine:U.lineColor,lineWidth:Y?1.25:U.lineWidth,lineStyle:U.lineStyle||"solid",color:U.lineColor||q[w%q.length],lineSegmentCoords:Z,isHorizontal:N,isHighlighted:_,seriesIndex:w}),!D&&("line"===U.type||J)&&t.jsx(o.MarkersWithLabel,{yScale:a,xScale:n,groups:A,series:U,timeAxisType:B,color:q[w%q.length],seriesIndex:w,startIndex:e,endIndex:i,markerType:Q[w%Q.length],orientation:v,isLog:G,activeId:l,getDataItem:T,isPointInsideMarquee:p,selectedIds:P,focusedItemIndex:d.seriesIndex!==w||!d.isFocusVisible||R.isDataCursorEnabled&&R.dataCursorStyle?.isMarkerDisplayed?void 0:d.groupIndex,hoveredItemIndex:h?.isCurrent&&h.seriesIndex===w?h.groupIndex:void 0,isSelectionEnabled:"single"===L||"multiple"===L,isDrillEnabled:"on"===k,defaultFontSize:m,dataLabelEffect:M,isHighContrast:W})]})}))})}})}e.ComboChart=x}));
+define(['exports', 'preact/jsx-runtime', './layoutUtils-c2938c54', './chartUtils-ed1b8cf4', './useChartDnd-947ed9e4', './LineSeries-a549e727', './dataStyleUtils-7ba616b8', './useUser-85c781ea', './colorUtils-a785c4c4', './accUtils-530bdb90', './Common/themes/themeContract.css', './BarGroup-76ef0839', './Chart-e2807ff7'], (function(e,t,i,r,s,o,n,a,l,d,c,g,h){"use strict";function p(e){return t.jsx(x,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}const I=.5,m=.2,u=.2;function x({width:e,height:d,selectedIds:x=[],hiddenIds:y=[],highlightedIds:f,hideAndShowBehavior:S="none",orientation:v="vertical",yAxis:b,series:C,groups:A,isStacked:D=!1,getDataItem:T,selectionMode:L="none",drilling:k="off",dataItemGaps:j=.5,dataLabelEffect:M="outline",...R}){const{direction:w,forcedColors:U}=a.useUser(),W="active"===U,z=C.filter((e=>"bar"===e.type)),E="rtl"===w,G="log"===b?.scale,B=R.xAxis?.timeAxisType,F=new Set(y),P=new Set(x),H=new Set(f),N="horizontal"===v,q=l.getColorRamp(),O=s.getSeriesData(C.length,A.length,T,F,G),V=O.some(((e,t)=>"area"===C[t].type||"lineWithArea"===C[t].type)),J=O.some(((e,t)=>"bar"===C[t].type)),K=(e,t)=>D?{...T(e,t),value:O[e][t]}:T(e,t),Q=s.getMarkers(),X=[];return t.jsx(h.Chart,{width:e,height:d,selectedIds:P,hiddenIds:y,hideAndShowBehavior:S,orientation:v,yAxis:b,series:C,defaultOverviewContentRenderer:()=>t.jsx(p,{groups:A,series:C,getDataItem:T}),groups:A,selectionMode:L,drilling:k,isStacked:D,getDataItem:T,findNearest:(e,t)=>i.findNearestDataPoint(C,A,e,t,K,D,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),G,0,F,B),getDataItemPos:(e,t,i,s)=>{const o=J?g.getBarPosition(z,A,T,e,t,F,j,i,s,"log"===b?.scale,D,E,N,B):void 0;return(i,s)=>"bar"===C[i].type?o?o(i,s):void 0:r.getLineAreaChartItemPosition(i,s,O,T,A,N,e,t,B)},getMarkerInfo:(e,t)=>({color:n.getItemColor(e,t,C,T),markerType:n.getMarkerType(e,t,T)}),renderGridLinesInFront:V,getNavUtil:(e,t)=>n.getLineAreaChartNavUtil(T,C.length,e,t,D,E,N),getGapRatio:()=>1,offset:J?I:m,isRtl:E,...R,children:({xStartIndex:e,xEndIndex:i,xScale:n,yScale:a,activeId:l,focusedItemInfo:d,hoveredItemInfo:h,isPointInsideMarquee:p,getTextDimensions:I,defaultFontSize:m,groupWidth:x})=>{let y=-1;return t.jsx(t.Fragment,{children:O.map(((S,w)=>{const U=C[w],V="lineWithArea"===U.type?u:1,J="area"===U.type||"lineWithArea"===U.type,Y="area"===U.type;if(0===S.length)return;const Z=s.getLineAreaSegments(a,n,S,e,i,N,G,A,w,K,B);X[w]=Z[0];const $="bar"!==U.type?"curved"===U.lineType&&D&&O.length>1&&w>0:D&&O.length>1&&w>0,_=void 0===f||0===H.size||H.has(U.id),ee=D&&0!=w?X.reduce(((e,t,i)=>i>=w?e:t.length>0?i:e),0):void 0;return"bar"===U.type&&(y+=1),t.jsxs(t.Fragment,{children:["bar"===U.type&&A.slice(e,i+1).map(((r,s)=>t.jsx(g.BarGroup,{yScale:a,xScale:n,groupIndex:s+e,selectedIds:P,hiddenIds:F,highlightedIds:f?H:f,isDrillEnabled:"on"===k,series:z,barGapRatio:g.getBarGapRatio(D,e,i),dataItemGaps:j,isPointInsideMarquee:p,isStacked:D,groupWidth:x,group:A[s],timeAxisType:R.xAxis?.timeAxisType,colors:q,activeId:l,isLog:"log"===b?.scale,orientation:v,getDataItem:T,isSelectionEnabled:"none"!=L,isRtl:E,focusedItemInfo:d,hoveredItemInfo:h,getTextDimensions:I,defaultFontSize:m,seriesIndex:y}))),J&&t.jsx(r.AreaSeries,{yScale:a,lineType:U.lineType,color:U.areaColor||q[w%q.length],isHorizontal:N,areaColorOpacity:V,isBottomSegmentCurved:$,bottomCoords:void 0!==ee&&X[ee].some((e=>null!=e))?X[ee]:void 0,lineSegments:Z,isLog:G,isHighlighted:_,seriesIndex:w}),"line"===U.type&&t.jsx(o.LineSeries,{lineType:U.lineType,lineColor:Y?c.colorSchemeVars.dvt.contrastLine:U.lineColor,lineWidth:Y?1.25:U.lineWidth,lineStyle:U.lineStyle||"solid",color:U.lineColor||q[w%q.length],lineSegmentCoords:Z,isHorizontal:N,isHighlighted:_,seriesIndex:w}),!D&&("line"===U.type||J)&&t.jsx(o.MarkersWithLabel,{yScale:a,xScale:n,groups:A,series:U,timeAxisType:B,color:q[w%q.length],seriesIndex:w,startIndex:e,endIndex:i,markerType:Q[w%Q.length],orientation:v,isLog:G,activeId:l,getDataItem:T,isPointInsideMarquee:p,selectedIds:P,focusedItemIndex:d.seriesIndex!==w||!d.isFocusVisible||R.isDataCursorEnabled&&R.dataCursorStyle?.isMarkerDisplayed?void 0:d.groupIndex,hoveredItemIndex:h?.isCurrent&&h.seriesIndex===w?h.groupIndex:void 0,isSelectionEnabled:"single"===L||"multiple"===L,isDrillEnabled:"on"===k,defaultFontSize:m,dataLabelEffect:M,isHighContrast:W})]})}))})}})}e.ComboChart=x}));
 //# sourceMappingURL=ComboChart-71c0f51f.js.map

package/amd/CompactHelpSource-74498e92.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTranslationBundle-d07d4b20', './classNames-08d99695', './Help-000f2775', './Popup-66e79afa', './useFocusWithin-5a504fca', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './useComponentTheme-5aa41a8f', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,o,n,t,u,a,c,r,l,i,d,p){"use strict";function b(){const e=o.useRef(null),{focusProps:s,isFocused:n}=l.useFocusWithin();return{isFocused:n,popupProps:{onTransitionEnd:o.useCallback((o=>{o?(s.onFocusIn&&e.current?.addEventListener("focusin",s.onFocusIn,!1),s.onFocusOut&&e.current?.addEventListener("focusout",s.onFocusOut,!1)):(s.onFocusIn&&e.current?.removeEventListener("focusin",s.onFocusIn,!1),s.onFocusOut&&e.current?.removeEventListener("focusout",s.onFocusOut,!1))}),[s.onFocusIn,s.onFocusOut,e]),ref:e}}}e.CompactHelpSource=function({children:e,id:n,labelEdge:l,source:h}){const[f,F]=o.useState(!1),m=u.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),{isTabbable:x,tabbableModeProps:T}=t.useTabbableMode(),E=o.useRef(null),v=e??m,{baseTheme:L}=d.useComponentTheme(p.LabelRedwoodTheme),I=a.classNames([L,i.helpIconBase,"start"===l&&i.helpIconLabelEdgeStart]),{isFocused:S,popupProps:j}=b(),A=!0===f||!0===S;return s.jsxs(s.Fragment,{children:[s.jsx("a",{target:"_blank",...h&&{href:h},"aria-label":v,class:I,id:n,ref:E,role:"link",onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),onFocus:()=>F(!0),onBlur:()=>F(!1),...x?{tabIndex:0}:T,children:s.jsx(c.SvgHelp,{})}),s.jsx(r.Popup,{...j,placement:"end-top-corner",isOpen:A,anchorRef:E,flipOptions:{mainAxis:!0,crossAxis:!1},maxWidth:"296px",children:s.jsx("div",{class:i.helpContentStyles,children:v})})]})},e.usePopupFocusWithin=b}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTranslationBundle-516b1b83', './classNames-08d99695', './Help-000f2775', './Popup-d51bf3f4', './useFocusWithin-5a504fca', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './useComponentTheme-5aa41a8f', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,o,n,t,u,a,c,r,l,i,d,p){"use strict";function b(){const e=o.useRef(null),{focusProps:s,isFocused:n}=l.useFocusWithin();return{isFocused:n,popupProps:{onTransitionEnd:o.useCallback((o=>{o?(s.onFocusIn&&e.current?.addEventListener("focusin",s.onFocusIn,!1),s.onFocusOut&&e.current?.addEventListener("focusout",s.onFocusOut,!1)):(s.onFocusIn&&e.current?.removeEventListener("focusin",s.onFocusIn,!1),s.onFocusOut&&e.current?.removeEventListener("focusout",s.onFocusOut,!1))}),[s.onFocusIn,s.onFocusOut,e]),ref:e}}}e.CompactHelpSource=function({children:e,id:n,labelEdge:l,source:h}){const[f,F]=o.useState(!1),m=u.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),{isTabbable:x,tabbableModeProps:T}=t.useTabbableMode(),E=o.useRef(null),v=e??m,{baseTheme:L}=d.useComponentTheme(p.LabelRedwoodTheme),I=a.classNames([L,i.helpIconBase,"start"===l&&i.helpIconLabelEdgeStart]),{isFocused:S,popupProps:j}=b(),A=!0===f||!0===S;return s.jsxs(s.Fragment,{children:[s.jsx("a",{target:"_blank",...h&&{href:h},"aria-label":v,class:I,id:n,ref:E,role:"link",onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),onFocus:()=>F(!0),onBlur:()=>F(!1),...x?{tabIndex:0}:T,children:s.jsx(c.SvgHelp,{})}),s.jsx(r.Popup,{...j,placement:"end-top-corner",isOpen:A,anchorRef:E,flipOptions:{mainAxis:!0,crossAxis:!1},maxWidth:"296px",children:s.jsx("div",{class:i.helpContentStyles,children:v})})]})},e.usePopupFocusWithin=b}));
 //# sourceMappingURL=CompactHelpSource-74498e92.js.map

package/amd/CompactLabelAssistance-44ba87b0.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useTooltip-7b11fd35', 'preact/hooks', './logger-0f873e29', './LayerHost-e95c5f30', 'preact/compat', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', './useTranslationBundle-516b1b83', './CompactHelpSource-74498e92', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css'], (function(e,s,t,o,r,a,l,c,n,i,p,d,u,h,m){"use strict";e.CompactLabelAssistance=({helpIconId:e,helpSourceLink:o,helpSourceText:r,isRequiredShown:a,labelEdge:l})=>{const n=u.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required(),{tooltipContent:i,tooltipProps:p}=t.useTooltip({text:n,offset:{mainAxis:8}}),d=c.classNames([m.requiredIconBase,"start"===l&&m.requiredIconLabelEdgeStart]),S=a&&s.jsxs("span",{children:[s.jsx("span",{class:d,...p}),i]}),T=(o||r)&&s.jsx(h.CompactHelpSource,{id:e,labelEdge:l,source:o,children:r});return s.jsxs(s.Fragment,{children:["start"!==l&&S,T,"start"===l&&S]})}}));
+//# sourceMappingURL=CompactLabelAssistance-44ba87b0.js.map

package/amd/{CompactLabelAssistance-c6928282.js.map → CompactLabelAssistance-44ba87b0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CompactLabelAssistance-c6928282.js","sources":["../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx"],"sourcesContent":["import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n"],"names":["helpIconId","helpSourceLink","helpSourceText","isRequiredShown","labelEdge","requiredStr","useTranslationBundle","userAssistance_required","tooltipContent","tooltipProps","useTooltip","text","offset","mainAxis","requiredStyles","classNames","requiredIconBase","requiredIconLabelEdgeStart","requiredIndicator","_jsxs","_jsx","class","helpIndicator","jsx","CompactHelpSource","id","source","children","jsxs","_Fragment","Fragment"],"mappings":"8jBAe+B,EAC7BA,aACAC,iBACAC,iBACAC,kBACAC,gBAEA,MACMC,EADeC,uBAAiC,4BACrBC,2BAE3BC,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMN,EACNO,OAAQ,CAAEC,SAAU,KAGhBC,EAAiBC,EAAAA,WAAW,CAChCC,EAAgBA,iBACF,UAAdZ,GAAyBa,EAA0BA,6BAE/CC,EAAoBf,GACxBgB,yBACEC,MAAM,OAAA,CAAAC,MAAOP,KAAoBL,IAChCD,KAICc,GAAiBrB,GAAkBC,IACvCkB,EAACG,IAAAC,EAAiBA,kBAAC,CAAAC,GAAIzB,EAAYI,UAAWA,EAAWsB,OAAQzB,EAC9D0B,SAAAzB,IAIL,OACEiB,EACGS,KAAAC,EAAAC,SAAA,CAAAH,SAAA,CAAc,UAAdvB,GAAyBc,EACzBI,EACc,UAAdlB,GAAyBc,IAE5B"}
+{"version":3,"file":"CompactLabelAssistance-44ba87b0.js","sources":["../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx"],"sourcesContent":["import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n"],"names":["helpIconId","helpSourceLink","helpSourceText","isRequiredShown","labelEdge","requiredStr","useTranslationBundle","userAssistance_required","tooltipContent","tooltipProps","useTooltip","text","offset","mainAxis","requiredStyles","classNames","requiredIconBase","requiredIconLabelEdgeStart","requiredIndicator","_jsxs","_jsx","class","helpIndicator","jsx","CompactHelpSource","id","source","children","jsxs","_Fragment","Fragment"],"mappings":"8jBAe+B,EAC7BA,aACAC,iBACAC,iBACAC,kBACAC,gBAEA,MACMC,EADeC,uBAAiC,4BACrBC,2BAE3BC,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMN,EACNO,OAAQ,CAAEC,SAAU,KAGhBC,EAAiBC,EAAAA,WAAW,CAChCC,EAAgBA,iBACF,UAAdZ,GAAyBa,EAA0BA,6BAE/CC,EAAoBf,GACxBgB,yBACEC,MAAM,OAAA,CAAAC,MAAOP,KAAoBL,IAChCD,KAICc,GAAiBrB,GAAkBC,IACvCkB,EAACG,IAAAC,EAAiBA,kBAAC,CAAAC,GAAIzB,EAAYI,UAAWA,EAAWsB,OAAQzB,EAC9D0B,SAAAzB,IAIL,OACEiB,EACGS,KAAAC,EAAAC,SAAA,CAAAH,SAAA,CAAc,UAAdvB,GAAyBc,EACzBI,EACc,UAAdlB,GAAyBc,IAE5B"}

package/amd/CompactUserAssistance-3370a318.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useComponentTheme-5aa41a8f', 'preact/hooks', './Flex-3421f0df', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-639b3284', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-e5bdb734', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './ComponentMessageContainer-8028ba70', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './Popup-66e79afa', './Separator-181f7541', './CompactHelpSource-74498e92', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css'], (function(e,s,t,o,n,a,i,r,l,c,p,d,m,h,u,g,y,C,S,F,x,A,U,M,T,f,b,B,w,E,N,_,j,v){"use strict";e.CompactUserAssistance=function({anchorRef:e,assistiveText:o,fieldLabel:n,id:a,messages:i=[]}){const{isInputFocused:r,isReadonly:l}=E.useFormFieldContext(),{isFocused:c,popupProps:p}=j.usePopupFocusWithin(),d=!0===r||!0===c,{baseTheme:m}=t.useComponentTheme(b.UserAssistanceRedwoodTheme);return!0!==l&&(i.length>0||o)?s.jsx(N.Popup,{...p,placement:"end-top-corner",isOpen:d,anchorRef:e,flipOptions:{mainAxis:!0,crossAxis:!1},tail:"simple",maxWidth:"296px",children:s.jsxs("div",{id:a,class:m,children:[i.length>0&&s.jsx(B.ComponentMessageContainer,{fieldLabel:n,messages:i}),i.length>0&&o&&s.jsx("span",{class:v.dividerStyle,children:s.jsx(_.Separator,{})}),o&&s.jsx("span",{class:v.assistiveStyles,children:o})]})}):null}}));
+define(['exports', 'preact/jsx-runtime', './useComponentTheme-5aa41a8f', 'preact/hooks', './Flex-56ecdf4c', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-e95c5f30', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './ComponentMessageContainer-8028ba70', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './Popup-d51bf3f4', './Separator-181f7541', './CompactHelpSource-74498e92', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css'], (function(e,s,t,o,n,a,i,c,r,l,p,d,m,h,u,g,y,C,S,F,x,A,U,f,M,T,B,b,w,E,N,_,j,v){"use strict";e.CompactUserAssistance=function({anchorRef:e,assistiveText:o,fieldLabel:n,id:a,messages:i=[]}){const{isInputFocused:c,isReadonly:r}=E.useFormFieldContext(),{isFocused:l,popupProps:p}=j.usePopupFocusWithin(),d=!0===c||!0===l,{baseTheme:m}=t.useComponentTheme(B.UserAssistanceRedwoodTheme);return!0!==r&&(i.length>0||o)?s.jsx(N.Popup,{...p,placement:"end-top-corner",isOpen:d,anchorRef:e,flipOptions:{mainAxis:!0,crossAxis:!1},tail:"simple",maxWidth:"296px",children:s.jsxs("div",{id:a,class:m,children:[i.length>0&&s.jsx(b.ComponentMessageContainer,{fieldLabel:n,messages:i}),i.length>0&&o&&s.jsx("span",{class:v.dividerStyle,children:s.jsx(_.Separator,{})}),o&&s.jsx("span",{class:v.assistiveStyles,children:o})]})}):null}}));
 //# sourceMappingURL=CompactUserAssistance-3370a318.js.map

package/amd/ComponentMessageContainer-8028ba70.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-3421f0df', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './logger-0f873e29', 'preact', './useTestId-b5cd4766', './LayerHost-639b3284', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-e5bdb734', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './MessagesManager-d5686336', './useComponentTheme-5aa41a8f', './classNames-08d99695', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css'], (function(e,s,t,a,o,n,i,r,d,c,l,m,g,p,y,h,u,M,T,f,v,C,S,A,b,x,I,U,N){"use strict";function B({detail:e,fieldLabel:t,severity:a="error",testId:o}){const{classes:n}=C.useComponentTheme(I.ComponentMessageRedwoodTheme,{severity:a??"none"}),{baseTheme:i}=C.useComponentTheme(U.UserAssistanceRedwoodTheme),r=S.classNames([n,i]),d=c.useTestId(o);return s.jsxs("div",{class:r,"aria-live":"assertive","aria-atomic":"true",...d,children:[t&&s.jsx(x.HiddenAccessible,{children:t}),v.isSeverityIconNeeded(a)&&s.jsx(v.MessageStartIcon,{severity:a,testId:o?`${o}-icon`:void 0,variant:"inline"}),s.jsx(v.MessageSummary,{testId:o?`${o}-summary`:void 0,text:e,variant:"inline"})]})}function F(e){return e.map(((e,s)=>({key:s,data:{closeAffordance:"off",severity:e.severity||"error",detail:e.detail}})))}e.ComponentMessage=B,e.ComponentMessageContainer=function({fieldLabel:e,messages:t=[],testId:a}){const o=c.useTestId(a);return s.jsx("div",{class:N.componentMessageContainerBase,...o,children:s.jsx(v.MessagesManager,{data:F(t),children:({item:t})=>s.jsx(B,{detail:t.data.detail,fieldLabel:e,severity:t.data.severity,testId:a?`${a}-message-${t.key}`:void 0},t.key)})})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-56ecdf4c', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './logger-0f873e29', 'preact', './useTestId-3a316499', './LayerHost-e95c5f30', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './MessagesManager-d5686336', './useComponentTheme-5aa41a8f', './classNames-08d99695', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css'], (function(e,s,t,a,o,n,i,r,d,c,l,m,g,p,y,h,u,M,T,f,v,C,S,A,x,I,U,N,B){"use strict";function F({detail:e,fieldLabel:t,severity:a="error",testId:o}){const{classes:n}=C.useComponentTheme(U.ComponentMessageRedwoodTheme,{severity:a??"none"}),{baseTheme:i}=C.useComponentTheme(N.UserAssistanceRedwoodTheme),r=S.classNames([n,i]),d=c.useTestId(o);return s.jsxs("div",{class:r,"aria-live":"assertive","aria-atomic":"true",...d,children:[t&&s.jsx(I.HiddenAccessible,{children:t}),v.isSeverityIconNeeded(a)&&s.jsx(v.MessageStartIcon,{severity:a,testId:o?`${o}-icon`:void 0,variant:"inline"}),s.jsx(v.MessageSummary,{testId:o?`${o}-summary`:void 0,text:e,variant:"inline"})]})}function b(e){return e.map(((e,s)=>({key:s,data:{closeAffordance:"off",severity:e.severity||"error",detail:e.detail}})))}e.ComponentMessage=F,e.ComponentMessageContainer=function({fieldLabel:e,messages:t=[],testId:a}){const o=c.useTestId(a);return s.jsx("div",{class:B.componentMessageContainerBase,...o,children:s.jsx(v.MessagesManager,{data:b(t),children:({item:t})=>s.jsx(F,{detail:t.data.detail,fieldLabel:e,severity:t.data.severity,testId:a?`${a}-message-${t.key}`:void 0},t.key)})})}}));
 //# sourceMappingURL=ComponentMessageContainer-8028ba70.js.map

package/amd/ConveyorBeltItem-08720127.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './BaseButton-19a622bc', './ButtonLabelLayout-2e0e8d09', './ChevronRight-fa7a624c', './ChevronUp-421d2392', './ChevronDown-64f938c5', './classNames-08d99695', './UNSAFE_ConveyorBelt/themes/ConveyorBeltStyles.css', './useUser-3ef25571', './clientHints-4f5a07b0', './ConveyorBeltContext-d8653090', './useTestId-b5cd4766', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltTheme', './useConveyorBeltItem-ce9e4c40'], (function(e,t,r,o,n,s,i,l,c,u,f,h,a,d,m,v,g,b){"use strict";function C(){return"phone"===h.getClientHints().deviceType}function p(e){return"fixed"===getComputedStyle(e).position?null:e.offsetParent}function x(e,t){let r=p(e),o=e.offsetLeft;for(;r&&r!==t&&r!==document.body;)o+=r.offsetLeft,r=p(r);return o}function y(e,t){let r=p(e),o=e.offsetTop;for(;r!==t;)null!=r&&(o+=r.offsetTop,r=p(r));return o}const W=m.forwardRef((({children:e,scrollPosition:h,onScrollPositionChanged:b,arrowVisibility:p="auto",orientation:W="horizontal",testId:T},B=null)=>{const[H,R]=r.useState(!1),[I,j]=r.useState(!1),w=r.useRef(null),E=r.useRef(null),S=r.useRef(null),L=r.useRef(null),N=r.useRef(null),z=r.useRef(null),k=r.useRef(null),A=r.useRef(null),V=r.useRef(null),[U,$]=r.useState(C()&&"auto"===p||"hidden"===p),{direction:F}=f.useUser(),{itemElementsRef:P,addItem:D}=((e,t,o,n,s)=>{const i=r.useRef(),l=r.useRef([]),[c]=r.useState([]),u=r.useCallback((e=>{null!==l.current&&(l.current.push(e),c.push(e))}),[c]);r.useEffect((()=>{if(c&&c.length>0&&e){const r="horizontal"===t?"ltr"===s?`0px ${n?-n.offsetWidth:0}px 0px ${o?-o.offsetWidth:0}px`:`0px ${o?-o.offsetWidth:0}px 0px ${n?-n.offsetWidth:0}px`:`${n?-n.offsetHeight:0}px 0px ${o?-o.offsetHeight:0}px 0px`;i.current=new IntersectionObserver(f,{root:e,rootMargin:r,threshold:1});for(const e of c)null!=e&&i.current.observe(e.element)}return()=>{for(const e of c)i.current&&null!=e&&i.current.unobserve(e.element)}}),[c,c.length,e,n,o,s,t]);const f=e=>{const t=l.current.map(((t,r)=>{const o=e.find((e=>e.target===t.element));return o?{element:o.target,isVisible:o.isIntersecting,isCurrent:t.isCurrent,index:r}:t}));l.current=t};return r.useMemo((()=>({itemElementsRef:l,addItem:u})),[l,u])})(w.current,W,L.current,S.current,F);m.useImperativeHandle(B,(()=>({scrollElementIntoView:e=>{Y(e)},scrollPrevious:()=>{te()},scrollNext:()=>{re()}})));const q=d.useTestId(T),M="leftArrow"+T,O="rightArrow"+T,{variantClasses:_}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{orientation:W}),{variantClasses:G}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{content:W}),{variantClasses:J}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{pagination:H&&I?"both":H?"next":I?"previous":"none",direction:F,orientation:W,overflow:W,arrowVisibility:!0===U?"hidden":"visible"}),{classes:K}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{nextButton:W,direction:F}),{classes:Q}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{previousButton:W,direction:F});r.useEffect((()=>{(()=>{const e=E.current?Array.from(E.current.querySelectorAll("[data-oj-conveyorbelt-item]")):[];if(e){let t=-1;for(const r of e){t++;const e=r;e&&null==P.current.find((t=>t.element===e))&&D({element:e,isVisible:!1,index:t,isCurrent:!1})}}})()}));const X=r.useCallback((()=>{b&&b(w.current?.scrollLeft)}),[b]);r.useEffect((()=>{$(C()&&"auto"===p||"hidden"===p)}),[p]),r.useEffect((()=>{w.current&&w.current.scrollTo({left:h})}),[h]),r.useEffect((()=>{const e=w.current,t=z.current,r=k.current;return e&&t&&r&&(U||(A.current=new IntersectionObserver((e=>{e.forEach((e=>{"left"===e.target.getAttribute("data-intersection-id")?j(!e.isIntersecting):R(!e.isIntersecting)}))}),{root:e}),A.current.observe(t),A.current.observe(r)),e.addEventListener("scrollend",X)),()=>{e&&(e.removeEventListener("scrollend",X),A.current?.unobserve(t),A.current?.unobserve(r))}}),[U,X]);const Y=r.useCallback((e=>{const t=((e,t,r)=>{if(!t||!r)return!1;let o,n,s,i;if(r===document.documentElement)o=0,n=document.documentElement.clientWidth,s=0,i=document.documentElement.clientHeight;else{const e=r.getBoundingClientRect();o=I?e.left+L.current?.offsetWidth:e.left,n=H?e.right-S.current?.offsetWidth:e.right,s=I?e.top+L.current?.offsetHeight:e.top,i=H?e.bottom-S.current?.offsetHeight:e.bottom}const l=t.getBoundingClientRect();return"horizontal"===e?l.left<=n&&l.right<=n&&l.left>=o&&l.right>=o:l.top<=i&&l.bottom<=i&&l.top>=s&&l.bottom>=s})(W,e,w.current);if(t)return;const r=((e,t,r)=>{if(!t||!r)return!1;const o=t.getBoundingClientRect(),n=r.getBoundingClientRect();let s=n.width,i=n.height;return"horizontal"===e?(s=I&&L.current?s-L.current.offsetWidth:s,s=H&&S.current?s-S.current.offsetWidth:s):(i=I&&L.current?i-L.current.offsetHeight:i,i=H&&S.current?i-S.current.offsetHeight:i),"horizontal"===e?o.width>s:o.height>i})(W,e,w.current);if(!w.current||!E.current)return;const o=((e,t,r,o)=>{if(!r||!o)return!1;let n,s,i;if(o===document.documentElement)s=0,n=document.documentElement.clientWidth,i=document.documentElement.clientHeight;else{const e=o.getBoundingClientRect();n=H?e.right-S.current?.offsetWidth:e.right,s=H?e.left-S.current?.offsetWidth:e.left,i=H?e.bottom-S.current?.offsetHeight:e.bottom}const l=r.getBoundingClientRect();return"horizontal"===t?e?l.right>n:l.left<s:l.bottom>i})("ltr"===F,W,e,w.current);"vertical"!==W?"ltr"===F?o&&!r?w.current.scrollTo({left:x(e,E.current)+e.offsetWidth-w.current.offsetWidth+(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):w.current.scrollTo({left:x(e,E.current)-(L.current?.offsetWidth?L.current?.offsetWidth+1:0),behavior:"smooth"}):o&&!r?w.current.scrollTo({left:x(e,E.current)-E.current.offsetWidth+w.current.offsetWidth-(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):w.current.scrollTo({left:x(e,E.current)+e.offsetWidth-E.current.offsetWidth+(L.current?.offsetWidth?L.current?.offsetWidth+1:0),behavior:"smooth"}):o&&!r?w.current.scrollTo({top:y(e,E.current)+e.offsetHeight-w.current.offsetHeight+(S.current?.offsetHeight?S.current?.offsetHeight+1:0),behavior:"smooth"}):w.current.scrollTo({top:y(e,E.current)-(L.current?.offsetHeight?L.current?.offsetHeight+1:0),behavior:"smooth"})}),[H,I,F,W]),Z=r.useCallback((()=>{const e=P.current.find((e=>0==e.isVisible&&e.index>=1&&1==P.current[e.index-1].isVisible));return e?.element}),[P]),ee=r.useCallback((()=>{const e=P.current.find((e=>0==e.isVisible&&e.index<P.current.length-1&&1==P.current[e.index+1].isVisible));return e?.element}),[P]),te=r.useCallback((()=>{const e=w.current,t="horizontal"===W?w.current?.clientWidth:w.current?.clientHeight;if(e&&t){const r=ee();if("vertical"===W)return void(r?e.scrollTo({top:y(r,E.current)+r.offsetHeight-e.offsetHeight+(L.current?.offsetHeight?L.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop-t,behavior:"smooth"}));"ltr"===F?r?e.scrollTo({left:x(r,E.current)+r.offsetWidth-e.offsetWidth+(L.current?.offsetWidth?L.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"}):r?e.scrollTo({left:x(r,E.current)-E.current?.offsetWidth+e.offsetWidth-(L.current?.offsetWidth?L.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"})}}),[F,W,ee]),re=r.useCallback((()=>{const e=w.current,t="horizontal"===W?w.current?.clientWidth:w.current?.clientHeight;if(e&&t){const r=Z();if("vertical"===W)return void(r?e.scrollTo({top:y(r,E.current)-(S.current?.offsetHeight?S.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop+t,behavior:"smooth"}));"ltr"===F?r?e.scrollTo({left:(x(r,E.current)??0)-(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"}):r?e.scrollTo({left:-(E.current?.offsetWidth-(x(r,E.current)??0))+(r?.offsetWidth??0)+(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"})}}),[F,W,Z]),oe=r.useCallback((e=>{if(V.current!==e){const t=P.current.find((t=>t.element===e)),r=P.current.find((e=>!0===e.isCurrent));if(t===r||!t)return;r&&(r.isCurrent=!1),t.isCurrent=!0,V.current=e,e&&Y(e)}}),[P,Y]),ne=r.useCallback((e=>{if(!N.current?.isEqualNode(e.target))if(P.current.length>0){const t=P.current.find((t=>t.element.contains(e.target)));t&&Y(t.element)}else Y(e.target)}),[Y,P]),se=c.classNames([u.styles.buttonContainer,Q]),ie=c.classNames([u.styles.buttonContainer,K]);return t.jsx(a.ConveyorBeltContext.Provider,{value:{setCurrentItem:oe},children:t.jsxs("div",{onFocus:ne,ref:N,className:c.classNames([u.styles.conveyorStyle,_]),...q,children:[I&&!U&&t.jsx("div",{ref:L,class:se,children:t.jsx(o.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>te(),"aria-hidden":!0,testId:M,children:t.jsx(n.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===W?"ltr"===F?t.jsx(s.SvgChevronLeft,{}):t.jsx(s.SvgChevronRight,{}):t.jsx(i.SvgChevronUp,{})})})}),t.jsx("div",{className:c.classNames([u.styles.overflowContainer,J]),ref:w,tabIndex:-1,children:t.jsxs("div",{className:c.classNames([u.styles.contentContainer,_,G]),ref:E,children:[t.jsx("div",{"data-intersection-id":"left",ref:z,style:{minWidth:1,minHeight:1}}),e,t.jsx("div",{"data-intersection-id":"right",ref:k,style:{minWidth:1,minHeight:1}})]})}),H&&!U&&t.jsx("div",{ref:S,class:ie,children:t.jsx(o.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>re(),"aria-hidden":!0,testId:O,children:t.jsx(n.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===W?"ltr"===F?t.jsx(s.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{}):t.jsx(l.SvgChevronDown,{})})})})]})})}));e.ConveyorBelt=W,e.ConveyorBeltItem=({children:e,isCurrent:r})=>{const o=b.useConveyorBeltItem({isCurrent:r});return t.jsx("div",{className:c.classNames([u.styles.conveyorBeltItemStyle]),...o,children:e})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './BaseButton-19a622bc', './ButtonLabelLayout-2e0e8d09', './ChevronRight-fa7a624c', './ChevronUp-421d2392', './ChevronDown-64f938c5', './classNames-08d99695', './UNSAFE_ConveyorBelt/themes/ConveyorBeltStyles.css', './useUser-85c781ea', './clientHints-4f5a07b0', './ConveyorBeltContext-d8653090', './useTestId-3a316499', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltTheme', './useConveyorBeltItem-ce9e4c40'], (function(e,t,r,o,n,s,i,l,c,u,f,h,a,d,m,v,g,C){"use strict";function b(){return"phone"===h.getClientHints().deviceType}function p(e){return"fixed"===getComputedStyle(e).position?null:e.offsetParent}function x(e,t){let r=p(e),o=e.offsetLeft;for(;r&&r!==t&&r!==document.body;)o+=r.offsetLeft,r=p(r);return o}function y(e,t){let r=p(e),o=e.offsetTop;for(;r!==t;)null!=r&&(o+=r.offsetTop,r=p(r));return o}const W=m.forwardRef((({children:e,scrollPosition:h,onScrollPositionChanged:C,arrowVisibility:p="auto",orientation:W="horizontal",testId:T},B=null)=>{const[H,R]=r.useState(!1),[I,j]=r.useState(!1),w=r.useRef(null),E=r.useRef(null),S=r.useRef(null),L=r.useRef(null),N=r.useRef(null),z=r.useRef(null),k=r.useRef(null),A=r.useRef(null),V=r.useRef(null),[U,$]=r.useState(b()&&"auto"===p||"hidden"===p),{direction:F}=f.useUser(),{itemElementsRef:P,addItem:D}=((e,t,o,n,s)=>{const i=r.useRef(),l=r.useRef([]),[c]=r.useState([]),u=r.useCallback((e=>{null!==l.current&&(l.current.push(e),c.push(e))}),[c]);r.useEffect((()=>{if(c&&c.length>0&&e){const r="horizontal"===t?"ltr"===s?`0px ${n?-n.offsetWidth:0}px 0px ${o?-o.offsetWidth:0}px`:`0px ${o?-o.offsetWidth:0}px 0px ${n?-n.offsetWidth:0}px`:`${n?-n.offsetHeight:0}px 0px ${o?-o.offsetHeight:0}px 0px`;i.current=new IntersectionObserver(f,{root:e,rootMargin:r,threshold:1});for(const e of c)null!=e&&i.current.observe(e.element)}return()=>{for(const e of c)i.current&&null!=e&&i.current.unobserve(e.element)}}),[c,c.length,e,n,o,s,t]);const f=e=>{const t=l.current.map(((t,r)=>{const o=e.find((e=>e.target===t.element));return o?{element:o.target,isVisible:o.isIntersecting,isCurrent:t.isCurrent,index:r}:t}));l.current=t};return r.useMemo((()=>({itemElementsRef:l,addItem:u})),[l,u])})(w.current,W,L.current,S.current,F);m.useImperativeHandle(B,(()=>({scrollElementIntoView:e=>{Y(e)},scrollPrevious:()=>{te()},scrollNext:()=>{re()}})));const q=d.useTestId(T),M="leftArrow"+T,O="rightArrow"+T,{variantClasses:_}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{orientation:W}),{variantClasses:G}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{content:W}),{variantClasses:J}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{pagination:H&&I?"both":H?"next":I?"previous":"none",direction:F,orientation:W,overflow:W,arrowVisibility:!0===U?"hidden":"visible"}),{classes:K}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{nextButton:W,direction:F}),{classes:Q}=v.useComponentTheme(g.ConveyorBeltRedwoodTheme,{previousButton:W,direction:F});r.useEffect((()=>{(()=>{const e=E.current?Array.from(E.current.querySelectorAll("[data-oj-conveyorbelt-item]")):[];if(e){let t=-1;for(const r of e){t++;const e=r;e&&null==P.current.find((t=>t.element===e))&&D({element:e,isVisible:!1,index:t,isCurrent:!1})}}})()}));const X=r.useCallback((()=>{C&&C(w.current?.scrollLeft)}),[C]);r.useEffect((()=>{$(b()&&"auto"===p||"hidden"===p)}),[p]),r.useEffect((()=>{w.current&&w.current.scrollTo({left:h})}),[h]),r.useEffect((()=>{const e=w.current,t=z.current,r=k.current;return e&&t&&r&&(U||(A.current=new IntersectionObserver((e=>{e.forEach((e=>{"left"===e.target.getAttribute("data-intersection-id")?j(!e.isIntersecting):R(!e.isIntersecting)}))}),{root:e}),A.current.observe(t),A.current.observe(r)),e.addEventListener("scrollend",X)),()=>{e&&(e.removeEventListener("scrollend",X),A.current?.unobserve(t),A.current?.unobserve(r))}}),[U,X]);const Y=r.useCallback((e=>{const t=((e,t,r)=>{if(!t||!r)return!1;let o,n,s,i;if(r===document.documentElement)o=0,n=document.documentElement.clientWidth,s=0,i=document.documentElement.clientHeight;else{const e=r.getBoundingClientRect();o=I?e.left+L.current?.offsetWidth:e.left,n=H?e.right-S.current?.offsetWidth:e.right,s=I?e.top+L.current?.offsetHeight:e.top,i=H?e.bottom-S.current?.offsetHeight:e.bottom}const l=t.getBoundingClientRect();return"horizontal"===e?l.left<=n&&l.right<=n&&l.left>=o&&l.right>=o:l.top<=i&&l.bottom<=i&&l.top>=s&&l.bottom>=s})(W,e,w.current);if(t)return;const r=((e,t,r)=>{if(!t||!r)return!1;const o=t.getBoundingClientRect(),n=r.getBoundingClientRect();let s=n.width,i=n.height;return"horizontal"===e?(s=I&&L.current?s-L.current.offsetWidth:s,s=H&&S.current?s-S.current.offsetWidth:s):(i=I&&L.current?i-L.current.offsetHeight:i,i=H&&S.current?i-S.current.offsetHeight:i),"horizontal"===e?o.width>s:o.height>i})(W,e,w.current);if(!w.current||!E.current)return;const o=((e,t,r,o)=>{if(!r||!o)return!1;let n,s,i;if(o===document.documentElement)s=0,n=document.documentElement.clientWidth,i=document.documentElement.clientHeight;else{const e=o.getBoundingClientRect();n=H?e.right-S.current?.offsetWidth:e.right,s=H?e.left-S.current?.offsetWidth:e.left,i=H?e.bottom-S.current?.offsetHeight:e.bottom}const l=r.getBoundingClientRect();return"horizontal"===t?e?l.right>n:l.left<s:l.bottom>i})("ltr"===F,W,e,w.current);"vertical"!==W?"ltr"===F?o&&!r?w.current.scrollTo({left:x(e,E.current)+e.offsetWidth-w.current.offsetWidth+(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):w.current.scrollTo({left:x(e,E.current)-(L.current?.offsetWidth?L.current?.offsetWidth+1:0),behavior:"smooth"}):o&&!r?w.current.scrollTo({left:x(e,E.current)-E.current.offsetWidth+w.current.offsetWidth-(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):w.current.scrollTo({left:x(e,E.current)+e.offsetWidth-E.current.offsetWidth+(L.current?.offsetWidth?L.current?.offsetWidth+1:0),behavior:"smooth"}):o&&!r?w.current.scrollTo({top:y(e,E.current)+e.offsetHeight-w.current.offsetHeight+(S.current?.offsetHeight?S.current?.offsetHeight+1:0),behavior:"smooth"}):w.current.scrollTo({top:y(e,E.current)-(L.current?.offsetHeight?L.current?.offsetHeight+1:0),behavior:"smooth"})}),[H,I,F,W]),Z=r.useCallback((()=>{const e=P.current.find((e=>0==e.isVisible&&e.index>=1&&1==P.current[e.index-1].isVisible));return e?.element}),[P]),ee=r.useCallback((()=>{const e=P.current.find((e=>0==e.isVisible&&e.index<P.current.length-1&&1==P.current[e.index+1].isVisible));return e?.element}),[P]),te=r.useCallback((()=>{const e=w.current,t="horizontal"===W?w.current?.clientWidth:w.current?.clientHeight;if(e&&t){const r=ee();if("vertical"===W)return void(r?e.scrollTo({top:y(r,E.current)+r.offsetHeight-e.offsetHeight+(L.current?.offsetHeight?L.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop-t,behavior:"smooth"}));"ltr"===F?r?e.scrollTo({left:x(r,E.current)+r.offsetWidth-e.offsetWidth+(L.current?.offsetWidth?L.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"}):r?e.scrollTo({left:x(r,E.current)-E.current?.offsetWidth+e.offsetWidth-(L.current?.offsetWidth?L.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"})}}),[F,W,ee]),re=r.useCallback((()=>{const e=w.current,t="horizontal"===W?w.current?.clientWidth:w.current?.clientHeight;if(e&&t){const r=Z();if("vertical"===W)return void(r?e.scrollTo({top:y(r,E.current)-(S.current?.offsetHeight?S.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop+t,behavior:"smooth"}));"ltr"===F?r?e.scrollTo({left:(x(r,E.current)??0)-(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"}):r?e.scrollTo({left:-(E.current?.offsetWidth-(x(r,E.current)??0))+(r?.offsetWidth??0)+(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"})}}),[F,W,Z]),oe=r.useCallback((e=>{if(V.current!==e){const t=P.current.find((t=>t.element===e)),r=P.current.find((e=>!0===e.isCurrent));if(t===r||!t)return;r&&(r.isCurrent=!1),t.isCurrent=!0,V.current=e,e&&Y(e)}}),[P,Y]),ne=r.useCallback((e=>{if(!N.current?.isEqualNode(e.target))if(P.current.length>0){const t=P.current.find((t=>t.element.contains(e.target)));t&&Y(t.element)}else Y(e.target)}),[Y,P]),se=c.classNames([u.styles.buttonContainer,Q]),ie=c.classNames([u.styles.buttonContainer,K]);return t.jsx(a.ConveyorBeltContext.Provider,{value:{setCurrentItem:oe},children:t.jsxs("div",{onFocus:ne,ref:N,className:c.classNames([u.styles.conveyorStyle,_]),...q,children:[I&&!U&&t.jsx("div",{ref:L,class:se,children:t.jsx(o.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>te(),"aria-hidden":!0,testId:M,children:t.jsx(n.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===W?"ltr"===F?t.jsx(s.SvgChevronLeft,{}):t.jsx(s.SvgChevronRight,{}):t.jsx(i.SvgChevronUp,{})})})}),t.jsx("div",{className:c.classNames([u.styles.overflowContainer,J]),ref:w,tabIndex:-1,children:t.jsxs("div",{className:c.classNames([u.styles.contentContainer,_,G]),ref:E,children:[t.jsx("div",{"data-intersection-id":"left",ref:z,style:{minWidth:1,minHeight:1}}),e,t.jsx("div",{"data-intersection-id":"right",ref:k,style:{minWidth:1,minHeight:1}})]})}),H&&!U&&t.jsx("div",{ref:S,class:ie,children:t.jsx(o.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>re(),"aria-hidden":!0,testId:O,children:t.jsx(n.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===W?"ltr"===F?t.jsx(s.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{}):t.jsx(l.SvgChevronDown,{})})})})]})})}));e.ConveyorBelt=W,e.ConveyorBeltItem=({children:e,isCurrent:r})=>{const o=C.useConveyorBeltItem({isCurrent:r});return t.jsx("div",{className:c.classNames([u.styles.conveyorBeltItemStyle]),...o,children:e})}}));
 //# sourceMappingURL=ConveyorBeltItem-08720127.js.map

package/amd/{DatePicker-bf0e0c69.js → DatePicker-2c94a3bb.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Flex-3421f0df', './useTestId-b5cd4766', './useFocusWithin-5a504fca', './useTranslationBundle-d07d4b20', './calendarDateUtils-1783eb17', 'preact/compat', './useBreakpointValues-3a067093', './Button-3dc2a041', './UNSAFE_DatePicker/themes/DatePickerContract.css', './useComponentTheme-5aa41a8f', './UNSAFE_DatePicker/themes/redwood/DatePickerTheme', './DatePickerHeader-f21e020d', './MonthView-3d0968a1', './YearsGridView-d7b2184e'], (function(e,a,o,t,i,n,s,r,d,c,u,l,h,w,y,v){"use strict";const V=["monthView","monthsGridView","yearsGridView","viewFocus","viewBlur"],p=["daySelected","goToToday","previousDay","nextDay","previousWeek","nextWeek","previousMonth","previousMonthAndFocus","nextMonth","nextMonthAndFocus","previousYear","nextYear","firstDayOfMonth","lastDayOfMonth"],m=["previousMonthInGridView","nextMonthInGridView","previousMonthRowInGridView","nextMonthRowInGridView","monthSelected"],b=["previousYearInGridView","nextYearInGridView","previousYearRowInGridView","nextYearRowInGridView","previousDecade","previousDecadeAndFocus","nextDecade","nextDecadeAndFocus","yearSelected"],g=(e,a)=>{if("reset"===a.type)return a.payload;switch(a.type){case"monthView":return{...e,currentView:"monthView",isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1};case"monthsGridView":return{...e,currentView:"monthsGridView",focusableMonth:e.focusableDate.month,isViewFocused:!1,isNextNavigationButtonHidden:!0,isPreviousNavigationButtonHidden:!0,isTodayNavigationButtonHidden:!0};case"yearsGridView":return{...e,currentView:"yearsGridView",focusableYear:e.focusableDate.year,isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!0};case"viewFocus":return e.isViewFocused?e:{...e,isViewFocused:!0};case"viewBlur":return e.isViewFocused?{...e,isViewFocused:!1}:e;case"daySelected":case"goToToday":return{...e,isViewFocused:!0,focusableDate:a.payload};case"previousDay":{const o=s.addToCalendarDate(a.payload,{days:-1});return{...e,isViewFocused:!0,focusableDate:o}}case"nextDay":{const o=s.addToCalendarDate(a.payload,{days:1});return{...e,isViewFocused:!0,focusableDate:o}}case"previousWeek":{const o=s.addToCalendarDate(a.payload,{days:-7});return{...e,isViewFocused:!0,focusableDate:o}}case"nextWeek":{const o=s.addToCalendarDate(a.payload,{days:7});return{...e,isViewFocused:!0,focusableDate:o}}case"previousMonth":case"previousMonthAndFocus":{const o=s.addToCalendarDate(a.payload,{months:-1});return{...e,isViewFocused:"previousMonthAndFocus"===a.type,focusableDate:o}}case"nextMonth":case"nextMonthAndFocus":{const o=s.addToCalendarDate(a.payload,{months:1});return{...e,isViewFocused:"nextMonthAndFocus"===a.type,focusableDate:o}}case"previousYear":{const o=s.addToCalendarDate(a.payload,{years:-1});return{...e,isViewFocused:!0,focusableDate:o}}case"nextYear":{const o=s.addToCalendarDate(a.payload,{years:1});return{...e,isViewFocused:!0,focusableDate:o}}case"firstDayOfMonth":{const o=a.payload,t={year:o.year,month:o.month,day:1};return{...e,isViewFocused:!0,focusableDate:t}}case"lastDayOfMonth":{const o=a.payload,t=s.getDaysInMonth(o.month,o.year),i={year:o.year,month:o.month,day:t};return{...e,isViewFocused:!0,focusableDate:i}}case"previousMonthInGridView":{const o=s.addToMonth(a.payload.month,-1);return{...e,focusableMonth:o,isViewFocused:!0}}case"previousMonthRowInGridView":{const o=s.addToMonth(a.payload.month,-4);return{...e,focusableMonth:o,isViewFocused:!0}}case"nextMonthInGridView":{const o=s.addToMonth(a.payload.month,1);return{...e,focusableMonth:o,isViewFocused:!0}}case"nextMonthRowInGridView":{const o=s.addToMonth(a.payload.month,4);return{...e,focusableMonth:o,isViewFocused:!0}}case"monthSelected":{const o=a.payload.month-e.focusableDate.month,t=s.addToCalendarDate(e.focusableDate,{months:o});return{...e,currentView:"monthView",focusableDate:t,isViewFocused:!0,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1}}case"previousYearInGridView":{const o=s.addToYear(a.payload.year,-1);return{...e,focusableYear:o,isViewFocused:!0}}case"previousYearRowInGridView":{const o=s.addToYear(a.payload.year,-4);return{...e,focusableYear:o,isViewFocused:!0}}case"previousDecade":case"previousDecadeAndFocus":{const o=s.addToYear(a.payload.year,-10);return{...e,focusableYear:o,isViewFocused:"previousDecadeAndFocus"===a.type}}case"nextYearInGridView":{const o=s.addToYear(a.payload.year,1);return{...e,focusableYear:o,isViewFocused:!0}}case"nextYearRowInGridView":{const o=s.addToYear(a.payload.year,4);return{...e,focusableYear:o,isViewFocused:!0}}case"nextDecade":case"nextDecadeAndFocus":{const o=s.addToYear(a.payload.year,10);return{...e,focusableYear:o,isViewFocused:"nextDecadeAndFocus"===a.type}}case"yearSelected":{const o=a.payload.year-e.focusableDate.year,t=s.addToCalendarDate(e.focusableDate,{years:o});return{...e,currentView:"monthView",focusableDate:t,isViewFocused:!0,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1}}default:return e}},D={monthView:"none",monthsGridView:"month",yearsGridView:"year"},x=({isReadonly:e,max:a,min:o,todayTimeZone:t,value:d,onCommit:c})=>{if(o&&a&&s.isCalendarDateBefore(a,o))throw new Error("DatePicker: min must be equal or less than max.");const u=s.getCalendarDateToday(t),l=r.useMemo((()=>s.constrainCalendarDate(d??u,o,a)),[d,u,o,a]),{state:h,actions:w}=(({initialFocusableDate:e})=>{const a={currentView:"monthView",focusableDate:e,focusableMonth:e.month,focusableYear:e.year,isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1},[o,t]=r.useReducer(g,a),i=r.useRef(e);return 0!==s.compareDates(i.current,e)&&(i.current=e,0!==s.compareDates(e,o.focusableDate)&&t({type:"reset",payload:a})),{state:o,actions:r.useMemo((()=>{const e={};return V.forEach((a=>{e[a]=()=>t({type:a})})),p.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),m.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),b.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),e}),[t])}})({initialFocusableDate:l}),y=n.useTranslationBundle("@oracle/oraclejet-preact"),v={next:y.datePicker_next(),previous:y.datePicker_prev(),goToToday:y.datePicker_goToToday(),today:y.datePicker_today()},x={handleMonthToggle:r.useCallback((()=>{"monthsGridView"!==h.currentView?w.monthsGridView(void 0):w.monthView(void 0)}),[w,h.currentView]),handleYearToggle:r.useCallback((()=>{"yearsGridView"!==h.currentView?w.yearsGridView(void 0):w.monthView(void 0)}),[w,h.currentView]),handleTodayNavigation:r.useCallback((()=>{w.goToToday(u)}),[w,u]),handlePreviousNavigation:r.useCallback((()=>"monthView"===h.currentView?w.previousMonth(h.focusableDate):"yearsGridView"===h.currentView?w.previousDecade({year:h.focusableYear}):void 0),[w,h.currentView,h.focusableDate,h.focusableYear]),handleNextNavigation:r.useCallback((()=>"monthView"===h.currentView?w.nextMonth(h.focusableDate):"yearsGridView"===h.currentView?w.nextDecade({year:h.focusableYear}):void 0),[w,h.currentView,h.focusableDate,h.focusableYear]),handleMonthViewAction:r.useCallback((a=>{void 0===a.date||e||(w.daySelected(a.date),c?.({previousValue:d,value:a.date}))}),[w,e,c,d]),handleMonthViewNavigation:r.useCallback((e=>{switch(e.direction){case"previousMonth":return w.previousMonthAndFocus(e.date);case"nextMonth":return w.nextMonthAndFocus(e.date);case"today":return w.goToToday(u);default:return w[e.direction](e.date)}}),[w,u]),handleMonthsGridViewAction:r.useCallback((e=>{w.monthSelected(e)}),[w]),handleMonthsGridViewNavigation:r.useCallback((e=>{switch(e.direction){case"down":return w.nextMonthRowInGridView({month:e.month});case"next":return w.nextMonthInGridView({month:e.month});case"previous":return w.previousMonthInGridView({month:e.month});case"up":return w.previousMonthRowInGridView({month:e.month})}}),[w]),handleYearsGridViewAction:r.useCallback((e=>{w.yearSelected(e)}),[w]),handleYearsGridViewNavigation:r.useCallback((e=>{switch(e.direction){case"down":return w.nextYearRowInGridView({year:e.year});case"next":return w.nextYearInGridView({year:e.year});case"nextDecade":return w.nextDecadeAndFocus({year:e.year});case"previous":return w.previousYearInGridView({year:e.year});case"previousDecade":return w.previousDecadeAndFocus({year:e.year});case"up":return w.previousYearRowInGridView({year:e.year})}}),[w])},{focusProps:f}=i.useFocusWithin({onBlurWithin:r.useCallback((()=>w.viewBlur(void 0)),[w]),onFocusWithin:r.useCallback((()=>w.viewFocus(void 0)),[w])});return{accessibleLabels:v,actions:w,handlers:x,state:h,todaysDate:u,toggleSelection:D[h.currentView],viewContainerProps:{...f}}},f=({onTodayNavigationAction:e,testId:t,todayNavigationAriaLabel:i,todayNavigationLabel:n})=>a.jsx(o.Flex,{direction:"column",children:a.jsx(c.Button,{testId:t,label:n,"aria-label":i,size:"sm",onAction:e})});e.DatePicker=({dayFormatter:e,daysOutsideMonth:i,height:n,isReadonly:s=!1,monthAndYearPicker:r="on",max:c,maxWidth:V,min:p,value:m,testId:b,todayTimeZone:g,todayButton:D="visible",weekDisplay:T="none",width:F,onCommit:N})=>{const{accessibleLabels:M,handlers:G,state:Y,todaysDate:k,toggleSelection:B,viewContainerProps:P}=x({isReadonly:s,max:c,min:p,todayTimeZone:g,value:m,onCommit:N}),{month:A,year:I}=Y.focusableDate,C="on"===r&&!s,H=d.useBreakpointValues({sm:!0,md:!1},{sm:"0px",md:"360px"}),R=!Y.isTodayNavigationButtonHidden&&H&&"visible"===D,{classes:S}=l.useComponentTheme(h.DatePickerRedwoodTheme),j=t.useTestId(b);return a.jsx("div",{class:S,...j,children:a.jsxs(o.Flex,{direction:"column",gap:"monthView"===Y.currentView?u.datePickerPropVars.calendarGridRowGap:u.datePickerPropVars.monthYearGridRowGap,height:"auto"===n?void 0:R?u.datePickerPropVars.todayFooterButtonHeight:u.datePickerPropVars.height,maxWidth:void 0!==V?V:u.datePickerPropVars.maxWidth,width:void 0!==F?F:u.datePickerPropVars.width,children:[a.jsx(w.DatePickerHeader,{testId:b?b+"_header":void 0,month:A,year:I,isPreviousNavigationButtonHidden:Y.isPreviousNavigationButtonHidden,isTodayNavigationButtonHidden:"hidden"===D||Y.isTodayNavigationButtonHidden||H,isNextNavigationButtonHidden:Y.isNextNavigationButtonHidden,monthYearHeader:C?"independentButtons":"text",toggleSelection:C?B:void 0,previousNavigationAccessibleLabel:M.previous,todayNavigationAccessibleLabel:M.goToToday,nextNavigationAccessibleLabel:M.next,onTodayNavigationAction:G.handleTodayNavigation,onPreviousNavigationAction:G.handlePreviousNavigation,onNextNavigationAction:G.handleNextNavigation,onMonthToggle:C?G.handleMonthToggle:void 0,onYearToggle:C?G.handleYearToggle:void 0}),a.jsxs("div",{...P,children:["monthView"===Y.currentView&&a.jsx(y.MonthView,{dayFormatter:e,daysOutsideMonth:i,isReadonly:s,max:c,min:p,selectedDate:m,focusableDate:Y.focusableDate,isFocused:Y.isViewFocused,testId:b?b+"_monthView":void 0,todaysDate:k,onNavigation:G.handleMonthViewNavigation,onAction:G.handleMonthViewAction,weekDisplay:T}),"monthsGridView"===Y.currentView&&a.jsx(v.MonthsGridView,{currentMonth:k.month,focusableMonth:Y.focusableMonth,isFocused:Y.isViewFocused,selectedMonth:A,testId:b?b+"_monthsGridView":void 0,onAction:G.handleMonthsGridViewAction,onNavigation:G.handleMonthsGridViewNavigation}),"yearsGridView"===Y.currentView&&a.jsx(v.YearsGridView,{currentYear:k.year,focusableYear:Y.focusableYear,isFocused:Y.isViewFocused,selectedYear:I,testId:b?b+"_yearsGridView":void 0,onAction:G.handleYearsGridViewAction,onNavigation:G.handleYearsGridViewNavigation})]}),R&&a.jsx("div",{children:a.jsx(f,{testId:b?b+"_footerTodayButton":void 0,todayNavigationLabel:M.today,todayNavigationAriaLabel:M.goToToday,onTodayNavigationAction:G.handleTodayNavigation})})]})})}}));
-//# sourceMappingURL=DatePicker-bf0e0c69.js.map
+define(['exports', 'preact/jsx-runtime', './Flex-56ecdf4c', './useTestId-3a316499', './useFocusWithin-5a504fca', './useTranslationBundle-516b1b83', './calendarDateUtils-1783eb17', 'preact/compat', './useBreakpointValues-3a067093', './Button-3dc2a041', './UNSAFE_DatePicker/themes/DatePickerContract.css', './useComponentTheme-5aa41a8f', './UNSAFE_DatePicker/themes/redwood/DatePickerTheme', './DatePickerHeader-f21e020d', './MonthView-4a0401cd', './YearsGridView-d799dc5c'], (function(e,a,o,t,i,n,s,r,d,c,u,l,h,w,y,v){"use strict";const V=["monthView","monthsGridView","yearsGridView","viewFocus","viewBlur"],p=["daySelected","goToToday","previousDay","nextDay","previousWeek","nextWeek","previousMonth","previousMonthAndFocus","nextMonth","nextMonthAndFocus","previousYear","nextYear","firstDayOfMonth","lastDayOfMonth"],m=["previousMonthInGridView","nextMonthInGridView","previousMonthRowInGridView","nextMonthRowInGridView","monthSelected"],b=["previousYearInGridView","nextYearInGridView","previousYearRowInGridView","nextYearRowInGridView","previousDecade","previousDecadeAndFocus","nextDecade","nextDecadeAndFocus","yearSelected"],g=(e,a)=>{if("reset"===a.type)return a.payload;switch(a.type){case"monthView":return{...e,currentView:"monthView",isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1};case"monthsGridView":return{...e,currentView:"monthsGridView",focusableMonth:e.focusableDate.month,isViewFocused:!1,isNextNavigationButtonHidden:!0,isPreviousNavigationButtonHidden:!0,isTodayNavigationButtonHidden:!0};case"yearsGridView":return{...e,currentView:"yearsGridView",focusableYear:e.focusableDate.year,isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!0};case"viewFocus":return e.isViewFocused?e:{...e,isViewFocused:!0};case"viewBlur":return e.isViewFocused?{...e,isViewFocused:!1}:e;case"daySelected":case"goToToday":return{...e,isViewFocused:!0,focusableDate:a.payload};case"previousDay":{const o=s.addToCalendarDate(a.payload,{days:-1});return{...e,isViewFocused:!0,focusableDate:o}}case"nextDay":{const o=s.addToCalendarDate(a.payload,{days:1});return{...e,isViewFocused:!0,focusableDate:o}}case"previousWeek":{const o=s.addToCalendarDate(a.payload,{days:-7});return{...e,isViewFocused:!0,focusableDate:o}}case"nextWeek":{const o=s.addToCalendarDate(a.payload,{days:7});return{...e,isViewFocused:!0,focusableDate:o}}case"previousMonth":case"previousMonthAndFocus":{const o=s.addToCalendarDate(a.payload,{months:-1});return{...e,isViewFocused:"previousMonthAndFocus"===a.type,focusableDate:o}}case"nextMonth":case"nextMonthAndFocus":{const o=s.addToCalendarDate(a.payload,{months:1});return{...e,isViewFocused:"nextMonthAndFocus"===a.type,focusableDate:o}}case"previousYear":{const o=s.addToCalendarDate(a.payload,{years:-1});return{...e,isViewFocused:!0,focusableDate:o}}case"nextYear":{const o=s.addToCalendarDate(a.payload,{years:1});return{...e,isViewFocused:!0,focusableDate:o}}case"firstDayOfMonth":{const o=a.payload,t={year:o.year,month:o.month,day:1};return{...e,isViewFocused:!0,focusableDate:t}}case"lastDayOfMonth":{const o=a.payload,t=s.getDaysInMonth(o.month,o.year),i={year:o.year,month:o.month,day:t};return{...e,isViewFocused:!0,focusableDate:i}}case"previousMonthInGridView":{const o=s.addToMonth(a.payload.month,-1);return{...e,focusableMonth:o,isViewFocused:!0}}case"previousMonthRowInGridView":{const o=s.addToMonth(a.payload.month,-4);return{...e,focusableMonth:o,isViewFocused:!0}}case"nextMonthInGridView":{const o=s.addToMonth(a.payload.month,1);return{...e,focusableMonth:o,isViewFocused:!0}}case"nextMonthRowInGridView":{const o=s.addToMonth(a.payload.month,4);return{...e,focusableMonth:o,isViewFocused:!0}}case"monthSelected":{const o=a.payload.month-e.focusableDate.month,t=s.addToCalendarDate(e.focusableDate,{months:o});return{...e,currentView:"monthView",focusableDate:t,isViewFocused:!0,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1}}case"previousYearInGridView":{const o=s.addToYear(a.payload.year,-1);return{...e,focusableYear:o,isViewFocused:!0}}case"previousYearRowInGridView":{const o=s.addToYear(a.payload.year,-4);return{...e,focusableYear:o,isViewFocused:!0}}case"previousDecade":case"previousDecadeAndFocus":{const o=s.addToYear(a.payload.year,-10);return{...e,focusableYear:o,isViewFocused:"previousDecadeAndFocus"===a.type}}case"nextYearInGridView":{const o=s.addToYear(a.payload.year,1);return{...e,focusableYear:o,isViewFocused:!0}}case"nextYearRowInGridView":{const o=s.addToYear(a.payload.year,4);return{...e,focusableYear:o,isViewFocused:!0}}case"nextDecade":case"nextDecadeAndFocus":{const o=s.addToYear(a.payload.year,10);return{...e,focusableYear:o,isViewFocused:"nextDecadeAndFocus"===a.type}}case"yearSelected":{const o=a.payload.year-e.focusableDate.year,t=s.addToCalendarDate(e.focusableDate,{years:o});return{...e,currentView:"monthView",focusableDate:t,isViewFocused:!0,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1}}default:return e}},D={monthView:"none",monthsGridView:"month",yearsGridView:"year"},x=({isReadonly:e,max:a,min:o,todayTimeZone:t,value:d,onCommit:c})=>{if(o&&a&&s.isCalendarDateBefore(a,o))throw new Error("DatePicker: min must be equal or less than max.");const u=s.getCalendarDateToday(t),l=r.useMemo((()=>s.constrainCalendarDate(d??u,o,a)),[d,u,o,a]),{state:h,actions:w}=(({initialFocusableDate:e})=>{const a={currentView:"monthView",focusableDate:e,focusableMonth:e.month,focusableYear:e.year,isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1},[o,t]=r.useReducer(g,a),i=r.useRef(e);return 0!==s.compareDates(i.current,e)&&(i.current=e,0!==s.compareDates(e,o.focusableDate)&&t({type:"reset",payload:a})),{state:o,actions:r.useMemo((()=>{const e={};return V.forEach((a=>{e[a]=()=>t({type:a})})),p.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),m.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),b.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),e}),[t])}})({initialFocusableDate:l}),y=n.useTranslationBundle("@oracle/oraclejet-preact"),v={next:y.datePicker_next(),previous:y.datePicker_prev(),goToToday:y.datePicker_goToToday(),today:y.datePicker_today()},x={handleMonthToggle:r.useCallback((()=>{"monthsGridView"!==h.currentView?w.monthsGridView(void 0):w.monthView(void 0)}),[w,h.currentView]),handleYearToggle:r.useCallback((()=>{"yearsGridView"!==h.currentView?w.yearsGridView(void 0):w.monthView(void 0)}),[w,h.currentView]),handleTodayNavigation:r.useCallback((()=>{w.goToToday(u)}),[w,u]),handlePreviousNavigation:r.useCallback((()=>"monthView"===h.currentView?w.previousMonth(h.focusableDate):"yearsGridView"===h.currentView?w.previousDecade({year:h.focusableYear}):void 0),[w,h.currentView,h.focusableDate,h.focusableYear]),handleNextNavigation:r.useCallback((()=>"monthView"===h.currentView?w.nextMonth(h.focusableDate):"yearsGridView"===h.currentView?w.nextDecade({year:h.focusableYear}):void 0),[w,h.currentView,h.focusableDate,h.focusableYear]),handleMonthViewAction:r.useCallback((a=>{void 0===a.date||e||(w.daySelected(a.date),c?.({previousValue:d,value:a.date}))}),[w,e,c,d]),handleMonthViewNavigation:r.useCallback((e=>{switch(e.direction){case"previousMonth":return w.previousMonthAndFocus(e.date);case"nextMonth":return w.nextMonthAndFocus(e.date);case"today":return w.goToToday(u);default:return w[e.direction](e.date)}}),[w,u]),handleMonthsGridViewAction:r.useCallback((e=>{w.monthSelected(e)}),[w]),handleMonthsGridViewNavigation:r.useCallback((e=>{switch(e.direction){case"down":return w.nextMonthRowInGridView({month:e.month});case"next":return w.nextMonthInGridView({month:e.month});case"previous":return w.previousMonthInGridView({month:e.month});case"up":return w.previousMonthRowInGridView({month:e.month})}}),[w]),handleYearsGridViewAction:r.useCallback((e=>{w.yearSelected(e)}),[w]),handleYearsGridViewNavigation:r.useCallback((e=>{switch(e.direction){case"down":return w.nextYearRowInGridView({year:e.year});case"next":return w.nextYearInGridView({year:e.year});case"nextDecade":return w.nextDecadeAndFocus({year:e.year});case"previous":return w.previousYearInGridView({year:e.year});case"previousDecade":return w.previousDecadeAndFocus({year:e.year});case"up":return w.previousYearRowInGridView({year:e.year})}}),[w])},{focusProps:f}=i.useFocusWithin({onBlurWithin:r.useCallback((()=>w.viewBlur(void 0)),[w]),onFocusWithin:r.useCallback((()=>w.viewFocus(void 0)),[w])});return{accessibleLabels:v,actions:w,handlers:x,state:h,todaysDate:u,toggleSelection:D[h.currentView],viewContainerProps:{...f}}},f=({onTodayNavigationAction:e,testId:t,todayNavigationAriaLabel:i,todayNavigationLabel:n})=>a.jsx(o.Flex,{direction:"column",children:a.jsx(c.Button,{testId:t,label:n,"aria-label":i,size:"sm",onAction:e})});e.DatePicker=({dayFormatter:e,daysOutsideMonth:i,height:n,isReadonly:s=!1,monthAndYearPicker:r="on",max:c,maxWidth:V,min:p,value:m,testId:b,todayTimeZone:g,todayButton:D="visible",weekDisplay:T="none",width:F,onCommit:N})=>{const{accessibleLabels:M,handlers:G,state:Y,todaysDate:k,toggleSelection:B,viewContainerProps:P}=x({isReadonly:s,max:c,min:p,todayTimeZone:g,value:m,onCommit:N}),{month:A,year:I}=Y.focusableDate,C="on"===r&&!s,H=d.useBreakpointValues({sm:!0,md:!1},{sm:"0px",md:"360px"}),R=!Y.isTodayNavigationButtonHidden&&H&&"visible"===D,{classes:S}=l.useComponentTheme(h.DatePickerRedwoodTheme),j=t.useTestId(b);return a.jsx("div",{class:S,...j,children:a.jsxs(o.Flex,{direction:"column",gap:"monthView"===Y.currentView?u.datePickerPropVars.calendarGridRowGap:u.datePickerPropVars.monthYearGridRowGap,height:"auto"===n?void 0:R?u.datePickerPropVars.todayFooterButtonHeight:u.datePickerPropVars.height,maxWidth:void 0!==V?V:u.datePickerPropVars.maxWidth,width:void 0!==F?F:u.datePickerPropVars.width,children:[a.jsx(w.DatePickerHeader,{testId:b?b+"_header":void 0,month:A,year:I,isPreviousNavigationButtonHidden:Y.isPreviousNavigationButtonHidden,isTodayNavigationButtonHidden:"hidden"===D||Y.isTodayNavigationButtonHidden||H,isNextNavigationButtonHidden:Y.isNextNavigationButtonHidden,monthYearHeader:C?"independentButtons":"text",toggleSelection:C?B:void 0,previousNavigationAccessibleLabel:M.previous,todayNavigationAccessibleLabel:M.goToToday,nextNavigationAccessibleLabel:M.next,onTodayNavigationAction:G.handleTodayNavigation,onPreviousNavigationAction:G.handlePreviousNavigation,onNextNavigationAction:G.handleNextNavigation,onMonthToggle:C?G.handleMonthToggle:void 0,onYearToggle:C?G.handleYearToggle:void 0}),a.jsxs("div",{...P,children:["monthView"===Y.currentView&&a.jsx(y.MonthView,{dayFormatter:e,daysOutsideMonth:i,isReadonly:s,max:c,min:p,selectedDate:m,focusableDate:Y.focusableDate,isFocused:Y.isViewFocused,testId:b?b+"_monthView":void 0,todaysDate:k,onNavigation:G.handleMonthViewNavigation,onAction:G.handleMonthViewAction,weekDisplay:T}),"monthsGridView"===Y.currentView&&a.jsx(v.MonthsGridView,{currentMonth:k.month,focusableMonth:Y.focusableMonth,isFocused:Y.isViewFocused,selectedMonth:A,testId:b?b+"_monthsGridView":void 0,onAction:G.handleMonthsGridViewAction,onNavigation:G.handleMonthsGridViewNavigation}),"yearsGridView"===Y.currentView&&a.jsx(v.YearsGridView,{currentYear:k.year,focusableYear:Y.focusableYear,isFocused:Y.isViewFocused,selectedYear:I,testId:b?b+"_yearsGridView":void 0,onAction:G.handleYearsGridViewAction,onNavigation:G.handleYearsGridViewNavigation})]}),R&&a.jsx("div",{children:a.jsx(f,{testId:b?b+"_footerTodayButton":void 0,todayNavigationLabel:M.today,todayNavigationAriaLabel:M.goToToday,onTodayNavigationAction:G.handleTodayNavigation})})]})})}}));
+//# sourceMappingURL=DatePicker-2c94a3bb.js.map

package/amd/{DatePicker-bf0e0c69.js.map → DatePicker-2c94a3bb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DatePicker-bf0e0c69.js","sources":["../../src/UNSAFE_DatePicker/useDatePickerState.ts","../../src/UNSAFE_DatePicker/useDatePicker.ts","../../src/UNSAFE_DatePicker/TodayButton.tsx","../../src/UNSAFE_DatePicker/DatePicker.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport {\n  addToCalendarDate,\n  addToMonth,\n  addToYear,\n  compareDates,\n  getDaysInMonth\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { useMemo, useReducer, useRef } from 'preact/compat';\n\n// This is the type of the state that is returned from the useDatePickerState reducer.\n// This is a single state that will handle the different views of the DatePicker, the\n// MonthView, the MonthGridView, and the YearGridView. Initially we have implemented\n// the state for the MonthView.\ntype DatePickerState = {\n  /**\n   * Specifies the current view the DatePicker is showing.\n   */\n  currentView: 'monthView' | 'monthsGridView' | 'yearsGridView';\n\n  /**\n   * The focusableDate is the one day in the MonthView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders\n   * with Today as the focusableDate. The focusableDate doesn't have focus until the user tabs in\n   * to the Month View.\n   * When the user navigates the days with the arrow keys,\n   * the focusableDate changes along with the focusedDate, and they will be the same date.\n   * This is a 'roving' index.\n   * The focusableDate is never undefined.\n   * <p>\n   * If the user keyboards to the next month (Fn+Down Arrow on a Mac),\n   * then the focusableDate and the focusedDate of the next month\n   * is the same day number, or as close as possible to stay in the same month. For example,\n   * if the focusedDate and focusableDate is April 2, 2024, the focusedDate and focusableDate for the next month is May 2, 2024.\n   * If the focusedDate and focusableDate is February 28, 2024, the focusedDate and focusableDate for the next month is March 28, 2024.\n   * If the focusedDate and focusableDate is January 31, 2024, the focusedDate and focusableDate for the next month is February 29, 2024 (2024 is a leap year).\n   * </p>\n   * <p>\n   * If the user clicks the Next Month button in the DatePicker's header, then\n   * there is no date that has focus, so the focusedDate is undefined.\n   * The focusableDate will be set.\n   * For example,\n   * if the focusableDate is April 2, 2024, the focusableDate for the next month is May 2, 2024.\n   * If the focusableDate is February 28, 2024, the focusableDate for the next month is March 28, 2024.\n   * If the focusableDate is January 31, 2024, the focusableDate for the next month is February 29, 2024 (2024 is a leap year).\n   *\n   * </p>\n   */\n  focusableDate: CalendarDateRequired;\n\n  /**\n   * The focusableMonth is the one month in the MonthsGridView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders with Today's month as the\n   * focusableMonth. The focusableMonth doesn't have focus until the user tabs in\n   * to the Months Grid View.\n   *\n   * When the user navigates the month with the arrow keys, the focusableMonth changes\n   * along with the focusedMonth, and they will be the same date. This is a 'roving' index.\n   *\n   * The focusableMonth is never undefined.\n   */\n  focusableMonth: CalendarDateRequired['month'];\n\n  /**\n   * The focusableYear is the one month in the YearsGridView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders with Today's month as the\n   * focusableYear. The focusableYear doesn't have focus until the user tabs in\n   * to the Months Grid View.\n   *\n   * When the user navigates the month with the arrow keys, the focusableYear changes\n   * along with the focusedYear, and they will be the same date. This is a 'roving' index.\n   *\n   * The focusableYear is never undefined.\n   */\n  focusableYear: CalendarDateRequired['year'];\n\n  /**\n   * A boolean to indicate if the focus is in the view.\n   */\n  isViewFocused: boolean;\n\n  /**\n   * Specifies whether to hide the previous navigation button is hidden from the header.\n   */\n  isPreviousNavigationButtonHidden: boolean;\n\n  /**\n   * Specifies whether to hide the today navigation button is hidden from the header.\n   */\n  isTodayNavigationButtonHidden: boolean;\n\n  /**\n   * Specifies whether to hide the next navigation button is hidden from the header.\n   */\n  isNextNavigationButtonHidden: boolean;\n};\n\nconst datePickerResetActionTypes = ['reset'] as const;\n\nconst datePickerViewActionTypes = [\n  'monthView',\n  'monthsGridView',\n  'yearsGridView',\n  'viewFocus',\n  'viewBlur'\n] as const;\n\nconst monthViewActionTypes = [\n  'daySelected',\n  'goToToday',\n  'previousDay',\n  'nextDay',\n  'previousWeek',\n  'nextWeek',\n  'previousMonth',\n  'previousMonthAndFocus',\n  'nextMonth',\n  'nextMonthAndFocus',\n  'previousYear',\n  'nextYear',\n  'firstDayOfMonth',\n  'lastDayOfMonth'\n] as const;\n\nconst monthsGridViewActionTypes = [\n  'previousMonthInGridView',\n  'nextMonthInGridView',\n  'previousMonthRowInGridView',\n  'nextMonthRowInGridView',\n  'monthSelected'\n] as const;\n\nconst yearsGridViewActionTypes = [\n  'previousYearInGridView',\n  'nextYearInGridView',\n  'previousYearRowInGridView',\n  'nextYearRowInGridView',\n  'previousDecade',\n  'previousDecadeAndFocus',\n  'nextDecade',\n  'nextDecadeAndFocus',\n  'yearSelected'\n] as const;\n\ntype DatePickerViewActionTypes = (typeof datePickerViewActionTypes)[number];\ntype DatePickerResetActionTypes = (typeof datePickerResetActionTypes)[number];\ntype MonthViewActionTypes = (typeof monthViewActionTypes)[number];\ntype MonthsGridViewActionTypes = (typeof monthsGridViewActionTypes)[number];\ntype YearsGridViewActionTypes = (typeof yearsGridViewActionTypes)[number];\n\n// This is the type of the actions that the hook returns.\ntype DatePickerStateAction = ReturnType<typeof useDatePickerState>['actions'];\n\n// Type for the action of the datePickerReducer.\ntype DatePickerViewAction = {\n  [Type in DatePickerViewActionTypes]: { type: Type; payload?: undefined };\n}[DatePickerViewActionTypes];\n\ntype DatePickerResetAction = {\n  [Type in DatePickerResetActionTypes]: { type: Type; payload: DatePickerState };\n}[DatePickerResetActionTypes];\n\ntype MonthViewAction = {\n  [Type in MonthViewActionTypes]: { type: Type; payload: CalendarDateRequired };\n}[MonthViewActionTypes];\n\ntype MonthsGridViewAction = {\n  [Type in MonthsGridViewActionTypes]: { type: Type; payload: Pick<CalendarDateRequired, 'month'> };\n}[MonthsGridViewActionTypes];\n\ntype YearsGridViewAction = {\n  [Type in YearsGridViewActionTypes]: { type: Type; payload: Pick<CalendarDateRequired, 'year'> };\n}[YearsGridViewActionTypes];\n\ntype DatePickerReducerAction =\n  | DatePickerResetAction\n  | DatePickerViewAction\n  | MonthViewAction\n  | MonthsGridViewAction\n  | YearsGridViewAction;\n\n// A reducer is a plain old function you write that takes the current state,\n// and the action to be processed, and returns the state as it should be, based on that action occurring.\n// The reducer, not the sender,  determines how a given report (action) affects the state.\nconst datePickerReducer = (\n  state: DatePickerState,\n  action: DatePickerReducerAction\n): DatePickerState => {\n  // On mount, the reducer is initialized with initial state derived from the DatePicker's value.\n  // If that value is changed programmatically afterwards, the only way to push that update\n  // into the reducer is to define a \"reset\" action.\n  if (action.type === 'reset') {\n    return action.payload!;\n  }\n\n  switch (action.type) {\n    case 'monthView': {\n      return {\n        ...state,\n        currentView: 'monthView',\n        isViewFocused: false,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n    case 'monthsGridView': {\n      return {\n        ...state,\n        currentView: 'monthsGridView',\n        focusableMonth: state.focusableDate.month,\n        isViewFocused: false,\n        isNextNavigationButtonHidden: true,\n        isPreviousNavigationButtonHidden: true,\n        isTodayNavigationButtonHidden: true\n      };\n    }\n    case 'yearsGridView': {\n      return {\n        ...state,\n        currentView: 'yearsGridView',\n        focusableYear: state.focusableDate.year,\n        isViewFocused: false,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: true\n      };\n    }\n    case 'viewFocus': {\n      return state.isViewFocused ? state : { ...state, isViewFocused: true };\n    }\n    case 'viewBlur': {\n      return state.isViewFocused ? { ...state, isViewFocused: false } : state;\n    }\n    case 'daySelected': {\n      return { ...state, isViewFocused: true, focusableDate: action.payload };\n    }\n    case 'goToToday': {\n      // User clicked on the 'Today' icon, which means they want to navigate to show the month of Today\n      // payload is Today's date. We also set the focus to Today.\n      return { ...state, isViewFocused: true, focusableDate: action.payload };\n    }\n    case 'previousDay': {\n      const previousDay = addToCalendarDate(action.payload, { days: -1 });\n      return { ...state, isViewFocused: true, focusableDate: previousDay };\n    }\n    case 'nextDay': {\n      const nextDay = addToCalendarDate(action.payload, { days: 1 });\n      return { ...state, isViewFocused: true, focusableDate: nextDay };\n    }\n    case 'previousWeek': {\n      const previousDay = addToCalendarDate(action.payload, { days: -7 });\n      return { ...state, isViewFocused: true, focusableDate: previousDay };\n    }\n    case 'nextWeek': {\n      const nextDay = addToCalendarDate(action.payload, { days: 7 });\n      return { ...state, isViewFocused: true, focusableDate: nextDay };\n    }\n    case 'previousMonth':\n    case 'previousMonthAndFocus': {\n      // PageUp moves focus to the previous month.\n      // We also get here if the DatePicker while in month view header's Previous navigation button is pressed.\n      const prevMonth = addToCalendarDate(action.payload, { months: -1 });\n      return {\n        ...state,\n        isViewFocused: action.type === 'previousMonthAndFocus',\n        focusableDate: prevMonth\n      };\n    }\n    case 'nextMonth':\n    case 'nextMonthAndFocus': {\n      // Shift PageDown moves focus to the next month. TODO: Confirm this works on a Windows machine.\n      // Shift Fn Arrow Down works on my Mac.\n      // We also get here if the DatePicker while in month view header's Next navigation button is pressed.\n      const nextMonth = addToCalendarDate(action.payload, { months: 1 });\n      return {\n        ...state,\n        isViewFocused: action.type === 'nextMonthAndFocus',\n        focusableDate: nextMonth\n      };\n    }\n    case 'previousYear': {\n      // Shift Page Up moves focus to the previous year. TODO: Confirm this works on a Windows machine.\n      const previousYear = addToCalendarDate(action.payload, { years: -1 });\n      return { ...state, isViewFocused: true, focusableDate: previousYear };\n    }\n    case 'nextYear': {\n      const nextYear = addToCalendarDate(action.payload, { years: 1 });\n      return { ...state, isViewFocused: true, focusableDate: nextYear };\n    }\n    case 'firstDayOfMonth': {\n      // Home moves focus to the first day of the month (Fn+LeftArrow on a mouse.)\n      const currentDate = action.payload;\n      const firstDayOfMonthDate = {\n        year: currentDate.year,\n        month: currentDate.month,\n        day: 1\n      } as CalendarDateRequired;\n      return { ...state, isViewFocused: true, focusableDate: firstDayOfMonthDate };\n    }\n    case 'lastDayOfMonth': {\n      // End moves focus to the last day of the month\n      const currentDate = action.payload;\n      const lastDay = getDaysInMonth(currentDate.month, currentDate.year);\n      const lastDayOfMonthDate = {\n        year: currentDate.year,\n        month: currentDate.month,\n        day: lastDay\n      } as CalendarDateRequired;\n      return { ...state, isViewFocused: true, focusableDate: lastDayOfMonthDate };\n    }\n\n    case 'previousMonthInGridView': {\n      const previousMonth = addToMonth(action.payload.month, -1);\n      return { ...state, focusableMonth: previousMonth, isViewFocused: true };\n    }\n    case 'previousMonthRowInGridView': {\n      const previousMonth = addToMonth(action.payload.month, -4);\n      return { ...state, focusableMonth: previousMonth, isViewFocused: true };\n    }\n    case 'nextMonthInGridView': {\n      const nextMonth = addToMonth(action.payload.month, 1);\n      return { ...state, focusableMonth: nextMonth, isViewFocused: true };\n    }\n    case 'nextMonthRowInGridView': {\n      const nextMonth = addToMonth(action.payload.month, 4);\n      return { ...state, focusableMonth: nextMonth, isViewFocused: true };\n    }\n    case 'monthSelected': {\n      const monthSteps = action.payload.month - state.focusableDate.month;\n      const goToDate = addToCalendarDate(state.focusableDate, { months: monthSteps });\n      return {\n        ...state,\n        currentView: 'monthView',\n        focusableDate: goToDate,\n        isViewFocused: true,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n\n    case 'previousYearInGridView': {\n      const previousYear = addToYear(action.payload.year, -1);\n      return { ...state, focusableYear: previousYear, isViewFocused: true };\n    }\n    case 'previousYearRowInGridView': {\n      const previousYear = addToYear(action.payload.year, -4);\n      return { ...state, focusableYear: previousYear, isViewFocused: true };\n    }\n    case 'previousDecade':\n    case 'previousDecadeAndFocus': {\n      const previousYear = addToYear(action.payload.year, -10);\n      return {\n        ...state,\n        focusableYear: previousYear,\n        isViewFocused: action.type === 'previousDecadeAndFocus'\n      };\n    }\n    case 'nextYearInGridView': {\n      const nextYear = addToYear(action.payload.year, 1);\n      return { ...state, focusableYear: nextYear, isViewFocused: true };\n    }\n    case 'nextYearRowInGridView': {\n      const nextYear = addToYear(action.payload.year, 4);\n      return { ...state, focusableYear: nextYear, isViewFocused: true };\n    }\n    case 'nextDecade':\n    case 'nextDecadeAndFocus': {\n      const nextYear = addToYear(action.payload.year, 10);\n      return {\n        ...state,\n        focusableYear: nextYear,\n        isViewFocused: action.type === 'nextDecadeAndFocus'\n      };\n    }\n    case 'yearSelected': {\n      const yearSteps = action.payload.year - state.focusableDate.year;\n      const goToDate = addToCalendarDate(state.focusableDate, { years: yearSteps });\n      return {\n        ...state,\n        currentView: 'monthView',\n        focusableDate: goToDate,\n        isViewFocused: true,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n    default:\n      return state;\n  }\n};\n\ntype Props = {\n  /**\n   * This becomes the state's focusableDate.\n   */\n  initialFocusableDate: CalendarDateRequired;\n};\n\n/**\n * useDatePickerState takes an object with the initialFocusableDate and\n * determines the initial state; i.e., focusableDate and focusedDate. It returns the state\n * and actions a user can take on the DatePicker that will update the state. The actions are functions\n * that call dispatch with the type and payload.\n * @param param0\n * @returns\n */\nconst useDatePickerState = ({ initialFocusableDate }: Props) => {\n  // Create the initial state to pass to our reducer.\n  const initialState: DatePickerState = {\n    currentView: 'monthView',\n    focusableDate: initialFocusableDate,\n    focusableMonth: initialFocusableDate.month,\n    focusableYear: initialFocusableDate.year,\n    isViewFocused: false,\n    isNextNavigationButtonHidden: false,\n    isPreviousNavigationButtonHidden: false,\n    isTodayNavigationButtonHidden: false\n  };\n\n  const [state, dispatch] = useReducer(datePickerReducer, initialState);\n\n  // initialFocusableDate is the controlled value passed from the parent.\n  const lastValueFromParentRef = useRef<CalendarDateRequired>(initialFocusableDate);\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current focusableDate of the reducer, then this is a programmatic update\n  // and we need to call 'reset' to update the reducer state. Otherwise, the only\n  // time the reducer state is updated from the value is on mount.\n  if (compareDates(lastValueFromParentRef.current, initialFocusableDate) !== 0) {\n    lastValueFromParentRef.current = initialFocusableDate;\n    if (compareDates(initialFocusableDate, state.focusableDate) !== 0) {\n      dispatch({ type: 'reset', payload: initialState });\n    }\n  }\n\n  // Using an action creator like this is nice because now each time we want to add an action,\n  // we don't have to remember the action constant to use or how the payload should be structured. (from the redux doc)\n\n  // memoize the actions object since we pass this around to our components.\n  const actions = useMemo(() => {\n    const actionsObject: {\n      [Type in\n        | DatePickerViewActionTypes\n        | MonthViewActionTypes\n        | MonthsGridViewActionTypes\n        | YearsGridViewActionTypes]: (\n        payload: Extract<DatePickerReducerAction, { type: Type }>['payload']\n      ) => void;\n    } = {} as any;\n\n    datePickerViewActionTypes.forEach((type) => {\n      actionsObject[type] = () => dispatch({ type });\n    });\n\n    monthViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: MonthViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    monthsGridViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: MonthsGridViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    yearsGridViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: YearsGridViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    return actionsObject;\n  }, [dispatch]);\n\n  return { state, actions };\n};\n\nexport { useDatePickerState };\nexport type {\n  DatePickerState,\n  DatePickerStateAction,\n  DatePickerViewActionTypes,\n  MonthViewActionTypes,\n  MonthsGridViewActionTypes,\n  YearsGridViewActionTypes\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { MonthView } from '#PRIVATE_MonthView';\nimport type { MonthsGridView, YearsGridView } from '#PRIVATE_MonthYearGridView';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport {\n  constrainCalendarDate,\n  getCalendarDateToday,\n  isCalendarDateBefore,\n  type CalendarDateRequired\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { ComponentProps, useCallback, useMemo } from 'preact/compat';\nimport { useDatePickerState } from './useDatePickerState';\n\n/**\n * A map that specifies the selection of the header toggle button based on the\n * view we are in.\n */\nconst headerToggleSelection = {\n  monthView: 'none',\n  monthsGridView: 'month',\n  yearsGridView: 'year'\n} as const;\n\ntype MonthViewProps = ComponentProps<typeof MonthView>;\ntype MonthsGridViewProps = ComponentProps<typeof MonthsGridView>;\ntype YearsGridViewProps = ComponentProps<typeof YearsGridView>;\n\ntype UseDatePickerProps = {\n  isReadonly?: boolean;\n  max?: CalendarDateRequired;\n  min?: CalendarDateRequired;\n  todayTimeZone?: Intl.DateTimeFormatOptions['timeZone'];\n  value?: CalendarDateRequired;\n  onCommit: (detail: ValueUpdateDetail<CalendarDateRequired>) => void;\n};\n\n/**\n * A custom hook that adds functionality to the DatePicker component.\n */\nexport const useDatePicker = ({\n  isReadonly,\n  max,\n  min,\n  todayTimeZone,\n  value,\n  onCommit\n}: UseDatePickerProps) => {\n  // Check for errors first\n  if (min && max && isCalendarDateBefore(max, min)) {\n    throw new Error('DatePicker: min must be equal or less than max.');\n  }\n\n  const todaysDate = getCalendarDateToday(todayTimeZone);\n\n  // We need to make sure that this initialFocusableDate is within the min/max range.\n  // When there is no min or max set, we draw the month of the value if value is set, otherwise we draw today's month.\n  // If the initialFocusableDate is not within the min/max range, then we constrain the calendar date by changing the month to draw\n  // so that the initialFocusableDate is the min date if the initialFocusableDate is < min or the max month if the initialFocusableDate is > max.\n  const initialFocusableDate = useMemo(\n    () => constrainCalendarDate(value ?? todaysDate, min, max),\n    [value, todaysDate, min, max]\n  );\n\n  const { state, actions } = useDatePickerState({ initialFocusableDate });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const accessibleLabels = {\n    next: translations.datePicker_next(),\n    previous: translations.datePicker_prev(),\n    goToToday: translations.datePicker_goToToday(),\n    today: translations.datePicker_today()\n  };\n\n  const handlers = {\n    /**\n     * Handler for DatePickerHeader.onMonthToggle.\n     * This is used for toggling between the MonthView and\n     * MonthsGridView.\n     */\n    handleMonthToggle: useCallback(() => {\n      if (state.currentView !== 'monthsGridView') {\n        actions.monthsGridView(undefined);\n      } else {\n        actions.monthView(undefined);\n      }\n    }, [actions, state.currentView]),\n\n    /**\n     * Handler for DatePickerHeader.onYearToggle.\n     * This is used for toggling between the MonthView and\n     * YearsGridView.\n     */\n    handleYearToggle: useCallback(() => {\n      if (state.currentView !== 'yearsGridView') {\n        actions.yearsGridView(undefined);\n      } else {\n        actions.monthView(undefined);\n      }\n    }, [actions, state.currentView]),\n\n    /**\n     * Handler for DatePickerHeader.onTodayNavigation.\n     * This is used for navigating to today in the MonthView.\n     */\n    handleTodayNavigation: useCallback(() => {\n      actions.goToToday(todaysDate);\n    }, [actions, todaysDate]),\n\n    /**\n     * Handler for DatePickerHeader.onPreviousNavigation.\n     * This is used for navigating to the previous month in MonthView\n     * and previous decade in YearsGridView.\n     */\n    handlePreviousNavigation: useCallback(() => {\n      if (state.currentView === 'monthView') {\n        return actions.previousMonth(state.focusableDate);\n      }\n\n      if (state.currentView === 'yearsGridView') {\n        return actions.previousDecade({ year: state.focusableYear });\n      }\n    }, [actions, state.currentView, state.focusableDate, state.focusableYear]),\n\n    /**\n     * Handler for DatePickerHeader.onNextNavigation.\n     * This is used for navigating to the next month in MonthView\n     * and next decade in YearsGridView.\n     */\n    handleNextNavigation: useCallback(() => {\n      if (state.currentView === 'monthView') {\n        return actions.nextMonth(state.focusableDate);\n      }\n\n      if (state.currentView === 'yearsGridView') {\n        return actions.nextDecade({ year: state.focusableYear });\n      }\n    }, [actions, state.currentView, state.focusableDate, state.focusableYear]),\n\n    /**\n     * Handler for MonthView.onAction.\n     * This is used for selecting a date in MonthView.\n     */\n    handleMonthViewAction: useCallback<MonthViewProps['onAction']>(\n      (payload) => {\n        if (payload.date === undefined || isReadonly) return;\n        actions.daySelected(payload.date);\n        // We purposely send onCommit even if the value is the same.\n        // The InputDatePicker closes the datepicker when the user commits,\n        // even if it is the already selected date.\n        onCommit?.({ previousValue: value, value: payload.date });\n      },\n      [actions, isReadonly, onCommit, value]\n    ),\n\n    /**\n     * Handler for MonthView.onNavigation.\n     * This is used for navigating in the MonthView like moving around the\n     * dates in the month and going to the prev/next month/year.\n     */\n    handleMonthViewNavigation: useCallback<MonthViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'previousMonth':\n            return actions.previousMonthAndFocus(detail.date);\n          case 'nextMonth':\n            return actions.nextMonthAndFocus(detail.date);\n          case 'today':\n            return actions.goToToday(todaysDate);\n          default:\n            return actions[detail.direction](detail.date);\n        }\n      },\n      [actions, todaysDate]\n    ),\n\n    /**\n     * Handler for MonthsGridView.onAction.\n     * This is used for selecting a month in MonthsGridView and navigating to\n     * the selected month in MonthView.\n     */\n    handleMonthsGridViewAction: useCallback<MonthsGridViewProps['onAction']>(\n      (detail) => {\n        actions.monthSelected(detail);\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for MonthsGridView.onNavigation.\n     * This is used for navigating through the MonthsGridView.\n     */\n    handleMonthsGridViewNavigation: useCallback<MonthsGridViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'down':\n            return actions.nextMonthRowInGridView({ month: detail.month });\n          case 'next':\n            return actions.nextMonthInGridView({ month: detail.month });\n          case 'previous':\n            return actions.previousMonthInGridView({ month: detail.month });\n          case 'up':\n            return actions.previousMonthRowInGridView({ month: detail.month });\n        }\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for YearsGridView.onAction.\n     * This is used for selecting a year in YearsGridView and navigating to\n     * the selected year in MonthView.\n     */\n    handleYearsGridViewAction: useCallback<YearsGridViewProps['onAction']>(\n      (detail) => {\n        actions.yearSelected(detail);\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for YearsGridView.onNavigation.\n     * This is used for navigating through the YearsGridView.\n     */\n    handleYearsGridViewNavigation: useCallback<YearsGridViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'down':\n            return actions.nextYearRowInGridView({ year: detail.year });\n          case 'next':\n            return actions.nextYearInGridView({ year: detail.year });\n          case 'nextDecade':\n            return actions.nextDecadeAndFocus({ year: detail.year });\n          case 'previous':\n            return actions.previousYearInGridView({ year: detail.year });\n          case 'previousDecade':\n            return actions.previousDecadeAndFocus({ year: detail.year });\n          case 'up':\n            return actions.previousYearRowInGridView({ year: detail.year });\n        }\n      },\n      [actions]\n    )\n  };\n\n  const { focusProps } = useFocusWithin({\n    // keep the state in sync with the actual focus state\n    onBlurWithin: useCallback(() => actions.viewBlur(undefined), [actions]),\n    onFocusWithin: useCallback(() => actions.viewFocus(undefined), [actions])\n  });\n\n  return {\n    accessibleLabels,\n    actions,\n    handlers,\n    state,\n    todaysDate,\n    toggleSelection: headerToggleSelection[state.currentView],\n    viewContainerProps: { ...focusProps }\n  };\n};\n","import { Flex } from '#UNSAFE_Flex';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Button } from '#UNSAFE_Button';\nimport { ComponentProps } from 'preact/compat';\n\ntype ButtonOnAction = NonNullable<ComponentProps<typeof Button>['onAction']>;\n\ntype Props = TestIdProps & {\n  /**\n   * Accessible label for the today navigation button that is in the footer of the DatePicker\n   * in small screens.\n   *\n   * Use this property to provide a screen reader aria-label for the\n   * footer today navigation button.\n   */\n  todayNavigationAriaLabel: string;\n\n  /**\n   * Label for the today navigation button that is in the footer of the DatePicker in small screens.\n   * Use this property to provide a label for the footer today navigation button.\n   */\n  todayNavigationLabel: string;\n\n  /**\n   * A callback function to be called when the today button is clicked. Only\n   * applicable when `isTodayNavigationButtonHidden` is set to `false`.\n   */\n  onTodayNavigationAction?: ButtonOnAction;\n};\n\n/**\n * A Today button. The DatePicker puts this in its footer on small screens.\n * When a user presses the button, the DatePicker navigates to Today and sets focus on Today.\n */\nexport const TodayButton = ({\n  onTodayNavigationAction,\n  testId,\n  todayNavigationAriaLabel,\n  todayNavigationLabel\n}: Props) => {\n  return (\n    <Flex direction=\"column\">\n      <Button\n        testId={testId}\n        label={todayNavigationLabel}\n        aria-label={todayNavigationAriaLabel}\n        size=\"sm\"\n        onAction={onTodayNavigationAction}\n      />\n    </Flex>\n  );\n};\n","import { DatePickerHeader } from '#PRIVATE_DatePickerHeader';\nimport { MonthView } from '#PRIVATE_MonthView';\nimport { MonthsGridView, YearsGridView } from '#PRIVATE_MonthYearGridView';\nimport { Flex } from '#UNSAFE_Flex';\nimport { useTestId, type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { type CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { useDatePicker } from './useDatePicker';\nimport { useBreakpointValues } from '#hooks/UNSAFE_useBreakpointValues';\nimport { TodayButton } from './TodayButton';\nimport { datePickerPropVars } from './themes/DatePickerContract.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { DatePickerRedwoodTheme } from './themes/redwood/DatePickerTheme';\nimport { Size } from '#utils/UNSAFE_size';\n\nexport type DayFormatOptions = {\n  state: 'enabled' | 'disabled' | 'restricted';\n};\n\ntype Props = TestIdProps & {\n  /**\n   * A function that receives a date and returns an object specifying how to format the provided date.\n   * This function is called for each date that is rendered and this can be used to control how individual\n   * dates are rendered - disabled, restricted, or enabled.\n   * @param date The date to format\n   * @returns The format options\n   */\n  dayFormatter?: (date: CalendarDateRequired) => DayFormatOptions;\n\n  /**\n   * The daysOutsideMonth property affects the day cells that are outside of the current month.\n   * If set to 'hidden', then the days outside of the current month will be hidden.\n   * If set to 'selectable', then the days outside of the current month will be visible and selectable.\n   * This defaults to 'hidden'.\n   */\n  daysOutsideMonth?: 'hidden' | 'selectable';\n\n  /**\n   * When property is set to \"auto\", the date picker will automatically adjust to the height of the rows of weeks.\n   * This is mainly to be used in conjunction with InputDatePicker.\n   * <p>If not specified, defaults to the theme specified height.<br/>\n   */\n  height?: 'auto';\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * The monthAndYearPicker property can be used to specify whether or not the DatePicker should show the\n   * Months Grid View and Years Grid View.\n   */\n  monthAndYearPicker?: 'on' | 'off';\n\n  /**\n   * The maximum selectable date. The max must be equal or greater than the min if they are both specified or an error is thrown.\n   */\n  max?: CalendarDateRequired;\n\n  /**\n   * Specifies the component style maxWidth.\n   * <p>If not specified, defaults to the theme specified maxWidth.<br/>\n   * This attribute accepts values of type:<br/>\n   * 0 | `${number}${CssUnits}` | `${number}x` | `--${string}` | `var($string})` | `${number}%`</p>\n   * <p>When this component is used in composition and the component should take up 100% of the parent container's\n   * width, set maxWidth to '100%'.<br/>\n   * Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n   * set the maxWidth property to the same value.</p>\n   */\n  maxWidth?: Size;\n\n  /**\n   * The minimum selectable date. The min must be equal or less than the max if they are both specified or an error is thrown.\n   */\n  min?: CalendarDateRequired;\n\n  /**\n   * The todayTimeZone property is used to compute what the highlighted today cell is for the DatePicker.\n   * This defaults to the user's system timezone.\n   * <p>\n   * The only reason an application would set the todayTimeZone property is if they want the\n   * highlighted today cell to be in a different timezone than the user's system's timezone,\n   * like if the user has a preferred timezone that is not where they are physically working.\n   * </p>\n   */\n  todayTimeZone?: Intl.DateTimeFormatOptions['timeZone'];\n\n  /**\n   * Specifies how to render the 'Go to today' button.\n   * <ul>\n   * <li>'visible' - set this property to 'visible' to show the 'Go to today' button.</li>\n   * <li>'hidden' - set this property to 'hidden' to hide the 'Go to today' button.</li>\n   * </ul>\n   */\n  todayButton?: 'visible' | 'hidden';\n\n  /**\n   * The value of the DatePicker. The value property is the date that looks selected in the DatePicker.\n   * If the value is undefined, no day will look selected.\n   * <p>\n   * The DatePicker initially opens to the selected date if there is one and it is within the min/max range.\n   * If there is no value, the DatePicker initially opens to today's month.\n   * </p>\n   */\n  value?: CalendarDateRequired;\n\n  /**\n   * Specifies the component style width.\n   * <p>If not specified, defaults to '100%'.</p>\n   * <p>This attribute accepts values of type:</p>\n   * <p>0 | `${number}${CssUnits}` | `${number}x` | `--${string}`  | `var($string})` | `${number}%`</p>\n   * <br/>\n   * <p>Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n   * set the maxWidth property to the same value.</p>\n   */\n  width?: Size;\n\n  /**\n   * Callback invoked when the user selects a date in the DatePicker. This callback is called even when the previous\n   * value and the value are the same, that is, when the user selects an already selected date.\n   * The app needs to handle this to write back the controlled 'value' property, or else no date will be shown\n   * to be selected.\n   * If the app is using a DatePicker to control another component, like as a way to navigate an Event Calendar,\n   * then they would listen to the onCommit to get the value of the selected date.\n   */\n  onCommit: (detail: ValueUpdateDetail<CalendarDateRequired>) => void;\n\n  /**\n   * Whether week of the year will be shown in the DatePicker. The default calculation follows the\n   * rule for ISO 8601 as follows: The first week of the year is defined as the week that contains \n   * the first Thursday. Therefore, if January 1st falls on a Friday, it is considered part of the last week \n   * of the previous year. Conversely, if December 31st falls on a Wednesday, it is part of week 1 of the following year.\n   */\n  weekDisplay?: 'none' | 'number';\n};\n\n/**\n * A DatePicker is a calendar interface that allows users to select a single date.\n */\nexport const DatePicker = ({\n  dayFormatter,\n  daysOutsideMonth,\n  height,\n  isReadonly = false,\n  monthAndYearPicker = 'on',\n  max,\n  maxWidth,\n  min,\n  value,\n  testId,\n  todayTimeZone,\n  todayButton = 'visible',\n  weekDisplay = 'none',\n  width,\n  onCommit\n}: Props) => {\n  const { accessibleLabels, handlers, state, todaysDate, toggleSelection, viewContainerProps } =\n    useDatePicker({\n      isReadonly,\n      max,\n      min,\n      todayTimeZone,\n      value,\n      onCommit\n    });\n  const { month, year } = state.focusableDate;\n  const isMonthYearPickerEnabled = monthAndYearPicker === 'on' && !isReadonly;\n  // When the screen is < 360px, we hide the DatePickerHeader's today button and show a Today button\n  // on the bottom of the DatePicker instead.\n  // NOTE: I cannot use xs, sm here since useBreakpointValues's types do not allow it.\n  const shouldShowTodayFooterButton = useBreakpointValues(\n    {\n      sm: true,\n      md: false\n    },\n    { sm: '0px', md: '360px' }\n  );\n\n  const showTodayFooterButton =\n    !state.isTodayNavigationButtonHidden &&\n    shouldShowTodayFooterButton &&\n    todayButton === 'visible';\n\n  // we need to render the baseTheme on the root dom element so that the CSS vars in datePickerPropVars will be defined.\n  const { classes } = useComponentTheme(DatePickerRedwoodTheme);\n\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div class={classes} {...testIdProps}>\n      <Flex\n        direction=\"column\"\n        gap={\n          state.currentView === 'monthView'\n            ? datePickerPropVars.calendarGridRowGap\n            : datePickerPropVars.monthYearGridRowGap\n        }\n        height={\n          height === 'auto'\n            ? undefined\n            : showTodayFooterButton\n            ? datePickerPropVars.todayFooterButtonHeight\n            : datePickerPropVars.height\n        }\n        maxWidth={maxWidth !== undefined ? maxWidth : datePickerPropVars.maxWidth}\n        width={width !== undefined ? width : datePickerPropVars.width}>\n        <DatePickerHeader\n          testId={testId ? testId + '_header' : undefined}\n          month={month}\n          year={year}\n          isPreviousNavigationButtonHidden={state.isPreviousNavigationButtonHidden}\n          isTodayNavigationButtonHidden={\n            todayButton === 'hidden' ||\n            state.isTodayNavigationButtonHidden ||\n            shouldShowTodayFooterButton\n          }\n          isNextNavigationButtonHidden={state.isNextNavigationButtonHidden}\n          monthYearHeader={isMonthYearPickerEnabled ? 'independentButtons' : 'text'}\n          toggleSelection={isMonthYearPickerEnabled ? toggleSelection : undefined}\n          previousNavigationAccessibleLabel={accessibleLabels.previous}\n          todayNavigationAccessibleLabel={accessibleLabels.goToToday}\n          nextNavigationAccessibleLabel={accessibleLabels.next}\n          onTodayNavigationAction={handlers.handleTodayNavigation}\n          onPreviousNavigationAction={handlers.handlePreviousNavigation}\n          onNextNavigationAction={handlers.handleNextNavigation}\n          onMonthToggle={isMonthYearPickerEnabled ? handlers.handleMonthToggle : undefined}\n          onYearToggle={isMonthYearPickerEnabled ? handlers.handleYearToggle : undefined}\n        />\n        <div {...viewContainerProps}>\n          {state.currentView === 'monthView' && (\n            <MonthView\n              dayFormatter={dayFormatter}\n              daysOutsideMonth={daysOutsideMonth}\n              isReadonly={isReadonly}\n              max={max}\n              min={min}\n              selectedDate={value}\n              focusableDate={state.focusableDate}\n              isFocused={state.isViewFocused}\n              testId={testId ? testId + '_monthView' : undefined}\n              todaysDate={todaysDate}\n              onNavigation={handlers.handleMonthViewNavigation}\n              onAction={handlers.handleMonthViewAction}\n              weekDisplay={weekDisplay}\n            />\n          )}\n          {state.currentView === 'monthsGridView' && (\n            <MonthsGridView\n              currentMonth={todaysDate.month}\n              focusableMonth={state.focusableMonth}\n              isFocused={state.isViewFocused}\n              selectedMonth={month}\n              testId={testId ? testId + '_monthsGridView' : undefined}\n              onAction={handlers.handleMonthsGridViewAction}\n              onNavigation={handlers.handleMonthsGridViewNavigation}\n            />\n          )}\n          {state.currentView === 'yearsGridView' && (\n            <YearsGridView\n              currentYear={todaysDate.year}\n              focusableYear={state.focusableYear}\n              isFocused={state.isViewFocused}\n              selectedYear={year}\n              testId={testId ? testId + '_yearsGridView' : undefined}\n              onAction={handlers.handleYearsGridViewAction}\n              onNavigation={handlers.handleYearsGridViewNavigation}\n            />\n          )}\n        </div>\n        {showTodayFooterButton && (\n          <div>\n            <TodayButton\n              testId={testId ? testId + '_footerTodayButton' : undefined}\n              todayNavigationLabel={accessibleLabels.today}\n              todayNavigationAriaLabel={accessibleLabels.goToToday}\n              onTodayNavigationAction={handlers.handleTodayNavigation}\n            />\n          </div>\n        )}\n      </Flex>\n    </div>\n  );\n};\n"],"names":["datePickerViewActionTypes","monthViewActionTypes","monthsGridViewActionTypes","yearsGridViewActionTypes","datePickerReducer","state","action","type","payload","currentView","isViewFocused","isNextNavigationButtonHidden","isPreviousNavigationButtonHidden","isTodayNavigationButtonHidden","focusableMonth","focusableDate","month","focusableYear","year","previousDay","addToCalendarDate","days","nextDay","prevMonth","months","nextMonth","previousYear","years","nextYear","currentDate","firstDayOfMonthDate","day","lastDay","getDaysInMonth","lastDayOfMonthDate","previousMonth","addToMonth","monthSteps","goToDate","addToYear","yearSteps","headerToggleSelection","monthView","monthsGridView","yearsGridView","useDatePicker","isReadonly","max","min","todayTimeZone","value","onCommit","isCalendarDateBefore","Error","todaysDate","getCalendarDateToday","initialFocusableDate","useMemo","constrainCalendarDate","actions","initialState","dispatch","useReducer","lastValueFromParentRef","useRef","compareDates","current","actionsObject","forEach","useDatePickerState","translations","useTranslationBundle","accessibleLabels","next","datePicker_next","previous","datePicker_prev","goToToday","datePicker_goToToday","today","datePicker_today","handlers","handleMonthToggle","useCallback","undefined","handleYearToggle","handleTodayNavigation","handlePreviousNavigation","previousDecade","handleNextNavigation","nextDecade","handleMonthViewAction","date","daySelected","previousValue","handleMonthViewNavigation","detail","direction","previousMonthAndFocus","nextMonthAndFocus","handleMonthsGridViewAction","monthSelected","handleMonthsGridViewNavigation","nextMonthRowInGridView","nextMonthInGridView","previousMonthInGridView","previousMonthRowInGridView","handleYearsGridViewAction","yearSelected","handleYearsGridViewNavigation","nextYearRowInGridView","nextYearInGridView","nextDecadeAndFocus","previousYearInGridView","previousDecadeAndFocus","previousYearRowInGridView","focusProps","useFocusWithin","onBlurWithin","viewBlur","onFocusWithin","viewFocus","toggleSelection","viewContainerProps","TodayButton","onTodayNavigationAction","testId","todayNavigationAriaLabel","todayNavigationLabel","_jsx","jsx","Flex","children","Button","label","size","onAction","dayFormatter","daysOutsideMonth","height","monthAndYearPicker","maxWidth","todayButton","weekDisplay","width","isMonthYearPickerEnabled","shouldShowTodayFooterButton","useBreakpointValues","sm","md","showTodayFooterButton","classes","useComponentTheme","DatePickerRedwoodTheme","testIdProps","useTestId","class","_jsxs","jsxs","gap","datePickerPropVars","calendarGridRowGap","monthYearGridRowGap","todayFooterButtonHeight","DatePickerHeader","monthYearHeader","previousNavigationAccessibleLabel","todayNavigationAccessibleLabel","nextNavigationAccessibleLabel","onPreviousNavigationAction","onNextNavigationAction","onMonthToggle","onYearToggle","MonthView","selectedDate","isFocused","onNavigation","MonthsGridView","currentMonth","selectedMonth","YearsGridView","currentYear","selectedYear"],"mappings":"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"}
+{"version":3,"file":"DatePicker-2c94a3bb.js","sources":["../../src/UNSAFE_DatePicker/useDatePickerState.ts","../../src/UNSAFE_DatePicker/useDatePicker.ts","../../src/UNSAFE_DatePicker/TodayButton.tsx","../../src/UNSAFE_DatePicker/DatePicker.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport {\n  addToCalendarDate,\n  addToMonth,\n  addToYear,\n  compareDates,\n  getDaysInMonth\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { useMemo, useReducer, useRef } from 'preact/compat';\n\n// This is the type of the state that is returned from the useDatePickerState reducer.\n// This is a single state that will handle the different views of the DatePicker, the\n// MonthView, the MonthGridView, and the YearGridView. Initially we have implemented\n// the state for the MonthView.\ntype DatePickerState = {\n  /**\n   * Specifies the current view the DatePicker is showing.\n   */\n  currentView: 'monthView' | 'monthsGridView' | 'yearsGridView';\n\n  /**\n   * The focusableDate is the one day in the MonthView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders\n   * with Today as the focusableDate. The focusableDate doesn't have focus until the user tabs in\n   * to the Month View.\n   * When the user navigates the days with the arrow keys,\n   * the focusableDate changes along with the focusedDate, and they will be the same date.\n   * This is a 'roving' index.\n   * The focusableDate is never undefined.\n   * <p>\n   * If the user keyboards to the next month (Fn+Down Arrow on a Mac),\n   * then the focusableDate and the focusedDate of the next month\n   * is the same day number, or as close as possible to stay in the same month. For example,\n   * if the focusedDate and focusableDate is April 2, 2024, the focusedDate and focusableDate for the next month is May 2, 2024.\n   * If the focusedDate and focusableDate is February 28, 2024, the focusedDate and focusableDate for the next month is March 28, 2024.\n   * If the focusedDate and focusableDate is January 31, 2024, the focusedDate and focusableDate for the next month is February 29, 2024 (2024 is a leap year).\n   * </p>\n   * <p>\n   * If the user clicks the Next Month button in the DatePicker's header, then\n   * there is no date that has focus, so the focusedDate is undefined.\n   * The focusableDate will be set.\n   * For example,\n   * if the focusableDate is April 2, 2024, the focusableDate for the next month is May 2, 2024.\n   * If the focusableDate is February 28, 2024, the focusableDate for the next month is March 28, 2024.\n   * If the focusableDate is January 31, 2024, the focusableDate for the next month is February 29, 2024 (2024 is a leap year).\n   *\n   * </p>\n   */\n  focusableDate: CalendarDateRequired;\n\n  /**\n   * The focusableMonth is the one month in the MonthsGridView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders with Today's month as the\n   * focusableMonth. The focusableMonth doesn't have focus until the user tabs in\n   * to the Months Grid View.\n   *\n   * When the user navigates the month with the arrow keys, the focusableMonth changes\n   * along with the focusedMonth, and they will be the same date. This is a 'roving' index.\n   *\n   * The focusableMonth is never undefined.\n   */\n  focusableMonth: CalendarDateRequired['month'];\n\n  /**\n   * The focusableYear is the one month in the YearsGridView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders with Today's month as the\n   * focusableYear. The focusableYear doesn't have focus until the user tabs in\n   * to the Months Grid View.\n   *\n   * When the user navigates the month with the arrow keys, the focusableYear changes\n   * along with the focusedYear, and they will be the same date. This is a 'roving' index.\n   *\n   * The focusableYear is never undefined.\n   */\n  focusableYear: CalendarDateRequired['year'];\n\n  /**\n   * A boolean to indicate if the focus is in the view.\n   */\n  isViewFocused: boolean;\n\n  /**\n   * Specifies whether to hide the previous navigation button is hidden from the header.\n   */\n  isPreviousNavigationButtonHidden: boolean;\n\n  /**\n   * Specifies whether to hide the today navigation button is hidden from the header.\n   */\n  isTodayNavigationButtonHidden: boolean;\n\n  /**\n   * Specifies whether to hide the next navigation button is hidden from the header.\n   */\n  isNextNavigationButtonHidden: boolean;\n};\n\nconst datePickerResetActionTypes = ['reset'] as const;\n\nconst datePickerViewActionTypes = [\n  'monthView',\n  'monthsGridView',\n  'yearsGridView',\n  'viewFocus',\n  'viewBlur'\n] as const;\n\nconst monthViewActionTypes = [\n  'daySelected',\n  'goToToday',\n  'previousDay',\n  'nextDay',\n  'previousWeek',\n  'nextWeek',\n  'previousMonth',\n  'previousMonthAndFocus',\n  'nextMonth',\n  'nextMonthAndFocus',\n  'previousYear',\n  'nextYear',\n  'firstDayOfMonth',\n  'lastDayOfMonth'\n] as const;\n\nconst monthsGridViewActionTypes = [\n  'previousMonthInGridView',\n  'nextMonthInGridView',\n  'previousMonthRowInGridView',\n  'nextMonthRowInGridView',\n  'monthSelected'\n] as const;\n\nconst yearsGridViewActionTypes = [\n  'previousYearInGridView',\n  'nextYearInGridView',\n  'previousYearRowInGridView',\n  'nextYearRowInGridView',\n  'previousDecade',\n  'previousDecadeAndFocus',\n  'nextDecade',\n  'nextDecadeAndFocus',\n  'yearSelected'\n] as const;\n\ntype DatePickerViewActionTypes = (typeof datePickerViewActionTypes)[number];\ntype DatePickerResetActionTypes = (typeof datePickerResetActionTypes)[number];\ntype MonthViewActionTypes = (typeof monthViewActionTypes)[number];\ntype MonthsGridViewActionTypes = (typeof monthsGridViewActionTypes)[number];\ntype YearsGridViewActionTypes = (typeof yearsGridViewActionTypes)[number];\n\n// This is the type of the actions that the hook returns.\ntype DatePickerStateAction = ReturnType<typeof useDatePickerState>['actions'];\n\n// Type for the action of the datePickerReducer.\ntype DatePickerViewAction = {\n  [Type in DatePickerViewActionTypes]: { type: Type; payload?: undefined };\n}[DatePickerViewActionTypes];\n\ntype DatePickerResetAction = {\n  [Type in DatePickerResetActionTypes]: { type: Type; payload: DatePickerState };\n}[DatePickerResetActionTypes];\n\ntype MonthViewAction = {\n  [Type in MonthViewActionTypes]: { type: Type; payload: CalendarDateRequired };\n}[MonthViewActionTypes];\n\ntype MonthsGridViewAction = {\n  [Type in MonthsGridViewActionTypes]: { type: Type; payload: Pick<CalendarDateRequired, 'month'> };\n}[MonthsGridViewActionTypes];\n\ntype YearsGridViewAction = {\n  [Type in YearsGridViewActionTypes]: { type: Type; payload: Pick<CalendarDateRequired, 'year'> };\n}[YearsGridViewActionTypes];\n\ntype DatePickerReducerAction =\n  | DatePickerResetAction\n  | DatePickerViewAction\n  | MonthViewAction\n  | MonthsGridViewAction\n  | YearsGridViewAction;\n\n// A reducer is a plain old function you write that takes the current state,\n// and the action to be processed, and returns the state as it should be, based on that action occurring.\n// The reducer, not the sender,  determines how a given report (action) affects the state.\nconst datePickerReducer = (\n  state: DatePickerState,\n  action: DatePickerReducerAction\n): DatePickerState => {\n  // On mount, the reducer is initialized with initial state derived from the DatePicker's value.\n  // If that value is changed programmatically afterwards, the only way to push that update\n  // into the reducer is to define a \"reset\" action.\n  if (action.type === 'reset') {\n    return action.payload!;\n  }\n\n  switch (action.type) {\n    case 'monthView': {\n      return {\n        ...state,\n        currentView: 'monthView',\n        isViewFocused: false,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n    case 'monthsGridView': {\n      return {\n        ...state,\n        currentView: 'monthsGridView',\n        focusableMonth: state.focusableDate.month,\n        isViewFocused: false,\n        isNextNavigationButtonHidden: true,\n        isPreviousNavigationButtonHidden: true,\n        isTodayNavigationButtonHidden: true\n      };\n    }\n    case 'yearsGridView': {\n      return {\n        ...state,\n        currentView: 'yearsGridView',\n        focusableYear: state.focusableDate.year,\n        isViewFocused: false,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: true\n      };\n    }\n    case 'viewFocus': {\n      return state.isViewFocused ? state : { ...state, isViewFocused: true };\n    }\n    case 'viewBlur': {\n      return state.isViewFocused ? { ...state, isViewFocused: false } : state;\n    }\n    case 'daySelected': {\n      return { ...state, isViewFocused: true, focusableDate: action.payload };\n    }\n    case 'goToToday': {\n      // User clicked on the 'Today' icon, which means they want to navigate to show the month of Today\n      // payload is Today's date. We also set the focus to Today.\n      return { ...state, isViewFocused: true, focusableDate: action.payload };\n    }\n    case 'previousDay': {\n      const previousDay = addToCalendarDate(action.payload, { days: -1 });\n      return { ...state, isViewFocused: true, focusableDate: previousDay };\n    }\n    case 'nextDay': {\n      const nextDay = addToCalendarDate(action.payload, { days: 1 });\n      return { ...state, isViewFocused: true, focusableDate: nextDay };\n    }\n    case 'previousWeek': {\n      const previousDay = addToCalendarDate(action.payload, { days: -7 });\n      return { ...state, isViewFocused: true, focusableDate: previousDay };\n    }\n    case 'nextWeek': {\n      const nextDay = addToCalendarDate(action.payload, { days: 7 });\n      return { ...state, isViewFocused: true, focusableDate: nextDay };\n    }\n    case 'previousMonth':\n    case 'previousMonthAndFocus': {\n      // PageUp moves focus to the previous month.\n      // We also get here if the DatePicker while in month view header's Previous navigation button is pressed.\n      const prevMonth = addToCalendarDate(action.payload, { months: -1 });\n      return {\n        ...state,\n        isViewFocused: action.type === 'previousMonthAndFocus',\n        focusableDate: prevMonth\n      };\n    }\n    case 'nextMonth':\n    case 'nextMonthAndFocus': {\n      // Shift PageDown moves focus to the next month. TODO: Confirm this works on a Windows machine.\n      // Shift Fn Arrow Down works on my Mac.\n      // We also get here if the DatePicker while in month view header's Next navigation button is pressed.\n      const nextMonth = addToCalendarDate(action.payload, { months: 1 });\n      return {\n        ...state,\n        isViewFocused: action.type === 'nextMonthAndFocus',\n        focusableDate: nextMonth\n      };\n    }\n    case 'previousYear': {\n      // Shift Page Up moves focus to the previous year. TODO: Confirm this works on a Windows machine.\n      const previousYear = addToCalendarDate(action.payload, { years: -1 });\n      return { ...state, isViewFocused: true, focusableDate: previousYear };\n    }\n    case 'nextYear': {\n      const nextYear = addToCalendarDate(action.payload, { years: 1 });\n      return { ...state, isViewFocused: true, focusableDate: nextYear };\n    }\n    case 'firstDayOfMonth': {\n      // Home moves focus to the first day of the month (Fn+LeftArrow on a mouse.)\n      const currentDate = action.payload;\n      const firstDayOfMonthDate = {\n        year: currentDate.year,\n        month: currentDate.month,\n        day: 1\n      } as CalendarDateRequired;\n      return { ...state, isViewFocused: true, focusableDate: firstDayOfMonthDate };\n    }\n    case 'lastDayOfMonth': {\n      // End moves focus to the last day of the month\n      const currentDate = action.payload;\n      const lastDay = getDaysInMonth(currentDate.month, currentDate.year);\n      const lastDayOfMonthDate = {\n        year: currentDate.year,\n        month: currentDate.month,\n        day: lastDay\n      } as CalendarDateRequired;\n      return { ...state, isViewFocused: true, focusableDate: lastDayOfMonthDate };\n    }\n\n    case 'previousMonthInGridView': {\n      const previousMonth = addToMonth(action.payload.month, -1);\n      return { ...state, focusableMonth: previousMonth, isViewFocused: true };\n    }\n    case 'previousMonthRowInGridView': {\n      const previousMonth = addToMonth(action.payload.month, -4);\n      return { ...state, focusableMonth: previousMonth, isViewFocused: true };\n    }\n    case 'nextMonthInGridView': {\n      const nextMonth = addToMonth(action.payload.month, 1);\n      return { ...state, focusableMonth: nextMonth, isViewFocused: true };\n    }\n    case 'nextMonthRowInGridView': {\n      const nextMonth = addToMonth(action.payload.month, 4);\n      return { ...state, focusableMonth: nextMonth, isViewFocused: true };\n    }\n    case 'monthSelected': {\n      const monthSteps = action.payload.month - state.focusableDate.month;\n      const goToDate = addToCalendarDate(state.focusableDate, { months: monthSteps });\n      return {\n        ...state,\n        currentView: 'monthView',\n        focusableDate: goToDate,\n        isViewFocused: true,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n\n    case 'previousYearInGridView': {\n      const previousYear = addToYear(action.payload.year, -1);\n      return { ...state, focusableYear: previousYear, isViewFocused: true };\n    }\n    case 'previousYearRowInGridView': {\n      const previousYear = addToYear(action.payload.year, -4);\n      return { ...state, focusableYear: previousYear, isViewFocused: true };\n    }\n    case 'previousDecade':\n    case 'previousDecadeAndFocus': {\n      const previousYear = addToYear(action.payload.year, -10);\n      return {\n        ...state,\n        focusableYear: previousYear,\n        isViewFocused: action.type === 'previousDecadeAndFocus'\n      };\n    }\n    case 'nextYearInGridView': {\n      const nextYear = addToYear(action.payload.year, 1);\n      return { ...state, focusableYear: nextYear, isViewFocused: true };\n    }\n    case 'nextYearRowInGridView': {\n      const nextYear = addToYear(action.payload.year, 4);\n      return { ...state, focusableYear: nextYear, isViewFocused: true };\n    }\n    case 'nextDecade':\n    case 'nextDecadeAndFocus': {\n      const nextYear = addToYear(action.payload.year, 10);\n      return {\n        ...state,\n        focusableYear: nextYear,\n        isViewFocused: action.type === 'nextDecadeAndFocus'\n      };\n    }\n    case 'yearSelected': {\n      const yearSteps = action.payload.year - state.focusableDate.year;\n      const goToDate = addToCalendarDate(state.focusableDate, { years: yearSteps });\n      return {\n        ...state,\n        currentView: 'monthView',\n        focusableDate: goToDate,\n        isViewFocused: true,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n    default:\n      return state;\n  }\n};\n\ntype Props = {\n  /**\n   * This becomes the state's focusableDate.\n   */\n  initialFocusableDate: CalendarDateRequired;\n};\n\n/**\n * useDatePickerState takes an object with the initialFocusableDate and\n * determines the initial state; i.e., focusableDate and focusedDate. It returns the state\n * and actions a user can take on the DatePicker that will update the state. The actions are functions\n * that call dispatch with the type and payload.\n * @param param0\n * @returns\n */\nconst useDatePickerState = ({ initialFocusableDate }: Props) => {\n  // Create the initial state to pass to our reducer.\n  const initialState: DatePickerState = {\n    currentView: 'monthView',\n    focusableDate: initialFocusableDate,\n    focusableMonth: initialFocusableDate.month,\n    focusableYear: initialFocusableDate.year,\n    isViewFocused: false,\n    isNextNavigationButtonHidden: false,\n    isPreviousNavigationButtonHidden: false,\n    isTodayNavigationButtonHidden: false\n  };\n\n  const [state, dispatch] = useReducer(datePickerReducer, initialState);\n\n  // initialFocusableDate is the controlled value passed from the parent.\n  const lastValueFromParentRef = useRef<CalendarDateRequired>(initialFocusableDate);\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current focusableDate of the reducer, then this is a programmatic update\n  // and we need to call 'reset' to update the reducer state. Otherwise, the only\n  // time the reducer state is updated from the value is on mount.\n  if (compareDates(lastValueFromParentRef.current, initialFocusableDate) !== 0) {\n    lastValueFromParentRef.current = initialFocusableDate;\n    if (compareDates(initialFocusableDate, state.focusableDate) !== 0) {\n      dispatch({ type: 'reset', payload: initialState });\n    }\n  }\n\n  // Using an action creator like this is nice because now each time we want to add an action,\n  // we don't have to remember the action constant to use or how the payload should be structured. (from the redux doc)\n\n  // memoize the actions object since we pass this around to our components.\n  const actions = useMemo(() => {\n    const actionsObject: {\n      [Type in\n        | DatePickerViewActionTypes\n        | MonthViewActionTypes\n        | MonthsGridViewActionTypes\n        | YearsGridViewActionTypes]: (\n        payload: Extract<DatePickerReducerAction, { type: Type }>['payload']\n      ) => void;\n    } = {} as any;\n\n    datePickerViewActionTypes.forEach((type) => {\n      actionsObject[type] = () => dispatch({ type });\n    });\n\n    monthViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: MonthViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    monthsGridViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: MonthsGridViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    yearsGridViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: YearsGridViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    return actionsObject;\n  }, [dispatch]);\n\n  return { state, actions };\n};\n\nexport { useDatePickerState };\nexport type {\n  DatePickerState,\n  DatePickerStateAction,\n  DatePickerViewActionTypes,\n  MonthViewActionTypes,\n  MonthsGridViewActionTypes,\n  YearsGridViewActionTypes\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { MonthView } from '#PRIVATE_MonthView';\nimport type { MonthsGridView, YearsGridView } from '#PRIVATE_MonthYearGridView';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport {\n  constrainCalendarDate,\n  getCalendarDateToday,\n  isCalendarDateBefore,\n  type CalendarDateRequired\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { ComponentProps, useCallback, useMemo } from 'preact/compat';\nimport { useDatePickerState } from './useDatePickerState';\n\n/**\n * A map that specifies the selection of the header toggle button based on the\n * view we are in.\n */\nconst headerToggleSelection = {\n  monthView: 'none',\n  monthsGridView: 'month',\n  yearsGridView: 'year'\n} as const;\n\ntype MonthViewProps = ComponentProps<typeof MonthView>;\ntype MonthsGridViewProps = ComponentProps<typeof MonthsGridView>;\ntype YearsGridViewProps = ComponentProps<typeof YearsGridView>;\n\ntype UseDatePickerProps = {\n  isReadonly?: boolean;\n  max?: CalendarDateRequired;\n  min?: CalendarDateRequired;\n  todayTimeZone?: Intl.DateTimeFormatOptions['timeZone'];\n  value?: CalendarDateRequired;\n  onCommit: (detail: ValueUpdateDetail<CalendarDateRequired>) => void;\n};\n\n/**\n * A custom hook that adds functionality to the DatePicker component.\n */\nexport const useDatePicker = ({\n  isReadonly,\n  max,\n  min,\n  todayTimeZone,\n  value,\n  onCommit\n}: UseDatePickerProps) => {\n  // Check for errors first\n  if (min && max && isCalendarDateBefore(max, min)) {\n    throw new Error('DatePicker: min must be equal or less than max.');\n  }\n\n  const todaysDate = getCalendarDateToday(todayTimeZone);\n\n  // We need to make sure that this initialFocusableDate is within the min/max range.\n  // When there is no min or max set, we draw the month of the value if value is set, otherwise we draw today's month.\n  // If the initialFocusableDate is not within the min/max range, then we constrain the calendar date by changing the month to draw\n  // so that the initialFocusableDate is the min date if the initialFocusableDate is < min or the max month if the initialFocusableDate is > max.\n  const initialFocusableDate = useMemo(\n    () => constrainCalendarDate(value ?? todaysDate, min, max),\n    [value, todaysDate, min, max]\n  );\n\n  const { state, actions } = useDatePickerState({ initialFocusableDate });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const accessibleLabels = {\n    next: translations.datePicker_next(),\n    previous: translations.datePicker_prev(),\n    goToToday: translations.datePicker_goToToday(),\n    today: translations.datePicker_today()\n  };\n\n  const handlers = {\n    /**\n     * Handler for DatePickerHeader.onMonthToggle.\n     * This is used for toggling between the MonthView and\n     * MonthsGridView.\n     */\n    handleMonthToggle: useCallback(() => {\n      if (state.currentView !== 'monthsGridView') {\n        actions.monthsGridView(undefined);\n      } else {\n        actions.monthView(undefined);\n      }\n    }, [actions, state.currentView]),\n\n    /**\n     * Handler for DatePickerHeader.onYearToggle.\n     * This is used for toggling between the MonthView and\n     * YearsGridView.\n     */\n    handleYearToggle: useCallback(() => {\n      if (state.currentView !== 'yearsGridView') {\n        actions.yearsGridView(undefined);\n      } else {\n        actions.monthView(undefined);\n      }\n    }, [actions, state.currentView]),\n\n    /**\n     * Handler for DatePickerHeader.onTodayNavigation.\n     * This is used for navigating to today in the MonthView.\n     */\n    handleTodayNavigation: useCallback(() => {\n      actions.goToToday(todaysDate);\n    }, [actions, todaysDate]),\n\n    /**\n     * Handler for DatePickerHeader.onPreviousNavigation.\n     * This is used for navigating to the previous month in MonthView\n     * and previous decade in YearsGridView.\n     */\n    handlePreviousNavigation: useCallback(() => {\n      if (state.currentView === 'monthView') {\n        return actions.previousMonth(state.focusableDate);\n      }\n\n      if (state.currentView === 'yearsGridView') {\n        return actions.previousDecade({ year: state.focusableYear });\n      }\n    }, [actions, state.currentView, state.focusableDate, state.focusableYear]),\n\n    /**\n     * Handler for DatePickerHeader.onNextNavigation.\n     * This is used for navigating to the next month in MonthView\n     * and next decade in YearsGridView.\n     */\n    handleNextNavigation: useCallback(() => {\n      if (state.currentView === 'monthView') {\n        return actions.nextMonth(state.focusableDate);\n      }\n\n      if (state.currentView === 'yearsGridView') {\n        return actions.nextDecade({ year: state.focusableYear });\n      }\n    }, [actions, state.currentView, state.focusableDate, state.focusableYear]),\n\n    /**\n     * Handler for MonthView.onAction.\n     * This is used for selecting a date in MonthView.\n     */\n    handleMonthViewAction: useCallback<MonthViewProps['onAction']>(\n      (payload) => {\n        if (payload.date === undefined || isReadonly) return;\n        actions.daySelected(payload.date);\n        // We purposely send onCommit even if the value is the same.\n        // The InputDatePicker closes the datepicker when the user commits,\n        // even if it is the already selected date.\n        onCommit?.({ previousValue: value, value: payload.date });\n      },\n      [actions, isReadonly, onCommit, value]\n    ),\n\n    /**\n     * Handler for MonthView.onNavigation.\n     * This is used for navigating in the MonthView like moving around the\n     * dates in the month and going to the prev/next month/year.\n     */\n    handleMonthViewNavigation: useCallback<MonthViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'previousMonth':\n            return actions.previousMonthAndFocus(detail.date);\n          case 'nextMonth':\n            return actions.nextMonthAndFocus(detail.date);\n          case 'today':\n            return actions.goToToday(todaysDate);\n          default:\n            return actions[detail.direction](detail.date);\n        }\n      },\n      [actions, todaysDate]\n    ),\n\n    /**\n     * Handler for MonthsGridView.onAction.\n     * This is used for selecting a month in MonthsGridView and navigating to\n     * the selected month in MonthView.\n     */\n    handleMonthsGridViewAction: useCallback<MonthsGridViewProps['onAction']>(\n      (detail) => {\n        actions.monthSelected(detail);\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for MonthsGridView.onNavigation.\n     * This is used for navigating through the MonthsGridView.\n     */\n    handleMonthsGridViewNavigation: useCallback<MonthsGridViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'down':\n            return actions.nextMonthRowInGridView({ month: detail.month });\n          case 'next':\n            return actions.nextMonthInGridView({ month: detail.month });\n          case 'previous':\n            return actions.previousMonthInGridView({ month: detail.month });\n          case 'up':\n            return actions.previousMonthRowInGridView({ month: detail.month });\n        }\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for YearsGridView.onAction.\n     * This is used for selecting a year in YearsGridView and navigating to\n     * the selected year in MonthView.\n     */\n    handleYearsGridViewAction: useCallback<YearsGridViewProps['onAction']>(\n      (detail) => {\n        actions.yearSelected(detail);\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for YearsGridView.onNavigation.\n     * This is used for navigating through the YearsGridView.\n     */\n    handleYearsGridViewNavigation: useCallback<YearsGridViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'down':\n            return actions.nextYearRowInGridView({ year: detail.year });\n          case 'next':\n            return actions.nextYearInGridView({ year: detail.year });\n          case 'nextDecade':\n            return actions.nextDecadeAndFocus({ year: detail.year });\n          case 'previous':\n            return actions.previousYearInGridView({ year: detail.year });\n          case 'previousDecade':\n            return actions.previousDecadeAndFocus({ year: detail.year });\n          case 'up':\n            return actions.previousYearRowInGridView({ year: detail.year });\n        }\n      },\n      [actions]\n    )\n  };\n\n  const { focusProps } = useFocusWithin({\n    // keep the state in sync with the actual focus state\n    onBlurWithin: useCallback(() => actions.viewBlur(undefined), [actions]),\n    onFocusWithin: useCallback(() => actions.viewFocus(undefined), [actions])\n  });\n\n  return {\n    accessibleLabels,\n    actions,\n    handlers,\n    state,\n    todaysDate,\n    toggleSelection: headerToggleSelection[state.currentView],\n    viewContainerProps: { ...focusProps }\n  };\n};\n","import { Flex } from '#UNSAFE_Flex';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Button } from '#UNSAFE_Button';\nimport { ComponentProps } from 'preact/compat';\n\ntype ButtonOnAction = NonNullable<ComponentProps<typeof Button>['onAction']>;\n\ntype Props = TestIdProps & {\n  /**\n   * Accessible label for the today navigation button that is in the footer of the DatePicker\n   * in small screens.\n   *\n   * Use this property to provide a screen reader aria-label for the\n   * footer today navigation button.\n   */\n  todayNavigationAriaLabel: string;\n\n  /**\n   * Label for the today navigation button that is in the footer of the DatePicker in small screens.\n   * Use this property to provide a label for the footer today navigation button.\n   */\n  todayNavigationLabel: string;\n\n  /**\n   * A callback function to be called when the today button is clicked. Only\n   * applicable when `isTodayNavigationButtonHidden` is set to `false`.\n   */\n  onTodayNavigationAction?: ButtonOnAction;\n};\n\n/**\n * A Today button. The DatePicker puts this in its footer on small screens.\n * When a user presses the button, the DatePicker navigates to Today and sets focus on Today.\n */\nexport const TodayButton = ({\n  onTodayNavigationAction,\n  testId,\n  todayNavigationAriaLabel,\n  todayNavigationLabel\n}: Props) => {\n  return (\n    <Flex direction=\"column\">\n      <Button\n        testId={testId}\n        label={todayNavigationLabel}\n        aria-label={todayNavigationAriaLabel}\n        size=\"sm\"\n        onAction={onTodayNavigationAction}\n      />\n    </Flex>\n  );\n};\n","import { DatePickerHeader } from '#PRIVATE_DatePickerHeader';\nimport { MonthView } from '#PRIVATE_MonthView';\nimport { MonthsGridView, YearsGridView } from '#PRIVATE_MonthYearGridView';\nimport { Flex } from '#UNSAFE_Flex';\nimport { useTestId, type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { type CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { useDatePicker } from './useDatePicker';\nimport { useBreakpointValues } from '#hooks/UNSAFE_useBreakpointValues';\nimport { TodayButton } from './TodayButton';\nimport { datePickerPropVars } from './themes/DatePickerContract.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { DatePickerRedwoodTheme } from './themes/redwood/DatePickerTheme';\nimport { Size } from '#utils/UNSAFE_size';\n\nexport type DayFormatOptions = {\n  state: 'enabled' | 'disabled' | 'restricted';\n};\n\ntype Props = TestIdProps & {\n  /**\n   * A function that receives a date and returns an object specifying how to format the provided date.\n   * This function is called for each date that is rendered and this can be used to control how individual\n   * dates are rendered - disabled, restricted, or enabled.\n   * @param date The date to format\n   * @returns The format options\n   */\n  dayFormatter?: (date: CalendarDateRequired) => DayFormatOptions;\n\n  /**\n   * The daysOutsideMonth property affects the day cells that are outside of the current month.\n   * If set to 'hidden', then the days outside of the current month will be hidden.\n   * If set to 'selectable', then the days outside of the current month will be visible and selectable.\n   * This defaults to 'hidden'.\n   */\n  daysOutsideMonth?: 'hidden' | 'selectable';\n\n  /**\n   * When property is set to \"auto\", the date picker will automatically adjust to the height of the rows of weeks.\n   * This is mainly to be used in conjunction with InputDatePicker.\n   * <p>If not specified, defaults to the theme specified height.<br/>\n   */\n  height?: 'auto';\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * The monthAndYearPicker property can be used to specify whether or not the DatePicker should show the\n   * Months Grid View and Years Grid View.\n   */\n  monthAndYearPicker?: 'on' | 'off';\n\n  /**\n   * The maximum selectable date. The max must be equal or greater than the min if they are both specified or an error is thrown.\n   */\n  max?: CalendarDateRequired;\n\n  /**\n   * Specifies the component style maxWidth.\n   * <p>If not specified, defaults to the theme specified maxWidth.<br/>\n   * This attribute accepts values of type:<br/>\n   * 0 | `${number}${CssUnits}` | `${number}x` | `--${string}` | `var($string})` | `${number}%`</p>\n   * <p>When this component is used in composition and the component should take up 100% of the parent container's\n   * width, set maxWidth to '100%'.<br/>\n   * Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n   * set the maxWidth property to the same value.</p>\n   */\n  maxWidth?: Size;\n\n  /**\n   * The minimum selectable date. The min must be equal or less than the max if they are both specified or an error is thrown.\n   */\n  min?: CalendarDateRequired;\n\n  /**\n   * The todayTimeZone property is used to compute what the highlighted today cell is for the DatePicker.\n   * This defaults to the user's system timezone.\n   * <p>\n   * The only reason an application would set the todayTimeZone property is if they want the\n   * highlighted today cell to be in a different timezone than the user's system's timezone,\n   * like if the user has a preferred timezone that is not where they are physically working.\n   * </p>\n   */\n  todayTimeZone?: Intl.DateTimeFormatOptions['timeZone'];\n\n  /**\n   * Specifies how to render the 'Go to today' button.\n   * <ul>\n   * <li>'visible' - set this property to 'visible' to show the 'Go to today' button.</li>\n   * <li>'hidden' - set this property to 'hidden' to hide the 'Go to today' button.</li>\n   * </ul>\n   */\n  todayButton?: 'visible' | 'hidden';\n\n  /**\n   * The value of the DatePicker. The value property is the date that looks selected in the DatePicker.\n   * If the value is undefined, no day will look selected.\n   * <p>\n   * The DatePicker initially opens to the selected date if there is one and it is within the min/max range.\n   * If there is no value, the DatePicker initially opens to today's month.\n   * </p>\n   */\n  value?: CalendarDateRequired;\n\n  /**\n   * Specifies the component style width.\n   * <p>If not specified, defaults to '100%'.</p>\n   * <p>This attribute accepts values of type:</p>\n   * <p>0 | `${number}${CssUnits}` | `${number}x` | `--${string}`  | `var($string})` | `${number}%`</p>\n   * <br/>\n   * <p>Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n   * set the maxWidth property to the same value.</p>\n   */\n  width?: Size;\n\n  /**\n   * Callback invoked when the user selects a date in the DatePicker. This callback is called even when the previous\n   * value and the value are the same, that is, when the user selects an already selected date.\n   * The app needs to handle this to write back the controlled 'value' property, or else no date will be shown\n   * to be selected.\n   * If the app is using a DatePicker to control another component, like as a way to navigate an Event Calendar,\n   * then they would listen to the onCommit to get the value of the selected date.\n   */\n  onCommit: (detail: ValueUpdateDetail<CalendarDateRequired>) => void;\n\n  /**\n   * Whether week of the year will be shown in the DatePicker. The default calculation follows the\n   * rule for ISO 8601 as follows: The first week of the year is defined as the week that contains \n   * the first Thursday. Therefore, if January 1st falls on a Friday, it is considered part of the last week \n   * of the previous year. Conversely, if December 31st falls on a Wednesday, it is part of week 1 of the following year.\n   */\n  weekDisplay?: 'none' | 'number';\n};\n\n/**\n * A DatePicker is a calendar interface that allows users to select a single date.\n */\nexport const DatePicker = ({\n  dayFormatter,\n  daysOutsideMonth,\n  height,\n  isReadonly = false,\n  monthAndYearPicker = 'on',\n  max,\n  maxWidth,\n  min,\n  value,\n  testId,\n  todayTimeZone,\n  todayButton = 'visible',\n  weekDisplay = 'none',\n  width,\n  onCommit\n}: Props) => {\n  const { accessibleLabels, handlers, state, todaysDate, toggleSelection, viewContainerProps } =\n    useDatePicker({\n      isReadonly,\n      max,\n      min,\n      todayTimeZone,\n      value,\n      onCommit\n    });\n  const { month, year } = state.focusableDate;\n  const isMonthYearPickerEnabled = monthAndYearPicker === 'on' && !isReadonly;\n  // When the screen is < 360px, we hide the DatePickerHeader's today button and show a Today button\n  // on the bottom of the DatePicker instead.\n  // NOTE: I cannot use xs, sm here since useBreakpointValues's types do not allow it.\n  const shouldShowTodayFooterButton = useBreakpointValues(\n    {\n      sm: true,\n      md: false\n    },\n    { sm: '0px', md: '360px' }\n  );\n\n  const showTodayFooterButton =\n    !state.isTodayNavigationButtonHidden &&\n    shouldShowTodayFooterButton &&\n    todayButton === 'visible';\n\n  // we need to render the baseTheme on the root dom element so that the CSS vars in datePickerPropVars will be defined.\n  const { classes } = useComponentTheme(DatePickerRedwoodTheme);\n\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div class={classes} {...testIdProps}>\n      <Flex\n        direction=\"column\"\n        gap={\n          state.currentView === 'monthView'\n            ? datePickerPropVars.calendarGridRowGap\n            : datePickerPropVars.monthYearGridRowGap\n        }\n        height={\n          height === 'auto'\n            ? undefined\n            : showTodayFooterButton\n            ? datePickerPropVars.todayFooterButtonHeight\n            : datePickerPropVars.height\n        }\n        maxWidth={maxWidth !== undefined ? maxWidth : datePickerPropVars.maxWidth}\n        width={width !== undefined ? width : datePickerPropVars.width}>\n        <DatePickerHeader\n          testId={testId ? testId + '_header' : undefined}\n          month={month}\n          year={year}\n          isPreviousNavigationButtonHidden={state.isPreviousNavigationButtonHidden}\n          isTodayNavigationButtonHidden={\n            todayButton === 'hidden' ||\n            state.isTodayNavigationButtonHidden ||\n            shouldShowTodayFooterButton\n          }\n          isNextNavigationButtonHidden={state.isNextNavigationButtonHidden}\n          monthYearHeader={isMonthYearPickerEnabled ? 'independentButtons' : 'text'}\n          toggleSelection={isMonthYearPickerEnabled ? toggleSelection : undefined}\n          previousNavigationAccessibleLabel={accessibleLabels.previous}\n          todayNavigationAccessibleLabel={accessibleLabels.goToToday}\n          nextNavigationAccessibleLabel={accessibleLabels.next}\n          onTodayNavigationAction={handlers.handleTodayNavigation}\n          onPreviousNavigationAction={handlers.handlePreviousNavigation}\n          onNextNavigationAction={handlers.handleNextNavigation}\n          onMonthToggle={isMonthYearPickerEnabled ? handlers.handleMonthToggle : undefined}\n          onYearToggle={isMonthYearPickerEnabled ? handlers.handleYearToggle : undefined}\n        />\n        <div {...viewContainerProps}>\n          {state.currentView === 'monthView' && (\n            <MonthView\n              dayFormatter={dayFormatter}\n              daysOutsideMonth={daysOutsideMonth}\n              isReadonly={isReadonly}\n              max={max}\n              min={min}\n              selectedDate={value}\n              focusableDate={state.focusableDate}\n              isFocused={state.isViewFocused}\n              testId={testId ? testId + '_monthView' : undefined}\n              todaysDate={todaysDate}\n              onNavigation={handlers.handleMonthViewNavigation}\n              onAction={handlers.handleMonthViewAction}\n              weekDisplay={weekDisplay}\n            />\n          )}\n          {state.currentView === 'monthsGridView' && (\n            <MonthsGridView\n              currentMonth={todaysDate.month}\n              focusableMonth={state.focusableMonth}\n              isFocused={state.isViewFocused}\n              selectedMonth={month}\n              testId={testId ? testId + '_monthsGridView' : undefined}\n              onAction={handlers.handleMonthsGridViewAction}\n              onNavigation={handlers.handleMonthsGridViewNavigation}\n            />\n          )}\n          {state.currentView === 'yearsGridView' && (\n            <YearsGridView\n              currentYear={todaysDate.year}\n              focusableYear={state.focusableYear}\n              isFocused={state.isViewFocused}\n              selectedYear={year}\n              testId={testId ? testId + '_yearsGridView' : undefined}\n              onAction={handlers.handleYearsGridViewAction}\n              onNavigation={handlers.handleYearsGridViewNavigation}\n            />\n          )}\n        </div>\n        {showTodayFooterButton && (\n          <div>\n            <TodayButton\n              testId={testId ? testId + '_footerTodayButton' : undefined}\n              todayNavigationLabel={accessibleLabels.today}\n              todayNavigationAriaLabel={accessibleLabels.goToToday}\n              onTodayNavigationAction={handlers.handleTodayNavigation}\n            />\n          </div>\n        )}\n      </Flex>\n    </div>\n  );\n};\n"],"names":["datePickerViewActionTypes","monthViewActionTypes","monthsGridViewActionTypes","yearsGridViewActionTypes","datePickerReducer","state","action","type","payload","currentView","isViewFocused","isNextNavigationButtonHidden","isPreviousNavigationButtonHidden","isTodayNavigationButtonHidden","focusableMonth","focusableDate","month","focusableYear","year","previousDay","addToCalendarDate","days","nextDay","prevMonth","months","nextMonth","previousYear","years","nextYear","currentDate","firstDayOfMonthDate","day","lastDay","getDaysInMonth","lastDayOfMonthDate","previousMonth","addToMonth","monthSteps","goToDate","addToYear","yearSteps","headerToggleSelection","monthView","monthsGridView","yearsGridView","useDatePicker","isReadonly","max","min","todayTimeZone","value","onCommit","isCalendarDateBefore","Error","todaysDate","getCalendarDateToday","initialFocusableDate","useMemo","constrainCalendarDate","actions","initialState","dispatch","useReducer","lastValueFromParentRef","useRef","compareDates","current","actionsObject","forEach","useDatePickerState","translations","useTranslationBundle","accessibleLabels","next","datePicker_next","previous","datePicker_prev","goToToday","datePicker_goToToday","today","datePicker_today","handlers","handleMonthToggle","useCallback","undefined","handleYearToggle","handleTodayNavigation","handlePreviousNavigation","previousDecade","handleNextNavigation","nextDecade","handleMonthViewAction","date","daySelected","previousValue","handleMonthViewNavigation","detail","direction","previousMonthAndFocus","nextMonthAndFocus","handleMonthsGridViewAction","monthSelected","handleMonthsGridViewNavigation","nextMonthRowInGridView","nextMonthInGridView","previousMonthInGridView","previousMonthRowInGridView","handleYearsGridViewAction","yearSelected","handleYearsGridViewNavigation","nextYearRowInGridView","nextYearInGridView","nextDecadeAndFocus","previousYearInGridView","previousDecadeAndFocus","previousYearRowInGridView","focusProps","useFocusWithin","onBlurWithin","viewBlur","onFocusWithin","viewFocus","toggleSelection","viewContainerProps","TodayButton","onTodayNavigationAction","testId","todayNavigationAriaLabel","todayNavigationLabel","_jsx","jsx","Flex","children","Button","label","size","onAction","dayFormatter","daysOutsideMonth","height","monthAndYearPicker","maxWidth","todayButton","weekDisplay","width","isMonthYearPickerEnabled","shouldShowTodayFooterButton","useBreakpointValues","sm","md","showTodayFooterButton","classes","useComponentTheme","DatePickerRedwoodTheme","testIdProps","useTestId","class","_jsxs","jsxs","gap","datePickerPropVars","calendarGridRowGap","monthYearGridRowGap","todayFooterButtonHeight","DatePickerHeader","monthYearHeader","previousNavigationAccessibleLabel","todayNavigationAccessibleLabel","nextNavigationAccessibleLabel","onPreviousNavigationAction","onNextNavigationAction","onMonthToggle","onYearToggle","MonthView","selectedDate","isFocused","onNavigation","MonthsGridView","currentMonth","selectedMonth","YearsGridView","currentYear","selectedYear"],"mappings":"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"}

package/amd/DatePickerHeader-f21e020d.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Flex-3421f0df', './IconButton-ae9a01ce', './CaretDown-80d7b5cf', './Icon-2d38c876', './ChevronRight-fa7a624c', './Text-cd61a065', './ToggleButton-ae9e0754', './View-bd5c7fa7', './useUser-3ef25571', './getFormatParse-c1655d39', './logger-0f873e29', './calendarDateUtils-1783eb17', './maskUtils-33317129', 'preact/compat', './PRIVATE_DatePickerHeader/themes/DatePickerHeaderStyles.css'], (function(e,t,n,o,a,i,s,r,l,c,d,g,x,h,v,j,u){"use strict";const m=e=>t.jsx(i.Icon,{viewBox:"0 0 24 24",...e,children:t.jsx("g",{fill:"none",children:t.jsx("path",{d:"M6 15s6.043-6 6-6c-.043 0 6 6 6 6H6z",fill:"currentcolor"})})}),b=e=>t.jsx(i.Icon,{viewBox:"0 0 24 24",...e,children:t.jsxs("g",{fill:"none",children:[t.jsx("path",{d:"M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z",fill:"currentcolor"}),t.jsx("path",{d:"M18 12a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-1.5 0a4.5 4.5 0 1 0-9 0 4.5 4.5 0 0 0 9 0z",fill:"currentcolor"})]})});e.DatePickerHeader=({isPreviousNavigationButtonHidden:e=!1,isTodayNavigationButtonHidden:i=!1,isNextNavigationButtonHidden:g=!1,month:x,monthToggleAccessibleLabel:f,monthYearHeader:B="independentButtons",nextNavigationAccessibleLabel:S,previousNavigationAccessibleLabel:T,testId:I,todayNavigationAccessibleLabel:N,toggleSelection:y="none",year:A,yearToggleAccessibleLabel:p,onMonthToggle:z,onNextNavigationAction:w,onPreviousNavigationAction:C,onTodayNavigationAction:F,onYearToggle:H})=>{const{locale:L,direction:M}=d.useUser(),D=j.useMemo((()=>h.getLongFormattedYearMonth(L,A,x)),[L,x,A]),{monthStr:P,yearStr:Y}=j.useMemo((()=>({monthStr:v.getMonthName(L,x,A,"short"),yearStr:h.getNumericFormattedYear(L,A,x)})),[L,x,A]);return t.jsxs(n.Flex,{align:"center",justify:"between",testId:I,children:[t.jsxs(n.Flex,{children:["independentButtons"===B&&t.jsx(t.Fragment,{children:t.jsxs("div",{class:u.styles.monthYearButtonContainer,children:[t.jsx(l.ToggleButton,{"aria-label":f,label:P,endIcon:"month"===y?t.jsx(m,{}):t.jsx(a.SvgCaretDown,{}),isSelected:"month"===y,onToggle:z,size:"sm",variant:"borderless"}),t.jsx(l.ToggleButton,{"aria-label":p,label:Y,endIcon:"year"===y?t.jsx(m,{}):t.jsx(a.SvgCaretDown,{}),isSelected:"year"===y,onToggle:H,size:"sm",variant:"borderless"})]})}),"text"===B&&t.jsx(c.View,{paddingInlineStart:"3x",children:t.jsx(r.Text,{size:"md",weight:"semiBold",children:D})})]}),t.jsxs(n.Flex,{children:[!e&&t.jsx(o.IconButton,{"aria-label":T,size:"sm",variant:"borderless",onAction:C,children:"ltr"===M?t.jsx(s.SvgChevronLeft,{}):t.jsx(s.SvgChevronRight,{})}),!i&&t.jsx(o.IconButton,{"aria-label":N,size:"sm",variant:"borderless",onAction:F,children:t.jsx(b,{})}),!g&&t.jsx(o.IconButton,{"aria-label":S,size:"sm",variant:"borderless",onAction:w,children:"ltr"===M?t.jsx(s.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{})})]})]})}}));
+define(['exports', 'preact/jsx-runtime', './Flex-56ecdf4c', './IconButton-ae9a01ce', './CaretDown-80d7b5cf', './Icon-2d38c876', './ChevronRight-fa7a624c', './Text-cd61a065', './ToggleButton-ae9e0754', './View-ce970ed7', './useUser-85c781ea', './getFormatParse-c1655d39', './logger-0f873e29', './calendarDateUtils-1783eb17', './maskUtils-33317129', 'preact/compat', './PRIVATE_DatePickerHeader/themes/DatePickerHeaderStyles.css'], (function(e,t,n,o,a,i,s,r,l,c,d,g,x,h,v,j,u){"use strict";const m=e=>t.jsx(i.Icon,{viewBox:"0 0 24 24",...e,children:t.jsx("g",{fill:"none",children:t.jsx("path",{d:"M6 15s6.043-6 6-6c-.043 0 6 6 6 6H6z",fill:"currentcolor"})})}),b=e=>t.jsx(i.Icon,{viewBox:"0 0 24 24",...e,children:t.jsxs("g",{fill:"none",children:[t.jsx("path",{d:"M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z",fill:"currentcolor"}),t.jsx("path",{d:"M18 12a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-1.5 0a4.5 4.5 0 1 0-9 0 4.5 4.5 0 0 0 9 0z",fill:"currentcolor"})]})});e.DatePickerHeader=({isPreviousNavigationButtonHidden:e=!1,isTodayNavigationButtonHidden:i=!1,isNextNavigationButtonHidden:g=!1,month:x,monthToggleAccessibleLabel:B,monthYearHeader:S="independentButtons",nextNavigationAccessibleLabel:f,previousNavigationAccessibleLabel:T,testId:I,todayNavigationAccessibleLabel:N,toggleSelection:y="none",year:A,yearToggleAccessibleLabel:p,onMonthToggle:z,onNextNavigationAction:w,onPreviousNavigationAction:C,onTodayNavigationAction:F,onYearToggle:H})=>{const{locale:L,direction:M}=d.useUser(),D=j.useMemo((()=>h.getLongFormattedYearMonth(L,A,x)),[L,x,A]),{monthStr:P,yearStr:Y}=j.useMemo((()=>({monthStr:v.getMonthName(L,x,A,"short"),yearStr:h.getNumericFormattedYear(L,A,x)})),[L,x,A]);return t.jsxs(n.Flex,{align:"center",justify:"between",testId:I,children:[t.jsxs(n.Flex,{children:["independentButtons"===S&&t.jsx(t.Fragment,{children:t.jsxs("div",{class:u.styles.monthYearButtonContainer,children:[t.jsx(l.ToggleButton,{"aria-label":B,label:P,endIcon:"month"===y?t.jsx(m,{}):t.jsx(a.SvgCaretDown,{}),isSelected:"month"===y,onToggle:z,size:"sm",variant:"borderless"}),t.jsx(l.ToggleButton,{"aria-label":p,label:Y,endIcon:"year"===y?t.jsx(m,{}):t.jsx(a.SvgCaretDown,{}),isSelected:"year"===y,onToggle:H,size:"sm",variant:"borderless"})]})}),"text"===S&&t.jsx(c.View,{paddingInlineStart:"3x",children:t.jsx(r.Text,{size:"md",weight:"semiBold",children:D})})]}),t.jsxs(n.Flex,{children:[!e&&t.jsx(o.IconButton,{"aria-label":T,size:"sm",variant:"borderless",onAction:C,children:"ltr"===M?t.jsx(s.SvgChevronLeft,{}):t.jsx(s.SvgChevronRight,{})}),!i&&t.jsx(o.IconButton,{"aria-label":N,size:"sm",variant:"borderless",onAction:F,children:t.jsx(b,{})}),!g&&t.jsx(o.IconButton,{"aria-label":f,size:"sm",variant:"borderless",onAction:w,children:"ltr"===M?t.jsx(s.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{})})]})]})}}));
 //# sourceMappingURL=DatePickerHeader-f21e020d.js.map