@oracle/oraclejet-preact 20.1.4 → 20.1.5

package/amd/ComponentMessageContainer-04fb3402.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-4b81b412', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './logger-00b673c5', 'preact', './useTestId-f4240cbd', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-d855e8f2', 'css!./IconStyle.styles.css', './IconButton-be3bd92a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-33f8965e', './useComponentTheme-db55de25', './classNames-08d99695', './clientHints-6d361eaa', './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,n,o,i,r,d,l,c,m,g,p,y,h,u,M,T,b,f,C,v,S,A,x,I,U,N,w){"use strict";function B({detail:e,fieldLabel:t,severity:a="error",testId:n}){const{classes:o}=C.useComponentTheme(U.ComponentMessageRedwoodTheme,{severity:a??"none"}),{baseTheme:i}=C.useComponentTheme(N.UserAssistanceRedwoodTheme),r=v.classNames([o,i]),d=l.useTestId(n);return s.jsxs("div",{class:r,..."ios"===S.getClientHints().platform&&"safari"===S.getClientHints().browser?{"aria-live":"assertive"}:{role:"alert"},"aria-atomic":"true",...d,children:[t&&s.jsx(I.HiddenAccessible,{children:t}),f.isSeverityIconNeeded(a)&&s.jsx(f.MessageStartIcon,{severity:a,testId:n?`${n}-icon`:void 0,variant:"inline"}),s.jsx(f.MessageSummary,{testId:n?`${n}-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 n=l.useTestId(a);return s.jsx("div",{class:w.componentMessageContainerBase,...n,children:s.jsx(f.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-71f83c12', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './logger-00b673c5', 'preact', './useTestId-6160e7a2', './LayerHost-1a734852', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2f3b01e4', 'css!./IconStyle.styles.css', './IconButton-be3bd92a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-33f8965e', './useComponentTheme-db55de25', './classNames-08d99695', './clientHints-6d361eaa', './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,n,o,i,r,d,l,c,m,g,p,y,h,u,M,T,f,C,v,b,S,A,x,I,U,N,w){"use strict";function B({detail:e,fieldLabel:t,severity:a="error",testId:n}){const{classes:o}=v.useComponentTheme(U.ComponentMessageRedwoodTheme,{severity:a??"none"}),{baseTheme:i}=v.useComponentTheme(N.UserAssistanceRedwoodTheme),r=b.classNames([o,i]),d=l.useTestId(n);return s.jsxs("div",{class:r,..."ios"===S.getClientHints().platform&&"safari"===S.getClientHints().browser?{"aria-live":"assertive"}:{role:"alert"},"aria-atomic":"true",...d,children:[t&&s.jsx(I.HiddenAccessible,{children:t}),C.isSeverityIconNeeded(a)&&s.jsx(C.MessageStartIcon,{severity:a,testId:n?`${n}-icon`:void 0,variant:"inline"}),s.jsx(C.MessageSummary,{testId:n?`${n}-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 n=l.useTestId(a);return s.jsx("div",{class:w.componentMessageContainerBase,...n,children:s.jsx(C.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)})})}}));
 //# sourceMappingURL=ComponentMessageContainer-04fb3402.js.map

package/amd/ConveyorBelt-1d6d2d8a.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './BaseButton-d0f59de5', './ButtonLabelLayout-c93ed2fa', './ChevronLeft-4e44bf74', './ChevronRight-1bb05901', './ChevronUp-d5004d53', './ChevronDown-f8f4db0b', './classNames-08d99695', './UNSAFE_ConveyorBelt/themes/ConveyorBeltStyles.css', './useUser-08901aba', './clientHints-6d361eaa', './ConveyorBeltContext-d8653090', './ConveyorBeltFocusContext-7d718341', './useTestId-f4240cbd', 'preact/compat', './useComponentTheme-db55de25', './UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltTheme'], (function(e,t,r,o,n,s,i,c,l,u,f,h,a,d,m,v,g,b,C){"use strict";function p(){return"phone"===a.getClientHints().deviceRenderMode}function x(e){return"fixed"===getComputedStyle(e).position?null:e.offsetParent}function W(e,t){let r=x(e),o=e.offsetLeft;for(;r&&r!==t&&r!==document.body;)o+=r.offsetLeft,r=x(r);return o}function y(e,t){let r=x(e),o=e.offsetTop;for(;r!==t;)null!=r&&(o+=r.offsetTop,r=x(r));return o}const T=g.forwardRef((({children:e,scrollPosition:a,onScrollPositionChanged:x,arrowVisibility:T="auto",orientation:B="horizontal",testId:R},H=null)=>{const[I,E]=r.useState(!1),[w,j]=r.useState(!1),S=r.useRef(null),L=r.useRef(null),z=r.useRef(null),N=r.useRef(null),k=r.useRef(null),A=r.useRef(null),F=r.useRef(null),V=r.useRef(null),U=r.useRef(null),[$,P]=r.useState(p()&&"auto"===T||"hidden"===T),{direction:D}=h.useUser(),{itemElementsRef:M,addItem:O}=((e,t,o,n,s)=>{const i=r.useRef(),c=r.useRef([]),[l]=r.useState([]),u=r.useCallback((e=>{null!==c.current&&(c.current.push(e),l.push(e))}),[l]);r.useEffect((()=>{if(l&&l.length>0&&t){const r="horizontal"===e?"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:t,rootMargin:r,threshold:1});for(const e of l)null!=e&&i.current.observe(e.element)}return()=>{for(const e of l)i.current&&null!=e&&i.current.unobserve(e.element)}}),[l,l.length,t,n,o,s,e]);const f=e=>{const t=c.current.map(((t,r)=>{const o=e.find((e=>e.target===t.element));return o?{element:o.target,isVisible:o.isIntersecting,index:r}:t}));c.current=t};return r.useMemo((()=>({itemElementsRef:c,addItem:u})),[c,u])})(B,S.current??void 0,N.current??void 0,z.current??void 0,D),[q,_]=r.useState(),[G,J]=r.useState(!1),K=r.useRef(null);g.useImperativeHandle(H,(()=>({scrollElementIntoView:e=>{ie(e)},scrollPrevious:()=>{ue()},scrollNext:()=>{fe()}})));const Q=v.useTestId(R),X="leftArrow"+R,Y="rightArrow"+R,{variantClasses:Z}=b.useComponentTheme(C.ConveyorBeltRedwoodTheme,{orientation:B}),{variantClasses:ee}=b.useComponentTheme(C.ConveyorBeltRedwoodTheme,{content:B}),{variantClasses:te}=b.useComponentTheme(C.ConveyorBeltRedwoodTheme,{pagination:I&&w?"both":I?"next":w?"previous":"none",direction:D,orientation:B,overflow:B,arrowVisibility:!0===$?"hidden":"visible"}),{classes:re}=b.useComponentTheme(C.ConveyorBeltRedwoodTheme,{nextButton:B,direction:D}),{classes:oe}=b.useComponentTheme(C.ConveyorBeltRedwoodTheme,{previousButton:B,direction:D}),ne=r.useCallback((()=>{const e=L.current?Array.from(L.current.querySelectorAll("[data-oj-conveyorbelt-item]")):[];if(e){let t=-1;M.current=[];for(const r of e){t++;r&&O({element:r,isVisible:!1,index:t})}}}),[L,M,O]);r.useEffect((()=>{ne()}),[e,ne]);const se=r.useCallback((()=>{x&&x(S.current?.scrollLeft)}),[x]);r.useEffect((()=>{P(p()&&"auto"===T||"hidden"===T)}),[T]),r.useEffect((()=>{S.current&&S.current.scrollTo({left:a})}),[a]),r.useEffect((()=>{const e=S.current,t=A.current,r=F.current;return e&&t&&r&&($||(V.current=new IntersectionObserver((e=>{e.forEach((e=>{"left"===e.target.getAttribute("data-intersection-id")?j(!e.isIntersecting):E(!e.isIntersecting)}))}),{root:e}),V.current.observe(t),V.current.observe(r)),e.addEventListener("scrollend",se)),()=>{e&&(e.removeEventListener("scrollend",se),V.current?.disconnect())}}),[$,se]);const ie=r.useCallback((e=>{const t=N.current?N.current.offsetWidth:0,r=N.current?N.current.offsetHeight:0,o=z.current?z.current.offsetWidth:0,n=z.current?z.current.offsetHeight:0,s=((e,s,i)=>{if(!s||!i)return!1;let c,l,u,f;if(i===document.documentElement)c=0,l=document.documentElement.clientWidth,u=0,f=document.documentElement.clientHeight;else{const e=i.getBoundingClientRect();c=w?e.left+t:e.left,l=I?e.right-o:e.right,u=w?e.top+r:e.top,f=I?e.bottom-n:e.bottom}const h=s.getBoundingClientRect();return"horizontal"===e?h.left<=l&&h.right<=l&&h.left>=c&&h.right>=c:h.top<=f&&h.bottom<=f&&h.top>=u&&h.bottom>=u})(B,e,S.current);if(s)return;const i=((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=w&&N.current?s-N.current.offsetWidth:s,s=I&&z.current?s-z.current.offsetWidth:s):(i=w&&N.current?i-N.current.offsetHeight:i,i=I&&z.current?i-z.current.offsetHeight:i),"horizontal"===e?o.width>s:o.height>i})(B,e,S.current);if(!S.current||!L.current)return;const c=((e,t,r,s)=>{if(!r||!s)return!1;let i,c,l;if(s===document.documentElement)c=0,i=document.documentElement.clientWidth,l=document.documentElement.clientHeight;else{const e=s.getBoundingClientRect();i=I?e.right-o:e.right,c=I?e.left-o:e.left,l=I?e.bottom-n:e.bottom}const u=r.getBoundingClientRect();return"horizontal"===t?e?u.right>i:u.left<c:u.bottom>l})("ltr"===D,B,e,S.current);"vertical"!==B?"ltr"===D?c&&!i?S.current.scrollTo({left:W(e,L.current)+e.offsetWidth-S.current.offsetWidth+(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):S.current.scrollTo({left:W(e,L.current)-(N.current?.offsetWidth?N.current?.offsetWidth+1:0),behavior:"smooth"}):c&&!i?S.current.scrollTo({left:W(e,L.current)-L.current.offsetWidth+S.current.offsetWidth-(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):S.current.scrollTo({left:W(e,L.current)+e.offsetWidth-L.current.offsetWidth+(N.current?.offsetWidth?N.current?.offsetWidth+1:0),behavior:"smooth"}):c&&!i?S.current.scrollTo({top:y(e,L.current)+e.offsetHeight-S.current.offsetHeight+(z.current?.offsetHeight?z.current?.offsetHeight+1:0),behavior:"smooth"}):S.current.scrollTo({top:y(e,L.current)-(N.current?.offsetHeight?N.current?.offsetHeight+1:0),behavior:"smooth"})}),[I,w,D,B]),ce=r.useCallback((()=>{const e=M.current.find((e=>0==e.isVisible&&e.index>=1&&1==M.current[e.index-1].isVisible));return e?.element}),[M]),le=r.useCallback((()=>{const e=M.current.find((e=>0==e.isVisible&&e.index<M.current.length-1&&1==M.current[e.index+1].isVisible));return e?.element}),[M]),ue=r.useCallback((()=>{const e=S.current,t="horizontal"===B?S.current?.clientWidth:S.current?.clientHeight;if(e&&t){const r=le();if("vertical"===B)return void(r?e.scrollTo({top:y(r,L.current)+r.offsetHeight-e.offsetHeight+(N.current?.offsetHeight?N.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop-t,behavior:"smooth"}));"ltr"===D?r?e.scrollTo({left:W(r,L.current)+r.offsetWidth-e.offsetWidth+(N.current?.offsetWidth?N.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"}):r?e.scrollTo({left:W(r,L.current)-(L.current?L.current.offsetWidth:0)+e.offsetWidth-(N.current?.offsetWidth?N.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"})}}),[D,B,le]),fe=r.useCallback((()=>{const e=S.current,t="horizontal"===B?S.current?.clientWidth:S.current?.clientHeight;if(e&&t){const r=ce();if("vertical"===B)return void(r?e.scrollTo({top:y(r,L.current)-(z.current?.offsetHeight?z.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop+t,behavior:"smooth"}));"ltr"===D?r?e.scrollTo({left:(W(r,L.current)??0)-(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"}):r?e.scrollTo({left:-((L.current?L.current.offsetWidth:0)-(W(r,L.current)??0))+(r?.offsetWidth??0)+(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"})}}),[D,B,ce]),he=r.useCallback((e=>{U.current!==e&&e&&(U.current=e,G?ie(e):K.current=e)}),[ie,G]),ae=r.useCallback((e=>{if(!k.current?.isEqualNode(e.target))if(M.current.length>0){const t=M.current.find((t=>t.element.contains(e.target)));t&&ie(t.element)}else ie(e.target)}),[ie,M]),de=u.classNames([f.styles.buttonContainer,oe]),me=u.classNames([f.styles.buttonContainer,re]);r.useEffect((()=>{const e=!!w&&!!N.current,t=!!I&&!!z.current;(e||t)&&J(!0)}),[I,w]),r.useEffect((()=>{G&&K.current&&(ie(K.current),K.current=null)}),[G,ie]);const ve=r.useContext(m.ConveyorBeltFocusContext),ge=!!ve,be=ve?.isSuppressOverflowFocus??!1,Ce=r.useCallback((()=>{ve?.focusTabbarRoot()}),[ve]),pe=ge?be?{tabIndex:-1}:{}:{tabIndex:-1};return t.jsx(d.ConveyorBeltContext.Provider,{value:{setCurrentItem:he,activeItemId:q,setActiveItemId:_},children:t.jsxs("div",{onFocus:ae,ref:k,className:u.classNames([f.styles.conveyorStyle,Z]),...Q,children:[w&&!$&&t.jsx("div",{ref:N,class:de,children:t.jsx(o.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>ue(),"aria-hidden":!0,testId:X,children:t.jsx(n.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===B?"ltr"===D?t.jsx(s.SvgChevronLeft,{}):t.jsx(i.SvgChevronRight,{}):t.jsx(c.SvgChevronUp,{})})})}),t.jsx("div",{className:u.classNames([f.styles.overflowContainer,te]),ref:S,onFocus:Ce,...pe,children:t.jsxs("div",{className:u.classNames([f.styles.contentContainer,Z,ee]),ref:L,children:[t.jsx("div",{"data-intersection-id":"left",ref:A,style:{minWidth:1,minHeight:1}}),e,t.jsx("div",{"data-intersection-id":"right",ref:F,style:{minWidth:1,minHeight:1}})]})}),I&&!$&&t.jsx("div",{ref:z,class:me,children:t.jsx(o.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>fe(),"aria-hidden":!0,testId:Y,children:t.jsx(n.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===B?"ltr"===D?t.jsx(i.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{}):t.jsx(l.SvgChevronDown,{})})})})]})})}));e.ConveyorBelt=T}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './BaseButton-e92d9a48', './ButtonLabelLayout-c93ed2fa', './ChevronLeft-4e44bf74', './ChevronRight-1bb05901', './ChevronUp-d5004d53', './ChevronDown-f8f4db0b', './classNames-08d99695', './UNSAFE_ConveyorBelt/themes/ConveyorBeltStyles.css', './useUser-e0677e8d', './clientHints-6d361eaa', './ConveyorBeltContext-d8653090', './ConveyorBeltFocusContext-7d718341', './useTestId-6160e7a2', 'preact/compat', './useComponentTheme-db55de25', './UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltTheme'], (function(e,t,r,o,n,s,i,c,l,u,f,h,a,d,m,v,g,b,C){"use strict";function p(){return"phone"===a.getClientHints().deviceRenderMode}function x(e){return"fixed"===getComputedStyle(e).position?null:e.offsetParent}function W(e,t){let r=x(e),o=e.offsetLeft;for(;r&&r!==t&&r!==document.body;)o+=r.offsetLeft,r=x(r);return o}function y(e,t){let r=x(e),o=e.offsetTop;for(;r!==t;)null!=r&&(o+=r.offsetTop,r=x(r));return o}const T=g.forwardRef((({children:e,scrollPosition:a,onScrollPositionChanged:x,arrowVisibility:T="auto",orientation:B="horizontal",testId:R},H=null)=>{const[I,E]=r.useState(!1),[w,j]=r.useState(!1),S=r.useRef(null),L=r.useRef(null),z=r.useRef(null),N=r.useRef(null),k=r.useRef(null),A=r.useRef(null),F=r.useRef(null),V=r.useRef(null),U=r.useRef(null),[$,P]=r.useState(p()&&"auto"===T||"hidden"===T),{direction:D}=h.useUser(),{itemElementsRef:M,addItem:O}=((e,t,o,n,s)=>{const i=r.useRef(),c=r.useRef([]),[l]=r.useState([]),u=r.useCallback((e=>{null!==c.current&&(c.current.push(e),l.push(e))}),[l]);r.useEffect((()=>{if(l&&l.length>0&&t){const r="horizontal"===e?"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:t,rootMargin:r,threshold:1});for(const e of l)null!=e&&i.current.observe(e.element)}return()=>{for(const e of l)i.current&&null!=e&&i.current.unobserve(e.element)}}),[l,l.length,t,n,o,s,e]);const f=e=>{const t=c.current.map(((t,r)=>{const o=e.find((e=>e.target===t.element));return o?{element:o.target,isVisible:o.isIntersecting,index:r}:t}));c.current=t};return r.useMemo((()=>({itemElementsRef:c,addItem:u})),[c,u])})(B,S.current??void 0,N.current??void 0,z.current??void 0,D),[q,_]=r.useState(),[G,J]=r.useState(!1),K=r.useRef(null);g.useImperativeHandle(H,(()=>({scrollElementIntoView:e=>{ie(e)},scrollPrevious:()=>{ue()},scrollNext:()=>{fe()}})));const Q=v.useTestId(R),X="leftArrow"+R,Y="rightArrow"+R,{variantClasses:Z}=b.useComponentTheme(C.ConveyorBeltRedwoodTheme,{orientation:B}),{variantClasses:ee}=b.useComponentTheme(C.ConveyorBeltRedwoodTheme,{content:B}),{variantClasses:te}=b.useComponentTheme(C.ConveyorBeltRedwoodTheme,{pagination:I&&w?"both":I?"next":w?"previous":"none",direction:D,orientation:B,overflow:B,arrowVisibility:!0===$?"hidden":"visible"}),{classes:re}=b.useComponentTheme(C.ConveyorBeltRedwoodTheme,{nextButton:B,direction:D}),{classes:oe}=b.useComponentTheme(C.ConveyorBeltRedwoodTheme,{previousButton:B,direction:D}),ne=r.useCallback((()=>{const e=L.current?Array.from(L.current.querySelectorAll("[data-oj-conveyorbelt-item]")):[];if(e){let t=-1;M.current=[];for(const r of e){t++;r&&O({element:r,isVisible:!1,index:t})}}}),[L,M,O]);r.useEffect((()=>{ne()}),[e,ne]);const se=r.useCallback((()=>{x&&x(S.current?.scrollLeft)}),[x]);r.useEffect((()=>{P(p()&&"auto"===T||"hidden"===T)}),[T]),r.useEffect((()=>{S.current&&S.current.scrollTo({left:a})}),[a]),r.useEffect((()=>{const e=S.current,t=A.current,r=F.current;return e&&t&&r&&($||(V.current=new IntersectionObserver((e=>{e.forEach((e=>{"left"===e.target.getAttribute("data-intersection-id")?j(!e.isIntersecting):E(!e.isIntersecting)}))}),{root:e}),V.current.observe(t),V.current.observe(r)),e.addEventListener("scrollend",se)),()=>{e&&(e.removeEventListener("scrollend",se),V.current?.disconnect())}}),[$,se]);const ie=r.useCallback((e=>{const t=N.current?N.current.offsetWidth:0,r=N.current?N.current.offsetHeight:0,o=z.current?z.current.offsetWidth:0,n=z.current?z.current.offsetHeight:0,s=((e,s,i)=>{if(!s||!i)return!1;let c,l,u,f;if(i===document.documentElement)c=0,l=document.documentElement.clientWidth,u=0,f=document.documentElement.clientHeight;else{const e=i.getBoundingClientRect();c=w?e.left+t:e.left,l=I?e.right-o:e.right,u=w?e.top+r:e.top,f=I?e.bottom-n:e.bottom}const h=s.getBoundingClientRect();return"horizontal"===e?h.left<=l&&h.right<=l&&h.left>=c&&h.right>=c:h.top<=f&&h.bottom<=f&&h.top>=u&&h.bottom>=u})(B,e,S.current);if(s)return;const i=((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=w&&N.current?s-N.current.offsetWidth:s,s=I&&z.current?s-z.current.offsetWidth:s):(i=w&&N.current?i-N.current.offsetHeight:i,i=I&&z.current?i-z.current.offsetHeight:i),"horizontal"===e?o.width>s:o.height>i})(B,e,S.current);if(!S.current||!L.current)return;const c=((e,t,r,s)=>{if(!r||!s)return!1;let i,c,l;if(s===document.documentElement)c=0,i=document.documentElement.clientWidth,l=document.documentElement.clientHeight;else{const e=s.getBoundingClientRect();i=I?e.right-o:e.right,c=I?e.left-o:e.left,l=I?e.bottom-n:e.bottom}const u=r.getBoundingClientRect();return"horizontal"===t?e?u.right>i:u.left<c:u.bottom>l})("ltr"===D,B,e,S.current);"vertical"!==B?"ltr"===D?c&&!i?S.current.scrollTo({left:W(e,L.current)+e.offsetWidth-S.current.offsetWidth+(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):S.current.scrollTo({left:W(e,L.current)-(N.current?.offsetWidth?N.current?.offsetWidth+1:0),behavior:"smooth"}):c&&!i?S.current.scrollTo({left:W(e,L.current)-L.current.offsetWidth+S.current.offsetWidth-(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):S.current.scrollTo({left:W(e,L.current)+e.offsetWidth-L.current.offsetWidth+(N.current?.offsetWidth?N.current?.offsetWidth+1:0),behavior:"smooth"}):c&&!i?S.current.scrollTo({top:y(e,L.current)+e.offsetHeight-S.current.offsetHeight+(z.current?.offsetHeight?z.current?.offsetHeight+1:0),behavior:"smooth"}):S.current.scrollTo({top:y(e,L.current)-(N.current?.offsetHeight?N.current?.offsetHeight+1:0),behavior:"smooth"})}),[I,w,D,B]),ce=r.useCallback((()=>{const e=M.current.find((e=>0==e.isVisible&&e.index>=1&&1==M.current[e.index-1].isVisible));return e?.element}),[M]),le=r.useCallback((()=>{const e=M.current.find((e=>0==e.isVisible&&e.index<M.current.length-1&&1==M.current[e.index+1].isVisible));return e?.element}),[M]),ue=r.useCallback((()=>{const e=S.current,t="horizontal"===B?S.current?.clientWidth:S.current?.clientHeight;if(e&&t){const r=le();if("vertical"===B)return void(r?e.scrollTo({top:y(r,L.current)+r.offsetHeight-e.offsetHeight+(N.current?.offsetHeight?N.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop-t,behavior:"smooth"}));"ltr"===D?r?e.scrollTo({left:W(r,L.current)+r.offsetWidth-e.offsetWidth+(N.current?.offsetWidth?N.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"}):r?e.scrollTo({left:W(r,L.current)-(L.current?L.current.offsetWidth:0)+e.offsetWidth-(N.current?.offsetWidth?N.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"})}}),[D,B,le]),fe=r.useCallback((()=>{const e=S.current,t="horizontal"===B?S.current?.clientWidth:S.current?.clientHeight;if(e&&t){const r=ce();if("vertical"===B)return void(r?e.scrollTo({top:y(r,L.current)-(z.current?.offsetHeight?z.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop+t,behavior:"smooth"}));"ltr"===D?r?e.scrollTo({left:(W(r,L.current)??0)-(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"}):r?e.scrollTo({left:-((L.current?L.current.offsetWidth:0)-(W(r,L.current)??0))+(r?.offsetWidth??0)+(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"})}}),[D,B,ce]),he=r.useCallback((e=>{U.current!==e&&e&&(U.current=e,G?ie(e):K.current=e)}),[ie,G]),ae=r.useCallback((e=>{if(!k.current?.isEqualNode(e.target))if(M.current.length>0){const t=M.current.find((t=>t.element.contains(e.target)));t&&ie(t.element)}else ie(e.target)}),[ie,M]),de=u.classNames([f.styles.buttonContainer,oe]),me=u.classNames([f.styles.buttonContainer,re]);r.useEffect((()=>{const e=!!w&&!!N.current,t=!!I&&!!z.current;(e||t)&&J(!0)}),[I,w]),r.useEffect((()=>{G&&K.current&&(ie(K.current),K.current=null)}),[G,ie]);const ve=r.useContext(m.ConveyorBeltFocusContext),ge=!!ve,be=ve?.isSuppressOverflowFocus??!1,Ce=r.useCallback((()=>{ve?.focusTabbarRoot()}),[ve]),pe=ge?be?{tabIndex:-1}:{}:{tabIndex:-1};return t.jsx(d.ConveyorBeltContext.Provider,{value:{setCurrentItem:he,activeItemId:q,setActiveItemId:_},children:t.jsxs("div",{onFocus:ae,ref:k,className:u.classNames([f.styles.conveyorStyle,Z]),...Q,children:[w&&!$&&t.jsx("div",{ref:N,class:de,children:t.jsx(o.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>ue(),"aria-hidden":!0,testId:X,children:t.jsx(n.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===B?"ltr"===D?t.jsx(s.SvgChevronLeft,{}):t.jsx(i.SvgChevronRight,{}):t.jsx(c.SvgChevronUp,{})})})}),t.jsx("div",{className:u.classNames([f.styles.overflowContainer,te]),ref:S,onFocus:Ce,...pe,children:t.jsxs("div",{className:u.classNames([f.styles.contentContainer,Z,ee]),ref:L,children:[t.jsx("div",{"data-intersection-id":"left",ref:A,style:{minWidth:1,minHeight:1}}),e,t.jsx("div",{"data-intersection-id":"right",ref:F,style:{minWidth:1,minHeight:1}})]})}),I&&!$&&t.jsx("div",{ref:z,class:me,children:t.jsx(o.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>fe(),"aria-hidden":!0,testId:Y,children:t.jsx(n.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===B?"ltr"===D?t.jsx(i.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{}):t.jsx(l.SvgChevronDown,{})})})})]})})}));e.ConveyorBelt=T}));
 //# sourceMappingURL=ConveyorBelt-1d6d2d8a.js.map

package/amd/DatePicker-71cb7d07.js

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

package/amd/DatePicker-71cb7d07.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-71cb7d07.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  'viewBlur'\n] as const;\n\nconst monthViewActionTypes = [\n  'dayFocused',\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  'monthFocused',\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  'yearFocused',\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 'viewBlur': {\n      return state.isViewFocused ? { ...state, isViewFocused: false } : state;\n    }\n    case 'dayFocused':\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 'monthFocused': {\n      return { ...state, focusableMonth: action.payload.month, 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 'yearFocused': {\n      return { ...state, focusableYear: action.payload.year, isViewFocused: true };\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, RefObject, useCallback, useMemo } from 'preact/compat';\nimport { useDatePickerState } from './useDatePickerState';\nimport { useHiddenTestMethod } from '#hooks/UNSAFE_useHiddenTestMethod';\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  rootRef: RefObject<HTMLDivElement>;\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  rootRef,\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  // JET-73420, JET-62113: Create a changeValue method that can be called by a test adapter to\n  // simulate a user changing the value. This method calls the onCommit callback, just like what\n  // would happen if a user (or test) made a change through the UI.\n  const changeValue = useCallback(\n    (newValue: CalendarDateRequired) => {\n      // We always want this method available on the DOM element so that a test can call it,\n      // but we only want it to change the value when the component is enabled because that's\n      // the only time the user could change the value through the UI. Note that newValue\n      // cannot be undefined (meaning you cannot clear the value) because there is no way to\n      // do that through the UI.\n      if (!isReadonly) {\n        onCommit({ value: newValue, previousValue: value });\n        return Promise.resolve();\n      }\n      return Promise.reject('Component is readonly');\n    },\n    [isReadonly, onCommit, value]\n  );\n\n  // Expose _changeValue as a hidden method on the root DOM.\n  useHiddenTestMethod({\n    elementRef: rootRef,\n    method: changeValue,\n    name: '_changeValue'\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    // If we blur out of the MonthView, make sure the isViewFocused state is false.\n    // This is used for the case where you are on the Today month,\n    // and you press on Go to Today, focus moves to the day cell that is today,\n    // then tab back twice to Go to Today button and press it again and focus should move again to the day cell that is today.\n    // JET-66580 today button stays highlighted and arrow keys do not work\n    // We do not set isViewFocused onFocusWithin. Doing so causes a different issue. JET-73067 Input Date Picker/DatePicker - REFLOW - can not set value on the first click\n    onBlurWithin: useCallback(() => actions.viewBlur(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 { useRef } from 'preact/hooks';\nimport { 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 rootRef = useRef<HTMLDivElement>(null);\n  const { accessibleLabels, handlers, state, todaysDate, toggleSelection, viewContainerProps } =\n    useDatePicker({\n      isReadonly,\n      max,\n      min,\n      rootRef,\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} ref={rootRef} {...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","rootRef","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","changeValue","useCallback","newValue","Promise","reject","previousValue","resolve","useHiddenTestMethod","elementRef","method","name","handlers","handleMonthToggle","undefined","handleYearToggle","handleTodayNavigation","handlePreviousNavigation","previousDecade","handleNextNavigation","nextDecade","handleMonthViewAction","date","daySelected","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","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","ref","_jsxs","gap","datePickerPropVars","calendarGridRowGap","monthYearGridRowGap","todayFooterButtonHeight","DatePickerHeader","monthYearHeader","previousNavigationAccessibleLabel","todayNavigationAccessibleLabel","nextNavigationAccessibleLabel","onPreviousNavigationAction","onNextNavigationAction","onMonthToggle","onYearToggle","jsxs","MonthView","selectedDate","isFocused","onNavigation","MonthsGridView","currentMonth","selectedMonth","YearsGridView","currentYear","selectedYear"],"mappings":"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"}

package/amd/DatePickerHeader-d0dd7b4a.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Flex-4b81b412', './IconButton-be3bd92a', './CaretDown-f84e01e5', './Icon-1e9e773e', './ChevronLeft-4e44bf74', './ChevronRight-1bb05901', './Text-31cabc49', './ToggleButton-8e83d4e6', './View-35699bb2', './useUser-08901aba', './getFormatParse-10009d38', './logger-00b673c5', './calendarDateUtils-6b5f47a4', './maskUtils-a48b96c5', 'preact/compat', './PRIVATE_DatePickerHeader/themes/DatePickerHeaderStyles.css'], (function(e,t,n,o,a,i,s,r,l,c,d,g,h,x,b,v,m,j){"use strict";const u=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"})})}),S=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:h=!1,month:x,monthToggleAccessibleLabel:B,monthYearHeader:f="independentButtons",nextNavigationAccessibleLabel:N,previousNavigationAccessibleLabel:T,testId:I,todayNavigationAccessibleLabel:y,toggleSelection:A="none",year:p,yearToggleAccessibleLabel:L,onMonthToggle:z,onNextNavigationAction:C,onPreviousNavigationAction:w,onTodayNavigationAction:M,onYearToggle:F})=>{const{locale:H,direction:D}=g.useUser(),P=m.useMemo((()=>b.getLongFormattedYearMonth(H,p,x)),[H,x,p]),{monthStr:Y,yearStr:k,monthLongStr:R}=m.useMemo((()=>({monthStr:v.getMonthName(H,x,p,"short"),yearStr:b.getNumericFormattedYear(H,p,x),monthLongStr:v.getMonthName(H,x,p,"long")})),[H,x,p]);return t.jsxs(n.Flex,{align:"center",justify:"between",testId:I,children:[t.jsxs(n.Flex,{children:["independentButtons"===f&&t.jsx(t.Fragment,{children:t.jsxs("div",{class:j.styles.monthYearButtonContainer,children:[t.jsx(c.ToggleButton,{"aria-label":B??R,label:Y,endIcon:"month"===A?t.jsx(u,{}):t.jsx(a.SvgCaretDown,{}),isSelected:"month"===A,onToggle:z,size:"sm",variant:"borderless"}),t.jsx(c.ToggleButton,{"aria-label":L,label:k,endIcon:"year"===A?t.jsx(u,{}):t.jsx(a.SvgCaretDown,{}),isSelected:"year"===A,onToggle:F,size:"sm",variant:"borderless"})]})}),"text"===f&&t.jsx(d.View,{paddingInlineStart:"3x",children:t.jsx(l.Text,{size:"md",weight:"semiBold",children:P})})]}),t.jsxs(n.Flex,{children:[!e&&t.jsx(o.IconButton,{"aria-label":T,size:"sm",variant:"borderless",onAction:w,children:"ltr"===D?t.jsx(s.SvgChevronLeft,{}):t.jsx(r.SvgChevronRight,{})}),!i&&t.jsx(o.IconButton,{"aria-label":y,size:"sm",variant:"borderless",onAction:M,children:t.jsx(S,{})}),!h&&t.jsx(o.IconButton,{"aria-label":N,size:"sm",variant:"borderless",onAction:C,children:"ltr"===D?t.jsx(r.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{})})]})]})}}));
+define(['exports', 'preact/jsx-runtime', './Flex-71f83c12', './IconButton-be3bd92a', './CaretDown-f84e01e5', './Icon-1e9e773e', './ChevronLeft-4e44bf74', './ChevronRight-1bb05901', './Text-31cabc49', './ToggleButton-8e83d4e6', './View-215ec211', './useUser-e0677e8d', './getFormatParse-10009d38', './logger-00b673c5', './calendarDateUtils-6b5f47a4', './maskUtils-a48b96c5', 'preact/compat', './PRIVATE_DatePickerHeader/themes/DatePickerHeaderStyles.css'], (function(e,t,n,o,i,a,s,r,l,c,d,g,h,x,b,v,m,j){"use strict";const u=e=>t.jsx(a.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"})})}),S=e=>t.jsx(a.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:a=!1,isNextNavigationButtonHidden:h=!1,month:x,monthToggleAccessibleLabel:B,monthYearHeader:f="independentButtons",nextNavigationAccessibleLabel:N,previousNavigationAccessibleLabel:T,testId:I,todayNavigationAccessibleLabel:y,toggleSelection:A="none",year:p,yearToggleAccessibleLabel:L,onMonthToggle:z,onNextNavigationAction:C,onPreviousNavigationAction:w,onTodayNavigationAction:M,onYearToggle:F})=>{const{locale:H,direction:D}=g.useUser(),P=m.useMemo((()=>b.getLongFormattedYearMonth(H,p,x)),[H,x,p]),{monthStr:Y,yearStr:k,monthLongStr:R}=m.useMemo((()=>({monthStr:v.getMonthName(H,x,p,"short"),yearStr:b.getNumericFormattedYear(H,p,x),monthLongStr:v.getMonthName(H,x,p,"long")})),[H,x,p]);return t.jsxs(n.Flex,{align:"center",justify:"between",testId:I,children:[t.jsxs(n.Flex,{children:["independentButtons"===f&&t.jsx(t.Fragment,{children:t.jsxs("div",{class:j.styles.monthYearButtonContainer,children:[t.jsx(c.ToggleButton,{"aria-label":B??R,label:Y,endIcon:"month"===A?t.jsx(u,{}):t.jsx(i.SvgCaretDown,{}),isSelected:"month"===A,onToggle:z,size:"sm",variant:"borderless"}),t.jsx(c.ToggleButton,{"aria-label":L,label:k,endIcon:"year"===A?t.jsx(u,{}):t.jsx(i.SvgCaretDown,{}),isSelected:"year"===A,onToggle:F,size:"sm",variant:"borderless"})]})}),"text"===f&&t.jsx(d.View,{paddingInlineStart:"3x",children:t.jsx(l.Text,{size:"md",weight:"semiBold",children:P})})]}),t.jsxs(n.Flex,{children:[!e&&t.jsx(o.IconButton,{"aria-label":T,size:"sm",variant:"borderless",onAction:w,children:"ltr"===D?t.jsx(s.SvgChevronLeft,{}):t.jsx(r.SvgChevronRight,{})}),!a&&t.jsx(o.IconButton,{"aria-label":y,size:"sm",variant:"borderless",onAction:M,children:t.jsx(S,{})}),!h&&t.jsx(o.IconButton,{"aria-label":N,size:"sm",variant:"borderless",onAction:C,children:"ltr"===D?t.jsx(r.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{})})]})]})}}));
 //# sourceMappingURL=DatePickerHeader-d0dd7b4a.js.map

package/amd/DiagramStyles.styles2.css

@@ -1,42 +1,48 @@
-.DiagramStyles_outerStyles__1ep4hfg0 {
+.DiagramStyles_outerStyles__18tpn7n0 {
   position: relative;
   overflow: hidden;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
-.DiagramStyles_outerStyles__1ep4hfg0:focus-visible {
+.DiagramStyles_outerStyles__18tpn7n0:focus-visible {
   outline-width: 0px;
 }
-.DiagramStyles_layerStyles__1ep4hfg1 {
+.DiagramStyles_layerStyles__18tpn7n1 {
   display: inline-block;
   pointer-events: none;
   position: absolute;
   top: 0;
   left: 0;
 }
-.DiagramStyles_nodeStyles__1ep4hfg2 {
+.DiagramStyles_nodeStyles__18tpn7n2 {
   position: absolute;
   pointer-events: auto;
 }
-.DiagramStyles_linkStyles__1ep4hfg3 {
+.DiagramStyles_linkStyles__18tpn7n3 {
   pointer-events: auto;
 }
-.DiagramStyles_labelStyle__1ep4hfg4 {
+.DiagramStyles_labelStyle__18tpn7n4 {
   position: absolute;
 }
-.DiagramStyles_labelBorderStyle__1ep4hfg5 {
+.DiagramStyles_buttonStyle__18tpn7n5 {
+  position: absolute;
+}
+.DiagramStyles_labelBorderStyle__18tpn7n6 {
   border-style: solid;
 }
-.DiagramStyles_dimmedItemStyle__1ep4hfg6 {
+.DiagramStyles_childContentStyle__18tpn7n7 {
+  position: absolute;
+}
+.DiagramStyles_dimmedItemStyle__18tpn7n8 {
   opacity: var(--oj-c-dimmed-opacity);
 }
-.DiagramStyles_panZoomStyles__1ep4hfg7 {
+.DiagramStyles_panZoomStyles__18tpn7n9 {
   transform-origin: top left;
   position: relative;
   pointer-events: none;
 }
-.DiagramStyles_dimensionStyle__1ep4hfg8 {
+.DiagramStyles_dimensionStyle__18tpn7na {
   width: 100%;
   height: calc(140 * var(--oj-c-size-units, 0.25rem));
 }

package/amd/DiagramStyles.styles3.css

@@ -1,48 +1,42 @@
-.DiagramStyles_outerStyles__18tpn7n0 {
+.DiagramStyles_outerStyles__1ep4hfg0 {
   position: relative;
   overflow: hidden;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
-.DiagramStyles_outerStyles__18tpn7n0:focus-visible {
+.DiagramStyles_outerStyles__1ep4hfg0:focus-visible {
   outline-width: 0px;
 }
-.DiagramStyles_layerStyles__18tpn7n1 {
+.DiagramStyles_layerStyles__1ep4hfg1 {
   display: inline-block;
   pointer-events: none;
   position: absolute;
   top: 0;
   left: 0;
 }
-.DiagramStyles_nodeStyles__18tpn7n2 {
+.DiagramStyles_nodeStyles__1ep4hfg2 {
   position: absolute;
   pointer-events: auto;
 }
-.DiagramStyles_linkStyles__18tpn7n3 {
+.DiagramStyles_linkStyles__1ep4hfg3 {
   pointer-events: auto;
 }
-.DiagramStyles_labelStyle__18tpn7n4 {
+.DiagramStyles_labelStyle__1ep4hfg4 {
   position: absolute;
 }
-.DiagramStyles_buttonStyle__18tpn7n5 {
-  position: absolute;
-}
-.DiagramStyles_labelBorderStyle__18tpn7n6 {
+.DiagramStyles_labelBorderStyle__1ep4hfg5 {
   border-style: solid;
 }
-.DiagramStyles_childContentStyle__18tpn7n7 {
-  position: absolute;
-}
-.DiagramStyles_dimmedItemStyle__18tpn7n8 {
+.DiagramStyles_dimmedItemStyle__1ep4hfg6 {
   opacity: var(--oj-c-dimmed-opacity);
 }
-.DiagramStyles_panZoomStyles__18tpn7n9 {
+.DiagramStyles_panZoomStyles__1ep4hfg7 {
   transform-origin: top left;
   position: relative;
   pointer-events: none;
 }
-.DiagramStyles_dimensionStyle__18tpn7na {
+.DiagramStyles_dimensionStyle__1ep4hfg8 {
   width: 100%;
   height: calc(140 * var(--oj-c-size-units, 0.25rem));
 }

package/amd/Dialog-0c124587.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './WindowOverlay-5b6850df', './useTestId-6160e7a2', './useAnimation-d90c433f', 'preact/hooks', './refUtils-77e97004', './UNSAFE_Dialog/themes/redwood/DialogTheme', './FocusTrap-038b32c3', './Layer-64bf71ad', './LayerHost-1a734852', './Modal-95bf034f', './classNames-08d99695', './ImageVars.css-17386400', './useComponentTheme-db55de25', './useId-c9578d26', './dimensions-95c0c920', './mergeInterpolations-9ede4cf7', './useResizeObserver-25032462', './useDraggable-7f591a3d', './Floating-e8ec1b0b', './IconButton-be3bd92a', './Close-bd28ab5e', './Resizable-dc482666', './useBreakpoints-524c5c8b', './useTranslationBundle-db326955', './animationUtils-716a9aa6', './tabbableUtils-f95361a6', './unsafeDomAccess-602c5dde'], (function(e,n,o,t,s,a,r,i,l,c,d,u,f,m,g,b,h,p,R,y,v,S,D,x,E,B,j,z,A,I){"use strict";const C=({children:e,id:o,closeButtonRef:t,cancelBehavior:s,onClose:a,draggableProps:r,headerDecoration:i="on"})=>{const{styles:c}=b.useComponentTheme(l.DialogRedwoodTheme),d=!B.useBreakpoints().md,u=m.classNames([c.dialogHeaderStyle,d?c.dialogHeaderStyleSmall:c.dialogHeaderStyleDesktop,..."on"===i?[c.dialogHeaderDecorationStyle]:[]]),f="string"==typeof e?n.jsx("h1",{id:o,className:c.dialogTitleStyle,children:e}):n.jsx(n.Fragment,{children:e}),g=j.useTranslationBundle("@oracle/oraclejet-preact"),h="icon"===s?n.jsx("div",{children:n.jsx("div",{className:c.dialogHeaderCloseIconStyle,ref:t,children:n.jsx(D.IconButton,{"aria-label":g.message_close(),size:"sm",variant:"ghost",onAction:()=>{a?.({reason:"icon"})},children:n.jsx(x.SvgClose,{})})})}):null;return n.jsxs("div",{className:u,...r,children:[f,h]})},O=o.forwardRef((({children:e,style:o},t)=>n.jsx("div",{ref:t,className:o,children:e}))),T=o.forwardRef((({children:e,header:o,footer:t,visibility:a,labelId:d,role:u,ariaLabelledBy:f,ariaDescribedBy:h,cancelBehavior:p,draggableProps:R,isResizable:v,headerDecoration:S,containerRef:D,onClose:x,onResizeStart:j,onResize:z,onResizeEnd:A,onKeyDown:I,testId:T,style:k,closeButtonRef:F,bodyRef:N,footerRef:w},L)=>{const W=r.useRef(null),H=i.mergeRefs(L,W),P=r.useRef(),[U,_]=r.useState(!1),M=!B.useBreakpoints().md,{classes:X,styles:G}=b.useComponentTheme(l.DialogRedwoodTheme),K=r.useCallback((()=>{if(W.current&&(W.current.clientHeight<400?_(!0):_(!1),W.current)){const e=window.getComputedStyle(W.current);P.current={minHeight:parseFloat(e.minHeight),maxHeight:parseFloat(e.maxHeight),minWidth:parseFloat(e.minWidth),maxWidth:parseFloat(e.maxWidth)}}}),[]);r.useEffect((()=>{K()}),[K]),y.useResizeObserver(W,K);const Y=M?G.baseStyleSmallWidth:G.baseStyleDesktop,V=U?G.dialogContentStyleNoShrink:G.dialogContentStyle,q=m.classNames([G.dialogBodyStyle,M?G.dialogBodyStyleSmall:G.dialogBodyStyleDesktop]),J=m.classNames([G.dialogFooterStyle,M?G.dialogFooterStyleSmall:G.dialogFooterStyleDesktop]),Q="visible"===a?G.visibilityVisible:G.visibilityHidden,Z=s.useTestId(T);return n.jsx(c.FocusTrap,{restoreFocusRef:!1,children:n.jsxs("div",{ref:H,tabIndex:-1,className:m.classNames([X,Y,Q,g.globalImages]),style:k,onKeyDown:I,role:u,"aria-labelledby":f,"aria-describedby":h,...Z,children:[n.jsxs("div",{className:G.dialogContainerStyle,children:[n.jsx(C,{id:d,onClose:x,headerDecoration:S,cancelBehavior:p,closeButtonRef:F,draggableProps:R,children:o}),n.jsx("div",{className:V,ref:N,children:e?n.jsx("div",{className:q,children:e}):null}),n.jsx(O,{ref:w,style:J,children:t})]}),v&&n.jsx(E.Resizable,{onResizeStart:j,onResize:z,onResizeEnd:A,containerRef:D,constraints:P.current})]})})})),k=o.forwardRef((({children:e,isOpen:o,header:s="",footer:l,modality:c="modal",launcherRef:u,anchorRef:m,autoFocusRef:g,placement:b,offset:y=0,cancelBehavior:D="none",dragAffordance:x="none",resizeBehavior:E="none",headerDecoration:j="on",onDragStart:z,onDragMove:C,onDragEnd:O,onResizeStart:k,onResize:N,onResizeEnd:w,onFocusSet:L,onClose:W,onTransitionEnd:H,role:P="dialog","aria-labelledby":U,"aria-describedby":_,testId:M,...X},G)=>{const[K,Y]=r.useState(o?"initial":"unmounted"),V=r.useRef(o?"initial":"unmounted"),q=e=>{V.current=e,Y(e)},[J,Q]=r.useState("hidden"),Z=r.useRef("unmounted"),$=r.useRef(null),ee=r.useRef(null),ne=r.useRef(null),oe=r.useRef(null),te=r.useRef(null),se=r.useRef(null),ae=!B.useBreakpoints().md,re=ae?"bottom":b||"center",ie=ae?"opening"===K?"slideUp":"slideDown":"opening"===K?"zoomIn":"zoomOut",le=h.useId(),ce=U||le,de=[...Object.values(p.dimensionInterpolations)],ue=R.mergeInterpolations(de),{...fe}=ue(X),me=r.useRef(!1),ge=r.useCallback((()=>{g&&g.current?A.focusOn(g.current):te.current&&A.allTabbableElements(te.current).length>0?A.focusWithin(te.current):se.current&&A.allTabbableElements(se.current).length>0?A.focusWithin(se.current):oe.current&&A.allTabbableElements(oe.current).length>0?A.focusWithin(oe.current):A.focusWithin(ee.current),L?.()}),[g,L]),be=r.useCallback((()=>{const e=ne.current;me.current&&e&&(A.focusOn(e),me.current=!1)}),[]),{nodeRef:he}=a.useAnimation(ie,{animationStates:F,isAnimatedOnMount:!0,onAnimationEnd:()=>{o?H?.(!0):o||(me.current=ee.current?.contains(A.getActiveElement())||!1,he(null),Q("hidden"),q("unmounted"),H?.(!1))}}),pe=r.useMemo((()=>i.mergeRefs(ee,G)),[ee,G]),Re=r.useCallback((e=>{ne.current===A.getActiveElement()&&"F6"===e.code&&(e.preventDefault(),e.stopPropagation(),A.focusWithin(ee.current),L?.())}),[c]),{draggableProps:ye}=v.useDraggable({isDisabled:"none"===x,containerRef:$,onDragStart:z,onDragMove:C,onDragEnd:O});r.useEffect((()=>("unmounted"!==K||o?"unmounted"===K&&o?q("initial"):"initial"===K&&o?(he(ee.current),q("opening")):"opening"===K&&o?Q("visible"):o||"unmounted"===V.current||q("closing"):K!==Z.current&&be(),()=>{Z.current=K})),[o,K,he,be]),r.useEffect((()=>()=>{const e=ne.current;ee.current?.contains(A.getActiveElement())&&e&&setTimeout((()=>{A.focusOn(e)}),0)}),[]),r.useEffect((()=>(o&&(ne.current=function(e){const n=e?.current;if(n){const e=n instanceof Element?n:n[I.UNSAFE_DOM_ACCESS];if(document.body.contains(e))return e}return A.getActiveElement()}(u),"modeless"===c&&ne.current?.addEventListener("keydown",Re)),()=>{"modeless"===c&&ne.current?.removeEventListener("keydown",Re)})),[o,u,Re,c]),r.useEffect((()=>{"visible"===J&&ge()}),[J,ge]);const ve=e=>{switch(e.code){case"Escape":W?.({reason:"escapeKey"});break;case"F6":ne.current&&"modeless"===c&&A.focusOn(ne.current),e.preventDefault(),e.stopPropagation()}},Se=()=>{ee.current?.focus()},De=()=>n.jsx(T,{ref:pe,labelId:ce,header:s,footer:l,role:P,ariaLabelledBy:ce,ariaDescribedBy:_,onKeyDown:ve,testId:M,style:fe,visibility:J,cancelBehavior:D,draggableProps:ye,isResizable:"resizable"===E,headerDecoration:j,containerRef:$,onClose:W,onResizeStart:k,onResize:N,onResizeEnd:w,closeButtonRef:oe,bodyRef:te,footerRef:se,children:e}),xe=()=>m&&m.current?n.jsx(S.Floating,{ref:$,anchorRef:m,placement:"bottom-start",flipOptions:{mainAxis:!1,crossAxis:!1},shiftOptions:{mainAxis:!1,crossAxis:!1},children:De()}):n.jsx(t.WindowOverlay,{placement:re,offset:y,children:De()}),Ee=u;return"modal"===c?n.jsx(f.LogicalParentRefContext.Provider,{value:Ee,children:n.jsx(f.Modal,{isOpen:"unmounted"!==K,onBackdropClick:Se,children:xe()})}):"unmounted"!==K?n.jsx(d.Layer,{logicalParentRef:Ee,children:xe()}):null}));const F={zoomIn:{from:{scaleX:.9,scaleY:.9,transformOrigin:"center",opacity:0},to:{scaleX:1,scaleY:1,opacity:1},options:{duration:200}},zoomOut:{from:{scaleX:1,scaleY:1,transformOrigin:"center",opacity:1},to:{scaleX:.9,scaleY:.9,opacity:0},options:{duration:200}},slideUp:{...z.SLIDE_UP_XLARGE,options:{duration:z.DURATION_LARGE}},slideDown:{...z.SLIDE_DOWN_XLARGE,options:{duration:z.DURATION_LARGE}}};e.Dialog=k}));
+//# sourceMappingURL=Dialog-0c124587.js.map

package/amd/Dialog-0c124587.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog-0c124587.js","sources":["../../src/UNSAFE_Dialog/Dialog.tsx"],"sourcesContent":["import type { ComponentChild, RefObject, JSX } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { Offset, WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { TestIdProps, useTestId } from '../hooks/UNSAFE_useTestId';\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useEffect, useRef, useCallback, useMemo, useState } from 'preact/hooks';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\n\nimport { DialogRedwoodTheme } from './themes/redwood/DialogTheme';\nimport { DialogStyles } from './themes/DialogStyles.css';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { LogicalParentRef, LogicalParentRefContext } from '../UNSAFE_Layer/LogicalParentRefContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { globalImages } from '#/ImageVars.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\n\nimport { DraggableProps, useDraggable } from '../hooks/PRIVATE_useDraggable';\nimport { Floating, Coords } from '../UNSAFE_Floating';\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { CloseIcon } from '../PRIVATE_ThemedIcons/CloseIcon';\nimport { Resizable, ResizableConstraints } from '../PRIVATE_Resizable/Resizable';\nimport { Position, Rect } from '../utils/UNSAFE_flexibleComponentUtils';\nimport { useBreakpoints } from '../hooks/UNSAFE_useBreakpoints';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport {\n  SLIDE_DOWN_XLARGE,\n  SLIDE_UP_XLARGE,\n  DURATION_LARGE\n} from '../utils/PRIVATE_animationUtils';\nimport {\n  allTabbableElements,\n  focusOn,\n  focusWithin,\n  getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\n\nimport type { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\nimport { UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\n\n// dialog states\ntype Status = 'initial' | 'opening' | 'closing' | 'unmounted';\ntype VisibilityStatus = 'hidden' | 'visible';\ntype Animations = 'zoomIn' | 'zoomOut' | 'slideUp' | 'slideDown';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'children' | 'role'>;\n\ntype OnCloseDetail = {\n  /**\n   * reason for closing the dialog\n   */\n  reason: 'escapeKey' | 'icon';\n};\n\nexport type CancelBehavior = 'none' | 'escape' | 'icon';\n\ntype DialogProps = IntrinsicProps &\n  DimensionProps & {\n    /**\n     * Optional ref for an element to focus on when component mounts\n     */\n    autoFocusRef?: RefObject<{ focus: () => void }>;\n\n    /**\n     * On Close callback.\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n\n    /**\n     * On opening or closing transition end callback.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n\n    /**\n     * Determines whether the Dialog is open.\n     */\n    isOpen: boolean;\n\n    /**\n     * Dialog header content. Can be a string or VNode (Component Child).\n     * <p>\n     * When a plain string is passed, it will be used as the dialog title. Otherwise, the prop value\n     * will be used as the header content.\n     * </p>\n     * <p>\n     * Dialog will automatically refer to the header content as the accessible label.\n     * The user can override this behavior by specifying the <code>aria-labelledby</code> property\n     * and setting its value as needed.\n     * </p>\n     */\n    header?: ComponentChild;\n\n    /**\n     * Dialog footer content.\n     */\n    footer?: ComponentChild;\n\n    /**\n     * Determines dialog modality. Default is 'modal'.\n     */\n    modality?: 'modal' | 'modeless';\n\n    /**\n     * Specifies dialog's cancel behavior. Default is 'none'.\n     */\n    cancelBehavior?: CancelBehavior;\n\n    /**\n     * Specifies dialog's launcher. After dialog closes, it returns focus to the launcher.\n     * If not specified, focus goes back to the last active element before dialog opened.\n     */\n    launcherRef?: RefObject<HTMLElement | UnsafeDomHandle<HTMLElement>>;\n\n    /**\n     * Specifies dialog's anchor. Dialog is placed relative to its anchor. If not specified,\n     * it is placed relatively to window.\n     */\n    anchorRef?: RefObject<Element | Coords>;\n\n    /**\n     * Determines placement of the dialog relative to the viewport.\n     * Supported values are:\n     * <p> <code>center</code>, <code>top</code>, <code>top-start</code>, <code>top-end</code>,\n     * <code>end</code>, <code>end-top</code>, <code>end-bottom</code>,\n     * <code>bottom</code>, <code>bottom-start</code>, <code>bottom-end</code>,\n     * <code>start</code>, <code>start-top</code>, <code>start-bottom</code>\n     * </p>\n     * Default is <code>center</code>.\n     */\n    placement?: WindowOverlayPlacement;\n\n    /**\n     * Determines the offset of the Dialog from its core placement along the specified axes.\n     *\n     * Offset could be a number or an object\n     *\n     * An object has the following type:\n     * <pre>\n     *   {\n     *     mainAxis?: number;\n     *     crossAxis?: number;\n     *   }\n     * </pre>\n     * For the <code>center</code> placement the convention for the offset type is that mainAxis defines\n     * offset from the top, crossAxis defines offset from the left side of the view port.\n     *\n     * A number is a shortcut for setting the mainAxis.\n     */\n    offset?: Offset;\n\n    /**\n     * Determines if the Dialog should be sensitive to drag gestures. To create a draggable dialog,\n     * set <code>dragAffordance='header'</code> and specify the <code>onDragMove</code> handler.\n     */\n    dragAffordance?: 'none' | 'header';\n\n    /**\n     * Determines if the Dialog should support resizing. To create a resizable dialog,\n     * set <code>resizeBehavior='resizable'</code> and specify the <code>onResize</code> handler.\n     */\n    resizeBehavior?: 'none' | 'resizable';\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is initiated.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragStart?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is detected.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragMove?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>dragAffordance</code> is set to <code>header</code> and a drag gesture is completed.\n     * The current position is reported in the <code>pos</code> parameter.\n     *\n     * @param pos\n     */\n    onDragEnd?: (pos: Position) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is initiated. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResizeStart?: (rect: Rect) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is detected. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResize?: (rect: Rect) => void;\n\n    /**\n     * Callback to be invoked if <code>resizeBehavior</code> is set to <code>resizable</code> and\n     * a resize gesture is completed. The current position and dimensions are reported in the\n     * <code>rect</code> parameter.\n     *\n     * @param rect\n     */\n    onResizeEnd?: (rect: Rect) => void;\n\n    /**\n     * Specifies callback triggered when initial focus is set or when a modeless dialog receives focus\n     * via the F6 key.\n     */\n    onFocusSet?: () => void;\n\n    /**\n     * Determines if the header decoration should be displayed. The default is <code>on</code>\n     * which renders a textured strip at the top of the dialog header in the Redwood theme.\n     * If set to <code>off</code>, no decoration is rendered.\n     */\n    headerDecoration?: 'off' | 'on';\n\n    /**\n     * Specifies the ARIA role type. Depending on how the dialog is used in the page, the developer\n     * should choose from the following:\n     * <ul>\n     *   <li><code>dialog</code> defines an application window that is designed to interrupt the current\n     *      processing of an application in order to prompt the user to enter information or require\n     *      a response.</li>\n     *   <li><code>alertdialog</code> defines type of dialog that contains an alert message, where initial\n     *      focus goes to an element within the dialog.</li>\n     * </ul>\n     */\n    role?: string;\n\n    /**\n     * Optional <code>aria-labelledby</code> property referring to the content to be used as Dialog's\n     * accessible <label htmlFor=\"\" className=\"\"></label>\n     * If not specified, the Dialog will automatically refer to the entire header content as the accessible label.\n     */\n    'aria-labelledby'?: string;\n\n    /**\n     * Optional accessible description for the dialog.\n     */\n    'aria-describedby'?: string;\n  } & TestIdProps;\n\n// dialog header\ntype DialogHeaderProps = Pick<DialogProps, 'children'> & {\n  id?: string;\n  closeButtonRef?: RefObject<HTMLDivElement>;\n  cancelBehavior?: CancelBehavior;\n  onClose?: (detail: OnCloseDetail) => void;\n  draggableProps?: DraggableProps;\n  headerDecoration?: 'off' | 'on';\n};\n\nconst StyledDialogHeader = ({\n  children,\n  id,\n  closeButtonRef,\n  cancelBehavior,\n  onClose,\n  draggableProps,\n  headerDecoration = 'on'\n}: DialogHeaderProps) => {\n  const { styles } = useComponentTheme<never, DialogStyles>(DialogRedwoodTheme);\n\n  const isSmallWidth = !useBreakpoints()['md'];\n\n  const classes = classNames([\n    styles.dialogHeaderStyle,\n    isSmallWidth ? styles.dialogHeaderStyleSmall : styles.dialogHeaderStyleDesktop,\n    ...(headerDecoration === 'on' ? [styles.dialogHeaderDecorationStyle] : [])\n  ]);\n\n  const content: ComponentChild =\n    typeof children === 'string' ? (\n      <h1 id={id} className={styles.dialogTitleStyle}>\n        {children}\n      </h1>\n    ) : (\n      <>{children}</>\n    );\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const handleIconClose = () => {\n    onClose?.({ reason: 'icon' });\n  };\n\n  const closeIcon: ComponentChild =\n    cancelBehavior === 'icon' ? (\n      <div>\n        <div className={styles.dialogHeaderCloseIconStyle} ref={closeButtonRef}>\n          <IconButton\n            aria-label={translations.message_close()}\n            size=\"sm\"\n            variant=\"ghost\"\n            onAction={handleIconClose}>\n            <CloseIcon />\n          </IconButton>\n        </div>\n      </div>\n    ) : null;\n\n  return (\n    <div className={classes} {...draggableProps}>\n      {content}\n      {closeIcon}\n    </div>\n  );\n};\n\n// dialog footer\n\ntype DialogFooterProps = Pick<DialogProps, 'children'> & {\n  style?: string;\n};\n\nconst StyledDialogFooter = forwardRef(\n  ({ children, style }: DialogFooterProps, ref: ForwardedRef<HTMLDivElement | null>) => {\n    return (\n      <div ref={ref} className={style}>\n        {children}\n      </div>\n    );\n  }\n);\n\n// styled dialog\n\ntype MainProps = Pick<DialogProps, 'children' | 'header' | 'footer' | 'role'> &\n  Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'style' | 'onKeyDown'> & {\n    visibility: VisibilityStatus;\n    labelId?: string;\n    ariaLabelledBy?: string;\n    ariaDescribedBy?: string;\n    cancelBehavior?: CancelBehavior;\n    draggableProps?: DraggableProps;\n    isResizable?: boolean;\n    headerDecoration?: 'off' | 'on';\n    containerRef?: RefObject<HTMLElement>;\n    onClose?: (detail: OnCloseDetail) => void;\n    onResizeStart?: (rect: Rect) => void;\n    onResize?: (rect: Rect) => void;\n    onResizeEnd?: (rect: Rect) => void;\n    closeButtonRef?: RefObject<HTMLDivElement>;\n    bodyRef?: RefObject<HTMLDivElement>;\n    footerRef?: RefObject<HTMLDivElement | null>;\n  } & TestIdProps;\n\nconst StyledDialog = forwardRef(\n  (\n    {\n      children,\n      header,\n      footer,\n      visibility,\n      labelId,\n      role,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      cancelBehavior,\n      draggableProps,\n      isResizable,\n      headerDecoration,\n      containerRef,\n      onClose,\n      onResizeStart,\n      onResize,\n      onResizeEnd,\n      onKeyDown,\n      testId,\n      style,\n      closeButtonRef,\n      bodyRef,\n      footerRef\n    }: MainProps,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const elementRef = useRef<HTMLDivElement>(null);\n    const mergedRef = mergeRefs(ref, elementRef);\n\n    // computed dialog dimension limits\n    const sizeConstraints = useRef<ResizableConstraints>();\n\n    const [isSmallHeight, setSmallHeight] = useState<boolean>(false);\n    const isSmallWidth = !useBreakpoints()['md'];\n\n    const { classes: styleClasses, styles } = useComponentTheme<never, DialogStyles>(\n      DialogRedwoodTheme\n    );\n\n    const resizeHandler = useCallback(() => {\n      if (elementRef.current) {\n        if (elementRef.current.clientHeight < 400) {\n          setSmallHeight(true);\n        } else {\n          setSmallHeight(false);\n        }\n        if (elementRef.current) {\n          const cs = window.getComputedStyle(elementRef.current);\n          sizeConstraints.current = {\n            minHeight: parseFloat(cs.minHeight),\n            maxHeight: parseFloat(cs.maxHeight),\n            minWidth: parseFloat(cs.minWidth),\n            maxWidth: parseFloat(cs.maxWidth)\n          };\n        }\n      }\n    }, []);\n\n    // set initial Height\n    useEffect(() => {\n      resizeHandler();\n    }, [resizeHandler]);\n\n    useResizeObserver(elementRef, resizeHandler);\n\n    // for small widths (mobile), use the 'smallWidth' dialog style\n    // otherwise, check for small height to apply 'smallWidth' or 'desktop' styles accordingly\n    const baseStyle = isSmallWidth ? styles.baseStyleSmallWidth : styles.baseStyleDesktop;\n\n    // content should scroll depending on the viewport height\n    // on large screens, the header and footer should be \"sticky\",\n    // at small viewport heights, the entire content should be scrollable\n    const contentStyle = isSmallHeight\n      ? styles.dialogContentStyleNoShrink\n      : styles.dialogContentStyle;\n\n    const bodyStyle = classNames([\n      styles.dialogBodyStyle,\n      isSmallWidth ? styles.dialogBodyStyleSmall : styles.dialogBodyStyleDesktop\n    ]);\n\n    const footerStyle = classNames([\n      styles.dialogFooterStyle,\n      isSmallWidth ? styles.dialogFooterStyleSmall : styles.dialogFooterStyleDesktop\n    ]);\n\n    const visibilityStyle =\n      visibility === 'visible' ? styles.visibilityVisible : styles.visibilityHidden;\n\n    const testIdProps = useTestId(testId);\n\n    return (\n      <FocusTrap restoreFocusRef={false}>\n        <div\n          ref={mergedRef}\n          tabIndex={-1}\n          className={classNames([styleClasses, baseStyle, visibilityStyle, globalImages])}\n          style={style}\n          onKeyDown={onKeyDown}\n          role={role}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          {...testIdProps}>\n          <div className={styles.dialogContainerStyle}>\n            <StyledDialogHeader\n              id={labelId}\n              onClose={onClose}\n              headerDecoration={headerDecoration}\n              cancelBehavior={cancelBehavior}\n              closeButtonRef={closeButtonRef}\n              draggableProps={draggableProps}>\n              {header}\n            </StyledDialogHeader>\n            <div className={contentStyle} ref={bodyRef}>\n              {children ? <div className={bodyStyle}>{children}</div> : null}\n            </div>\n            <StyledDialogFooter ref={footerRef} style={footerStyle}>\n              {footer}\n            </StyledDialogFooter>\n          </div>\n          {isResizable && (\n            <Resizable\n              onResizeStart={onResizeStart}\n              onResize={onResize}\n              onResizeEnd={onResizeEnd}\n              containerRef={containerRef}\n              constraints={sizeConstraints.current}></Resizable>\n          )}\n        </div>\n      </FocusTrap>\n    );\n  }\n);\n\n// main Dialog component\n\n/**\n * WAI-ARIA-compliant dialog component. A dialog is a floating window that typically contains\n * a title bar and a content area.\n * The dialog is generally placed on top of the rest of the page content. It can be either modal\n * (only the content in the dialog can be interacted with) or non-modal (it's still possible\n * to interact with content outside of the dialog).\n */\nexport const Dialog = forwardRef(\n  (\n    {\n      children,\n      isOpen,\n      header = '',\n      footer,\n      modality = 'modal',\n      launcherRef,\n      anchorRef,\n      autoFocusRef,\n      placement,\n      offset = 0,\n      cancelBehavior = 'none',\n      dragAffordance = 'none',\n      resizeBehavior = 'none',\n      headerDecoration = 'on',\n      onDragStart,\n      onDragMove,\n      onDragEnd,\n      onResizeStart,\n      onResize,\n      onResizeEnd,\n      onFocusSet,\n      onClose,\n      onTransitionEnd,\n      role = 'dialog',\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      testId,\n      ...props\n    }: DialogProps,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const [status, _setStatus] = useState<Status>(isOpen ? 'initial' : 'unmounted');\n    const _status = useRef<Status>(isOpen ? 'initial' : 'unmounted');\n    const setStatus = (s: Status) => {\n      _status.current = s;\n      _setStatus(s);\n    };\n\n    const [visibility, setVisibility] = useState<VisibilityStatus>('hidden');\n\n    const prevStatusRef = useRef<Status>('unmounted');\n\n    const floatingRef = useRef<HTMLDivElement>(null);\n    const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n    const localLauncherRef = useRef<HTMLElement | null>(null);\n    const closeButtonRef = useRef<HTMLDivElement>(null);\n    const bodyRef = useRef<HTMLDivElement>(null);\n    const footerRef = useRef<HTMLDivElement | null>(null);\n\n    const isSmallWidth = !useBreakpoints()['md'];\n    const derivedPlacement = isSmallWidth ? 'bottom' : placement ? placement : 'center';\n    const animationType = isSmallWidth\n      ? status === 'opening'\n        ? 'slideUp'\n        : 'slideDown'\n      : status === 'opening'\n      ? 'zoomIn'\n      : 'zoomOut';\n\n    const uniqueId = useId();\n    const labelId = ariaLabelledBy ? ariaLabelledBy : uniqueId;\n\n    const interpolations = [...Object.values(dimensionInterpolations)];\n    const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n    const { ...styles } = styleInterpolations(props);\n    const shouldReturnFocus = useRef<boolean>(false);\n\n    const setInitialFocus = useCallback(() => {\n      // Initial focus policy doc:\n      // The first :tabbable element within the dialog body\n      // The first :tabbable element within the dialog footer\n      // The dialog's close button\n      // The dialog itself\n      if (autoFocusRef && autoFocusRef.current) {\n        focusOn(autoFocusRef.current);\n      } else if (bodyRef.current && allTabbableElements(bodyRef.current).length > 0) {\n        // The first :tabbable element within the dialog body\n        focusWithin(bodyRef.current);\n      } else if (footerRef.current && allTabbableElements(footerRef.current).length > 0) {\n        // The first :tabbable element within the dialog footer\n        focusWithin(footerRef.current);\n      } else if (closeButtonRef.current && allTabbableElements(closeButtonRef.current).length > 0) {\n        // The dialog's close button\n        focusWithin(closeButtonRef.current);\n      } else {\n        // The dialog itself\n        focusWithin(contentWrapperRef.current as HTMLElement);\n      }\n      onFocusSet?.();\n    }, [autoFocusRef, onFocusSet]);\n\n    const returnFocus = useCallback((): void => {\n      const launcherEl = localLauncherRef.current;\n\n      if (shouldReturnFocus.current && launcherEl) {\n        focusOn(launcherEl);\n        shouldReturnFocus.current = false;\n      }\n    }, []);\n\n    // Animation\n    const { nodeRef } = useAnimation<Animations, HTMLDivElement>(animationType, {\n      animationStates,\n      isAnimatedOnMount: true,\n      onAnimationEnd: () => {\n        if (isOpen) {\n          onTransitionEnd?.(true);\n        } else if (!isOpen) {\n          // Should return focus?\n          // Modeless: check whether Dialog contains focus before it unmounts\n          // Modal: always return focus\n          shouldReturnFocus.current =\n            contentWrapperRef.current?.contains(getActiveElement() as HTMLElement) || false;\n          nodeRef(null);\n          setVisibility('hidden');\n          setStatus('unmounted');\n          onTransitionEnd?.(false);\n        }\n      }\n    });\n\n    const mergedRef = useMemo(() => mergeRefs(contentWrapperRef, ref), [contentWrapperRef, ref]);\n\n    const launcherKeyDownCallback = useCallback(\n      (event: KeyboardEvent): void => {\n        if (localLauncherRef.current === getActiveElement() && event.code === 'F6') {\n          // Prevent default F6 handlers.\n          // F6 is a standard Chrome address bar shortcut on Windows.\n          event.preventDefault();\n          event.stopPropagation();\n\n          focusWithin(contentWrapperRef.current as HTMLElement);\n          onFocusSet?.();\n        }\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [modality]\n    );\n\n    const { draggableProps } = useDraggable({\n      isDisabled: dragAffordance === 'none',\n      containerRef: floatingRef,\n      onDragStart,\n      onDragMove,\n      onDragEnd\n    });\n\n    useEffect(() => {\n      // 1. Ignore status update on initial render or return focus on component unmount\n      if (status === 'unmounted' && !isOpen) {\n        if (status !== prevStatusRef.current) {\n          returnFocus();\n        }\n      }\n\n      // 2. Mount visually hidden component\n      // Component gets mounted, but will be visually hidden to avoid flickering\n      // Flickering happens because it gets rendered before animation hook repositions\n      // it in next render cycle\n      else if (status === 'unmounted' && isOpen) {\n        setStatus('initial');\n      }\n\n      // 3. Setup animation\n      // Component has been mounted.\n      // We will kick out animation as node is already present in DOM.\n      // To avoid flickering, we still keep it visually hidden until the next render cycle.\n      else if (status === 'initial' && isOpen) {\n        nodeRef(contentWrapperRef.current);\n        setStatus('opening');\n      }\n\n      // 3. Unhide component. It becomes visible.\n      else if (status === 'opening' && isOpen) {\n        setVisibility('visible');\n      }\n\n      // 4. Closing\n      else if (!isOpen && _status.current !== 'unmounted') {\n        setStatus('closing');\n      }\n\n      return () => {\n        // remember the previous status\n        prevStatusRef.current = status;\n      };\n    }, [isOpen, status, nodeRef, returnFocus]);\n\n    // Destroy case handler\n    useEffect(() => {\n      return () => {\n        const launcherEl = localLauncherRef.current;\n        if (\n          // eslint-disable-next-line react-hooks/exhaustive-deps\n          (contentWrapperRef.current?.contains(getActiveElement() as HTMLElement) || false) &&\n          launcherEl\n        ) {\n          // In destroy case ModalManager is blocking returning of the focus.\n          // We need to reschedule it to workaround that\n          setTimeout(() => {\n            focusOn(launcherEl);\n          }, 0);\n        }\n      };\n    }, []);\n\n    // Initialize launcher\n    useEffect(() => {\n      if (isOpen) {\n        localLauncherRef.current = _getLauncherElement(launcherRef);\n\n        // Register F6 key handler to enter a modeless dialog\n        if (modality === 'modeless') {\n          localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n        }\n      }\n      return () => {\n        // Deregister F6 key handler\n        if (modality === 'modeless') {\n          localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n        }\n      };\n    }, [isOpen, launcherRef, launcherKeyDownCallback, modality]);\n\n    // setInitialFocus when the dialog becomes visible\n    useEffect(() => {\n      if (visibility === 'visible') {\n        setInitialFocus();\n      }\n    }, [visibility, setInitialFocus]);\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      switch (event.code) {\n        case 'Escape':\n          onClose?.({ reason: 'escapeKey' });\n          break;\n        case 'F6':\n          // Focus launcher\n          if (localLauncherRef.current && modality === 'modeless') {\n            focusOn(localLauncherRef.current);\n          }\n          // Prevent default F6 handlers. F6 is a standard Chrome address bar shortcut on Windows.\n          event.preventDefault();\n          event.stopPropagation();\n          break;\n      }\n    };\n\n    const handleBackdropClick = () => {\n      // in case of a backdrop click, move focus to dialog's root element\n      contentWrapperRef.current?.focus();\n    };\n\n    const renderDialogContent = () => {\n      return (\n        <StyledDialog\n          ref={mergedRef}\n          labelId={labelId}\n          header={header}\n          footer={footer}\n          role={role}\n          ariaLabelledBy={labelId}\n          ariaDescribedBy={ariaDescribedBy}\n          onKeyDown={handleKeyDown}\n          testId={testId}\n          style={styles}\n          visibility={visibility}\n          cancelBehavior={cancelBehavior}\n          draggableProps={draggableProps}\n          isResizable={resizeBehavior === 'resizable'}\n          headerDecoration={headerDecoration}\n          containerRef={floatingRef}\n          onClose={onClose}\n          onResizeStart={onResizeStart}\n          onResize={onResize}\n          onResizeEnd={onResizeEnd}\n          closeButtonRef={closeButtonRef}\n          bodyRef={bodyRef}\n          footerRef={footerRef}>\n          {children}\n        </StyledDialog>\n      );\n    };\n\n    const renderDialog = () => {\n      if (anchorRef && anchorRef.current) {\n        return (\n          <Floating\n            ref={floatingRef}\n            anchorRef={anchorRef}\n            placement={'bottom-start'}\n            flipOptions={{ mainAxis: false, crossAxis: false }}\n            shiftOptions={{ mainAxis: false, crossAxis: false }}>\n            {renderDialogContent()}\n          </Floating>\n        );\n      } else {\n        return (\n          <WindowOverlay placement={derivedPlacement} offset={offset}>\n            {renderDialogContent()}\n          </WindowOverlay>\n        );\n      }\n    };\n\n    const logicalLauncherRef = launcherRef as LogicalParentRef;\n\n    if (modality === 'modal') {\n      return (\n        <LogicalParentRefContext.Provider value={logicalLauncherRef}>\n          <Modal isOpen={status !== 'unmounted'} onBackdropClick={handleBackdropClick}>\n            {renderDialog()}\n          </Modal>\n        </LogicalParentRefContext.Provider>\n      );\n    } else {\n      return status !== 'unmounted' ? (\n        <Layer logicalParentRef={logicalLauncherRef}>{renderDialog()}</Layer>\n      ) : null;\n    }\n  }\n);\n\nfunction _getLauncherElement(launcherRef: DialogProps['launcherRef']) {\n  const launcher = launcherRef?.current;\n\n  if (launcher) {\n    const launcherElement = launcher instanceof Element ? launcher : launcher[UNSAFE_DOM_ACCESS];\n\n    if (document.body.contains(launcherElement)) {\n      return launcherElement;\n    }\n  }\n\n  return getActiveElement() as HTMLElement;\n}\n\nconst animationStates = {\n  zoomIn: {\n    from: {\n      scaleX: 0.9,\n      scaleY: 0.9,\n      transformOrigin: 'center',\n      opacity: 0\n    },\n    to: {\n      scaleX: 1,\n      scaleY: 1,\n      opacity: 1\n    },\n    options: {\n      duration: 200\n    }\n  },\n  zoomOut: {\n    from: {\n      scaleX: 1,\n      scaleY: 1,\n      transformOrigin: 'center',\n      opacity: 1\n    },\n    to: {\n      scaleX: 0.9,\n      scaleY: 0.9,\n      opacity: 0\n    },\n    options: {\n      duration: 200\n    }\n  },\n  slideUp: {\n    ...SLIDE_UP_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  },\n  slideDown: {\n    ...SLIDE_DOWN_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  }\n};\n"],"names":["StyledDialogHeader","children","id","closeButtonRef","cancelBehavior","onClose","draggableProps","headerDecoration","styles","useComponentTheme","DialogRedwoodTheme","isSmallWidth","useBreakpoints","classes","classNames","dialogHeaderStyle","dialogHeaderStyleSmall","dialogHeaderStyleDesktop","dialogHeaderDecorationStyle","content","_jsx","className","dialogTitleStyle","jsx","_Fragment","Fragment","translations","useTranslationBundle","closeIcon","dialogHeaderCloseIconStyle","ref","IconButton","message_close","size","variant","onAction","reason","CloseIcon","_jsxs","StyledDialogFooter","forwardRef","style","StyledDialog","header","footer","visibility","labelId","role","ariaLabelledBy","ariaDescribedBy","isResizable","containerRef","onResizeStart","onResize","onResizeEnd","onKeyDown","testId","bodyRef","footerRef","elementRef","useRef","mergedRef","mergeRefs","sizeConstraints","isSmallHeight","setSmallHeight","useState","styleClasses","resizeHandler","useCallback","current","clientHeight","cs","window","getComputedStyle","minHeight","parseFloat","maxHeight","minWidth","maxWidth","useEffect","useResizeObserver","baseStyle","baseStyleSmallWidth","baseStyleDesktop","contentStyle","dialogContentStyleNoShrink","dialogContentStyle","bodyStyle","dialogBodyStyle","dialogBodyStyleSmall","dialogBodyStyleDesktop","footerStyle","dialogFooterStyle","dialogFooterStyleSmall","dialogFooterStyleDesktop","visibilityStyle","visibilityVisible","visibilityHidden","testIdProps","useTestId","FocusTrap","restoreFocusRef","jsxs","tabIndex","globalImages","dialogContainerStyle","Resizable","constraints","Dialog","isOpen","modality","launcherRef","anchorRef","autoFocusRef","placement","offset","dragAffordance","resizeBehavior","onDragStart","onDragMove","onDragEnd","onFocusSet","onTransitionEnd","props","status","_setStatus","_status","setStatus","s","setVisibility","prevStatusRef","floatingRef","contentWrapperRef","localLauncherRef","derivedPlacement","animationType","uniqueId","useId","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","shouldReturnFocus","setInitialFocus","focusOn","allTabbableElements","length","focusWithin","returnFocus","launcherEl","nodeRef","useAnimation","animationStates","isAnimatedOnMount","onAnimationEnd","contains","getActiveElement","useMemo","launcherKeyDownCallback","event","code","preventDefault","stopPropagation","useDraggable","isDisabled","setTimeout","launcher","launcherElement","Element","UNSAFE_DOM_ACCESS","document","body","_getLauncherElement","addEventListener","removeEventListener","handleKeyDown","handleBackdropClick","focus","renderDialogContent","renderDialog","Floating","flipOptions","mainAxis","crossAxis","shiftOptions","WindowOverlay","logicalLauncherRef","LogicalParentRefContext","Provider","value","Modal","onBackdropClick","Layer","logicalParentRef","zoomIn","from","scaleX","scaleY","transformOrigin","opacity","to","options","duration","zoomOut","slideUp","SLIDE_UP_XLARGE","DURATION_LARGE","slideDown","SLIDE_DOWN_XLARGE"],"mappings":"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"}

package/amd/DirectionalCollapseArrowIcon-6294b628.js

@@ -1,2 +1,2 @@
-define(['exports', './CaretLeft-6888895e', './withDirectionIcon-cea07c6e'], (function(e,t,i){"use strict";const c=i.withDirectionIcon(t.SvgCaretLeft,t.SvgCaretRight);e.DirectionalCollapseArrowIcon=c}));
+define(['exports', './CaretLeft-6888895e', './withDirectionIcon-07d1a4ee'], (function(e,t,i){"use strict";const o=i.withDirectionIcon(t.SvgCaretLeft,t.SvgCaretRight);e.DirectionalCollapseArrowIcon=o}));
 //# sourceMappingURL=DirectionalCollapseArrowIcon-6294b628.js.map

package/amd/DirectionalExpandArrowIcon-c3e50398.js

@@ -1,2 +1,2 @@
-define(['exports', './CaretLeft-6888895e', './withDirectionIcon-cea07c6e'], (function(t,e,i){"use strict";const c=i.withDirectionIcon(e.SvgCaretRight,e.SvgCaretLeft);t.DirectionalExpandArrowIcon=c}));
+define(['exports', './CaretLeft-6888895e', './withDirectionIcon-07d1a4ee'], (function(t,e,i){"use strict";const n=i.withDirectionIcon(e.SvgCaretRight,e.SvgCaretLeft);t.DirectionalExpandArrowIcon=n}));
 //# sourceMappingURL=DirectionalExpandArrowIcon-c3e50398.js.map

package/amd/DragHandle-75151eea.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './mergeProps-bcfa6a92', './useActive-bb5dc069', './useTestId-6160e7a2', './DragV-fde6c49b', './UNSAFE_DragHandle/themes/DragHandleStyles.css'], (function(e,s,a,t,r,c,d,i){"use strict";e.DragHandle=function({testId:e}){const{isActive:n,activeProps:l}=r.useActive(),g=c.useTestId(e),o=a.classNames([i.iconStyle,n?i.activeStyle:i.hoverStyle]);return s.jsx("div",{...t.mergeProps(l,g),"data-oj-draggable":"",draggable:!0,class:o,role:"presentation",children:s.jsx(d.SvgDragV,{})})}}));
+//# sourceMappingURL=DragHandle-75151eea.js.map

package/amd/DragHandle-75151eea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle-75151eea.js","sources":["../../src/UNSAFE_DragHandle/DragHandle.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { DragHandleIcon } from '../PRIVATE_ThemedIcons/DragHandleIcon';\nimport { iconStyle, hoverStyle, activeStyle } from './themes/DragHandleStyles.css';\n\ntype Props = TestIdProps;\n\n/**\n * A draggable icon that shows grab cursor when users hover the mouse on it,\n * and shows grabbing cursor when users click the icon.\n */\nexport function DragHandle({ testId }: Props) {\n  const { isActive, activeProps } = useActive();\n  const testIdProps = useTestId(testId);\n  const classes = classNames([iconStyle, isActive ? activeStyle : hoverStyle]);\n  return (\n    <div\n      {...mergeProps(activeProps, testIdProps)}\n      data-oj-draggable=\"\"\n      draggable={true}\n      class={classes}\n      role=\"presentation\">\n      <DragHandleIcon />\n    </div>\n  );\n}\n"],"names":["testId","isActive","activeProps","useActive","testIdProps","useTestId","classes","classNames","iconStyle","activeStyle","hoverStyle","_jsx","jsx","mergeProps","draggable","class","role","children","DragHandleIcon","SvgDragV"],"mappings":"gQAagB,UAAWA,OAAEA,IAC3B,MAAMC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,YACrCC,EAAcC,YAAUL,GACxBM,EAAUC,EAAAA,WAAW,CAACC,EAAAA,UAAWP,EAAWQ,EAAWA,YAAGC,EAAUA,aAC1E,OACEC,EAAAC,IAAA,MAAA,IACMC,EAAUA,WAACX,EAAaE,GACV,oBAAA,GAClBU,WAAW,EACXC,MAAOT,EACPU,KAAK,eACLC,SAAAN,EAAAA,IAACO,EAAcC,SAAA,KAGrB"}

package/amd/DrawerPopup-5e03ba8c.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './refUtils-77e97004', './Layer-64bf71ad', './LayerHost-1a734852', './Modal-95bf034f', './FocusTrap-038b32c3', './tabbableUtils-f95361a6', './positionUtils-6e4daa31', './clientHints-6d361eaa', './useOutsideClick-ace4f686', './useAnimation-d90c433f', './useUser-e0677e8d', './useTestId-6160e7a2', './useSwipe-d22a98f1', './useComponentTheme-db55de25', './colors-a9482873', './mergeInterpolations-9ede4cf7', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupTheme'], (function(e,t,n,r,o,s,a,i,u,l,c,d,f,m,p,b,h,g,v,y,w){"use strict";const E="0px",C=250,O=r.forwardRef((({children:e,isOpen:r=!1,autoFocusRef:a,placement:O="start",modality:R="modal",onClose:k,onTransitionEnd:x,"aria-label":A,"aria-labelledby":P,"aria-describedby":T,testId:F,...D},S)=>{const[j,I]=n.useState(r?"initial":"unmounted"),M=n.useRef(r?"initial":"unmounted"),L=e=>{M.current=e,I(e)},[U,H]=n.useState("hidden"),[N,W]=n.useState(!r),[X,Y]=n.useState("overlay"),z=n.useRef("unmounted"),$=n.useRef(null),K=n.useRef(null),B=n.useMemo((()=>o.mergeRefs($,S)),[$,S]),_="bottom"===O,q=n.useRef(!1),G={opening:()=>_?{from:{translateY:Z()},to:{translateY:E},options:{duration:C}}:{from:{translateX:V()},to:{translateX:E},options:{duration:C}},closing:()=>_?{from:{translateY:E},to:{translateY:Z()},options:{duration:C}}:{from:{translateX:E},to:{translateX:V()},options:{duration:C}}},J=b.useTestId(F),{direction:Q}=p.useUser(),V=()=>{return`${"right"===c.normalizePosition(O,Q)?"":"-"}${e=$.current,Math.round(e.getBoundingClientRect().width)}px`;var e},Z=()=>{return`${e=$.current,Math.round(e.offsetHeight)}px`;var e},ee=n.useCallback((()=>{$.current?.style?.removeProperty("transform")}),[]),{nodeRef:te}=m.useAnimation(j,{animationStates:G,isAnimatedOnMount:!0,onAnimationEnd:()=>{if("opening"===j)ee(),(()=>{if($.current){const e=l.getAutofocusFocusables($.current);if(e.length>0)return void l.focusOn(e[0]);l.focusWithin($.current)}})(),x?.(!0);else if(!r){const e=l.getActiveElement();q.current=$.current?.contains(e)||e===document.body||!1,te(null),H("hidden"),L("unmounted"),x?.(!1)}}});n.useEffect((()=>("unmounted"!==j||r||j===z.current?"unmounted"===j&&r?L("initial"):"initial"===j&&r?(te($.current),W(!1),L("opening")):"opening"===j&&r?H("visible"):r||"unmounted"===j||(W(!0),"unmounted"!==M.current&&L("closing")):q.current&&(l.focusOnElementOrNearestAncestor(K.current),q.current=!1),()=>{z.current=j})),[r,j,te]),n.useEffect((()=>()=>{$.current?.contains(l.getActiveElement())&&setTimeout((()=>{l.focusOnElementOrNearestAncestor(K.current)}),0)}),[]),n.useEffect((()=>{if("opening"===j&&(K.current=l.getActiveElement(),"modeless"===R&&K.current?.addEventListener("keydown",ne)),"closing"===j&&"modeless"===R)return()=>{K.current?.removeEventListener("keydown",ne)}}),[R,j]);const ne=e=>{K.current===l.getActiveElement()&&"F6"===e.code&&(e.preventDefault(),e.stopPropagation(),l.focusWithin($.current))},re=n.useCallback((e=>{const t=K.current;switch(e.code){case"Escape":k?.({reason:"escapeKey"});break;case"F6":if("modeless"===R){e.preventDefault(),e.stopPropagation(),t&&l.focusOn(t);break}}}),[k,R]),oe=n.useCallback((()=>{k?.({reason:"outsideClick"})}),[k]),se=[$];K.current&&K.current!==document.body&&se.push(K),f.useOutsideClick({isDisabled:N,ref:se,handler:oe});const ae=d.getClientHints(),ie=n.useCallback((()=>"ios"===ae.platform?document.documentElement.clientWidth:window.innerWidth),[ae.platform]),ue=n.useCallback((()=>{const e=ie();"overlay"===X&&e<600&&Y("fullOverlay"),"fullOverlay"===X&&e>600&&Y("overlay")}),[ie,X]);n.useEffect((()=>{if($.current&&"opening"===j){const e=new ResizeObserver((()=>{ue()}));return e.observe(document.body),()=>{e.unobserve(document.body)}}}),[j,ue]);const le=n.useCallback((()=>{k?.({reason:"swipe"})}),[k]),ce=n.useCallback((e=>{const t=e.direction;"ltr"===Q&&("start"===O&&"left"===t||"end"===O&&"right"===t)&&le(),"rtl"===Q&&("start"===O&&"right"===t||"end"===O&&"left"===t)&&le(),"bottom"===O&&"down"===t&&le()}),[Q,O,le]),{swipeProps:de}=h.useSwipe(ce,{threshold:50,maximumTime:750,tolerance:40}),{classes:fe}=g.useComponentTheme(w.DrawerPopupRedwoodTheme,{placement:_?O:"rtl"===Q?"start"===O?"right":"left":"start"===O?"left":"right",visibility:U,displayModeHorizontal:["start","end"].indexOf(O)>-1?X:void 0}),me=[...Object.values(v.colorInterpolations)],pe=y.mergeInterpolations(me),{...be}=pe(D),he=()=>t.jsx(u.FocusTrap,{autoFocusRef:a,restoreFocusRef:!1,children:t.jsx("div",{ref:B,className:fe,style:be,tabIndex:-1,role:"dialog",onKeyDown:re,"aria-label":A,"aria-labelledby":P,"aria-describedby":T,...de,...J,children:e})}),ge="unmounted"!==j;return ge?"modal"===R?t.jsx(i.LogicalParentRefContext.Provider,{value:K,children:t.jsx(i.Modal,{isOpen:ge,children:he()})}):t.jsx(s.Layer,{logicalParentRef:K,children:he()}):null}));e.DrawerPopup=O}));
+//# sourceMappingURL=DrawerPopup-5e03ba8c.js.map