npm - @oracle/oraclejet-preact - Versions diffs - 18.1.1 → 18.1.2 - Mend

@oracle/oraclejet-preact 18.1.1 → 18.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1057) hide show

package/amd/MeterCircle-cce2cb51.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useUser-abae2493', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './meterUtils-775a2dde', './circleUtils-1886e5b4', './utils-948bcf60', './UNSAFE_MeterCircle/themes/MeterCircleStyles.css', './UNSAFE_MeterCircle/themes/MeterCircleContract.css', './Common/themes/themeContract.css', './utils-32e81a13', './TrackResizeContainer-c6b5de04', './useMeterDatatip-8702ee6e', './useKeyboardEvents-e66373bb', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useComponentTheme-5aa41a8f', './UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme', './useTestId-d0c49456', './useCssVars-4d0eeaa3', './useTextDimensions-030c6dbd', './CircularMeter-b754580a'], (function(e,t,n,s,i,r,a,l,o,c,h,u,d,f,m,g,x,p,$,b,C,y,R,M){"use strict";function S(e,t){if(!e)return{width:0,height:0,innerRadius:0,outerRadius:0};const n=e.children[0],s=n.getBoundingClientRect();return{width:Math.round(s.width),height:Math.round(s.height),...v(n,s,t)}}function v(e,t,n){const s=e.clientWidth,i=e.clientHeight;return"bottom"===n||"top"===n?{outerRadius:t.width/2,innerRadius:i}:"left"===n||"right"===n?{outerRadius:t.height/2,innerRadius:s}:{innerRadius:s/2,outerRadius:t.width/2}}function z(e,t,n,s,i,r,a,o,c){const h=i.current;if(!h)return;const u=l.getCenterCoord(o),{angle:d}=l.convertToPolar(h.width*u.x,h.height*u.y,e.offsetX,e.offsetY),f=l.getPositiveAngle(d);let m;if(c&&r+a>f&&(m=l.getPositiveAngle(d-r)/a*(n-t)),!c){const e=l.getPositiveAngle(r-f);e<=a&&(m=e*(n-t)/a)}return null!=m&&(m=Math.round(m/s)*s,m=Math.max(Math.min(n,m),t)),m}function P(e,t,n,s){return e*s/(n-t)}function T(e,t,n,s,i,r){return s+(r?1:-1)*P(e-t,t,n,i)}function I(e,t){const n=e.current;if(!n)return;const s=l.getCenterCoord(t),i=s.x*n.width,r=s.y*n.height;let a,o,c,h,u,d,f,m;return"top"===t||"bottom"===t||"full"===t?(f=2*n.innerRadius,m="full"===t?2*n.innerRadius:n.innerRadius,u=i-n.innerRadius,d="bottom"===t?0:r-n.innerRadius,c=Math.sqrt(2)*n.innerRadius,h="full"===t?c:n.innerRadius/Math.sqrt(2),a=i-n.innerRadius/Math.sqrt(2),o="bottom"===t?0:r-n.innerRadius/Math.sqrt(2)):(m=2*n.innerRadius,f=n.innerRadius,u="left"===t?i-n.innerRadius:0,d=r-n.innerRadius,h=Math.sqrt(2)*n.innerRadius,c=n.innerRadius/Math.sqrt(2),a="left"===t?i-n.innerRadius/Math.sqrt(2):0,o=r-n.innerRadius/Math.sqrt(2)),{outerBounds:{x:u,y:d,width:f,height:m},innerBounds:{x:a,y:o,width:c,height:h}}}const k=d.xUnits(2),w=d.xUnits(7.5),A=16;function L(e,t){return e?"fit"===e?`${t}px`:h.meterCircleVars.sizes[e]:h.meterCircleVars.size}function V(e){return e?h.meterCircleVars.trackSizes[e]:h.meterCircleVars.trackSize}function j(e,t,n){return null!=t?`(${L(e,n)} * ${t/2})`:`(${L(e,n)} * 0.5 - ${V(e)})`}function D(e,t,n){return null!=t?`(${L(e,n)} * ${1-t} / 2)`:V(e)}function E(e,t,n,s,i,r){const{min:a,max:c,startAngle:h,angleExtent:u,size:d,section:f,isRtl:m,innerRadius:g}=e,x=`calc(${D(d,i,r)})`,p=[],$=t.filter((e=>e.max>a&&e.max<=c)).sort(((e,t)=>e.max-t.max)),b=$.length;for(let e=0;e<b;e++){const t=$[e],i=0===e?a:$[e-1].max,r=0===e?t.max:t.max-$[e-1].max;let d=T(i,a,c,h,u,m),C=P(r,a,c,u);const{startOffset:y,extentOffset:R}=F(g,u,0===e,t.max===c,m),M=l.getClipPath(d+y,C+R,m,f);if(p.push({clipPath:M,color:o.getVisThresholdColor(t.color),size:x,section:f}),e===b-1&&t.max<c&&n){d+=(m?1:-1)*C,C=P(c-t.max,a,c,u);const{startOffset:e,extentOffset:n}=F(g,u,!1,!0,m);p.push({clipPath:l.getClipPath(d+e,C+n,m,f),color:s,size:x,section:f})}}return p}function O(e,t,n,s,i,r,a){const{startAngle:o,angleExtent:c,size:h,section:d,isRtl:f}=e;return{section:d,color:t?"all"===n&&r?`${u.colorSchemeVars.dvt.contrastLine}`:s:"transparent",clipPath:l.getClipPath(o,c,f,d),size:`calc(${D(h,i,a)})`}}function N(e,t,n,s){const{value:i,min:r,max:a,startAngle:o,angleExtent:c,size:h,section:u,isRtl:d}=e,f=(i-r)*c/(a-r),m=Math.min(Math.max(0,t),1),g="left"===u||"right"===u,x="top"===u||"bottom"===u,p=`calc(${D(h,n,s)} * ${m})`,$=`${L(h,s)} - ((1 - ${m}) * ${D(h,n,s)})`,b=`(${$}) / 2`;return{section:u,width:g?`calc(${b})`:`calc(${$})`,height:x?`calc(${b})`:`calc(${$})`,size:p,clipPath:l.getClipPath(o,f,d,u)}}function F(e,t,n,s,i){if(!e)return{startOffset:0,extentOffset:0};const r=360/(2*Math.PI*e);let a=r/2*(i?1:-1),l=-1*r;return n&&t<360&&(a=0,l=-.5*r),s&&t<360&&(l=-.5*r),{startOffset:a,extentOffset:l}}function U(e,t,n){return"top"===n||"bottom"===n?{height:Math.min(t,e/2),width:2*Math.min(t,e/2)}:"left"===n||"right"===n?{width:Math.min(e,t/2),height:2*Math.min(e,t/2)}:{width:Math.min(e,t),height:Math.min(e,t)}}function B(e,t,n){const s=`calc(${100*e.y}% - ((${Math.sin(2*t*Math.PI/360)} * ${n} )))`;return{xOffset:`calc(${100*e.x}%  + ((${Math.cos(2*t*Math.PI/360)} * ${n} )))`,yOffset:s}}function H(e,t,n){let s="-50%";const i=l.getPositiveAngle(e);return 90!==i&&270!==i||(n="string"==typeof n?n:`${Math.abs(n)}px`,"left"===t?s=`min(-50%, calc(-100% + ${n}))`:"right"===t&&(s=`max(-50%, calc(-1 *  ${n}))`)),i<=72||i>=288?"0 -50%":i>=108&&i<=252?"-100% -50%":i<=108&&i>=72?`${s} -100%`:`${s} 0`}function W(e,t,n){return(t=l.getPositiveAngle(t))<108&&t>72||t<288&&t>252?`calc(${e} * 1.4)`:`calc( (${e} * 0.7 ) - (${Math.abs(Math.cos(2*t*Math.PI/360))} * ${n} ))`}function q(e,t,n,s,i){let r="";return n||n?(s?r=`calc(${h.meterCircleVars.size} / ${"lg"===e||"md"===e?3:2} )`:n&&("sm"===e?r=d.xUnits(4):"md"===e?r=d.xUnits(3):"lg"===e&&(r=d.xUnits(2))),"bottom"===t?`${i.height/2}px ${r} ${r} ${r}`:"top"===t?`${r} ${r} ${i.height/2}px ${r}`:"left"===t?`${r} ${w} ${r} ${r}`:"right"===t?`${r} ${r} ${r} ${w}`:r):""}function K(e,t,n){const s="full"===e?t/2:t;return"top"===e?n?"50% -50%":"-50%, -50%":n?`calc(50% + ${s}px), calc(-50% - ${s}px)`:`calc(-50% - ${s}px), calc(-50% - ${s}px)`}function _(e,t,n,s){return(e-t)/2+(!s&&"right"===n||s&&"left"===n?-.5:.5)*A}function X({color:e,angle:n,radius:s,length:i,section:a="full",label:h,labelMaxWidth:u,labelOffset:d,labelStyle:f,halfMeterOffset:m}){const g=l.getCenterCoord(a),{xOffset:x,yOffset:p}=B(g,n,s),{xOffset:$,yOffset:b}=B(g,n,`calc(${i} + ${s} + ${d}px)`);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([c.styles.referenceBaseLineStyle,e?void 0:c.styles.referenceBorderStyle]),style:{left:x,top:p,width:`calc(${i})`,transform:`translate(0, -1px) rotate(${360-n}deg)`,backgroundColor:e?o.getVisThresholdColor(e):void 0}}),h&&t.jsx("div",{className:c.styles.referenceLineLabelContainerStyle,style:{left:$,top:b,maxWidth:u,translate:H(n,a,m),...f},children:h})]})}const Y=4;function G(e,t,n,s){return`${D(e,t,s)} +  ${d.xUnits("fit"!==e||n?2:4)}`}function J(e,t,n,s,i){const{min:r,max:a,startAngle:l,angleExtent:o,size:c,isRtl:h}=e;return{radius:j(c,n,i),length:G(c,n,s,i),angle:T(t.value,r,a,l,o,h),color:t.color}}function Q(e,t,n,s,i,r){if(!n)return{width:e,height:t,overHang:0};const a=function(e){return"min"===e||"xs"===e?2*Y:4*Y}(s),l=Z(s);return{width:e*(i?.6:1)-2*a,height:t-2*a-2*(r.height+l),overHang:a}}function Z(e,t){const n="min"===e||"xs"===e;return null!=t&&(t<108&&t>72||t<288&&t>252)?n?0:Y:null==t||t<108&&t>72&&!(t<288&&t>252)?n?Y/2:Y:1.5*Y}const ee=.8,te=8;function ne({max:e=100,min:o=0,value:c=0,step:h=1,size:d="fit",startAngle:x=90,angleExtent:v=360,isTrackRendered:P=!0,thresholdDisplay:T="all",indicatorSize:w=1,testId:A,isReadonly:L,...V}){const j=C.useTestId(A);a.validateRange(o,e,c,h,L);const D=V.onCommit||V.onInput,{classes:F,styles:B}=$.useComponentTheme(b.MeterCircleRedwoodTheme,{size:d,interaction:D?"isInteractive":void 0});return t.jsx(f.TrackResizeContainer,{class:r.classNames([F,B.textAlignCenter]),width:"100%",height:"100%",children:function(f,$){f-=te,$-=te;const b=a.hasLabelledReferenceLine(V.referenceLines),{textMeasureContent:C,getTextDimensions:A}=R.useTextDimensions(),{direction:L}=n.useUser(),H="rtl"===L;let W=x;H&&(W=l.getPositiveAngle(180-W));const q=l.getCircleSection(W,v,H),{width:Y,height:G}=U(f,$,q),ne=function(e){return e<200?"min":e<320?"xs":e<360?"sm":"md"}(Math.max(Y,G)),se=a.getDefaultReferenceLineLabelFontSize(ne),ie=s.useMemo((()=>[{tokenVar:se,key:"labelFontSize",cssProp:"font-size"},{tokenVar:u.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[se]),{resolvedVars:re,cssContent:ae}=y.useCssVars(ie),{maxRefLabelDims:le}=a.getMaxRefLabelDims(re.fontSize,re.lineHeight,V.referenceLines,A),oe="xs"===ne||"min"===ne,ce=V.innerRadius??ee,{width:he,height:ue,overHang:de}=Q(f,$,!!V.referenceLines?.length,ne,b,le),{width:fe,height:me}=U(he,ue,q),ge="full"===q?Math.min(fe,me)/2:Math.min(fe,me),xe=2*ge,pe=s.useRef(),$e=s.useRef(S(null,q)),be=s.useRef(null),[Ce,ye]=s.useState(!1);s.useEffect((()=>{(V.onCommit||V.onInput||V.children)&&($e.current=S(be.current,q),ye(!0))}),[q]);const Re=s.useRef(!1),Me=m.usePointerEvents(c,(t=>{const n=be.current;if(t.target==n)return z(t,o,e,h,$e,W,v,q,H)}),be,pe,Re,V.onCommit,V.onInput),Se=g.useKeyboardEvents(c,o,e,h,pe,V.onCommit,V.onInput),{datatipContent:ve,datatipProps:ze}=m.useMeterDatatip(c,Re,V.datatip,V["aria-describedby"]),Pe=a.getMeterAriaProps(c,o,e,V["aria-label"],V["aria-labelledby"],V.thresholds),Te=i.mergeProps(Me,Se,ze,Pe),{trackColor:Ie,indicatorColor:ke}=a.getTrackAndIndicatorColor(c,T,V.trackColor,V.indicatorColor,V.thresholds),we={min:o,max:e,value:c,startAngle:W,angleExtent:v,size:d,section:q,isRtl:H,innerRadius:$e.current.innerRadius},{isTabbable:Ae}=p.useTabbableMode(),Le=I($e,q);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([F,"full"===q?B.meterCircleFullSizeStyle:"",B.textAlignInitial]),style:{width:f,height:$},tabIndex:Ae?0:-1,...j,...Te,children:t.jsxs(M.CircleWrapper,{wrapperRef:be,class:r.classNames([B.circleWrapperBaseStyle,D?B.interactiveStyle:"",V.referenceLines&&V.referenceLines.length>0?d&&B[`${q}Fit${oe?"Sm":"Lg"}Style`]:"",H?B.centerDivRtl:B.centerDivLtr]),style:{width:`${fe}px`,height:`${me}px`,transform:`translate(${K(q,de,H)})`},children:[t.jsx(M.CircleInner,{width:`${fe}px`,height:`${me}px`,class:r.classNames([B.circleTrackBaseStyle,B[`${q}Style`]]),...O(we,P,T,Ie,ce,V.thresholds,xe)}),"all"===T&&V.thresholds&&E(we,V.thresholds,P,Ie,ce,xe).map((e=>t.jsx(M.CircleInner,{class:r.classNames([B.circleTrackBaseStyle,B[`${q}Style`]]),...e,width:`${fe}px`,height:`${me}px`}))),t.jsx(M.CircleInner,{color:ke,class:r.classNames([B.circleValueBaseStyle,B[`circleValue${q}Style`],B[`${q}Style`]]),...N(we,w,ce,2*ge)}),V.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=J(we,e,ce,oe,xe),a=function(e,t,n,s){return n=l.getPositiveAngle(n),"full"===e||"bottom"===e||"top"===e?n<108&&n>72||n<288&&n>252?`calc(${t}px - ${k})`:`calc(${t/2-Math.abs(Math.cos(2*n*Math.PI/360))*s}px - ${k})`:90===n||270===n?`calc(${t}px - ${k})`:`calc(${t/2+s/2-s*Math.abs(Math.cos(2*n*Math.PI/360))}px - ${k})`}(q,f,i,xe/2+de+Z(ne,i));return t.jsx(X,{label:e.label,labelStyle:{fontSize:re.labelFontSize,lineHeight:u.typographyVars.body.md.lineHeight,...e.labelStyle},labelMaxWidth:a,radius:n,length:s,angle:i,labelOffset:Z(ne,i),color:r,section:q,halfMeterOffset:_(f,xe/2,q,H)})})),Ce&&V.children&&Le&&t.jsx("div",{class:r.classNames([B.meterCircleCenterContent]),children:V.children(Le)})]})}),ve,C,ae]})}})}function se({max:e=100,min:o=0,value:c=0,step:d=1,size:f="lg",startAngle:x=90,angleExtent:v=360,isTrackRendered:P=!0,thresholdDisplay:T="all",indicatorSize:k=1,testId:A,isReadonly:L,...V}){const j=C.useTestId(A);a.validateRange(o,e,c,d,L);const D=s.useRef(),{direction:F}=n.useUser(),U="rtl"===F;let B=x;U&&(B=l.getPositiveAngle(180-B));const H=l.getCircleSection(B,v,U),K=s.useRef(S(null,H)),_=s.useRef(null),[Y,G]=s.useState(!1);s.useEffect((()=>{(V.onCommit||V.onInput||V.children)&&(K.current=S(_.current,H),G(!0))}),[f,H,V.onCommit,V.onInput,V.children]);const{textMeasureContent:Q,getTextDimensions:ee}=R.useTextDimensions(),te=s.useRef(!1),ne=m.usePointerEvents(c,(t=>{const n=_.current;if(t.target==n)return z(t,o,e,d,K,B,v,H,U)}),_,D,te,V.onCommit,V.onInput),se=g.useKeyboardEvents(c,o,e,d,D,V.onCommit,V.onInput),{datatipContent:ie,datatipProps:re}=m.useMeterDatatip(c,te,V.datatip,V["aria-describedby"]),ae=a.getMeterAriaProps(c,o,e,V["aria-label"],V["aria-labelledby"],V.thresholds),le=i.mergeProps(ne,se,re,ae),{trackColor:oe,indicatorColor:ce}=a.getTrackAndIndicatorColor(c,T,V.trackColor,V.indicatorColor,V.thresholds),he="bottom"===H||"top"===H?"Horizontal":"left"===H||"right"===H?"Vertical":"Full",ue={min:o,max:e,value:c,startAngle:B,angleExtent:v,size:f,section:H,isRtl:U,innerRadius:K.current.innerRadius},de=V.onCommit||V.onInput,{classes:fe,styles:me}=$.useComponentTheme(b.MeterCircleRedwoodTheme,{size:f,interaction:de?"isInteractive":void 0}),{isTabbable:ge}=p.useTabbableMode(),xe=I(K,H),pe=N(ue,k,V.innerRadius),$e=a.hasLabelledReferenceLine(V.referenceLines),be="lg"===f?"sm":"min",Ce=a.getDefaultReferenceLineLabelFontSize(be),ye=s.useMemo((()=>[{tokenVar:Ce,key:"labelFontSize",cssProp:"font-size"},{tokenVar:u.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[Ce]),{resolvedVars:Re,cssContent:Me}=y.useCssVars(ye),{maxRefLabelDims:Se}=a.getMaxRefLabelDims(Re.fontSize,Re.lineHeight,V.referenceLines,ee),ve=O(ue,P,T,oe,V.innerRadius,V.thresholds);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([fe]),tabIndex:ge?0:-1,...j,...le,children:t.jsxs(M.CircleWrapper,{wrapperRef:_,class:r.classNames([me.circleWrapperBaseStyle,de?me.interactiveStyle:"",me[`meterCircle${he}SizeStyle`]]),style:{margin:q(f,H,!!V.referenceLines?.length,$e,Se)},children:[t.jsx(M.CircleInner,{class:r.classNames([me.circleTrackBaseStyle,me[`${H}Style`]]),...ve}),"all"===T&&V.thresholds&&E(ue,V.thresholds,P,oe,V.innerRadius).map((e=>t.jsx(M.CircleInner,{class:r.classNames([me.circleTrackBaseStyle,me[`${H}Style`]]),...e}))),t.jsx(M.CircleInner,{color:ce,class:r.classNames([me.circleValueBaseStyle,me[`circleValue${H}Style`],me[`${H}Style`]]),...pe}),V.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=J(ue,e,V.innerRadius);return t.jsx(X,{label:e.label,labelStyle:{fontSize:Re.labelFontSize,...e.labelStyle},labelMaxWidth:W(h.meterCircleVars.size,i,`calc( ${n} + ${s} - ${ve.size} + ${Z(be,i)}px)`),radius:n,labelOffset:Z(be,i),length:s,angle:i,color:r,halfMeterOffset:w,section:H})})),Y&&V.children&&xe&&t.jsx("div",{class:r.classNames([me.meterCircleCenterContent]),children:V.children(xe)})]})}),ie,Q,Me]})}e.MeterCircle=function({size:e,max:n=100,min:s=0,value:i=0,step:r=1,startAngle:a=90,angleExtent:l=360,isTrackRendered:o=!0,thresholdDisplay:c="all",indicatorSize:h=1,...u}){return"fit"===e?t.jsx(ne,{min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:o,thresholdDisplay:c,indicatorSize:h,...u}):t.jsx(se,{size:e||"lg",min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:o,thresholdDisplay:c,indicatorSize:h,...u})}}));
+define(['exports', 'preact/jsx-runtime', './useUser-33136570', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './meterUtils-775a2dde', './circleUtils-1886e5b4', './utils-948bcf60', './UNSAFE_MeterCircle/themes/MeterCircleStyles.css', './UNSAFE_MeterCircle/themes/MeterCircleContract.css', './Common/themes/themeContract.css', './utils-32e81a13', './TrackResizeContainer-c6b5de04', './useMeterDatatip-d4ac4181', './useKeyboardEvents-f1abb59c', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useComponentTheme-5aa41a8f', './UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme', './useTestId-efb1c8f9', './useCssVars-0b95ef7d', './useTextDimensions-030c6dbd', './CircularMeter-b754580a'], (function(e,t,n,s,i,r,a,l,c,o,h,u,d,f,m,g,x,p,$,b,C,y,R,M){"use strict";function S(e,t){if(!e)return{width:0,height:0,innerRadius:0,outerRadius:0};const n=e.children[0],s=n.getBoundingClientRect();return{width:Math.round(s.width),height:Math.round(s.height),...v(n,s,t)}}function v(e,t,n){const s=e.clientWidth,i=e.clientHeight;return"bottom"===n||"top"===n?{outerRadius:t.width/2,innerRadius:i}:"left"===n||"right"===n?{outerRadius:t.height/2,innerRadius:s}:{innerRadius:s/2,outerRadius:t.width/2}}function z(e,t,n,s,i,r,a,c,o){const h=i.current;if(!h)return;const u=l.getCenterCoord(c),{angle:d}=l.convertToPolar(h.width*u.x,h.height*u.y,e.offsetX,e.offsetY),f=l.getPositiveAngle(d);let m;if(o&&r+a>f&&(m=l.getPositiveAngle(d-r)/a*(n-t)),!o){const e=l.getPositiveAngle(r-f);e<=a&&(m=e*(n-t)/a)}return null!=m&&(m=Math.round(m/s)*s,m=Math.max(Math.min(n,m),t)),m}function P(e,t,n,s){return e*s/(n-t)}function T(e,t,n,s,i,r){return s+(r?1:-1)*P(e-t,t,n,i)}function I(e,t){const n=e.current;if(!n)return;const s=l.getCenterCoord(t),i=s.x*n.width,r=s.y*n.height;let a,c,o,h,u,d,f,m;return"top"===t||"bottom"===t||"full"===t?(f=2*n.innerRadius,m="full"===t?2*n.innerRadius:n.innerRadius,u=i-n.innerRadius,d="bottom"===t?0:r-n.innerRadius,o=Math.sqrt(2)*n.innerRadius,h="full"===t?o:n.innerRadius/Math.sqrt(2),a=i-n.innerRadius/Math.sqrt(2),c="bottom"===t?0:r-n.innerRadius/Math.sqrt(2)):(m=2*n.innerRadius,f=n.innerRadius,u="left"===t?i-n.innerRadius:0,d=r-n.innerRadius,h=Math.sqrt(2)*n.innerRadius,o=n.innerRadius/Math.sqrt(2),a="left"===t?i-n.innerRadius/Math.sqrt(2):0,c=r-n.innerRadius/Math.sqrt(2)),{outerBounds:{x:u,y:d,width:f,height:m},innerBounds:{x:a,y:c,width:o,height:h}}}const k=d.xUnits(2),w=d.xUnits(7.5),A=16;function L(e,t){return e?"fit"===e?`${t}px`:h.meterCircleVars.sizes[e]:h.meterCircleVars.size}function V(e){return e?h.meterCircleVars.trackSizes[e]:h.meterCircleVars.trackSize}function j(e,t,n){return null!=t?`(${L(e,n)} * ${t/2})`:`(${L(e,n)} * 0.5 - ${V(e)})`}function D(e,t,n){return null!=t?`(${L(e,n)} * ${1-t} / 2)`:V(e)}function E(e,t,n,s,i,r){const{min:a,max:o,startAngle:h,angleExtent:u,size:d,section:f,isRtl:m,innerRadius:g}=e,x=`calc(${D(d,i,r)})`,p=[],$=t.filter((e=>e.max>a&&e.max<=o)).sort(((e,t)=>e.max-t.max)),b=$.length;for(let e=0;e<b;e++){const t=$[e],i=0===e?a:$[e-1].max,r=0===e?t.max:t.max-$[e-1].max;let d=T(i,a,o,h,u,m),C=P(r,a,o,u);const{startOffset:y,extentOffset:R}=F(g,u,0===e,t.max===o,m),M=l.getClipPath(d+y,C+R,m,f);if(p.push({clipPath:M,color:c.getVisThresholdColor(t.color),size:x,section:f}),e===b-1&&t.max<o&&n){d+=(m?1:-1)*C,C=P(o-t.max,a,o,u);const{startOffset:e,extentOffset:n}=F(g,u,!1,!0,m);p.push({clipPath:l.getClipPath(d+e,C+n,m,f),color:s,size:x,section:f})}}return p}function O(e,t,n,s,i,r,a){const{startAngle:c,angleExtent:o,size:h,section:d,isRtl:f}=e;return{section:d,color:t?"all"===n&&r?`${u.colorSchemeVars.dvt.contrastLine}`:s:"transparent",clipPath:l.getClipPath(c,o,f,d),size:`calc(${D(h,i,a)})`}}function N(e,t,n,s){const{value:i,min:r,max:a,startAngle:c,angleExtent:o,size:h,section:u,isRtl:d}=e,f=(i-r)*o/(a-r),m=Math.min(Math.max(0,t),1),g="left"===u||"right"===u,x="top"===u||"bottom"===u,p=`calc(${D(h,n,s)} * ${m})`,$=`${L(h,s)} - ((1 - ${m}) * ${D(h,n,s)})`,b=`(${$}) / 2`;return{section:u,width:g?`calc(${b})`:`calc(${$})`,height:x?`calc(${b})`:`calc(${$})`,size:p,clipPath:l.getClipPath(c,f,d,u)}}function F(e,t,n,s,i){if(!e)return{startOffset:0,extentOffset:0};const r=360/(2*Math.PI*e);let a=r/2*(i?1:-1),l=-1*r;return n&&t<360&&(a=0,l=-.5*r),s&&t<360&&(l=-.5*r),{startOffset:a,extentOffset:l}}function U(e,t,n){return"top"===n||"bottom"===n?{height:Math.min(t,e/2),width:2*Math.min(t,e/2)}:"left"===n||"right"===n?{width:Math.min(e,t/2),height:2*Math.min(e,t/2)}:{width:Math.min(e,t),height:Math.min(e,t)}}function B(e,t,n){const s=`calc(${100*e.y}% - ((${Math.sin(2*t*Math.PI/360)} * ${n} )))`;return{xOffset:`calc(${100*e.x}%  + ((${Math.cos(2*t*Math.PI/360)} * ${n} )))`,yOffset:s}}function H(e,t,n){let s="-50%";const i=l.getPositiveAngle(e);return 90!==i&&270!==i||(n="string"==typeof n?n:`${Math.abs(n)}px`,"left"===t?s=`min(-50%, calc(-100% + ${n}))`:"right"===t&&(s=`max(-50%, calc(-1 *  ${n}))`)),i<=72||i>=288?"0 -50%":i>=108&&i<=252?"-100% -50%":i<=108&&i>=72?`${s} -100%`:`${s} 0`}function W(e,t,n){return(t=l.getPositiveAngle(t))<108&&t>72||t<288&&t>252?`calc(${e} * 1.4)`:`calc( (${e} * 0.7 ) - (${Math.abs(Math.cos(2*t*Math.PI/360))} * ${n} ))`}function q(e,t,n,s,i){let r="";return n||n?(s?r=`calc(${h.meterCircleVars.size} / ${"lg"===e||"md"===e?3:2} )`:n&&("sm"===e?r=d.xUnits(4):"md"===e?r=d.xUnits(3):"lg"===e&&(r=d.xUnits(2))),"bottom"===t?`${i.height/2}px ${r} ${r} ${r}`:"top"===t?`${r} ${r} ${i.height/2}px ${r}`:"left"===t?`${r} ${w} ${r} ${r}`:"right"===t?`${r} ${r} ${r} ${w}`:r):""}function K(e,t,n){const s="full"===e?t/2:t;return"top"===e?n?"50% -50%":"-50%, -50%":n?`calc(50% + ${s}px), calc(-50% - ${s}px)`:`calc(-50% - ${s}px), calc(-50% - ${s}px)`}function _(e,t,n,s){return(e-t)/2+(!s&&"right"===n||s&&"left"===n?-.5:.5)*A}function X({color:e,angle:n,radius:s,length:i,section:a="full",label:h,labelMaxWidth:u,labelOffset:d,labelStyle:f,halfMeterOffset:m}){const g=l.getCenterCoord(a),{xOffset:x,yOffset:p}=B(g,n,s),{xOffset:$,yOffset:b}=B(g,n,`calc(${i} + ${s} + ${d}px)`);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([o.styles.referenceBaseLineStyle,e?void 0:o.styles.referenceBorderStyle]),style:{left:x,top:p,width:`calc(${i})`,transform:`translate(0, -1px) rotate(${360-n}deg)`,backgroundColor:e?c.getVisThresholdColor(e):void 0}}),h&&t.jsx("div",{className:o.styles.referenceLineLabelContainerStyle,style:{left:$,top:b,maxWidth:u,translate:H(n,a,m),...f},children:h})]})}const Y=4;function G(e,t,n,s){return`${D(e,t,s)} +  ${d.xUnits("fit"!==e||n?2:4)}`}function J(e,t,n,s,i){const{min:r,max:a,startAngle:l,angleExtent:c,size:o,isRtl:h}=e;return{radius:j(o,n,i),length:G(o,n,s,i),angle:T(t.value,r,a,l,c,h),color:t.color}}function Q(e,t,n,s,i,r){if(!n)return{width:e,height:t,overHang:0};const a=function(e){return"min"===e||"xs"===e?2*Y:4*Y}(s),l=Z(s);return{width:e*(i?.6:1)-2*a,height:t-2*a-2*(r.height+l),overHang:a}}function Z(e,t){const n="min"===e||"xs"===e;return null!=t&&(t<108&&t>72||t<288&&t>252)?n?0:Y:null==t||t<108&&t>72&&!(t<288&&t>252)?n?Y/2:Y:1.5*Y}const ee=.8,te=8;function ne({max:e=100,min:c=0,value:o=0,step:h=1,size:d="fit",startAngle:x=90,angleExtent:v=360,isTrackRendered:P=!0,thresholdDisplay:T="all",indicatorSize:w=1,testId:A,isReadonly:L,...V}){const j=C.useTestId(A);a.validateRange(c,e,o,h,L);const D=V.onCommit||V.onInput,{classes:F,styles:B}=$.useComponentTheme(b.MeterCircleRedwoodTheme,{size:d,interaction:D?"isInteractive":void 0});return t.jsx(f.TrackResizeContainer,{class:r.classNames([F,B.textAlignCenter]),width:"100%",height:"100%",children:function(f,$){f-=te,$-=te;const b=a.hasLabelledReferenceLine(V.referenceLines),{textMeasureContent:C,getTextDimensions:A}=R.useTextDimensions(),{direction:L}=n.useUser(),H="rtl"===L;let W=x;H&&(W=l.getPositiveAngle(180-W));const q=l.getCircleSection(W,v,H),{width:Y,height:G}=U(f,$,q),ne=function(e){return e<200?"min":e<320?"xs":e<360?"sm":"md"}(Math.max(Y,G)),se=a.getDefaultReferenceLineLabelFontSize(ne),ie=s.useMemo((()=>[{tokenVar:se,key:"labelFontSize",cssProp:"font-size"},{tokenVar:u.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[se]),{resolvedVars:re,cssContent:ae}=y.useCssVars(ie),{maxRefLabelDims:le}=a.getMaxRefLabelDims(re.fontSize,re.lineHeight,V.referenceLines,A),ce="xs"===ne||"min"===ne,oe=V.innerRadius??ee,{width:he,height:ue,overHang:de}=Q(f,$,!!V.referenceLines?.length,ne,b,le),{width:fe,height:me}=U(he,ue,q),ge="full"===q?Math.min(fe,me)/2:Math.min(fe,me),xe=2*ge,pe=s.useRef(),$e=s.useRef(S(null,q)),be=s.useRef(null),[Ce,ye]=s.useState(!1);s.useEffect((()=>{(V.onCommit||V.onInput||V.children)&&($e.current=S(be.current,q),ye(!0))}),[q]);const Re=s.useRef(!1),Me=m.usePointerEvents(o,(t=>{const n=be.current;if(t.target==n)return z(t,c,e,h,$e,W,v,q,H)}),be,pe,Re,V.onCommit,V.onInput),Se=g.useKeyboardEvents(o,c,e,h,pe,V.onCommit,V.onInput),{datatipContent:ve,datatipProps:ze}=m.useMeterDatatip(o,Re,V.datatip,V["aria-describedby"]),Pe=a.getMeterAriaProps(o,c,e,V["aria-label"],V["aria-labelledby"],V.thresholds),Te=i.mergeProps(Me,Se,ze,Pe),{trackColor:Ie,indicatorColor:ke}=a.getTrackAndIndicatorColor(o,T,V.trackColor,V.indicatorColor,V.thresholds),we={min:c,max:e,value:o,startAngle:W,angleExtent:v,size:d,section:q,isRtl:H,innerRadius:$e.current.innerRadius},{isTabbable:Ae}=p.useTabbableMode(),Le=I($e,q);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([F,"full"===q?B.meterCircleFullSizeStyle:"",B.textAlignInitial]),style:{width:f,height:$},tabIndex:Ae?0:-1,...j,...Te,children:t.jsxs(M.CircleWrapper,{wrapperRef:be,class:r.classNames([B.circleWrapperBaseStyle,D?B.interactiveStyle:"",V.referenceLines&&V.referenceLines.length>0?d&&B[`${q}Fit${ce?"Sm":"Lg"}Style`]:"",H?B.centerDivRtl:B.centerDivLtr]),style:{width:`${fe}px`,height:`${me}px`,transform:`translate(${K(q,de,H)})`},children:[t.jsx(M.CircleInner,{width:`${fe}px`,height:`${me}px`,class:r.classNames([B.circleTrackBaseStyle,B[`${q}Style`]]),...O(we,P,T,Ie,oe,V.thresholds,xe)}),"all"===T&&V.thresholds&&E(we,V.thresholds,P,Ie,oe,xe).map((e=>t.jsx(M.CircleInner,{class:r.classNames([B.circleTrackBaseStyle,B[`${q}Style`]]),...e,width:`${fe}px`,height:`${me}px`}))),t.jsx(M.CircleInner,{color:ke,class:r.classNames([B.circleValueBaseStyle,B[`circleValue${q}Style`],B[`${q}Style`]]),...N(we,w,oe,2*ge)}),V.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=J(we,e,oe,ce,xe),a=function(e,t,n,s){return n=l.getPositiveAngle(n),"full"===e||"bottom"===e||"top"===e?n<108&&n>72||n<288&&n>252?`calc(${t}px - ${k})`:`calc(${t/2-Math.abs(Math.cos(2*n*Math.PI/360))*s}px - ${k})`:90===n||270===n?`calc(${t}px - ${k})`:`calc(${t/2+s/2-s*Math.abs(Math.cos(2*n*Math.PI/360))}px - ${k})`}(q,f,i,xe/2+de+Z(ne,i));return t.jsx(X,{label:e.label,labelStyle:{fontSize:re.labelFontSize,lineHeight:u.typographyVars.body.md.lineHeight,...e.labelStyle},labelMaxWidth:a,radius:n,length:s,angle:i,labelOffset:Z(ne,i),color:r,section:q,halfMeterOffset:_(f,xe/2,q,H)})})),Ce&&V.children&&Le&&t.jsx("div",{class:r.classNames([B.meterCircleCenterContent]),children:V.children(Le)})]})}),ve,C,ae]})}})}function se({max:e=100,min:c=0,value:o=0,step:d=1,size:f="lg",startAngle:x=90,angleExtent:v=360,isTrackRendered:P=!0,thresholdDisplay:T="all",indicatorSize:k=1,testId:A,isReadonly:L,...V}){const j=C.useTestId(A);a.validateRange(c,e,o,d,L);const D=s.useRef(),{direction:F}=n.useUser(),U="rtl"===F;let B=x;U&&(B=l.getPositiveAngle(180-B));const H=l.getCircleSection(B,v,U),K=s.useRef(S(null,H)),_=s.useRef(null),[Y,G]=s.useState(!1);s.useEffect((()=>{(V.onCommit||V.onInput||V.children)&&(K.current=S(_.current,H),G(!0))}),[f,H,V.onCommit,V.onInput,V.children]);const{textMeasureContent:Q,getTextDimensions:ee}=R.useTextDimensions(),te=s.useRef(!1),ne=m.usePointerEvents(o,(t=>{const n=_.current;if(t.target==n)return z(t,c,e,d,K,B,v,H,U)}),_,D,te,V.onCommit,V.onInput),se=g.useKeyboardEvents(o,c,e,d,D,V.onCommit,V.onInput),{datatipContent:ie,datatipProps:re}=m.useMeterDatatip(o,te,V.datatip,V["aria-describedby"]),ae=a.getMeterAriaProps(o,c,e,V["aria-label"],V["aria-labelledby"],V.thresholds),le=i.mergeProps(ne,se,re,ae),{trackColor:ce,indicatorColor:oe}=a.getTrackAndIndicatorColor(o,T,V.trackColor,V.indicatorColor,V.thresholds),he="bottom"===H||"top"===H?"Horizontal":"left"===H||"right"===H?"Vertical":"Full",ue={min:c,max:e,value:o,startAngle:B,angleExtent:v,size:f,section:H,isRtl:U,innerRadius:K.current.innerRadius},de=V.onCommit||V.onInput,{classes:fe,styles:me}=$.useComponentTheme(b.MeterCircleRedwoodTheme,{size:f,interaction:de?"isInteractive":void 0}),{isTabbable:ge}=p.useTabbableMode(),xe=I(K,H),pe=N(ue,k,V.innerRadius),$e=a.hasLabelledReferenceLine(V.referenceLines),be="lg"===f?"sm":"min",Ce=a.getDefaultReferenceLineLabelFontSize(be),ye=s.useMemo((()=>[{tokenVar:Ce,key:"labelFontSize",cssProp:"font-size"},{tokenVar:u.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[Ce]),{resolvedVars:Re,cssContent:Me}=y.useCssVars(ye),{maxRefLabelDims:Se}=a.getMaxRefLabelDims(Re.fontSize,Re.lineHeight,V.referenceLines,ee),ve=O(ue,P,T,ce,V.innerRadius,V.thresholds);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([fe]),tabIndex:ge?0:-1,...j,...le,children:t.jsxs(M.CircleWrapper,{wrapperRef:_,class:r.classNames([me.circleWrapperBaseStyle,de?me.interactiveStyle:"",me[`meterCircle${he}SizeStyle`]]),style:{margin:q(f,H,!!V.referenceLines?.length,$e,Se)},children:[t.jsx(M.CircleInner,{class:r.classNames([me.circleTrackBaseStyle,me[`${H}Style`]]),...ve}),"all"===T&&V.thresholds&&E(ue,V.thresholds,P,ce,V.innerRadius).map((e=>t.jsx(M.CircleInner,{class:r.classNames([me.circleTrackBaseStyle,me[`${H}Style`]]),...e}))),t.jsx(M.CircleInner,{color:oe,class:r.classNames([me.circleValueBaseStyle,me[`circleValue${H}Style`],me[`${H}Style`]]),...pe}),V.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=J(ue,e,V.innerRadius);return t.jsx(X,{label:e.label,labelStyle:{fontSize:Re.labelFontSize,...e.labelStyle},labelMaxWidth:W(h.meterCircleVars.size,i,`calc( ${n} + ${s} - ${ve.size} + ${Z(be,i)}px)`),radius:n,labelOffset:Z(be,i),length:s,angle:i,color:r,halfMeterOffset:w,section:H})})),Y&&V.children&&xe&&t.jsx("div",{class:r.classNames([me.meterCircleCenterContent]),children:V.children(xe)})]})}),ie,Q,Me]})}e.MeterCircle=function({size:e,max:n=100,min:s=0,value:i=0,step:r=1,startAngle:a=90,angleExtent:l=360,isTrackRendered:c=!0,thresholdDisplay:o="all",indicatorSize:h=1,...u}){return"fit"===e?t.jsx(ne,{min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:c,thresholdDisplay:o,indicatorSize:h,...u}):t.jsx(se,{size:e||"lg",min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:c,thresholdDisplay:o,indicatorSize:h,...u})}}));
 //# sourceMappingURL=MeterCircle-cce2cb51.js.map

package/amd/{Modal-991f1310.js → Modal-21aed044.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './useModal-536cb7ff', './Layer-9fb9ca67', './LayerHost-1b4d03f0', './UNSAFE_Modal/themes/ModalStyles.css', './tabbableUtils-428c264e', './popupUtils-710dc910'], (function(e,t,n,s,r,o,l,i,a){"use strict";const u=n.forwardRef((({variant:e="scrim"},n)=>{const s=l.multiVariantStyles({backdrop:"transparent"===e?"transparent":"scrim"});return t.jsx("div",{ref:n,class:s})}));const c=new class{constructor(){this.isFocusHandlerActive=!1,this.focusHandler=e=>{const t=this.getTopModal(),n=e.target;if(t&&n){const s=t.modalRef;if(s&&!s.contains(n)&&!a.isLogicalAncestor(s,n)){i.allTabbableElements(s).length>0&&(i.focusWithin(s),e.preventDefault(),e.stopPropagation())}}},this.getTopModal=()=>this.modals.length>0?this.modals[this.modals.length-1]:null,this.islegacyLayerSupportAvailable=()=>null!==document.getElementById("__oj_zorder_container"),this.modals=[],this.styleBackup=[]}push(e){if(-1===this._findModalIndex(e)){if(this.modals.push(e),1===this.modals.length){const t=this._getOwnerDocument(e.modalRef).body,n=window.innerWidth-document.documentElement.clientWidth;if(n>1){Math.round(document.documentElement.getBoundingClientRect().left)+document.documentElement.scrollLeft?(this.styleBackup.push({property:"padding-left",value:t.style.paddingLeft}),t.style.paddingLeft=`${n}px`):(this.styleBackup.push({property:"padding-right",value:t.style.paddingRight}),t.style.paddingRight=`${n}px`)}this.styleBackup.push({property:"overflow",value:t.style.overflow}),this.styleBackup.push({property:"overflow-x",value:t.style.overflowX}),this.styleBackup.push({property:"overflow-y",value:t.style.overflowY}),t.style.overflow="hidden"}1!==this.modals.length||this.islegacyLayerSupportAvailable()||(document.addEventListener("focus",this.focusHandler,!0),this.isFocusHandlerActive=!0)}}pop(e){const t=this._findModalIndex(e);if(-1!==t&&t===this.modals.length-1&&(this.isFocusHandlerActive&&1===this.modals.length&&document.removeEventListener("focus",this.focusHandler,!0),this.modals.pop(),0===this.modals.length)){const t=this._getOwnerDocument(e.modalRef).body;this.styleBackup.forEach((({property:e,value:n})=>{t.style.setProperty(e,n)}))}}isTopModal(e){return this.modals.length>0&&this.modals[this.modals.length-1]===e}_findModalIndex(e){let t=-1;return this.modals.forEach(((n,s)=>{n!==e||(t=s)})),t}_getOwnerDocument(e){return e&&e.ownerDocument||document}};function d(e){const t=[];let n=e.previousSibling;for(;null!=n;)1===n.nodeType&&t.push(n),n=n.previousSibling;for(n=e.nextSibling;null!=n;)1===n.nodeType&&t.push(n),n=n.nextSibling;return t}function p(e){e.forEach((e=>{e.removeAttribute("aria-hidden")}))}e.Modal=({children:e,isOpen:o,onBackdropClick:i,backdropVariant:a})=>{const h=c,{backdropRef:f}=s.useModal({isOpen:o,onBackdropClick:i}),m=n.useRef(null),y=n.useRef(null),g=n.useRef({}),v=()=>(g.current.modalRef=m.current,g.current);n.useEffect((()=>{o&&m.current?h?.push(v()):g.current.modalRef&&(null!==y.current&&(p(y.current),y.current=null),h?.pop(v()))}),[o,h]),n.useEffect((()=>{const e=g.current.modalRef;return()=>{null!==y.current&&(p(y.current),y.current=null),e&&h?.pop(v())}}),[h]);return o?t.jsx(r.Layer,{isModal:!0,children:t.jsxs("div",{ref:m,class:l.baseStyle,onFocus:()=>{m.current&&null===y.current&&(y.current=function(e){if(!e)return[];const t=[];let n=e.parentElement;do{if(!n)break;d(n).forEach((e=>{"script"!==e.tagName.toLowerCase()&&"true"!==e.getAttribute("aria-hidden")&&(t.push(e),e.setAttribute("aria-hidden","true"))})),n=n.parentElement}while(n&&"body"!==n.tagName.toLowerCase());return t}(m.current))},children:[t.jsx(u,{ref:f,variant:a}),e]})}):null}}));
-//# sourceMappingURL=Modal-991f1310.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useModal-536cb7ff', './Layer-2ca542c2', './LayerHost-a36b1781', './UNSAFE_Modal/themes/ModalStyles.css', './tabbableUtils-428c264e', './popupUtils-2308a848'], (function(e,t,n,s,r,o,l,i,a){"use strict";const u=n.forwardRef((({variant:e="scrim"},n)=>{const s=l.multiVariantStyles({backdrop:"transparent"===e?"transparent":"scrim"});return t.jsx("div",{ref:n,class:s})}));const c=new class{constructor(){this.isFocusHandlerActive=!1,this.focusHandler=e=>{const t=this.getTopModal(),n=e.target;if(t&&n){const s=t.modalRef;if(s&&!s.contains(n)&&!a.isLogicalAncestor(s,n)){i.allTabbableElements(s).length>0&&(i.focusWithin(s),e.preventDefault(),e.stopPropagation())}}},this.getTopModal=()=>this.modals.length>0?this.modals[this.modals.length-1]:null,this.islegacyLayerSupportAvailable=()=>null!==document.getElementById("__oj_zorder_container"),this.modals=[],this.styleBackup=[]}push(e){if(-1===this._findModalIndex(e)){if(this.modals.push(e),1===this.modals.length){const t=this._getOwnerDocument(e.modalRef).body,n=window.innerWidth-document.documentElement.clientWidth;if(n>1){Math.round(document.documentElement.getBoundingClientRect().left)+document.documentElement.scrollLeft?(this.styleBackup.push({property:"padding-left",value:t.style.paddingLeft}),t.style.paddingLeft=`${n}px`):(this.styleBackup.push({property:"padding-right",value:t.style.paddingRight}),t.style.paddingRight=`${n}px`)}this.styleBackup.push({property:"overflow",value:t.style.overflow}),this.styleBackup.push({property:"overflow-x",value:t.style.overflowX}),this.styleBackup.push({property:"overflow-y",value:t.style.overflowY}),t.style.overflow="hidden"}1!==this.modals.length||this.islegacyLayerSupportAvailable()||(document.addEventListener("focus",this.focusHandler,!0),this.isFocusHandlerActive=!0)}}pop(e){const t=this._findModalIndex(e);if(-1!==t&&t===this.modals.length-1&&(this.isFocusHandlerActive&&1===this.modals.length&&document.removeEventListener("focus",this.focusHandler,!0),this.modals.pop(),0===this.modals.length)){const t=this._getOwnerDocument(e.modalRef).body;this.styleBackup.forEach((({property:e,value:n})=>{t.style.setProperty(e,n)}))}}isTopModal(e){return this.modals.length>0&&this.modals[this.modals.length-1]===e}_findModalIndex(e){let t=-1;return this.modals.forEach(((n,s)=>{n!==e||(t=s)})),t}_getOwnerDocument(e){return e&&e.ownerDocument||document}};function d(e){const t=[];let n=e.previousSibling;for(;null!=n;)1===n.nodeType&&t.push(n),n=n.previousSibling;for(n=e.nextSibling;null!=n;)1===n.nodeType&&t.push(n),n=n.nextSibling;return t}function p(e){e.forEach((e=>{e.removeAttribute("aria-hidden")}))}e.Modal=({children:e,isOpen:o,onBackdropClick:i,backdropVariant:a})=>{const h=c,{backdropRef:f}=s.useModal({isOpen:o,onBackdropClick:i}),m=n.useRef(null),y=n.useRef(null),g=n.useRef({}),v=()=>(g.current.modalRef=m.current,g.current);n.useEffect((()=>{o&&m.current?h?.push(v()):g.current.modalRef&&(null!==y.current&&(p(y.current),y.current=null),h?.pop(v()))}),[o,h]),n.useEffect((()=>{const e=g.current.modalRef;return()=>{null!==y.current&&(p(y.current),y.current=null),e&&h?.pop(v())}}),[h]);return o?t.jsx(r.Layer,{isModal:!0,children:t.jsxs("div",{ref:m,class:l.baseStyle,onFocus:()=>{m.current&&null===y.current&&(y.current=function(e){if(!e)return[];const t=[];let n=e.parentElement;do{if(!n)break;d(n).forEach((e=>{"script"!==e.tagName.toLowerCase()&&"true"!==e.getAttribute("aria-hidden")&&(t.push(e),e.setAttribute("aria-hidden","true"))})),n=n.parentElement}while(n&&"body"!==n.tagName.toLowerCase());return t}(m.current))},children:[t.jsx(u,{ref:f,variant:a}),e]})}):null}}));
+//# sourceMappingURL=Modal-21aed044.js.map

package/amd/{Modal-991f1310.js.map → Modal-21aed044.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal-991f1310.js","sources":["../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/Modal.tsx","../../src/UNSAFE_Modal/ModalManager.ts"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { multiVariantStyles } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n /*\n Specifies the backdrop is visible or transparent. Default is 'scrim' (visible).\n /\n variant?: 'scrim' \| 'transparent';\n};\n\nconst ModalBackdrop = forwardRef<HTMLDivElement, Props>(\n ({ variant = 'scrim' }, ref: ForwardedRef<HTMLDivElement \| null>) => {\n const variantClasses = multiVariantStyles({\n backdrop: variant === 'transparent' ? 'transparent' : 'scrim'\n });\n\n return <div ref={ref} class={variantClasses} />;\n }\n);\n\nexport default ModalBackdrop;\n","import { useEffect, useRef } from 'preact/compat';\nimport { useModal } from './hooks/useModal';\nimport { Layer } from '../UNSAFE_Layer';\nimport ModalBackdrop from './ModalBackdrop';\nimport ModalManager from './ModalManager';\nimport { baseStyle } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// Global ModalManager singleton instance\nconst globalModalManager = new ModalManager();\n\n/\n Returns an array of element's siblings.\n \n @param elem\n * @returns\n /\nfunction getSiblings(elem: Element): Element[] {\n const siblings: Element[] = [];\n let sibling = elem.previousSibling;\n while (sibling != null) {\n if (sibling.nodeType === 1) {\n siblings.push(sibling as Element);\n }\n sibling = sibling.previousSibling;\n }\n sibling = elem.nextSibling;\n while (sibling != null) {\n if (sibling.nodeType === 1) {\n siblings.push(sibling as Element);\n }\n sibling = sibling.nextSibling;\n }\n return siblings;\n}\n\n/\n Sets aria-hidden=true on Modal ancestors and siblings.\n \n @param modal\n * @returns An array of modified elements.\n /\nfunction setAriaHiddenOnBackgroundElements(modal: HTMLElement) {\n if (!modal) {\n return [];\n }\n const ariaHiddenElements: Element[] = [];\n let node: Element \| null = modal.parentElement as Element;\n\n do {\n if (!node) {\n break;\n }\n const siblings = getSiblings(node);\n siblings.forEach((elem: Element) => {\n if (elem.tagName.toLowerCase() !== 'script' && elem.getAttribute('aria-hidden') !== 'true') {\n ariaHiddenElements.push(elem);\n elem.setAttribute('aria-hidden', 'true');\n }\n });\n node = node.parentElement;\n } while (node && node.tagName.toLowerCase() !== 'body');\n\n return ariaHiddenElements;\n}\n\n/\n Resets the aria-hidden state on previously aria-hidden elements.\n \n @param elements\n /\nfunction resetAriaHiddenOnBackgroundElements(elements: Element[]) {\n elements.forEach((elem) => {\n elem.removeAttribute('aria-hidden');\n });\n}\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype UseModalProps = Parameters<typeof useModal>[0];\ntype Props = UseModalProps &\n IntrinsicProps & {\n /\n Determines if the modal is active.\n /\n isOpen: boolean;\n /\n Specifies if modal backdrop is visible or transparent. Default is 'scrim' (visible).\n /\n backdropVariant?: 'scrim' \| 'transparent';\n /\n A callback to be invoked when a click on the modal backdrop occurs.\n /\n onBackdropClick?: (event: MouseEvent) => void;\n };\n\n/\n Modal is a low-level component that provides the 'modality' feature with built-in overlay (scrim).\n * It is typically used for building higher-level components (such as 'Dialog' or 'Popup') that need\n * to support modal behavior preventing interaction with the rest of the page while the modal is open.\n /\nconst Modal = ({ children, isOpen, onBackdropClick, backdropVariant }: Props) => {\n // get the global ModalContext instance\n const modalManager = globalModalManager;\n\n const { backdropRef } = useModal({ isOpen, onBackdropClick });\n // main modal element ref\n const modalRef = useRef<HTMLDivElement>(null);\n\n const ariaHiddenCache = useRef<Element[] \| null>(null);\n\n // modal ref cache, required to lookup the item in modal manager when the actual ref is unmounted\n const modal = useRef<{\n modalRef?: typeof modalRef.current;\n }>({});\n\n // populates and returns the modal ref cache\n const getModal = () => {\n modal.current.modalRef = modalRef.current;\n return modal.current;\n };\n\n useEffect(() => {\n if (isOpen && modalRef.current) {\n modalManager?.push(getModal());\n } else {\n if (modal.current.modalRef) {\n if (ariaHiddenCache.current !== null) {\n resetAriaHiddenOnBackgroundElements(ariaHiddenCache.current);\n ariaHiddenCache.current = null;\n }\n modalManager?.pop(getModal());\n }\n }\n }, [isOpen, modalManager]);\n\n useEffect(() => {\n const modalRef = modal.current.modalRef;\n return () => {\n if (ariaHiddenCache.current !== null) {\n resetAriaHiddenOnBackgroundElements(ariaHiddenCache.current);\n ariaHiddenCache.current = null;\n }\n if (modalRef) {\n modalManager?.pop(getModal());\n }\n };\n }, [modalManager]);\n\n const handleFocusIn = () => {\n // on first focusin, set aria-hidden on modal ancestor's siblings and remember the modified elements\n if (modalRef.current && ariaHiddenCache.current === null) {\n ariaHiddenCache.current = setAriaHiddenOnBackgroundElements(modalRef.current);\n }\n };\n\n return isOpen ? (\n <Layer isModal={true}>\n <div ref={modalRef} class={baseStyle} onFocus={handleFocusIn}>\n <ModalBackdrop ref={backdropRef} variant={backdropVariant} />\n {children}\n </div>\n </Layer>\n ) : null;\n};\n\nexport default Modal;\n","import { focusWithin, allTabbableElements } from '../utils/PRIVATE_tabbableUtils';\nimport { isLogicalAncestor } from '../utils/UNSAFE_popupUtils';\n\ninterface Modal {\n modalRef?: HTMLDivElement \| null;\n}\n\n/\n CSS property backup type.\n /\ntype StyleBackup = Array<{\n property: string;\n value: string;\n}>;\n\nexport default class ModalManager {\n /\n Array of ModalDescriptors managed by ModalManager\n /\n private modals: Modal[];\n /\n Backup of the main container's (body) CSS props potentially altered by Modal.\n /\n private styleBackup: StyleBackup;\n /\n A flag indicating that the ModalManager's focus handler is installed\n /\n private isFocusHandlerActive = false;\n\n constructor() {\n this.modals = [];\n this.styleBackup = [];\n }\n\n /\n A focus handler to keep focus in the top-most modal.\n /\n private focusHandler = (event: FocusEvent) => {\n const topModal = this.getTopModal();\n const target = event.target as HTMLElement;\n\n // if there is an open modal and valid focus event target...\n if (topModal && target) {\n const modalElement = topModal.modalRef;\n if (\n modalElement &&\n !modalElement.contains(target) &&\n !isLogicalAncestor(modalElement, target)\n ) {\n // Focus is outside of the top modal container, let's try to fix it\n const tabbableElements = allTabbableElements(modalElement);\n if (tabbableElements.length > 0) {\n // re-directing focus to the element inside top modal\n focusWithin(modalElement);\n event.preventDefault();\n event.stopPropagation();\n }\n }\n }\n };\n\n /\n Registers a modal with ModalManager\n \n @param modal\n * @returns\n /\n push(modal: Modal) {\n const modalIndex = this._findModalIndex(modal);\n\n if (modalIndex !== -1) {\n // Do not try to register the same modal multiple times\n return;\n }\n\n this.modals.push(modal);\n\n // if this is the first modal in the container, block container scrolling\n if (this.modals.length === 1) {\n const ownerDocument = this._getOwnerDocument(modal.modalRef);\n const scrollContainer = ownerDocument.body;\n\n const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;\n if (scrollBarWidth > 1) {\n // in RTL, scrollbar is on the left\n const scrollBarLeft =\n Math.round(document.documentElement.getBoundingClientRect().left) +\n document.documentElement.scrollLeft;\n\n if (scrollBarLeft) {\n this.styleBackup.push({\n property: 'padding-left',\n value: scrollContainer.style.paddingLeft\n });\n scrollContainer.style.paddingLeft = `${scrollBarWidth}px`;\n } else {\n this.styleBackup.push({\n property: 'padding-right',\n value: scrollContainer.style.paddingRight\n });\n scrollContainer.style.paddingRight = `${scrollBarWidth}px`;\n }\n }\n\n this.styleBackup.push({ property: 'overflow', value: scrollContainer.style.overflow });\n this.styleBackup.push({ property: 'overflow-x', value: scrollContainer.style.overflowX });\n this.styleBackup.push({ property: 'overflow-y', value: scrollContainer.style.overflowY });\n\n scrollContainer.style.overflow = 'hidden';\n }\n\n // also install the focus handler when the first modal becomes active\n if (this.modals.length === 1 && !this.islegacyLayerSupportAvailable()) {\n document.addEventListener('focus', this.focusHandler, true);\n this.isFocusHandlerActive = true;\n }\n }\n\n /\n Unegisters a modal from ModalManager\n \n @param modal\n * @returns\n /\n pop(modal: Modal) {\n const modalIndex = this._findModalIndex(modal);\n\n if (modalIndex === -1) {\n // modal to be removed not found!'\n return;\n }\n\n if (modalIndex !== this.modals.length - 1) {\n // trying to remove modal out of order!\n return;\n }\n\n // remove the focus handler when the last modal is about to be removed\n if (this.isFocusHandlerActive && this.modals.length === 1) {\n document.removeEventListener('focus', this.focusHandler, true);\n }\n\n this.modals.pop();\n\n // if this was the last modal in the container, restore its overflow props\n if (this.modals.length === 0) {\n const ownerDocument = this._getOwnerDocument(modal.modalRef);\n const scrollContainer = ownerDocument.body;\n\n this.styleBackup.forEach(({ property, value }) => {\n scrollContainer.style.setProperty(property, value);\n });\n }\n }\n\n isTopModal(modal: Modal): boolean {\n return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;\n }\n\n getTopModal = (): Modal \| null => {\n return this.modals.length > 0 ? this.modals[this.modals.length - 1] : null;\n };\n\n private _findModalIndex(modal: Modal): number {\n let index = -1;\n this.modals.forEach((elem, idx) => {\n if (elem === modal) {\n index = idx;\n return;\n }\n });\n return index;\n }\n\n private _getOwnerDocument(node: Node \| null \| undefined): Document {\n return (node && node.ownerDocument) \|\| document;\n }\n\n // TODO: replace with a proper API\n /\n Checks if the legacy popup service is available\n */\n private islegacyLayerSupportAvailable = () => {\n return document.getElementById('__oj_zorder_container') !== null;\n };\n}\n"],"names":["ModalBackdrop","forwardRef","variant","ref","variantClasses","multiVariantStyles","backdrop","_jsx","class","globalModalManager","constructor","this","isFocusHandlerActive","focusHandler","event","topModal","getTopModal","target","modalElement","modalRef","contains","isLogicalAncestor","allTabbableElements","length","focusWithin","preventDefault","stopPropagation","modals","islegacyLayerSupportAvailable","document","getElementById","styleBackup","push","modal","_findModalIndex","scrollContainer","_getOwnerDocument","body","scrollBarWidth","window","innerWidth","documentElement","clientWidth","Math","round","getBoundingClientRect","left","scrollLeft","property","value","style","paddingLeft","paddingRight","overflow","overflowX","overflowY","addEventListener","pop","modalIndex","removeEventListener","forEach","setProperty","isTopModal","index","elem","idx","node","ownerDocument","getSiblings","siblings","sibling","previousSibling","nodeType","nextSibling","resetAriaHiddenOnBackgroundElements","elements","removeAttribute","children","isOpen","onBackdropClick","backdropVariant","modalManager","backdropRef","useModal","useRef","ariaHiddenCache","getModal","current","useEffect","jsx","Layer","isModal","_jsxs","jsxs","baseStyle","onFocus","ariaHiddenElements","parentElement","tagName","toLowerCase","getAttribute","setAttribute","setAriaHiddenOnBackgroundElements"],"mappings":"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"}
1	+ {"version":3,"file":"Modal-21aed044.js","sources":["../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/Modal.tsx","../../src/UNSAFE_Modal/ModalManager.ts"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { multiVariantStyles } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n /*\n Specifies the backdrop is visible or transparent. Default is 'scrim' (visible).\n /\n variant?: 'scrim' \| 'transparent';\n};\n\nconst ModalBackdrop = forwardRef<HTMLDivElement, Props>(\n ({ variant = 'scrim' }, ref: ForwardedRef<HTMLDivElement \| null>) => {\n const variantClasses = multiVariantStyles({\n backdrop: variant === 'transparent' ? 'transparent' : 'scrim'\n });\n\n return <div ref={ref} class={variantClasses} />;\n }\n);\n\nexport default ModalBackdrop;\n","import { useEffect, useRef } from 'preact/compat';\nimport { useModal } from './hooks/useModal';\nimport { Layer } from '../UNSAFE_Layer';\nimport ModalBackdrop from './ModalBackdrop';\nimport ModalManager from './ModalManager';\nimport { baseStyle } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// Global ModalManager singleton instance\nconst globalModalManager = new ModalManager();\n\n/\n Returns an array of element's siblings.\n \n @param elem\n * @returns\n /\nfunction getSiblings(elem: Element): Element[] {\n const siblings: Element[] = [];\n let sibling = elem.previousSibling;\n while (sibling != null) {\n if (sibling.nodeType === 1) {\n siblings.push(sibling as Element);\n }\n sibling = sibling.previousSibling;\n }\n sibling = elem.nextSibling;\n while (sibling != null) {\n if (sibling.nodeType === 1) {\n siblings.push(sibling as Element);\n }\n sibling = sibling.nextSibling;\n }\n return siblings;\n}\n\n/\n Sets aria-hidden=true on Modal ancestors and siblings.\n \n @param modal\n * @returns An array of modified elements.\n /\nfunction setAriaHiddenOnBackgroundElements(modal: HTMLElement) {\n if (!modal) {\n return [];\n }\n const ariaHiddenElements: Element[] = [];\n let node: Element \| null = modal.parentElement as Element;\n\n do {\n if (!node) {\n break;\n }\n const siblings = getSiblings(node);\n siblings.forEach((elem: Element) => {\n if (elem.tagName.toLowerCase() !== 'script' && elem.getAttribute('aria-hidden') !== 'true') {\n ariaHiddenElements.push(elem);\n elem.setAttribute('aria-hidden', 'true');\n }\n });\n node = node.parentElement;\n } while (node && node.tagName.toLowerCase() !== 'body');\n\n return ariaHiddenElements;\n}\n\n/\n Resets the aria-hidden state on previously aria-hidden elements.\n \n @param elements\n /\nfunction resetAriaHiddenOnBackgroundElements(elements: Element[]) {\n elements.forEach((elem) => {\n elem.removeAttribute('aria-hidden');\n });\n}\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype UseModalProps = Parameters<typeof useModal>[0];\ntype Props = UseModalProps &\n IntrinsicProps & {\n /\n Determines if the modal is active.\n /\n isOpen: boolean;\n /\n Specifies if modal backdrop is visible or transparent. Default is 'scrim' (visible).\n /\n backdropVariant?: 'scrim' \| 'transparent';\n /\n A callback to be invoked when a click on the modal backdrop occurs.\n /\n onBackdropClick?: (event: MouseEvent) => void;\n };\n\n/\n Modal is a low-level component that provides the 'modality' feature with built-in overlay (scrim).\n * It is typically used for building higher-level components (such as 'Dialog' or 'Popup') that need\n * to support modal behavior preventing interaction with the rest of the page while the modal is open.\n /\nconst Modal = ({ children, isOpen, onBackdropClick, backdropVariant }: Props) => {\n // get the global ModalContext instance\n const modalManager = globalModalManager;\n\n const { backdropRef } = useModal({ isOpen, onBackdropClick });\n // main modal element ref\n const modalRef = useRef<HTMLDivElement>(null);\n\n const ariaHiddenCache = useRef<Element[] \| null>(null);\n\n // modal ref cache, required to lookup the item in modal manager when the actual ref is unmounted\n const modal = useRef<{\n modalRef?: typeof modalRef.current;\n }>({});\n\n // populates and returns the modal ref cache\n const getModal = () => {\n modal.current.modalRef = modalRef.current;\n return modal.current;\n };\n\n useEffect(() => {\n if (isOpen && modalRef.current) {\n modalManager?.push(getModal());\n } else {\n if (modal.current.modalRef) {\n if (ariaHiddenCache.current !== null) {\n resetAriaHiddenOnBackgroundElements(ariaHiddenCache.current);\n ariaHiddenCache.current = null;\n }\n modalManager?.pop(getModal());\n }\n }\n }, [isOpen, modalManager]);\n\n useEffect(() => {\n const modalRef = modal.current.modalRef;\n return () => {\n if (ariaHiddenCache.current !== null) {\n resetAriaHiddenOnBackgroundElements(ariaHiddenCache.current);\n ariaHiddenCache.current = null;\n }\n if (modalRef) {\n modalManager?.pop(getModal());\n }\n };\n }, [modalManager]);\n\n const handleFocusIn = () => {\n // on first focusin, set aria-hidden on modal ancestor's siblings and remember the modified elements\n if (modalRef.current && ariaHiddenCache.current === null) {\n ariaHiddenCache.current = setAriaHiddenOnBackgroundElements(modalRef.current);\n }\n };\n\n return isOpen ? (\n <Layer isModal={true}>\n <div ref={modalRef} class={baseStyle} onFocus={handleFocusIn}>\n <ModalBackdrop ref={backdropRef} variant={backdropVariant} />\n {children}\n </div>\n </Layer>\n ) : null;\n};\n\nexport default Modal;\n","import { focusWithin, allTabbableElements } from '../utils/PRIVATE_tabbableUtils';\nimport { isLogicalAncestor } from '../utils/UNSAFE_popupUtils';\n\ninterface Modal {\n modalRef?: HTMLDivElement \| null;\n}\n\n/\n CSS property backup type.\n /\ntype StyleBackup = Array<{\n property: string;\n value: string;\n}>;\n\nexport default class ModalManager {\n /\n Array of ModalDescriptors managed by ModalManager\n /\n private modals: Modal[];\n /\n Backup of the main container's (body) CSS props potentially altered by Modal.\n /\n private styleBackup: StyleBackup;\n /\n A flag indicating that the ModalManager's focus handler is installed\n /\n private isFocusHandlerActive = false;\n\n constructor() {\n this.modals = [];\n this.styleBackup = [];\n }\n\n /\n A focus handler to keep focus in the top-most modal.\n /\n private focusHandler = (event: FocusEvent) => {\n const topModal = this.getTopModal();\n const target = event.target as HTMLElement;\n\n // if there is an open modal and valid focus event target...\n if (topModal && target) {\n const modalElement = topModal.modalRef;\n if (\n modalElement &&\n !modalElement.contains(target) &&\n !isLogicalAncestor(modalElement, target)\n ) {\n // Focus is outside of the top modal container, let's try to fix it\n const tabbableElements = allTabbableElements(modalElement);\n if (tabbableElements.length > 0) {\n // re-directing focus to the element inside top modal\n focusWithin(modalElement);\n event.preventDefault();\n event.stopPropagation();\n }\n }\n }\n };\n\n /\n Registers a modal with ModalManager\n \n @param modal\n * @returns\n /\n push(modal: Modal) {\n const modalIndex = this._findModalIndex(modal);\n\n if (modalIndex !== -1) {\n // Do not try to register the same modal multiple times\n return;\n }\n\n this.modals.push(modal);\n\n // if this is the first modal in the container, block container scrolling\n if (this.modals.length === 1) {\n const ownerDocument = this._getOwnerDocument(modal.modalRef);\n const scrollContainer = ownerDocument.body;\n\n const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;\n if (scrollBarWidth > 1) {\n // in RTL, scrollbar is on the left\n const scrollBarLeft =\n Math.round(document.documentElement.getBoundingClientRect().left) +\n document.documentElement.scrollLeft;\n\n if (scrollBarLeft) {\n this.styleBackup.push({\n property: 'padding-left',\n value: scrollContainer.style.paddingLeft\n });\n scrollContainer.style.paddingLeft = `${scrollBarWidth}px`;\n } else {\n this.styleBackup.push({\n property: 'padding-right',\n value: scrollContainer.style.paddingRight\n });\n scrollContainer.style.paddingRight = `${scrollBarWidth}px`;\n }\n }\n\n this.styleBackup.push({ property: 'overflow', value: scrollContainer.style.overflow });\n this.styleBackup.push({ property: 'overflow-x', value: scrollContainer.style.overflowX });\n this.styleBackup.push({ property: 'overflow-y', value: scrollContainer.style.overflowY });\n\n scrollContainer.style.overflow = 'hidden';\n }\n\n // also install the focus handler when the first modal becomes active\n if (this.modals.length === 1 && !this.islegacyLayerSupportAvailable()) {\n document.addEventListener('focus', this.focusHandler, true);\n this.isFocusHandlerActive = true;\n }\n }\n\n /\n Unegisters a modal from ModalManager\n \n @param modal\n * @returns\n /\n pop(modal: Modal) {\n const modalIndex = this._findModalIndex(modal);\n\n if (modalIndex === -1) {\n // modal to be removed not found!'\n return;\n }\n\n if (modalIndex !== this.modals.length - 1) {\n // trying to remove modal out of order!\n return;\n }\n\n // remove the focus handler when the last modal is about to be removed\n if (this.isFocusHandlerActive && this.modals.length === 1) {\n document.removeEventListener('focus', this.focusHandler, true);\n }\n\n this.modals.pop();\n\n // if this was the last modal in the container, restore its overflow props\n if (this.modals.length === 0) {\n const ownerDocument = this._getOwnerDocument(modal.modalRef);\n const scrollContainer = ownerDocument.body;\n\n this.styleBackup.forEach(({ property, value }) => {\n scrollContainer.style.setProperty(property, value);\n });\n }\n }\n\n isTopModal(modal: Modal): boolean {\n return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;\n }\n\n getTopModal = (): Modal \| null => {\n return this.modals.length > 0 ? this.modals[this.modals.length - 1] : null;\n };\n\n private _findModalIndex(modal: Modal): number {\n let index = -1;\n this.modals.forEach((elem, idx) => {\n if (elem === modal) {\n index = idx;\n return;\n }\n });\n return index;\n }\n\n private _getOwnerDocument(node: Node \| null \| undefined): Document {\n return (node && node.ownerDocument) \|\| document;\n }\n\n // TODO: replace with a proper API\n /\n Checks if the legacy popup service is available\n */\n private islegacyLayerSupportAvailable = () => {\n return document.getElementById('__oj_zorder_container') !== null;\n };\n}\n"],"names":["ModalBackdrop","forwardRef","variant","ref","variantClasses","multiVariantStyles","backdrop","_jsx","class","globalModalManager","constructor","this","isFocusHandlerActive","focusHandler","event","topModal","getTopModal","target","modalElement","modalRef","contains","isLogicalAncestor","allTabbableElements","length","focusWithin","preventDefault","stopPropagation","modals","islegacyLayerSupportAvailable","document","getElementById","styleBackup","push","modal","_findModalIndex","scrollContainer","_getOwnerDocument","body","scrollBarWidth","window","innerWidth","documentElement","clientWidth","Math","round","getBoundingClientRect","left","scrollLeft","property","value","style","paddingLeft","paddingRight","overflow","overflowX","overflowY","addEventListener","pop","modalIndex","removeEventListener","forEach","setProperty","isTopModal","index","elem","idx","node","ownerDocument","getSiblings","siblings","sibling","previousSibling","nodeType","nextSibling","resetAriaHiddenOnBackgroundElements","elements","removeAttribute","children","isOpen","onBackdropClick","backdropVariant","modalManager","backdropRef","useModal","useRef","ariaHiddenCache","getModal","current","useEffect","jsx","Layer","isModal","_jsxs","jsxs","baseStyle","onFocus","ariaHiddenElements","parentElement","tagName","toLowerCase","getAttribute","setAttribute","setAriaHiddenOnBackgroundElements"],"mappings":"6PAaA,MAAMA,EAAgBC,EAAUA,YAC9B,EAAGC,UAAU,SAAWC,KACtB,MAAMC,EAAiBC,EAAAA,mBAAmB,CACxCC,SAAsB,gBAAZJ,EAA4B,cAAgB,UAGxD,OAAOK,EAAAA,IAAA,MAAA,CAAKJ,IAAKA,EAAKK,MAAOJ,GAAkB,ICVnD,MAAMK,EAAqB,ICMb,MAcZ,WAAAC,GAFQC,KAAoBC,sBAAG,EAUvBD,KAAAE,aAAgBC,IACtB,MAAMC,EAAWJ,KAAKK,cAChBC,EAASH,EAAMG,OAGrB,GAAIF,GAAYE,EAAQ,CACtB,MAAMC,EAAeH,EAASI,SAC9B,GACED,IACCA,EAAaE,SAASH,KACtBI,EAAiBA,kBAACH,EAAcD,GACjC,CAEyBK,sBAAoBJ,GACxBK,OAAS,IAE5BC,EAAWA,YAACN,GACZJ,EAAMW,iBACNX,EAAMY,kBAET,CACF,GAqGHf,KAAWK,YAAG,IACLL,KAAKgB,OAAOJ,OAAS,EAAIZ,KAAKgB,OAAOhB,KAAKgB,OAAOJ,OAAS,GAAK,KAsBhEZ,KAA6BiB,8BAAG,IACsB,OAArDC,SAASC,eAAe,yBAzJ/BnB,KAAKgB,OAAS,GACdhB,KAAKoB,YAAc,EACpB,CAmCD,IAAAC,CAAKC,GAGH,IAAoB,IAFDtB,KAAKuB,gBAAgBD,GAExC,CAQA,GAHAtB,KAAKgB,OAAOK,KAAKC,GAGU,IAAvBtB,KAAKgB,OAAOJ,OAAc,CAC5B,MACMY,EADgBxB,KAAKyB,kBAAkBH,EAAMd,UACbkB,KAEhCC,EAAiBC,OAAOC,WAAaX,SAASY,gBAAgBC,YACpE,GAAIJ,EAAiB,EAAG,CAGpBK,KAAKC,MAAMf,SAASY,gBAAgBI,wBAAwBC,MAC5DjB,SAASY,gBAAgBM,YAGzBpC,KAAKoB,YAAYC,KAAK,CACpBgB,SAAU,eACVC,MAAOd,EAAgBe,MAAMC,cAE/BhB,EAAgBe,MAAMC,YAAc,GAAGb,QAEvC3B,KAAKoB,YAAYC,KAAK,CACpBgB,SAAU,gBACVC,MAAOd,EAAgBe,MAAME,eAE/BjB,EAAgBe,MAAME,aAAe,GAAGd,MAE3C,CAED3B,KAAKoB,YAAYC,KAAK,CAAEgB,SAAU,WAAYC,MAAOd,EAAgBe,MAAMG,WAC3E1C,KAAKoB,YAAYC,KAAK,CAAEgB,SAAU,aAAcC,MAAOd,EAAgBe,MAAMI,YAC7E3C,KAAKoB,YAAYC,KAAK,CAAEgB,SAAU,aAAcC,MAAOd,EAAgBe,MAAMK,YAE7EpB,EAAgBe,MAAMG,SAAW,QAClC,CAG0B,IAAvB1C,KAAKgB,OAAOJ,QAAiBZ,KAAKiB,kCACpCC,SAAS2B,iBAAiB,QAAS7C,KAAKE,cAAc,GACtDF,KAAKC,sBAAuB,EAzC7B,CA2CF,CAQD,GAAA6C,CAAIxB,GACF,MAAMyB,EAAa/C,KAAKuB,gBAAgBD,GAExC,IAAoB,IAAhByB,GAKAA,IAAe/C,KAAKgB,OAAOJ,OAAS,IAMpCZ,KAAKC,sBAA+C,IAAvBD,KAAKgB,OAAOJ,QAC3CM,SAAS8B,oBAAoB,QAAShD,KAAKE,cAAc,GAG3DF,KAAKgB,OAAO8B,MAGe,IAAvB9C,KAAKgB,OAAOJ,QAAc,CAC5B,MACMY,EADgBxB,KAAKyB,kBAAkBH,EAAMd,UACbkB,KAEtC1B,KAAKoB,YAAY6B,SAAQ,EAAGZ,WAAUC,YACpCd,EAAgBe,MAAMW,YAAYb,EAAUC,EAAM,GAErD,CACF,CAED,UAAAa,CAAW7B,GACT,OAAOtB,KAAKgB,OAAOJ,OAAS,GAAKZ,KAAKgB,OAAOhB,KAAKgB,OAAOJ,OAAS,KAAOU,CAC1E,CAMO,eAAAC,CAAgBD,GACtB,IAAI8B,GAAS,EAOb,OANApD,KAAKgB,OAAOiC,SAAQ,CAACI,EAAMC,KACrBD,IAAS/B,IACX8B,EAAQE,EAET,IAEIF,CACR,CAEO,iBAAA3B,CAAkB8B,GACxB,OAAQA,GAAQA,EAAKC,eAAkBtC,QACxC,GD/JH,SAASuC,EAAYJ,GACnB,MAAMK,EAAsB,GAC5B,IAAIC,EAAUN,EAAKO,gBACnB,KAAkB,MAAXD,GACoB,IAArBA,EAAQE,UACVH,EAASrC,KAAKsC,GAEhBA,EAAUA,EAAQC,gBAGpB,IADAD,EAAUN,EAAKS,YACG,MAAXH,GACoB,IAArBA,EAAQE,UACVH,EAASrC,KAAKsC,GAEhBA,EAAUA,EAAQG,YAEpB,OAAOJ,CACT,CAqCA,SAASK,EAAoCC,GAC3CA,EAASf,SAASI,IAChBA,EAAKY,gBAAgB,cAAc,GAEvC,SAyBc,EAAGC,WAAUC,SAAQC,kBAAiBC,sBAElD,MAAMC,EAAexE,GAEfyE,YAAEA,GAAgBC,EAAAA,SAAS,CAAEL,SAAQC,oBAErC5D,EAAWiE,SAAuB,MAElCC,EAAkBD,SAAyB,MAG3CnD,EAAQmD,SAEX,CAAA,GAGGE,EAAW,KACfrD,EAAMsD,QAAQpE,SAAWA,EAASoE,QAC3BtD,EAAMsD,SAGfC,EAAAA,WAAU,KACJV,GAAU3D,EAASoE,QACrBN,GAAcjD,KAAKsD,KAEfrD,EAAMsD,QAAQpE,WACgB,OAA5BkE,EAAgBE,UAClBb,EAAoCW,EAAgBE,SACpDF,EAAgBE,QAAU,MAE5BN,GAAcxB,IAAI6B,KAErB,GACA,CAACR,EAAQG,IAEZO,EAAAA,WAAU,KACR,MAAMrE,EAAWc,EAAMsD,QAAQpE,SAC/B,MAAO,KAC2B,OAA5BkE,EAAgBE,UAClBb,EAAoCW,EAAgBE,SACpDF,EAAgBE,QAAU,MAExBpE,GACF8D,GAAcxB,IAAI6B,IACnB,CACF,GACA,CAACL,IASJ,OAAOH,EACLvE,EAACkF,IAAAC,EAAKA,OAACC,SAAS,EACdd,SAAAe,EAAAC,KAAA,MAAA,CAAK1F,IAAKgB,EAAUX,MAAOsF,EAAAA,UAAWC,QATpB,KAEhB5E,EAASoE,SAAuC,OAA5BF,EAAgBE,UACtCF,EAAgBE,QA7GtB,SAA2CtD,GACzC,IAAKA,EACH,MAAO,GAET,MAAM+D,EAAgC,GACtC,IAAI9B,EAAuBjC,EAAMgE,cAEjC,EAAG,CACD,IAAK/B,EACH,MAEeE,EAAYF,GACpBN,SAASI,IACmB,WAA/BA,EAAKkC,QAAQC,eAAmE,SAArCnC,EAAKoC,aAAa,iBAC/DJ,EAAmBhE,KAAKgC,GACxBA,EAAKqC,aAAa,cAAe,QAClC,IAEHnC,EAAOA,EAAK+B,aACb,OAAQ/B,GAAuC,SAA/BA,EAAKgC,QAAQC,eAE9B,OAAOH,CACT,CAuFgCM,CAAkCnF,EAASoE,SACtE,EAK6DV,SAAA,CAC1DtE,EAAAA,IAACP,EAAa,CAACG,IAAK+E,EAAahF,QAAS8E,IACzCH,OAGH,IAAI"}

package/amd/{MonthView-1a60836e.js → MonthView-d4c06203.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './dayUtils-619d141a', './getFormatParse-3d7186b3', './logger-0f873e29', './calendarDateUtils-5e25297c', 'preact/hooks', './StyledDatePickerButton-e886e52a', 'preact/compat', './useTranslationBundle-652e08a6', './useCellNavigation-dcf1584f', './PRIVATE_MonthView/themes/DayCellStyles.css', './useUser-abae2493', './Grid-49beb801', './PRIVATE_MonthView/themes/redwood/MonthViewTheme', './useComponentTheme-5aa41a8f', './PRIVATE_MonthView/themes/MonthViewContract.css', './PRIVATE_MonthView/themes/WeekNumberCellStyle.css'], (function(e,t,a,s,o,r,n,i,l,d,c,u,h,m,y,p,g,D){"use strict";const b=()=>({state:"enabled"}),w=e=>{const{buttonProps:a}=(({date:e,dayFormatter:t=b,dateFormatter:a,isAdjacentMonth:s,isDisabled:o,isFocusable:n,isFocused:i,isHidden:u,isReadonly:h,isSelected:m,isToday:y,onAction:p,onNavigation:g})=>{const{state:D}=t(e),w="disabled"===D,f="restricted"===D,T=c.useFocusableCell({isFocusable:n,isFocused:i}),k=l.useCallback((e=>{o||h||w||f||p(e)}),[o,w,h,f,p]),S=c.useCellNavigation({navigationMap:{ArrowLeft:{ltr:"previousDay",rtl:"nextDay"},ArrowRight:{ltr:"nextDay",rtl:"previousDay"},ArrowDown:"nextWeek",ArrowUp:"previousWeek",PageDown:"nextMonth",PageUp:"previousMonth",Home:"firstDayOfMonth",End:"lastDayOfMonth",ShiftPageDown:"nextYear",ShiftPageUp:"previousYear",CtrlAltT:"today"},payload:{date:e},onAction:k,onNavigation:g}),x=d.useTranslationBundle("@oracle/oraclejet-preact"),C=x.datePicker_today(),M=x.datePicker_selected(),v=x.datePicker_restricted(),j=a(r.getIsoDateStr(e.year,e.month,e.day));let P=y?`${C}, ${j}`:j;P=f?`${P}, ${v}`:P,P=m?`${P}, ${M}`:P;const V=r.toJSDate(e.year,e.month,e.day).getDate().toString();return{buttonProps:{"aria-label":P,...(u||o||w||f)&&{"aria-disabled":!0},isActivable:!(o||h||w||f),isAdjacentMonth:s,isDimmed:o||w,isHidden:u,isHoverable:!(o||h||w||f),isReadonly:h,isSelected:m,isRestricted:f,isToday:y,label:V,...T,...S}}})(e);return t.jsx("div",{role:"gridcell",class:u.dayCellStyles,children:t.jsx(i.StyledDatePickerButton,{...a})})},f=({startDateOfWeek:e})=>{const a=(e=>{const t=r.toJSDate(e.year,e.month,e.day),a=t.getUTCDay();0!==a&&1!==a&&6!==a&&o.warn("calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n      since that is the first day of the week for the locale's JET supports."),1!==a&&t.setUTCDate(t.getUTCDate()+(0===a?1:2)),t.setUTCDate(t.getUTCDate()+3);const s=r.toJSDate(t.getUTCFullYear(),1,1);return Math.floor(Math.round((t.getTime()-s.getTime())/864e5)/7)+1})(e),s=d.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{"aria-label":s.datePicker_weekNum({NUM:String(a)}),class:D.weekNumberCellStyles,role:"rowheader",children:t.jsx("span",{class:D.weekNumberStyles,children:a})})};function T(e,t){return e.year===t.year&&e.month===t.month&&e.day===t.day}e.MonthView=({dayFormatter:e,daysOutsideMonth:o="hidden",isReadonly:i=!1,max:l,min:d,onAction:c,onNavigation:u,selectedDate:D,focusableDate:b,isFocused:k=!1,testId:S,todaysDate:x,weekDisplay:C="none"})=>{const{locale:M}=h.useUser(),v=a.getWeeksInMonth(b.year,b.month,M),{baseTheme:j,styles:P}=p.useComponentTheme(y.MonthViewRedwoodTheme,{}),V="number"===C,A=`repeat(${V?8:7}, 1fr)`,F=n.useMemo((()=>{r.checkNoCalendarExtension(M);const e={locale:M,dateStyle:"full"},{format:t}=s.getFormatParse(e);return t}),[M]),U=r.formatFullCalendarDate(M,b,"month");return t.jsx("div",{class:j,children:t.jsxs(m.Grid,{gap:g.monthViewScaleVars.rowGap,"aria-label":U,role:"grid",testId:S,children:[(()=>{const e=a.getDaysOfWeekNames(M,"short");return t.jsx("div",{class:P.sticky,children:t.jsxs(m.Grid,{role:"row","aria-hidden":"true",gridTemplateColumns:A,gap:g.monthViewScaleVars.columnGap,children:[V&&t.jsx("div",{role:"presentation"}),e.map((e=>t.jsx("div",{role:"columnheader",class:P.dayOfTheWeek,children:t.jsx("span",{children:e})})))]})})})(),(()=>{const s=[];for(let n=0;n<v;n++){const h=a.getStartOfWeek(b.year,b.month,1,M),y=a.getDatesInWeek(n,h.year,h.month,h.day),p=y.map((a=>{const s=r.isDateOutOfRange(a,d,l),n=!!D&&T(a,D),h=T(a,x),m=T(a,b),y=(p=b,a.month!==p.month);var p;const g=y&&"hidden"===o;return t.jsx(w,{date:a,dateFormatter:F,dayFormatter:e,isAdjacentMonth:y,isDisabled:s,isFocusable:m,isFocused:m&&k,isHidden:g,isReadonly:i,isSelected:n,isToday:h,onAction:c,onNavigation:u},`${a.year}-${a.month}-${a.day}`)}));s.push(t.jsxs(m.Grid,{role:"row",gridTemplateColumns:A,gap:g.monthViewScaleVars.columnGap,children:[V&&t.jsx(f,{startDateOfWeek:y[0]}),p]},n))}return s})()]})})}}));
-//# sourceMappingURL=MonthView-1a60836e.js.map
+define(['exports', 'preact/jsx-runtime', './dayUtils-619d141a', './getFormatParse-3d7186b3', './logger-0f873e29', './calendarDateUtils-5e25297c', 'preact/hooks', './StyledDatePickerButton-e886e52a', 'preact/compat', './useTranslationBundle-33399171', './useCellNavigation-dcf1584f', './PRIVATE_MonthView/themes/DayCellStyles.css', './useUser-33136570', './Grid-3dd364a1', './PRIVATE_MonthView/themes/redwood/MonthViewTheme', './useComponentTheme-5aa41a8f', './PRIVATE_MonthView/themes/MonthViewContract.css', './PRIVATE_MonthView/themes/WeekNumberCellStyle.css'], (function(e,t,a,s,o,r,n,i,l,d,c,u,h,m,y,p,g,D){"use strict";const w=()=>({state:"enabled"}),f=e=>{const{buttonProps:a}=(({date:e,dayFormatter:t=w,dateFormatter:a,isAdjacentMonth:s,isDisabled:o,isFocusable:n,isFocused:i,isHidden:u,isReadonly:h,isSelected:m,isToday:y,onAction:p,onNavigation:g})=>{const{state:D}=t(e),f="disabled"===D,T="restricted"===D,b=c.useFocusableCell({isFocusable:n,isFocused:i}),k=l.useCallback((e=>{o||h||f||T||p(e)}),[o,f,h,T,p]),S=c.useCellNavigation({navigationMap:{ArrowLeft:{ltr:"previousDay",rtl:"nextDay"},ArrowRight:{ltr:"nextDay",rtl:"previousDay"},ArrowDown:"nextWeek",ArrowUp:"previousWeek",PageDown:"nextMonth",PageUp:"previousMonth",Home:"firstDayOfMonth",End:"lastDayOfMonth",ShiftPageDown:"nextYear",ShiftPageUp:"previousYear",CtrlAltT:"today"},payload:{date:e},onAction:k,onNavigation:g}),x=d.useTranslationBundle("@oracle/oraclejet-preact"),C=x.datePicker_today(),M=x.datePicker_selected(),v=x.datePicker_restricted(),j=a(r.getIsoDateStr(e.year,e.month,e.day));let P=y?`${C}, ${j}`:j;P=T?`${P}, ${v}`:P,P=m?`${P}, ${M}`:P;const V=r.toJSDate(e.year,e.month,e.day).getDate().toString();return{buttonProps:{"aria-label":P,...(u||o||f||T)&&{"aria-disabled":!0},isActivable:!(o||h||f||T),isAdjacentMonth:s,isDimmed:o||f,isHidden:u,isHoverable:!(o||h||f||T),isReadonly:h,isSelected:m,isRestricted:T,isToday:y,label:V,...b,...S}}})(e);return t.jsx("div",{role:"gridcell",class:u.dayCellStyles,children:t.jsx(i.StyledDatePickerButton,{...a})})},T=({startDateOfWeek:e})=>{const a=(e=>{const t=r.toJSDate(e.year,e.month,e.day),a=t.getUTCDay();0!==a&&1!==a&&6!==a&&o.warn("calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n      since that is the first day of the week for the locale's JET supports."),1!==a&&t.setUTCDate(t.getUTCDate()+(0===a?1:2)),t.setUTCDate(t.getUTCDate()+3);const s=r.toJSDate(t.getUTCFullYear(),1,1);return Math.floor(Math.round((t.getTime()-s.getTime())/864e5)/7)+1})(e),s=d.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{"aria-label":s.datePicker_weekNum({NUM:String(a)}),class:D.weekNumberCellStyles,role:"rowheader",children:t.jsx("span",{class:D.weekNumberStyles,children:a})})};function b(e,t){return e.year===t.year&&e.month===t.month&&e.day===t.day}e.MonthView=({dayFormatter:e,daysOutsideMonth:o="hidden",isReadonly:i=!1,max:l,min:d,onAction:c,onNavigation:u,selectedDate:D,focusableDate:w,isFocused:k=!1,testId:S,todaysDate:x,weekDisplay:C="none"})=>{const{locale:M}=h.useUser(),v=a.getWeeksInMonth(w.year,w.month,M),{baseTheme:j,styles:P}=p.useComponentTheme(y.MonthViewRedwoodTheme,{}),V="number"===C,A=`repeat(${V?8:7}, 1fr)`,F=n.useMemo((()=>{r.checkNoCalendarExtension(M);const e={locale:M,dateStyle:"full"},{format:t}=s.getFormatParse(e);return t}),[M]),U=r.formatFullCalendarDate(M,w,"month");return t.jsx("div",{class:j,children:t.jsxs(m.Grid,{gap:g.monthViewScaleVars.rowGap,"aria-label":U,role:"grid",testId:S,children:[(()=>{const e=a.getDaysOfWeekNames(M,"short");return t.jsx("div",{class:P.sticky,children:t.jsxs(m.Grid,{role:"row","aria-hidden":"true",gridTemplateColumns:A,gap:g.monthViewScaleVars.columnGap,children:[V&&t.jsx("div",{role:"presentation"}),e.map((e=>t.jsx("div",{role:"columnheader",class:P.dayOfTheWeek,children:t.jsx("span",{children:e})})))]})})})(),(()=>{const s=[];for(let n=0;n<v;n++){const h=a.getStartOfWeek(w.year,w.month,1,M),y=a.getDatesInWeek(n,h.year,h.month,h.day),p=y.map((a=>{const s=r.isDateOutOfRange(a,d,l),n=!!D&&b(a,D),h=b(a,x),m=b(a,w),y=(p=w,a.month!==p.month);var p;const g=y&&"hidden"===o;return t.jsx(f,{date:a,dateFormatter:F,dayFormatter:e,isAdjacentMonth:y,isDisabled:s,isFocusable:m,isFocused:m&&k,isHidden:g,isReadonly:i,isSelected:n,isToday:h,onAction:c,onNavigation:u},`${a.year}-${a.month}-${a.day}`)}));s.push(t.jsxs(m.Grid,{role:"row",gridTemplateColumns:A,gap:g.monthViewScaleVars.columnGap,children:[V&&t.jsx(T,{startDateOfWeek:y[0]}),p]},n))}return s})()]})})}}));
+//# sourceMappingURL=MonthView-d4c06203.js.map

package/amd/{MonthView-1a60836e.js.map → MonthView-d4c06203.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MonthView-1a60836e.js","sources":["../../src/PRIVATE_MonthView/useDayCell.ts","../../src/PRIVATE_MonthView/DayCell.tsx","../../src/PRIVATE_MonthView/WeekNumberCell.tsx","../../src/PRIVATE_MonthView/MonthView.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 { DateISOStr } from '#UNSAFE_IntlDateTime';\nimport { FormatterFunc } from '#UNSAFE_IntlFormatParse';\nimport { getIsoDateStr, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useCallback } from 'preact/compat';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useFocusableCell } from '#UNSAFE_DatePicker/useFocusableCell';\nimport { useCellNavigation } from '#UNSAFE_DatePicker/useCellNavigation';\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\n\ntype NavigationDirections =\n \| 'previousDay'\n \| 'nextDay'\n \| 'previousWeek'\n \| 'nextWeek'\n \| 'previousMonth'\n \| 'nextMonth'\n \| 'previousYear'\n \| 'nextYear'\n \| 'firstDayOfMonth'\n \| 'lastDayOfMonth'\n \| 'today';\n\nexport type DayFormatOptions = {\n state: 'enabled' \| 'disabled' \| 'restricted';\n};\n\n// These are the properties the useDayCell hook takes.\nexport type UseDayCellProps = {\n /\n Date of the day cell. This will be formatted as a full date and put in the aria-label.\n /\n date: CalendarDateRequired;\n /\n A function used to format the day cell date as a full date.\n /\n dateFormatter: FormatterFunc<DateISOStr>;\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 Whether the day cell is in an adjacent month, not the current month.\n /\n isAdjacentMonth: boolean;\n /\n Whether the day cell is disabled, like if it is out of the min/max range.\n /\n isDisabled?: boolean;\n /\n Whether the day cell is focusable, meaning it will have tabIndex 0.\n /\n isFocusable: boolean;\n /\n Whether the day cell has focus.\n /\n isFocused: boolean;\n /\n Whether the day cell is hidden. For example, days outside of the current month are hidden by default.\n /\n isHidden: boolean;\n /\n Whether the day cell is readonly. It is not activeable.\n /\n isReadonly: boolean;\n /\n Whether the day cell looks selected.\n /\n isSelected: boolean;\n /\n Whether the day cell's date is today.\n /\n isToday: boolean;\n /\n A callback that will be invoked when the user selects the date by clicking on a day cell or selecting the enter or space key on a day cell.\n * @param payload The payload containing the date represented by this cell.\n /\n onAction: (payload: { date: CalendarDateRequired }) => void;\n /\n A callback that will be invoked when the user navigates.\n /\n onNavigation: (detail: { direction: NavigationDirections; date: CalendarDateRequired }) => void;\n};\n\n/\n The useDayCell hook returns properties for an individual DayCell. The properties returned should be spread on the StyledDatePickerButton.\n * These include the event handlers for keydown and click.\n /\nexport const useDayCell = ({\n date,\n dayFormatter = defaultDayFormatter,\n dateFormatter,\n isAdjacentMonth,\n isDisabled,\n isFocusable,\n isFocused,\n isHidden,\n isReadonly,\n isSelected,\n isToday,\n onAction,\n onNavigation\n}: UseDayCellProps) => {\n // apply day formatting\n const { state } = dayFormatter(date);\n const isDisabledFormat = state === 'disabled';\n const isRestrictedFormat = state === 'restricted';\n\n // Focus the day cell with isFocused true when the state updates.\n const buttonProps = useFocusableCell({ isFocusable, isFocused });\n // Override onAction to not call it if disabled, readonly or restricted\n const handleAction: UseDayCellProps['onAction'] = useCallback(\n (payload) => {\n if (isDisabled \|\| isReadonly \|\| isDisabledFormat \|\| isRestrictedFormat) return;\n onAction(payload);\n },\n [isDisabled, isDisabledFormat, isReadonly, isRestrictedFormat, onAction]\n );\n const buttonEventHandlers = useCellNavigation({\n navigationMap: {\n ArrowLeft: { ltr: 'previousDay', rtl: 'nextDay' },\n ArrowRight: { ltr: 'nextDay', rtl: 'previousDay' },\n ArrowDown: 'nextWeek',\n ArrowUp: 'previousWeek',\n PageDown: 'nextMonth',\n PageUp: 'previousMonth',\n Home: 'firstDayOfMonth',\n End: 'lastDayOfMonth',\n ShiftPageDown: 'nextYear',\n ShiftPageUp: 'previousYear',\n CtrlAltT: 'today'\n },\n payload: { date },\n onAction: handleAction,\n onNavigation\n });\n\n // For accessibility, we want a full date.\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const today = translations.datePicker_today();\n const selected = translations.datePicker_selected();\n const restricted = translations.datePicker_restricted();\n\n const dateIsoStr = getIsoDateStr(date.year, date.month, date.day);\n const formattedDate = dateFormatter(dateIsoStr);\n let ariaLabel = isToday ? `${today}, ${formattedDate}` : formattedDate;\n ariaLabel = isRestrictedFormat ? `${ariaLabel}, ${restricted}` : ariaLabel;\n ariaLabel = isSelected ? `${ariaLabel}, ${selected}` : ariaLabel;\n const dayOfMonth = toJSDate(date.year, date.month, date.day).getDate().toString();\n\n return {\n buttonProps: {\n 'aria-label': ariaLabel,\n ...((isHidden \|\| isDisabled \|\| isDisabledFormat \|\| isRestrictedFormat) && {\n 'aria-disabled': true\n }),\n isActivable: !(isDisabled \|\| isReadonly \|\| isDisabledFormat \|\| isRestrictedFormat),\n isAdjacentMonth,\n isDimmed: isDisabled \|\| isDisabledFormat,\n isHidden,\n isHoverable: !(isDisabled \|\| isReadonly \|\| isDisabledFormat \|\| isRestrictedFormat),\n isReadonly,\n isSelected,\n isRestricted: isRestrictedFormat,\n isToday,\n label: dayOfMonth,\n ...buttonProps,\n ...buttonEventHandlers\n } as ComponentProps<typeof StyledDatePickerButton>\n };\n};\n\n/\n A default day formatter that always formats as enabled state.\n /\nconst defaultDayFormatter = () => ({ state: 'enabled' }) as DayFormatOptions;\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 { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseDayCellProps, useDayCell } from './useDayCell';\nimport { dayCellStyles } from './themes/DayCellStyles.css';\n\ntype PickedUseDayCellProps = Pick<\n UseDayCellProps,\n \| 'date'\n \| 'dateFormatter'\n \| 'dayFormatter'\n \| 'isAdjacentMonth'\n \| 'isDisabled'\n \| 'isFocusable'\n \| 'isFocused'\n \| 'isHidden'\n \| 'isReadonly'\n \| 'isSelected'\n \| 'isToday'\n \| 'onAction'\n \| 'onNavigation'\n>;\n\ntype DayCellProps = PickedUseDayCellProps;\n\n/\n The DayCell is the cell within the DatePicker's month view that contains the day in the month view.\n * This component will format the date for the aria-label.\n * The DayCell components uses the useDayCell hook to handle the user interactions with the day cell.\n /\nexport const DayCell = (props: DayCellProps) => {\n const { buttonProps } = useDayCell(props);\n // buttonProps, e.g., tabIndex, aria-label, onclick, onkeydown and visual states\n return (\n <div role=\"gridcell\" class={dayCellStyles}>\n <StyledDatePickerButton {...buttonProps} />\n </div>\n );\n};\n","import { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { CalendarDateRequired, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { weekNumberCellStyles, weekNumberStyles } from './themes/WeekNumberCellStyle.css';\nimport as Logger from '../utils/UNSAFE_logger';\n\ntype Props = {\n /*\n startDateOfWeek is the first date of the week row\n /\n startDateOfWeek: CalendarDateRequired;\n};\n\n/\n The ISO 8601 definition for week 01 is the week with the first Thursday of the Gregorian year (i.e. of January) in it.\n * https://en.wikipedia.org/wiki/ISO_week_date\n * @param date The first date of the week row to be used to calculate the week number.\n * The date must be a Saturday, Sunday, or Monday. We assume this because the week for\n * all the locales we support start on one of these days.\n * @returns the number of week in the year\n /\nconst calculateWeekNumber = (date: CalendarDateRequired) => {\n const checkDate = toJSDate(date.year, date.month, date.day);\n const dayNumber = checkDate.getUTCDay(); // 0 for Sunday, 1 for Monday, 2 for Tuesday, etc.\n\n if (dayNumber !== 0 && dayNumber !== 1 && dayNumber !== 6) {\n // This message is for internal JET developers. We should never see this message. In all locales the day of the\n // week starts on Sunday, Monday or Saturday.\n Logger.warn(`calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n since that is the first day of the week for the locale's JET supports.`);\n }\n\n // For ISO week, we set the start of the week to Monday\n if (dayNumber !== 1) {\n // If it is already Monday, do nothing.\n // If it is Sunday (0), add 1 to move it up to Monday.\n // If it is Saturday (6), move it up two days to Monday.\n checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));\n }\n\n // Find Thursday (day value of 4) of this week. Since we know checkDate at this point is a Monday,\n // we move it up 3 days.\n checkDate.setUTCDate(checkDate.getUTCDate() + 3);\n\n // Create the start of the year date\n const janFirst = toJSDate(checkDate.getUTCFullYear(), 1, 1);\n\n return Math.floor(Math.round((checkDate.getTime() - janFirst.getTime()) / 86400000) / 7) + 1;\n};\n\n/\n The WeekNumberCell is the cell at the start of a week's row within the DatePicker's\n * month view that contains the week's number within the year. This displays when\n * the DatePicker's 'weekDisplay' prop is set to 'number'.\n * This component will format the week number for the aria-label.\n /\nconst WeekNumberCell = ({ startDateOfWeek }: Props) => {\n const weekNumber = calculateWeekNumber(startDateOfWeek);\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n return (\n <div\n aria-label={translations.datePicker_weekNum({ NUM: String(weekNumber) })}\n class={weekNumberCellStyles}\n role=\"rowheader\">\n <span class={weekNumberStyles}>{weekNumber}</span>\n </div>\n );\n};\n\nexport { WeekNumberCell };\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 {\n getWeeksInMonth,\n getDatesInWeek,\n getStartOfWeek,\n getDaysOfWeekNames,\n WeekInMonthIndex\n} from '#utils/PRIVATE_dayUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { useMemo } from 'preact/hooks';\nimport {\n CalendarDateRequired,\n checkNoCalendarExtension,\n formatFullCalendarDate,\n isDateOutOfRange\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { getFormatParse, NativeDateTimeOptions } from '#UNSAFE_IntlDateTime';\nimport { DayCell } from './DayCell';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport {\n MonthViewStyles,\n MonthViewVariantOptions\n} from '#PRIVATE_MonthView/themes/MonthViewStyles.css';\nimport { MonthViewRedwoodTheme } from '#PRIVATE_MonthView/themes/redwood/MonthViewTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { monthViewScaleVars } from '#PRIVATE_MonthView/themes/MonthViewContract.css';\nimport { WeekNumberCell } from './WeekNumberCell';\n\ntype PickedDayCellProps = Pick<\n ComponentProps<typeof DayCell>,\n 'dayFormatter' \| 'onAction' \| 'onNavigation'\n>;\n\ntype MonthViewProps = TestIdProps &\n PickedDayCellProps & {\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 The MonthView renders with the month of the focusableDate.\n * The focusableDate is the only day in the MonthView that has tabIndex: 0 on it.\n * The focusableDate doesn't have focus until the user tabs in to the Month View.\n * The focusableDate is never undefined.\n /\n focusableDate: CalendarDateRequired;\n /\n If set to true, the focusableDate will be focused and you will see the focus ring. It will be\n * false when no date has focus.\n * @default false\n /\n isFocused?: boolean;\n /\n Specifies whether the component is readonly.\n /\n isReadonly?: boolean;\n /\n The maximum selectable date. The max must be greater than the min if they are both specified.\n /\n max?: CalendarDateRequired;\n /\n The minimum selectable date. The min must be less than the max if they are both specified.\n /\n min?: CalendarDateRequired;\n /\n The selected date of the MonthView, or undefined is there is no selected date. This\n * is used to highlight the selected day cell if it is within the min/max range.\n /\n selectedDate?: CalendarDateRequired;\n /\n Today's date. This is used to highlight the Today day cell.\n /\n todaysDate: CalendarDateRequired;\n /\n Whether week of the year will be shown in the DatePicker. The default calculation follows the\n * ISO 8601 definition: the first week of the year contains the first Thursday of the year.\n * This means that some days from one year may be placed into weeks 'belonging' to another year.\n /\n weekDisplay?: 'none' \| 'number';\n };\n\n/\n A MonthView is a month interface that allows users to select a single date. The MonthView is the week day header\n * abbreviations and the days of the month. A MonthView is used inside of a DatePicker\n * along with the DatePickerHeader and the MonthGridView and YearGridView.\n */\nexport const MonthView = ({\n dayFormatter,\n daysOutsideMonth = 'hidden',\n isReadonly = false,\n max,\n min,\n onAction,\n onNavigation,\n selectedDate,\n focusableDate,\n isFocused = false,\n testId,\n todaysDate,\n weekDisplay = 'none'\n}: MonthViewProps) => {\n const { locale } = useUser();\n const weeksInMonth = getWeeksInMonth(focusableDate.year, focusableDate.month, locale);\n const { baseTheme, styles } = useComponentTheme<MonthViewVariantOptions, MonthViewStyles>(\n MonthViewRedwoodTheme,\n {}\n );\n const isWeekNumberDisplayed = weekDisplay === 'number';\n const gridTemplateColumns = `repeat(${isWeekNumberDisplayed ? 8 : 7}, 1fr)`;\n\n const dateFormatter = useMemo(() => {\n checkNoCalendarExtension(locale);\n const dateFormatOptions: NativeDateTimeOptions = {\n locale,\n dateStyle: 'full'\n };\n const { format } = getFormatParse(dateFormatOptions);\n return format;\n }, [locale]);\n\n const renderMonthViewHeaderRow = () => {\n const weekDays = getDaysOfWeekNames(locale, 'short');\n\n return (\n <div class={styles.sticky}>\n <Grid\n role=\"row\"\n aria-hidden=\"true\"\n gridTemplateColumns={gridTemplateColumns}\n gap={monthViewScaleVars.columnGap}>\n {isWeekNumberDisplayed && <div role=\"presentation\" />}\n {weekDays.map((day) => (\n <div role=\"columnheader\" class={styles.dayOfTheWeek}>\n <span>{day}</span>\n </div>\n ))}\n </Grid>\n </div>\n );\n };\n\n const renderMonthView = () => {\n const calendarGrid: JSX.Element[] = [];\n\n for (let weekIndex = 0; weekIndex < weeksInMonth; weekIndex++) {\n const startDateOfWeek = getStartOfWeek(focusableDate.year, focusableDate.month, 1, locale);\n\n const weekDates = getDatesInWeek(\n weekIndex as WeekInMonthIndex,\n startDateOfWeek.year,\n startDateOfWeek.month,\n startDateOfWeek.day\n );\n\n const weekCells = weekDates.map((dayCellDate) => {\n // This figures out the visual state of the DayCell.\n const isDisabled = isDateOutOfRange(dayCellDate, min, max);\n\n // Even if the selected date is out of range, the UX design shows it as selected.\n const isSelected = selectedDate ? isSameDate(dayCellDate, selectedDate) : false;\n const isToday = isSameDate(dayCellDate, todaysDate);\n const isFocusable = isSameDate(dayCellDate, focusableDate);\n const isAdjacentMonth = isOutOfMonth(dayCellDate, focusableDate);\n const isHidden = isAdjacentMonth && daysOutsideMonth === 'hidden';\n\n return (\n <DayCell\n key={`${dayCellDate.year}-${dayCellDate.month}-${dayCellDate.day}`}\n date={dayCellDate}\n dateFormatter={dateFormatter}\n dayFormatter={dayFormatter}\n isAdjacentMonth={isAdjacentMonth}\n isDisabled={isDisabled}\n isFocusable={isFocusable}\n isFocused={isFocusable && isFocused}\n isHidden={isHidden}\n isReadonly={isReadonly}\n isSelected={isSelected}\n isToday={isToday}\n onAction={onAction}\n onNavigation={onNavigation}></DayCell>\n );\n });\n\n calendarGrid.push(\n <Grid\n key={weekIndex}\n role=\"row\"\n gridTemplateColumns={gridTemplateColumns}\n gap={monthViewScaleVars.columnGap}>\n {isWeekNumberDisplayed && <WeekNumberCell startDateOfWeek={weekDates[0]} />}\n {weekCells}\n </Grid>\n );\n }\n\n return calendarGrid;\n };\n\n const monthViewAriaLabel = formatFullCalendarDate(locale, focusableDate, 'month');\n return (\n <div class={baseTheme}>\n <Grid\n gap={monthViewScaleVars.rowGap}\n aria-label={monthViewAriaLabel}\n role=\"grid\"\n testId={testId}>\n {renderMonthViewHeaderRow()}\n {renderMonthView()}\n </Grid>\n </div>\n );\n};\n\nfunction isSameDate(date1: CalendarDateRequired, date2: CalendarDateRequired) {\n return date1.year === date2.year && date1.month === date2.month && date1.day === date2.day;\n}\n\nfunction isOutOfMonth(date1: CalendarDateRequired, currentMonthDate: CalendarDateRequired) {\n return date1.month !== currentMonthDate.month;\n}\n"],"names":["defaultDayFormatter","state","DayCell","props","buttonProps","date","dayFormatter","dateFormatter","isAdjacentMonth","isDisabled","isFocusable","isFocused","isHidden","isReadonly","isSelected","isToday","onAction","onNavigation","isDisabledFormat","isRestrictedFormat","useFocusableCell","handleAction","useCallback","payload","buttonEventHandlers","useCellNavigation","navigationMap","ArrowLeft","ltr","rtl","ArrowRight","ArrowDown","ArrowUp","PageDown","PageUp","Home","End","ShiftPageDown","ShiftPageUp","CtrlAltT","translations","useTranslationBundle","today","datePicker_today","selected","datePicker_selected","restricted","datePicker_restricted","formattedDate","getIsoDateStr","year","month","day","ariaLabel","dayOfMonth","toJSDate","getDate","toString","isActivable","isDimmed","isHoverable","isRestricted","label","useDayCell","_jsx","jsx","role","class","dayCellStyles","children","StyledDatePickerButton","WeekNumberCell","startDateOfWeek","weekNumber","checkDate","dayNumber","getUTCDay","Logger.warn","setUTCDate","getUTCDate","janFirst","getUTCFullYear","Math","floor","round","getTime","calculateWeekNumber","datePicker_weekNum","NUM","String","weekNumberCellStyles","weekNumberStyles","isSameDate","date1","date2","daysOutsideMonth","max","min","selectedDate","focusableDate","testId","todaysDate","weekDisplay","locale","useUser","weeksInMonth","getWeeksInMonth","baseTheme","styles","useComponentTheme","MonthViewRedwoodTheme","isWeekNumberDisplayed","gridTemplateColumns","useMemo","checkNoCalendarExtension","dateFormatOptions","dateStyle","format","getFormatParse","monthViewAriaLabel","formatFullCalendarDate","_jsxs","jsxs","Grid","gap","monthViewScaleVars","rowGap","weekDays","getDaysOfWeekNames","sticky","columnGap","map","dayOfTheWeek","renderMonthViewHeaderRow","calendarGrid","weekIndex","getStartOfWeek","weekDates","getDatesInWeek","weekCells","dayCellDate","isDateOutOfRange","currentMonthDate","push","renderMonthView"],"mappings":"8lBAsGO,MAuFDA,EAAsB,KAAO,CAAEC,MAAO,YC1J/BC,EAAWC,IACtB,MAAMC,YAAEA,GDkEgB,GACxBC,OACAC,eAAeN,EACfO,gBACAC,kBACAC,aACAC,cACAC,YACAC,WACAC,aACAC,aACAC,UACAC,WACAC,mBAGA,MAAMhB,MAAEA,GAAUK,EAAaD,GACzBa,EAA6B,aAAVjB,EACnBkB,EAA+B,eAAVlB,EAGrBG,EAAcgB,EAAgBA,iBAAC,CAAEV,cAAaC,cAE9CU,EAA4CC,eAC/CC,IACKd,GAAcI,GAAcK,GAAoBC,GACpDH,EAASO,EAAQ,GAEnB,CAACd,EAAYS,EAAkBL,EAAYM,EAAoBH,IAE3DQ,EAAsBC,EAAAA,kBAAkB,CAC5CC,cAAe,CACbC,UAAW,CAAEC,IAAK,cAAeC,IAAK,WACtCC,WAAY,CAAEF,IAAK,UAAWC,IAAK,eACnCE,UAAW,WACXC,QAAS,eACTC,SAAU,YACVC,OAAQ,gBACRC,KAAM,kBACNC,IAAK,iBACLC,cAAe,WACfC,YAAa,eACbC,SAAU,SAEZhB,QAAS,CAAElB,QACXW,SAAUK,EACVJ,iBAIIuB,EAAeC,uBAAiC,4BAChDC,EAAQF,EAAaG,mBACrBC,EAAWJ,EAAaK,sBACxBC,EAAaN,EAAaO,wBAG1BC,EAAgBzC,EADH0C,EAAaA,cAAC5C,EAAK6C,KAAM7C,EAAK8C,MAAO9C,EAAK+C,MAE7D,IAAIC,EAAYtC,EAAU,GAAG2B,MAAUM,IAAkBA,EACzDK,EAAYlC,EAAqB,GAAGkC,MAAcP,IAAeO,EACjEA,EAAYvC,EAAa,GAAGuC,MAAcT,IAAaS,EACvD,MAAMC,EAAaC,EAAAA,SAASlD,EAAK6C,KAAM7C,EAAK8C,MAAO9C,EAAK+C,KAAKI,UAAUC,WAEvE,MAAO,CACLrD,YAAa,CACX,aAAciD,MACTzC,GAAYH,GAAcS,GAAoBC,IAAuB,CACxE,iBAAiB,GAEnBuC,cAAejD,GAAcI,GAAcK,GAAoBC,GAC/DX,kBACAmD,SAAUlD,GAAcS,EACxBN,WACAgD,cAAenD,GAAcI,GAAcK,GAAoBC,GAC/DN,aACAC,aACA+C,aAAc1C,EACdJ,UACA+C,MAAOR,KACJlD,KACAoB,GAEN,ECnJuBuC,CAAW5D,GAEnC,OACE6D,EAAKC,IAAA,MAAA,CAAAC,KAAK,WAAWC,MAAOC,EAAAA,cAAaC,SACvCL,EAAAA,IAACM,EAAAA,uBAAsB,IAAKlE,KAE9B,ECcEmE,EAAiB,EAAGC,sBACxB,MAAMC,EApCoB,CAACpE,IAC3B,MAAMqE,EAAYnB,EAAQA,SAAClD,EAAK6C,KAAM7C,EAAK8C,MAAO9C,EAAK+C,KACjDuB,EAAYD,EAAUE,YAEV,IAAdD,GAAiC,IAAdA,GAAiC,IAAdA,GAGxCE,EAAAA,KAAY,2LAKI,IAAdF,GAIFD,EAAUI,WAAWJ,EAAUK,cAA8B,IAAdJ,EAAkB,EAAI,IAKvED,EAAUI,WAAWJ,EAAUK,aAAe,GAG9C,MAAMC,EAAWzB,EAAAA,SAASmB,EAAUO,iBAAkB,EAAG,GAEzD,OAAOC,KAAKC,MAAMD,KAAKE,OAAOV,EAAUW,UAAYL,EAASK,WAAa,OAAY,GAAK,CAAC,EAUzEC,CAAoBd,GACjChC,EAAeC,uBAAiC,4BAEtD,OACEuB,MAAA,MAAA,CAAA,aACcxB,EAAa+C,mBAAmB,CAAEC,IAAKC,OAAOhB,KAC1DN,MAAOuB,uBACPxB,KAAK,YACLG,SAAAL,EAAAA,IAAA,OAAA,CAAMG,MAAOwB,EAAAA,iBAAmBtB,SAAAI,KAElC,EC8JJ,SAASmB,EAAWC,EAA6BC,GAC/C,OAAOD,EAAM3C,OAAS4C,EAAM5C,MAAQ2C,EAAM1C,QAAU2C,EAAM3C,OAAS0C,EAAMzC,MAAQ0C,EAAM1C,GACzF,aAlIyB,EACvB9C,eACAyF,mBAAmB,SACnBlF,cAAa,EACbmF,MACAC,MACAjF,WACAC,eACAiF,eACAC,gBACAxF,aAAY,EACZyF,SACAC,aACAC,cAAc,WAEd,MAAMC,OAAEA,GAAWC,EAAAA,UACbC,EAAeC,EAAAA,gBAAgBP,EAAcjD,KAAMiD,EAAchD,MAAOoD,IACxEI,UAAEA,EAASC,OAAEA,GAAWC,EAAAA,kBAC5BC,EAAAA,sBACA,CAAA,GAEIC,EAAwC,WAAhBT,EACxBU,EAAsB,UAAUD,EAAwB,EAAI,UAE5DxG,EAAgB0G,EAAAA,SAAQ,KAC5BC,EAAwBA,yBAACX,GACzB,MAAMY,EAA2C,CAC/CZ,SACAa,UAAW,SAEPC,OAAEA,GAAWC,EAAcA,eAACH,GAClC,OAAOE,CAAM,GACZ,CAACd,IAiFEgB,EAAqBC,EAAsBA,uBAACjB,EAAQJ,EAAe,SACzE,OACEnC,MAAA,MAAA,CAAKG,MAAOwC,EACVtC,SAAAoD,EAAAC,KAACC,OAAI,CACHC,IAAKC,EAAAA,mBAAmBC,OACZ,aAAAP,EACZrD,KAAK,OACLkC,OAAQA,EAAM/B,SAAA,CAtFa,MAC/B,MAAM0D,EAAWC,EAAAA,mBAAmBzB,EAAQ,SAE5C,OACEvC,MAAA,MAAA,CAAKG,MAAOyC,EAAOqB,OAAM5D,SACvBoD,EAACC,KAAAC,OACC,CAAAzD,KAAK,MAAK,cACE,OACZ8C,oBAAqBA,EACrBY,IAAKC,EAAkBA,mBAACK,UAAS7D,SAAA,CAChC0C,GAAyB/C,aAAKE,KAAK,iBACnC6D,EAASI,KAAK/E,GACbY,MAAA,MAAA,CAAKE,KAAK,eAAeC,MAAOyC,EAAOwB,sBACrCpE,EAAOC,IAAA,OAAA,CAAAI,SAAAjB,YAKf,EAqEGiF,GAlEiB,MACtB,MAAMC,EAA8B,GAEpC,IAAK,IAAIC,EAAY,EAAGA,EAAY9B,EAAc8B,IAAa,CAC7D,MAAM/D,EAAkBgE,EAAcA,eAACrC,EAAcjD,KAAMiD,EAAchD,MAAO,EAAGoD,GAE7EkC,EAAYC,iBAChBH,EACA/D,EAAgBtB,KAChBsB,EAAgBrB,MAChBqB,EAAgBpB,KAGZuF,EAAYF,EAAUN,KAAKS,IAE/B,MAAMnI,EAAaoI,EAAgBA,iBAACD,EAAa3C,EAAKD,GAGhDlF,IAAaoF,GAAeN,EAAWgD,EAAa1C,GACpDnF,EAAU6E,EAAWgD,EAAavC,GAClC3F,EAAckF,EAAWgD,EAAazC,GACtC3F,GAwDqCsI,EAxDO3C,EAAbyC,EAyD9BzF,QAAU2F,EAAiB3F,OAD1C,IAAmD2F,EAvD3C,MAAMlI,EAAWJ,GAAwC,WAArBuF,EAEpC,OACE/B,EAAAC,IAAC/D,EAAO,CAENG,KAAMuI,EACNrI,cAAeA,EACfD,aAAcA,EACdE,gBAAiBA,EACjBC,WAAYA,EACZC,YAAaA,EACbC,UAAWD,GAAeC,EAC1BC,SAAUA,EACVC,WAAYA,EACZC,WAAYA,EACZC,QAASA,EACTC,SAAUA,EACVC,aAAcA,GAbT,GAAG2H,EAAY1F,QAAQ0F,EAAYzF,SAASyF,EAAYxF,MAc/D,IAGJkF,EAAaS,KACXtB,OAACE,EAAAA,MAECzD,KAAK,MACL8C,oBAAqBA,EACrBY,IAAKC,EAAAA,mBAAmBK,UACvB7D,SAAA,CAAA0C,GAAyB/C,EAACC,IAAAM,EAAe,CAAAC,gBAAiBiE,EAAU,KACpEE,IALIJ,GAQV,CAED,OAAOD,CAAY,EAYdU,OAGL"}
1	+ {"version":3,"file":"MonthView-d4c06203.js","sources":["../../src/PRIVATE_MonthView/useDayCell.ts","../../src/PRIVATE_MonthView/DayCell.tsx","../../src/PRIVATE_MonthView/WeekNumberCell.tsx","../../src/PRIVATE_MonthView/MonthView.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 { DateISOStr } from '#UNSAFE_IntlDateTime';\nimport { FormatterFunc } from '#UNSAFE_IntlFormatParse';\nimport { getIsoDateStr, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useCallback } from 'preact/compat';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useFocusableCell } from '#UNSAFE_DatePicker/useFocusableCell';\nimport { useCellNavigation } from '#UNSAFE_DatePicker/useCellNavigation';\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\n\ntype NavigationDirections =\n \| 'previousDay'\n \| 'nextDay'\n \| 'previousWeek'\n \| 'nextWeek'\n \| 'previousMonth'\n \| 'nextMonth'\n \| 'previousYear'\n \| 'nextYear'\n \| 'firstDayOfMonth'\n \| 'lastDayOfMonth'\n \| 'today';\n\nexport type DayFormatOptions = {\n state: 'enabled' \| 'disabled' \| 'restricted';\n};\n\n// These are the properties the useDayCell hook takes.\nexport type UseDayCellProps = {\n /\n Date of the day cell. This will be formatted as a full date and put in the aria-label.\n /\n date: CalendarDateRequired;\n /\n A function used to format the day cell date as a full date.\n /\n dateFormatter: FormatterFunc<DateISOStr>;\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 Whether the day cell is in an adjacent month, not the current month.\n /\n isAdjacentMonth: boolean;\n /\n Whether the day cell is disabled, like if it is out of the min/max range.\n /\n isDisabled?: boolean;\n /\n Whether the day cell is focusable, meaning it will have tabIndex 0.\n /\n isFocusable: boolean;\n /\n Whether the day cell has focus.\n /\n isFocused: boolean;\n /\n Whether the day cell is hidden. For example, days outside of the current month are hidden by default.\n /\n isHidden: boolean;\n /\n Whether the day cell is readonly. It is not activeable.\n /\n isReadonly: boolean;\n /\n Whether the day cell looks selected.\n /\n isSelected: boolean;\n /\n Whether the day cell's date is today.\n /\n isToday: boolean;\n /\n A callback that will be invoked when the user selects the date by clicking on a day cell or selecting the enter or space key on a day cell.\n * @param payload The payload containing the date represented by this cell.\n /\n onAction: (payload: { date: CalendarDateRequired }) => void;\n /\n A callback that will be invoked when the user navigates.\n /\n onNavigation: (detail: { direction: NavigationDirections; date: CalendarDateRequired }) => void;\n};\n\n/\n The useDayCell hook returns properties for an individual DayCell. The properties returned should be spread on the StyledDatePickerButton.\n * These include the event handlers for keydown and click.\n /\nexport const useDayCell = ({\n date,\n dayFormatter = defaultDayFormatter,\n dateFormatter,\n isAdjacentMonth,\n isDisabled,\n isFocusable,\n isFocused,\n isHidden,\n isReadonly,\n isSelected,\n isToday,\n onAction,\n onNavigation\n}: UseDayCellProps) => {\n // apply day formatting\n const { state } = dayFormatter(date);\n const isDisabledFormat = state === 'disabled';\n const isRestrictedFormat = state === 'restricted';\n\n // Focus the day cell with isFocused true when the state updates.\n const buttonProps = useFocusableCell({ isFocusable, isFocused });\n // Override onAction to not call it if disabled, readonly or restricted\n const handleAction: UseDayCellProps['onAction'] = useCallback(\n (payload) => {\n if (isDisabled \|\| isReadonly \|\| isDisabledFormat \|\| isRestrictedFormat) return;\n onAction(payload);\n },\n [isDisabled, isDisabledFormat, isReadonly, isRestrictedFormat, onAction]\n );\n const buttonEventHandlers = useCellNavigation({\n navigationMap: {\n ArrowLeft: { ltr: 'previousDay', rtl: 'nextDay' },\n ArrowRight: { ltr: 'nextDay', rtl: 'previousDay' },\n ArrowDown: 'nextWeek',\n ArrowUp: 'previousWeek',\n PageDown: 'nextMonth',\n PageUp: 'previousMonth',\n Home: 'firstDayOfMonth',\n End: 'lastDayOfMonth',\n ShiftPageDown: 'nextYear',\n ShiftPageUp: 'previousYear',\n CtrlAltT: 'today'\n },\n payload: { date },\n onAction: handleAction,\n onNavigation\n });\n\n // For accessibility, we want a full date.\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const today = translations.datePicker_today();\n const selected = translations.datePicker_selected();\n const restricted = translations.datePicker_restricted();\n\n const dateIsoStr = getIsoDateStr(date.year, date.month, date.day);\n const formattedDate = dateFormatter(dateIsoStr);\n let ariaLabel = isToday ? `${today}, ${formattedDate}` : formattedDate;\n ariaLabel = isRestrictedFormat ? `${ariaLabel}, ${restricted}` : ariaLabel;\n ariaLabel = isSelected ? `${ariaLabel}, ${selected}` : ariaLabel;\n const dayOfMonth = toJSDate(date.year, date.month, date.day).getDate().toString();\n\n return {\n buttonProps: {\n 'aria-label': ariaLabel,\n ...((isHidden \|\| isDisabled \|\| isDisabledFormat \|\| isRestrictedFormat) && {\n 'aria-disabled': true\n }),\n isActivable: !(isDisabled \|\| isReadonly \|\| isDisabledFormat \|\| isRestrictedFormat),\n isAdjacentMonth,\n isDimmed: isDisabled \|\| isDisabledFormat,\n isHidden,\n isHoverable: !(isDisabled \|\| isReadonly \|\| isDisabledFormat \|\| isRestrictedFormat),\n isReadonly,\n isSelected,\n isRestricted: isRestrictedFormat,\n isToday,\n label: dayOfMonth,\n ...buttonProps,\n ...buttonEventHandlers\n } as ComponentProps<typeof StyledDatePickerButton>\n };\n};\n\n/\n A default day formatter that always formats as enabled state.\n /\nconst defaultDayFormatter = () => ({ state: 'enabled' }) as DayFormatOptions;\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 { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseDayCellProps, useDayCell } from './useDayCell';\nimport { dayCellStyles } from './themes/DayCellStyles.css';\n\ntype PickedUseDayCellProps = Pick<\n UseDayCellProps,\n \| 'date'\n \| 'dateFormatter'\n \| 'dayFormatter'\n \| 'isAdjacentMonth'\n \| 'isDisabled'\n \| 'isFocusable'\n \| 'isFocused'\n \| 'isHidden'\n \| 'isReadonly'\n \| 'isSelected'\n \| 'isToday'\n \| 'onAction'\n \| 'onNavigation'\n>;\n\ntype DayCellProps = PickedUseDayCellProps;\n\n/\n The DayCell is the cell within the DatePicker's month view that contains the day in the month view.\n * This component will format the date for the aria-label.\n * The DayCell components uses the useDayCell hook to handle the user interactions with the day cell.\n /\nexport const DayCell = (props: DayCellProps) => {\n const { buttonProps } = useDayCell(props);\n // buttonProps, e.g., tabIndex, aria-label, onclick, onkeydown and visual states\n return (\n <div role=\"gridcell\" class={dayCellStyles}>\n <StyledDatePickerButton {...buttonProps} />\n </div>\n );\n};\n","import { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { CalendarDateRequired, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { weekNumberCellStyles, weekNumberStyles } from './themes/WeekNumberCellStyle.css';\nimport as Logger from '../utils/UNSAFE_logger';\n\ntype Props = {\n /*\n startDateOfWeek is the first date of the week row\n /\n startDateOfWeek: CalendarDateRequired;\n};\n\n/\n The ISO 8601 definition for week 01 is the week with the first Thursday of the Gregorian year (i.e. of January) in it.\n * https://en.wikipedia.org/wiki/ISO_week_date\n * @param date The first date of the week row to be used to calculate the week number.\n * The date must be a Saturday, Sunday, or Monday. We assume this because the week for\n * all the locales we support start on one of these days.\n * @returns the number of week in the year\n /\nconst calculateWeekNumber = (date: CalendarDateRequired) => {\n const checkDate = toJSDate(date.year, date.month, date.day);\n const dayNumber = checkDate.getUTCDay(); // 0 for Sunday, 1 for Monday, 2 for Tuesday, etc.\n\n if (dayNumber !== 0 && dayNumber !== 1 && dayNumber !== 6) {\n // This message is for internal JET developers. We should never see this message. In all locales the day of the\n // week starts on Sunday, Monday or Saturday.\n Logger.warn(`calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n since that is the first day of the week for the locale's JET supports.`);\n }\n\n // For ISO week, we set the start of the week to Monday\n if (dayNumber !== 1) {\n // If it is already Monday, do nothing.\n // If it is Sunday (0), add 1 to move it up to Monday.\n // If it is Saturday (6), move it up two days to Monday.\n checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));\n }\n\n // Find Thursday (day value of 4) of this week. Since we know checkDate at this point is a Monday,\n // we move it up 3 days.\n checkDate.setUTCDate(checkDate.getUTCDate() + 3);\n\n // Create the start of the year date\n const janFirst = toJSDate(checkDate.getUTCFullYear(), 1, 1);\n\n return Math.floor(Math.round((checkDate.getTime() - janFirst.getTime()) / 86400000) / 7) + 1;\n};\n\n/\n The WeekNumberCell is the cell at the start of a week's row within the DatePicker's\n * month view that contains the week's number within the year. This displays when\n * the DatePicker's 'weekDisplay' prop is set to 'number'.\n * This component will format the week number for the aria-label.\n /\nconst WeekNumberCell = ({ startDateOfWeek }: Props) => {\n const weekNumber = calculateWeekNumber(startDateOfWeek);\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n return (\n <div\n aria-label={translations.datePicker_weekNum({ NUM: String(weekNumber) })}\n class={weekNumberCellStyles}\n role=\"rowheader\">\n <span class={weekNumberStyles}>{weekNumber}</span>\n </div>\n );\n};\n\nexport { WeekNumberCell };\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 {\n getWeeksInMonth,\n getDatesInWeek,\n getStartOfWeek,\n getDaysOfWeekNames,\n WeekInMonthIndex\n} from '#utils/PRIVATE_dayUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { useMemo } from 'preact/hooks';\nimport {\n CalendarDateRequired,\n checkNoCalendarExtension,\n formatFullCalendarDate,\n isDateOutOfRange\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { getFormatParse, NativeDateTimeOptions } from '#UNSAFE_IntlDateTime';\nimport { DayCell } from './DayCell';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport {\n MonthViewStyles,\n MonthViewVariantOptions\n} from '#PRIVATE_MonthView/themes/MonthViewStyles.css';\nimport { MonthViewRedwoodTheme } from '#PRIVATE_MonthView/themes/redwood/MonthViewTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { monthViewScaleVars } from '#PRIVATE_MonthView/themes/MonthViewContract.css';\nimport { WeekNumberCell } from './WeekNumberCell';\n\ntype PickedDayCellProps = Pick<\n ComponentProps<typeof DayCell>,\n 'dayFormatter' \| 'onAction' \| 'onNavigation'\n>;\n\ntype MonthViewProps = TestIdProps &\n PickedDayCellProps & {\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 The MonthView renders with the month of the focusableDate.\n * The focusableDate is the only day in the MonthView that has tabIndex: 0 on it.\n * The focusableDate doesn't have focus until the user tabs in to the Month View.\n * The focusableDate is never undefined.\n /\n focusableDate: CalendarDateRequired;\n /\n If set to true, the focusableDate will be focused and you will see the focus ring. It will be\n * false when no date has focus.\n * @default false\n /\n isFocused?: boolean;\n /\n Specifies whether the component is readonly.\n /\n isReadonly?: boolean;\n /\n The maximum selectable date. The max must be greater than the min if they are both specified.\n /\n max?: CalendarDateRequired;\n /\n The minimum selectable date. The min must be less than the max if they are both specified.\n /\n min?: CalendarDateRequired;\n /\n The selected date of the MonthView, or undefined is there is no selected date. This\n * is used to highlight the selected day cell if it is within the min/max range.\n /\n selectedDate?: CalendarDateRequired;\n /\n Today's date. This is used to highlight the Today day cell.\n /\n todaysDate: CalendarDateRequired;\n /\n Whether week of the year will be shown in the DatePicker. The default calculation follows the\n * ISO 8601 definition: the first week of the year contains the first Thursday of the year.\n * This means that some days from one year may be placed into weeks 'belonging' to another year.\n /\n weekDisplay?: 'none' \| 'number';\n };\n\n/\n A MonthView is a month interface that allows users to select a single date. The MonthView is the week day header\n * abbreviations and the days of the month. A MonthView is used inside of a DatePicker\n * along with the DatePickerHeader and the MonthGridView and YearGridView.\n */\nexport const MonthView = ({\n dayFormatter,\n daysOutsideMonth = 'hidden',\n isReadonly = false,\n max,\n min,\n onAction,\n onNavigation,\n selectedDate,\n focusableDate,\n isFocused = false,\n testId,\n todaysDate,\n weekDisplay = 'none'\n}: MonthViewProps) => {\n const { locale } = useUser();\n const weeksInMonth = getWeeksInMonth(focusableDate.year, focusableDate.month, locale);\n const { baseTheme, styles } = useComponentTheme<MonthViewVariantOptions, MonthViewStyles>(\n MonthViewRedwoodTheme,\n {}\n );\n const isWeekNumberDisplayed = weekDisplay === 'number';\n const gridTemplateColumns = `repeat(${isWeekNumberDisplayed ? 8 : 7}, 1fr)`;\n\n const dateFormatter = useMemo(() => {\n checkNoCalendarExtension(locale);\n const dateFormatOptions: NativeDateTimeOptions = {\n locale,\n dateStyle: 'full'\n };\n const { format } = getFormatParse(dateFormatOptions);\n return format;\n }, [locale]);\n\n const renderMonthViewHeaderRow = () => {\n const weekDays = getDaysOfWeekNames(locale, 'short');\n\n return (\n <div class={styles.sticky}>\n <Grid\n role=\"row\"\n aria-hidden=\"true\"\n gridTemplateColumns={gridTemplateColumns}\n gap={monthViewScaleVars.columnGap}>\n {isWeekNumberDisplayed && <div role=\"presentation\" />}\n {weekDays.map((day) => (\n <div role=\"columnheader\" class={styles.dayOfTheWeek}>\n <span>{day}</span>\n </div>\n ))}\n </Grid>\n </div>\n );\n };\n\n const renderMonthView = () => {\n const calendarGrid: JSX.Element[] = [];\n\n for (let weekIndex = 0; weekIndex < weeksInMonth; weekIndex++) {\n const startDateOfWeek = getStartOfWeek(focusableDate.year, focusableDate.month, 1, locale);\n\n const weekDates = getDatesInWeek(\n weekIndex as WeekInMonthIndex,\n startDateOfWeek.year,\n startDateOfWeek.month,\n startDateOfWeek.day\n );\n\n const weekCells = weekDates.map((dayCellDate) => {\n // This figures out the visual state of the DayCell.\n const isDisabled = isDateOutOfRange(dayCellDate, min, max);\n\n // Even if the selected date is out of range, the UX design shows it as selected.\n const isSelected = selectedDate ? isSameDate(dayCellDate, selectedDate) : false;\n const isToday = isSameDate(dayCellDate, todaysDate);\n const isFocusable = isSameDate(dayCellDate, focusableDate);\n const isAdjacentMonth = isOutOfMonth(dayCellDate, focusableDate);\n const isHidden = isAdjacentMonth && daysOutsideMonth === 'hidden';\n\n return (\n <DayCell\n key={`${dayCellDate.year}-${dayCellDate.month}-${dayCellDate.day}`}\n date={dayCellDate}\n dateFormatter={dateFormatter}\n dayFormatter={dayFormatter}\n isAdjacentMonth={isAdjacentMonth}\n isDisabled={isDisabled}\n isFocusable={isFocusable}\n isFocused={isFocusable && isFocused}\n isHidden={isHidden}\n isReadonly={isReadonly}\n isSelected={isSelected}\n isToday={isToday}\n onAction={onAction}\n onNavigation={onNavigation}></DayCell>\n );\n });\n\n calendarGrid.push(\n <Grid\n key={weekIndex}\n role=\"row\"\n gridTemplateColumns={gridTemplateColumns}\n gap={monthViewScaleVars.columnGap}>\n {isWeekNumberDisplayed && <WeekNumberCell startDateOfWeek={weekDates[0]} />}\n {weekCells}\n </Grid>\n );\n }\n\n return calendarGrid;\n };\n\n const monthViewAriaLabel = formatFullCalendarDate(locale, focusableDate, 'month');\n return (\n <div class={baseTheme}>\n <Grid\n gap={monthViewScaleVars.rowGap}\n aria-label={monthViewAriaLabel}\n role=\"grid\"\n testId={testId}>\n {renderMonthViewHeaderRow()}\n {renderMonthView()}\n </Grid>\n </div>\n );\n};\n\nfunction isSameDate(date1: CalendarDateRequired, date2: CalendarDateRequired) {\n return date1.year === date2.year && date1.month === date2.month && date1.day === date2.day;\n}\n\nfunction isOutOfMonth(date1: CalendarDateRequired, currentMonthDate: CalendarDateRequired) {\n return date1.month !== currentMonthDate.month;\n}\n"],"names":["defaultDayFormatter","state","DayCell","props","buttonProps","date","dayFormatter","dateFormatter","isAdjacentMonth","isDisabled","isFocusable","isFocused","isHidden","isReadonly","isSelected","isToday","onAction","onNavigation","isDisabledFormat","isRestrictedFormat","useFocusableCell","handleAction","useCallback","payload","buttonEventHandlers","useCellNavigation","navigationMap","ArrowLeft","ltr","rtl","ArrowRight","ArrowDown","ArrowUp","PageDown","PageUp","Home","End","ShiftPageDown","ShiftPageUp","CtrlAltT","translations","useTranslationBundle","today","datePicker_today","selected","datePicker_selected","restricted","datePicker_restricted","formattedDate","getIsoDateStr","year","month","day","ariaLabel","dayOfMonth","toJSDate","getDate","toString","isActivable","isDimmed","isHoverable","isRestricted","label","useDayCell","_jsx","jsx","role","class","dayCellStyles","children","StyledDatePickerButton","WeekNumberCell","startDateOfWeek","weekNumber","checkDate","dayNumber","getUTCDay","Logger.warn","setUTCDate","getUTCDate","janFirst","getUTCFullYear","Math","floor","round","getTime","calculateWeekNumber","datePicker_weekNum","NUM","String","weekNumberCellStyles","weekNumberStyles","isSameDate","date1","date2","daysOutsideMonth","max","min","selectedDate","focusableDate","testId","todaysDate","weekDisplay","locale","useUser","weeksInMonth","getWeeksInMonth","baseTheme","styles","useComponentTheme","MonthViewRedwoodTheme","isWeekNumberDisplayed","gridTemplateColumns","useMemo","checkNoCalendarExtension","dateFormatOptions","dateStyle","format","getFormatParse","monthViewAriaLabel","formatFullCalendarDate","_jsxs","jsxs","Grid","gap","monthViewScaleVars","rowGap","weekDays","getDaysOfWeekNames","sticky","columnGap","map","dayOfTheWeek","renderMonthViewHeaderRow","calendarGrid","weekIndex","getStartOfWeek","weekDates","getDatesInWeek","weekCells","dayCellDate","isDateOutOfRange","currentMonthDate","push","renderMonthView"],"mappings":"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"}

package/amd/NavigationList-6ca9cfba.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './useId-c9578d26', './UNSAFE_NavigationList/themes/NavigationListStyles.css', './collectionUtils-f4de3e13', './useCollectionFocusRing-9dab85a9', './useCurrentKey-6e7057d0', 'preact/compat', './useTestId-efb1c8f9', './UNSAFE_Text/themes/TextStyles.css', './useNavigationListItem-d79484b7', './Flex-a208520e', './logger-0f873e29', 'preact', './LayerHost-a36b1781', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-cf586837', 'css!./IconStyle.styles.css', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css'], (function(e,t,n,o,s,r,i,a,c,l,u,d,y,g,f,m,v,h,N,b,C,S,p,x,I,K){"use strict";const w=(e,t,n)=>{const o=e.closest(t),s=e.closest(n);return o?.contains(s)?null:a.keyExtractor(e,t)},k=(e,t,n)=>{const o=n.indexOf(e);if(o>0){const e=n[o===n.length-1?o-1:o+1];if(-1!==t.indexOf(e))return e}return t[0]},R=u.forwardRef((({children:e,selection:y,onSelectionChange:f,onRemove:m,"aria-label":v,"aria-labelledby":h,testId:N},b)=>{const C=n.useRef(null),{showFocusRing:S,currentKey:p,onCurrentKeyChange:x,containerHandlers:I,onKeyDown:K}=function({containerRef:e,selection:t,onRemove:s,onSelectionChange:r,children:i}){const u='[role="tab"]',[d,y]=n.useState(t),g=n.useCallback((e=>{y(e.value)}),[]),{currentKeyProps:f}=l.useCurrentKey((e=>s?w(e,u,"[data-oj-navigationlist-item-remove-icon]"):a.keyExtractor(e,u)),!1,a.getPrevNextKeyUsingRef(e,d,!0,u),a.getPrevNextKeyUsingRef(e,d,!1,u),void 0,void 0,d,g),[m,v]=c.useCollectionFocusRing(e,["Home","End","ArrowUp","ArrowDown"]),h={onFocus:n.useCallback((()=>{if(e.current&&void 0===d){const t=a.getFirstVisibleKey(e.current,u);t&&y(t)}}),[d,e])},N=n.useRef();n.useEffect((()=>{if(e.current){const t=Array.from(e.current.querySelectorAll(u),(e=>a.getKey(e)));if(null!=d&&-1!==t.indexOf(d)){const t=a.findElementByKey(e.current,d,u);t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded():t.scrollIntoView({block:"nearest"})}else d&&-1===t.indexOf(d)&&(N.current?y(k(d,t,N.current)):y(t[0])),N.current=t}}),[i,d,e]);const b=n.useCallback((t=>{if(("Home"===t.key\|\|"End"===t.key)&&e.current&&d){const n=Array.from(e.current.querySelectorAll(u),(e=>a.getKey(e)));g?.({value:n["Home"===t.key?0:n.length-1]})}!d\|\|"Enter"!==t.key&&" "!==t.key\|\|r?.({value:d,reason:"keyboard"}),d&&"Delete"===t.key&&s?.({value:d})}),[d,r,s,g,e]);return{showFocusRing:m,currentKey:d,onCurrentKeyChange:g,onKeyDown:b,containerHandlers:o.mergeProps(v,f,h)}}({containerRef:C,selection:y,onRemove:m,onSelectionChange:f,children:e}),R={onKeyDown:K},F=s.classNames([i.navigationListStyles.uListStyle]),L=r.useId()+"_",E=d.useTestId(N);return u.useImperativeHandle(b,(()=>({focus:()=>{C.current&&C.current.focus()},blur:()=>{C.current&&C.current.focus()}}))),t.jsx("ul",{"aria-label":v,"aria-labelledby":h,role:"tablist",ref:C,"aria-orientation":"vertical",tabIndex:0,"aria-activedescendant":p?L+p:"",...o.mergeProps(R,I),...E,class:F,children:t.jsx(g.NavigationListContext.Provider,{value:{selection:y,onSelectionChange:f,onCurrentKeyChange:x,currentKey:p,showFocusRing:S,navigationListItemPrefix:L,onRemove:m},children:e})})}));e.NavigationList=R}));
2	+ //# sourceMappingURL=NavigationList-6ca9cfba.js.map

package/amd/NavigationList-6ca9cfba.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NavigationList-6ca9cfba.js","sources":["../../src/UNSAFE_NavigationList/useNavigationList.ts","../../src/UNSAFE_NavigationList/NavigationList.tsx"],"sourcesContent":["import { useState, useCallback, MutableRef, useRef, useEffect } from 'preact/hooks';\nimport {\n keyExtractor,\n getFirstVisibleKey,\n getKey,\n getPrevNextKeyUsingRef,\n findElementByKey\n} from '../utils/PRIVATE_collectionUtils';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { NavigationListContextProps } from '../UNSAFE_NavigationListCommon';\n\nimport { ComponentChildren } from 'preact';\n\n/**\n * type for payload of current key change event handler\n */\ntype CurrentKeyDetail<K> = {\n value: K;\n};\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n value: K;\n reason: 'pointer' | 'keyboard';\n};\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n value: K;\n};\n\n/*TODO: JET-58534. Create a hook to share some logic between navlist and tabbar. Hook will be used inside this one. */\nexport function useNavigationList<K extends string | number>({\n containerRef,\n selection,\n onRemove,\n onSelectionChange,\n children\n}: {\n containerRef: MutableRef<HTMLUListElement>;\n selection?: K;\n onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n onSelectionChange?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n children: ComponentChildren;\n}) {\n const ITEM_SELECTOR = '[role=\"tab\"]';\n const REMOVAL_ICON_SELECTOR = '[data-oj-navigationlist-item-remove-icon]';\n const [currentKey, setCurrentKey] = useState<K | undefined>(selection);\n\n const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K | undefined>) => {\n setCurrentKey(detail.value);\n }, []) as NavigationListContextProps<K>['onCurrentKeyChange'];\n\n const { currentKeyProps } = useCurrentKey(\n (element) =>\n onRemove\n ? (extractOnlyItemKey(element, ITEM_SELECTOR, REMOVAL_ICON_SELECTOR) as K)\n : keyExtractor(element, ITEM_SELECTOR),\n false,\n getPrevNextKeyUsingRef(containerRef, currentKey, true, ITEM_SELECTOR),\n getPrevNextKeyUsingRef(containerRef, currentKey, false, ITEM_SELECTOR),\n undefined,\n undefined,\n currentKey,\n onCurrentKeyChange\n );\n\n const [showFocusRing, focusRingProps] = useCollectionFocusRing(containerRef, [\n 'Home',\n 'End',\n 'ArrowUp',\n 'ArrowDown'\n ]);\n\n const onFocus = useCallback(() => {\n if (containerRef.current && currentKey === undefined) {\n const key = getFirstVisibleKey(containerRef.current, ITEM_SELECTOR);\n if (key) {\n setCurrentKey(key as K);\n }\n }\n }, [currentKey, containerRef]);\n\n const onFocusProps = { onFocus };\n const prevNavItems = useRef<K[]>();\n\n useEffect(() => {\n if (containerRef.current) {\n const navListItemKeys = Array.from(\n containerRef.current.querySelectorAll(ITEM_SELECTOR),\n (elem) => getKey(elem as HTMLElement) as K\n );\n if (currentKey != null && navListItemKeys.indexOf(currentKey) !== -1) {\n const navListItem = findElementByKey(\n containerRef.current,\n currentKey,\n ITEM_SELECTOR\n ) as any;\n if (navListItem.scrollIntoViewIfNeeded) {\n // for some browsers, we'll need the non-standard scrollIntoViewIfNeeded\n navListItem.scrollIntoViewIfNeeded();\n } else {\n navListItem.scrollIntoView({ block: 'nearest' });\n }\n } else {\n if (currentKey && navListItemKeys.indexOf(currentKey) === -1) {\n prevNavItems.current\n ? setCurrentKey(findNextCurrentKey(currentKey, navListItemKeys, prevNavItems.current))\n : setCurrentKey(navListItemKeys[0] as K);\n }\n prevNavItems.current = navListItemKeys;\n }\n }\n }, [children, currentKey, containerRef]);\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if ((event.key === 'Home' || event.key === 'End') && containerRef.current && currentKey) {\n const navListItemKey = Array.from(\n containerRef.current.querySelectorAll(ITEM_SELECTOR),\n (elem) => getKey(elem as HTMLElement) as K\n );\n onCurrentKeyChange?.({\n value: navListItemKey[event.key === 'Home' ? 0 : navListItemKey.length - 1] as K\n });\n }\n if (currentKey && (event.key === 'Enter' || event.key === ' ')) {\n onSelectionChange?.({\n value: currentKey as K,\n reason: 'keyboard'\n });\n }\n if (currentKey && event.key === 'Delete') {\n onRemove?.({ value: currentKey as K });\n }\n },\n [currentKey, onSelectionChange, onRemove, onCurrentKeyChange, containerRef]\n );\n\n return {\n showFocusRing,\n currentKey,\n onCurrentKeyChange,\n onKeyDown,\n containerHandlers: mergeProps(focusRingProps, currentKeyProps, onFocusProps)\n };\n}\n\nconst extractOnlyItemKey = (element: HTMLElement, itemSelector: string, itemEliminator: string) => {\n const navigationListItem = element.closest(itemSelector);\n const removeButton = element.closest(itemEliminator);\n return navigationListItem?.contains(removeButton) ? null : keyExtractor(element, itemSelector);\n};\n\nconst findNextCurrentKey = <K>(currentKey: K, currNavs: K[], prevNavs: K[]) => {\n const index = prevNavs.indexOf(currentKey);\n if (index > 0) {\n const nextIndex = index === prevNavs.length - 1 ? index - 1 : index + 1;\n const nextKey = prevNavs[nextIndex];\n if (currNavs.indexOf(nextKey) !== -1) {\n return nextKey;\n }\n }\n // update current key to be the first one if we can't find a suitable next key\n return currNavs[0];\n};\n","import { Ref } from 'preact';\nimport { MutableRef, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { navigationListStyles } from './themes/NavigationListStyles.css';\nimport { useNavigationList } from './useNavigationList';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { NavigationListProps, NavigationListContext } from '../UNSAFE_NavigationListCommon';\nexport { RemovableNavigationListItem } from '../UNSAFE_NavigationListCommon';\n\nexport type FocusableHandle = {\n focus: () => void;\n blur: () => void;\n};\n\nexport const NavigationList = forwardRef(\n <K extends string | number>(\n {\n children,\n selection,\n onSelectionChange,\n onRemove,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelLedBy,\n testId\n }: NavigationListProps<K> & TestIdProps,\n ref?: Ref<FocusableHandle>\n ) => {\n const containerRef = useRef<HTMLUListElement>(null);\n\n const { showFocusRing, currentKey, onCurrentKeyChange, containerHandlers, onKeyDown } =\n useNavigationList({\n containerRef: containerRef as MutableRef<HTMLUListElement>,\n selection,\n onRemove,\n onSelectionChange,\n children\n });\n\n const eventProps = { onKeyDown };\n const navigationListClass = classNames([navigationListStyles.uListStyle]);\n const navigationListItemPrefix = useId() + '_';\n const testIdProps = useTestId(testId);\n\n //Allows to call focus on rootRef without having to expose it\n useImperativeHandle(ref!, () => ({\n focus: () => {\n if (containerRef.current) {\n containerRef.current.focus();\n }\n },\n blur: () => {\n if (containerRef.current) {\n containerRef.current.focus();\n }\n }\n }));\n\n return (\n <ul\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelLedBy}\n role=\"tablist\"\n ref={containerRef}\n aria-orientation={'vertical'}\n tabIndex={0}\n aria-activedescendant={currentKey ? navigationListItemPrefix + currentKey : ''}\n {...mergeProps(eventProps, containerHandlers)}\n {...testIdProps}\n class={navigationListClass}>\n <NavigationListContext.Provider\n value={{\n selection,\n onSelectionChange,\n onCurrentKeyChange,\n currentKey,\n showFocusRing,\n navigationListItemPrefix,\n onRemove\n }}>\n {children}\n </NavigationListContext.Provider>\n </ul>\n );\n }\n);\n"],"names":["extractOnlyItemKey","element","itemSelector","itemEliminator","navigationListItem","closest","removeButton","contains","keyExtractor","findNextCurrentKey","currentKey","currNavs","prevNavs","index","indexOf","nextKey","length","NavigationList","forwardRef","children","selection","onSelectionChange","onRemove","ariaLabel","ariaLabelLedBy","testId","ref","containerRef","useRef","showFocusRing","onCurrentKeyChange","containerHandlers","onKeyDown","ITEM_SELECTOR","setCurrentKey","useState","useCallback","detail","value","currentKeyProps","useCurrentKey","getPrevNextKeyUsingRef","undefined","focusRingProps","useCollectionFocusRing","onFocusProps","onFocus","current","key","getFirstVisibleKey","prevNavItems","useEffect","navListItemKeys","Array","from","querySelectorAll","elem","getKey","navListItem","findElementByKey","scrollIntoViewIfNeeded","scrollIntoView","block","event","navListItemKey","reason","mergeProps","useNavigationList","eventProps","navigationListClass","classNames","navigationListStyles","uListStyle","navigationListItemPrefix","useId","testIdProps","useTestId","useImperativeHandle","focus","blur","_jsx","role","tabIndex","class","NavigationListContext","Provider"],"mappings":"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"}

package/amd/NavigationListItem-43b6130b.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ define(['exports', 'preact/jsx-runtime', './BaseNavigationListItem-f2b9ae77'], (function(e,t,a){"use strict";e.NavigationListItem=function({itemKey:e,label:i,badge:s,metadata:n,severity:m}){return t.jsx(a.BaseNavigationListItem,{itemKey:e,label:i,badge:s,metadata:n,severity:m})}}));
2	+ //# sourceMappingURL=NavigationListItem-43b6130b.js.map

package/amd/NavigationListItem-43b6130b.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NavigationListItem-43b6130b.js","sources":["../../src/UNSAFE_NavigationList/NavigationListItem.tsx"],"sourcesContent":["import {\n BaseNavigationListItem,\n BaseNavigationListItemProps\n} from '../UNSAFE_NavigationListCommon/BaseNavigationListItem';\n\nexport type NavigationListItemProps<K extends string | number> = Omit<\n BaseNavigationListItemProps<K>,\n 'removeIcon'\n>;\n\nexport function NavigationListItem<K extends string | number>({\n itemKey,\n label,\n badge,\n metadata,\n severity\n}: NavigationListItemProps<K>) {\n return (\n <BaseNavigationListItem\n itemKey={itemKey}\n label={label}\n badge={badge}\n metadata={metadata}\n severity={severity}\n />\n );\n}\n"],"names":["itemKey","label","badge","metadata","severity","_jsx","jsx","BaseNavigationListItem"],"mappings":"+HAUgB,UAA8CA,QAC5DA,EAAOC,MACPA,EAAKC,MACLA,EAAKC,SACLA,EAAQC,SACRA,IAEA,OACEC,EAACC,IAAAC,EAAsBA,uBACrB,CAAAP,QAASA,EACTC,MAAOA,EACPC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,GAGhB"}

package/amd/NumberInputText-66e2d7d1.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useTextField-e6877c79', './Label-a53aabb9', './PrefixSuffix-0efb3bc6', './usePrefixSuffix-19a86824', './keyboardUtils-71bc5d84', './TextFieldInput-ca306ad6', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-b8ee28da', './StyledTextField-3398bf94', './TextField-80908a0d', './LayerHost-1b4d03f0', 'css!./LiveRegionStyles.styles.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-d208ce7b', './CompactUserAssistance-eb849bc5', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-304eef18', 'preact', 'css!./IconStyle.styles.css', './Popup-bba2ea15', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './clientHints-fff66be9', './useCurrentValueReducer-faded381', './ChevronDown-771195de', './ChevronUp-56c44eb6', './Minus-21749117', './Plus-1b931751', './IconButton-c2e5c1c5', './useTranslationBundle-652e08a6', './Grid-49beb801', './useSpinning-d5dd87af', './useSelectableTextField-900d2860'], (function(e,s,t,i,n,a,o,l,r,d,u,c,p,b,x,f,v,m,h,S,y,F,C,P,T,g,A,U,I,R,j,D,w,L,E,V,B,k,N,H,_,q,M,O,G,W,z,K,Z,J,Q,X,Y){"use strict";function $({direction:e,isDisabled:t,children:i,onPointerDown:n,onPointerUp:a,onPointerOut:o,onPointerCancel:l}){const r=J.useTranslationBundle("@oracle/oraclejet-preact"),d=r.inputNumber_increase(),u=r.inputNumber_decrease(),c="increase"===e?d:u;return s.jsx(F.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx("div",{"aria-hidden":"true",onPointerDown:n,onPointerUp:a,onPointerOut:o,onPointerCancel:l,children:s.jsx(Z.IconButton,{isDisabled:t,tooltip:c,variant:"ghost",size:"sm",children:i})})})}function ee({children:e}){return s.jsx(Q.Grid,{align:"center",gap:"1x",gridTemplateColumns:"1fr 1fr",children:e})}const se=t.forwardRef((({"aria-describedby":e,"aria-valuemax":t,"aria-valuemin":a,"aria-valuenow":p,"aria-valuetext":x,assistiveText:h,autoComplete:S="off",autoFocus:y=!1,columnSpan:F,helpSourceLink:C,helpSourceText:P,isDisabled:T,isReadonly:I,isRequired:R=!1,isRequiredShown:j,isStepDownDisabled:D,isStepUpDisabled:w,hasSteppers:L=!1,stepperVariant:E="directional",label:V,labelEdge:B,labelStartWidth:k,messages:N,placeholder:H,prefix:_,suffix:q,textAlign:Z,userAssistanceDensity:J,value:Q,variant:se="default",virtualKeyboard:ie,onInput:ne,onCommit:ae,onSpin:oe,onSpinComplete:le,onStep:re,testId:de},ue)=>{const{currentCommitValue:ce,dispatch:pe}=O.useCurrentValueReducer({value:Q}),be=i.useCallback((e=>{pe({type:"input",payload:e.value}),ne?.(e)}),[ne,pe]),xe=i.useCallback((e=>{pe({type:"commit",payload:e.value}),ae?.(e)}),[ae,pe]),{isDisabled:fe,isReadonly:ve,labelEdge:me,labelStartWidth:he,textAlign:Se,userAssistanceDensity:ye}=o.useFormContext(),Fe=T??fe,Ce=I??ve,Pe=B??me,Te=k??he,ge=Z??Se,Ae=J??ye,Ue=i.useRef(null),Ie=i.useRef(null),{focusProps:Re,isFocused:je,methods:De}=n.useFocusableTextField({isDisabled:Fe,isReadonly:Ce,enabledElementRef:Ue,readonlyElementRef:Ie}),{methods:we}=Y.useSelectableTextField(Ue);i.useImperativeHandle(ue,(()=>U.mergeProps(De,we)),[De,we]);const{baseId:Le,formFieldContext:Ee,inputProps:Ve,labelProps:Be,textFieldProps:ke,userAssistanceProps:Ne}=r.useTextField({ariaDescribedBy:e,helpSourceLink:C,helpSourceText:P,isDisabled:Fe,isFocused:je,isReadonly:Ce,isRequiredShown:j,labelEdge:Pe,messages:N,styleVariant:se,userAssistanceDensity:Ae,value:Q}),He=Fe||D,_e=Fe||w,qe=i.useCallback((e=>{je||Ue.current?.focus(),re?.(e)}),[re,je,Ue]),{keyboardHandlerProps:Me,pointerIncreaseHandlerProps:Oe,pointerDecreaseHandlerProps:Ge}=X.useSpinning({isStepDownDisabled:He,isStepUpDisabled:_e,onSpin:oe,onSpinComplete:le,onStep:qe}),We=L?s.jsx($,{direction:"decrease",isDisabled:He,...Ge,children:"directional"===E?s.jsx(G.SvgChevronDown,{}):s.jsx(z.SvgMinus,{})}):void 0,ze=L?s.jsx($,{direction:"increase",isDisabled:_e,...Oe,children:"directional"===E?s.jsx(W.SvgChevronUp,{}):s.jsx(K.SvgPlus,{})}):void 0,Ke=L&&"quantitative"===E?We:void 0,Ze=L?"directional"===E?s.jsxs(ee,{children:[We,ze]}):ze:void 0,Je=void 0!==V&&"inside"===Pe,Qe=L&&!("ios"===M.getClientHints().platform&&"safari"===M.getClientHints().browser),{shouldRenderPrefix:Xe,shouldRenderSuffix:Ye,prefixProps:$e,suffixProps:es,valuePrefixSuffix:ss,ariaLabelledBy:ts}=c.usePrefixSuffix({baseId:Le,hasEndContent:void 0!==Ze,hasInsideLabel:Je,hasStartContent:void 0!==Ke,hasValue:Ee.hasValue,isDisabled:Fe,isFocused:je,labelId:Be.id,prefix:_,suffix:q,value:Q}),is=Xe?s.jsx(u.PrefixSuffix,{...$e}):void 0,ns=Ye?s.jsx(u.PrefixSuffix,{...es}):void 0,as="none"!==Pe?s.jsx(d.Label,{...Be,children:V}):void 0,os={label:"none"!==Pe?as:void 0,labelEdge:"none"!==Pe?Pe:void 0,labelStartWidth:"none"!==Pe?Te:void 0},ls="none"===Pe?V:void 0,rs="efficient"===Ae||"reflow"===Ae?Fe||Ce?"efficient"!==Ae?void 0:s.jsx(g.InlineUserAssistance,{userAssistanceDensity:Ae,...Ne}):s.jsx(g.InlineUserAssistance,{assistiveText:h,fieldLabel:V,helpSourceLink:C,helpSourceText:P,messages:N,isRequiredShown:j,userAssistanceDensity:Ae,...Ne}):void 0,ds=i.useRef(null),us="compact"===Ae?s.jsx(A.CompactUserAssistance,{anchorRef:ds,messages:N,assistiveText:h,...Ne}):void 0;if(Ce){const e=s.jsx(f.ReadonlyTextFieldInput,{"aria-describedby":Ve["aria-describedby"],"aria-label":ls,"aria-labelledby":Be.id,as:"div",autoFocus:y,elementRef:Ie,textAlign:ge,value:ss,hasEmptyLabel:""===V&&"none"===Pe,hasInsideLabel:Je});return s.jsx(l.FormFieldContext.Provider,{value:Ee,children:s.jsx(v.ReadonlyTextField,{role:"presentation",columnSpan:F,compactUserAssistance:us,inlineUserAssistance:rs,onBlur:Re.onFocusOut,onFocus:Re.onFocusIn,ref:ds,mainContent:e,testId:de,...os})})}const cs=void 0===p||p.toString()!==x?x:void 0,ps=s.jsxs(s.Fragment,{children:[is,s.jsx(b.TextFieldInput,{"aria-labelledby":ts,"aria-label":ls,"aria-valuemax":Qe?t:void 0,"aria-valuemin":Qe?a:void 0,"aria-valuenow":Qe?p:void 0,"aria-valuetext":Qe?cs:void 0,autoComplete:S,autoFocus:y,currentCommitValue:ce,hasEmptyLabel:""===V&&"none"===Pe,hasEndContent:void 0!==Ze,hasInsideLabel:Je,hasPrefix:void 0!==is,hasStartContent:void 0!==Ke,hasSuffix:void 0!==ns,inputRef:Ue,isRequired:R,placeholder:H,role:Qe?"spinbutton":void 0,textAlign:ge,type:te()?ie:void 0,value:Fe?ss:Q,onCommit:xe,onInput:be,...Ve,...L?Me:{}}),ns]});return s.jsx(l.FormFieldContext.Provider,{value:Ee,children:s.jsx(m.TextField,{startContent:Ke,endContent:Ze,columnSpan:F,compactUserAssistance:us,inlineUserAssistance:rs,mainContent:ps,onBlur:Re.onFocusOut,onFocus:Re.onFocusIn,mainFieldRef:ds,hasZeroStartMargin:L&&"quantitative"===E,testId:de,...ke,...os})})}));function te(){const e=M.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.NumberInputText=se,e.stepperVariants=["directional","quantitative"]}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useTextField-e6877c79', './Label-a53aabb9', './PrefixSuffix-0efb3bc6', './usePrefixSuffix-582e16a2', './keyboardUtils-71bc5d84', './TextFieldInput-ca306ad6', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-b8ee28da', './StyledTextField-3398bf94', './TextField-80908a0d', './LayerHost-a36b1781', 'css!./LiveRegionStyles.styles.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-d208ce7b', './CompactUserAssistance-eb849bc5', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-cf586837', 'preact', 'css!./IconStyle.styles.css', './Popup-92dfc51f', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './clientHints-fff66be9', './useCurrentValueReducer-faded381', './ChevronDown-771195de', './ChevronUp-56c44eb6', './Minus-21749117', './Plus-1b931751', './IconButton-c2e5c1c5', './useTranslationBundle-33399171', './Grid-3dd364a1', './useSpinning-d5dd87af', './useSelectableTextField-900d2860'], (function(e,s,t,i,n,a,o,l,r,d,u,c,p,b,x,f,v,m,h,S,y,F,C,P,T,g,A,U,I,R,j,D,w,L,E,V,B,k,N,H,_,q,M,O,G,W,z,K,Z,J,Q,X,Y){"use strict";function $({direction:e,isDisabled:t,children:i,onPointerDown:n,onPointerUp:a,onPointerOut:o,onPointerCancel:l}){const r=J.useTranslationBundle("@oracle/oraclejet-preact"),d=r.inputNumber_increase(),u=r.inputNumber_decrease(),c="increase"===e?d:u;return s.jsx(F.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx("div",{"aria-hidden":"true",onPointerDown:n,onPointerUp:a,onPointerOut:o,onPointerCancel:l,children:s.jsx(Z.IconButton,{isDisabled:t,tooltip:c,variant:"ghost",size:"sm",children:i})})})}function ee({children:e}){return s.jsx(Q.Grid,{align:"center",gap:"1x",gridTemplateColumns:"1fr 1fr",children:e})}const se=t.forwardRef((({"aria-describedby":e,"aria-valuemax":t,"aria-valuemin":a,"aria-valuenow":p,"aria-valuetext":x,assistiveText:h,autoComplete:S="off",autoFocus:y=!1,columnSpan:F,helpSourceLink:C,helpSourceText:P,isDisabled:T,isReadonly:I,isRequired:R=!1,isRequiredShown:j,isStepDownDisabled:D,isStepUpDisabled:w,hasSteppers:L=!1,stepperVariant:E="directional",label:V,labelEdge:B,labelStartWidth:k,messages:N,placeholder:H,prefix:_,suffix:q,textAlign:Z,userAssistanceDensity:J,value:Q,variant:se="default",virtualKeyboard:ie,onInput:ne,onCommit:ae,onSpin:oe,onSpinComplete:le,onStep:re,testId:de},ue)=>{const{currentCommitValue:ce,dispatch:pe}=O.useCurrentValueReducer({value:Q}),be=i.useCallback((e=>{pe({type:"input",payload:e.value}),ne?.(e)}),[ne,pe]),xe=i.useCallback((e=>{pe({type:"commit",payload:e.value}),ae?.(e)}),[ae,pe]),{isDisabled:fe,isReadonly:ve,labelEdge:me,labelStartWidth:he,textAlign:Se,userAssistanceDensity:ye}=o.useFormContext(),Fe=T??fe,Ce=I??ve,Pe=B??me,Te=k??he,ge=Z??Se,Ae=J??ye,Ue=i.useRef(null),Ie=i.useRef(null),{focusProps:Re,isFocused:je,methods:De}=n.useFocusableTextField({isDisabled:Fe,isReadonly:Ce,enabledElementRef:Ue,readonlyElementRef:Ie}),{methods:we}=Y.useSelectableTextField(Ue);i.useImperativeHandle(ue,(()=>U.mergeProps(De,we)),[De,we]);const{baseId:Le,formFieldContext:Ee,inputProps:Ve,labelProps:Be,textFieldProps:ke,userAssistanceProps:Ne}=r.useTextField({ariaDescribedBy:e,helpSourceLink:C,helpSourceText:P,isDisabled:Fe,isFocused:je,isReadonly:Ce,isRequiredShown:j,labelEdge:Pe,messages:N,styleVariant:se,userAssistanceDensity:Ae,value:Q}),He=Fe||D,_e=Fe||w,qe=i.useCallback((e=>{je||Ue.current?.focus(),re?.(e)}),[re,je,Ue]),{keyboardHandlerProps:Me,pointerIncreaseHandlerProps:Oe,pointerDecreaseHandlerProps:Ge}=X.useSpinning({isStepDownDisabled:He,isStepUpDisabled:_e,onSpin:oe,onSpinComplete:le,onStep:qe}),We=L?s.jsx($,{direction:"decrease",isDisabled:He,...Ge,children:"directional"===E?s.jsx(G.SvgChevronDown,{}):s.jsx(z.SvgMinus,{})}):void 0,ze=L?s.jsx($,{direction:"increase",isDisabled:_e,...Oe,children:"directional"===E?s.jsx(W.SvgChevronUp,{}):s.jsx(K.SvgPlus,{})}):void 0,Ke=L&&"quantitative"===E?We:void 0,Ze=L?"directional"===E?s.jsxs(ee,{children:[We,ze]}):ze:void 0,Je=void 0!==V&&"inside"===Pe,Qe=L&&!("ios"===M.getClientHints().platform&&"safari"===M.getClientHints().browser),{shouldRenderPrefix:Xe,shouldRenderSuffix:Ye,prefixProps:$e,suffixProps:es,valuePrefixSuffix:ss,ariaLabelledBy:ts}=c.usePrefixSuffix({baseId:Le,hasEndContent:void 0!==Ze,hasInsideLabel:Je,hasStartContent:void 0!==Ke,hasValue:Ee.hasValue,isDisabled:Fe,isFocused:je,labelId:Be.id,prefix:_,suffix:q,value:Q}),is=Xe?s.jsx(u.PrefixSuffix,{...$e}):void 0,ns=Ye?s.jsx(u.PrefixSuffix,{...es}):void 0,as="none"!==Pe?s.jsx(d.Label,{...Be,children:V}):void 0,os={label:"none"!==Pe?as:void 0,labelEdge:"none"!==Pe?Pe:void 0,labelStartWidth:"none"!==Pe?Te:void 0},ls="none"===Pe?V:void 0,rs="efficient"===Ae||"reflow"===Ae?Fe||Ce?"efficient"!==Ae?void 0:s.jsx(g.InlineUserAssistance,{userAssistanceDensity:Ae,...Ne}):s.jsx(g.InlineUserAssistance,{assistiveText:h,fieldLabel:V,helpSourceLink:C,helpSourceText:P,messages:N,isRequiredShown:j,userAssistanceDensity:Ae,...Ne}):void 0,ds=i.useRef(null),us="compact"===Ae?s.jsx(A.CompactUserAssistance,{anchorRef:ds,messages:N,assistiveText:h,...Ne}):void 0;if(Ce){const e=s.jsx(f.ReadonlyTextFieldInput,{"aria-describedby":Ve["aria-describedby"],"aria-label":ls,"aria-labelledby":Be.id,as:"div",autoFocus:y,elementRef:Ie,textAlign:ge,value:ss,hasEmptyLabel:""===V&&"none"===Pe,hasInsideLabel:Je});return s.jsx(l.FormFieldContext.Provider,{value:Ee,children:s.jsx(v.ReadonlyTextField,{role:"presentation",columnSpan:F,compactUserAssistance:us,inlineUserAssistance:rs,onBlur:Re.onFocusOut,onFocus:Re.onFocusIn,ref:ds,mainContent:e,testId:de,...os})})}const cs=void 0===p||p.toString()!==x?x:void 0,ps=s.jsxs(s.Fragment,{children:[is,s.jsx(b.TextFieldInput,{"aria-labelledby":ts,"aria-label":ls,"aria-valuemax":Qe?t:void 0,"aria-valuemin":Qe?a:void 0,"aria-valuenow":Qe?p:void 0,"aria-valuetext":Qe?cs:void 0,autoComplete:S,autoFocus:y,currentCommitValue:ce,hasEmptyLabel:""===V&&"none"===Pe,hasEndContent:void 0!==Ze,hasInsideLabel:Je,hasPrefix:void 0!==is,hasStartContent:void 0!==Ke,hasSuffix:void 0!==ns,inputRef:Ue,isRequired:R,placeholder:H,role:Qe?"spinbutton":void 0,textAlign:ge,type:te()?ie:void 0,value:Fe?ss:Q,onCommit:xe,onInput:be,...Ve,...L?Me:{}}),ns]});return s.jsx(l.FormFieldContext.Provider,{value:Ee,children:s.jsx(m.TextField,{startContent:Ke,endContent:Ze,columnSpan:F,compactUserAssistance:us,inlineUserAssistance:rs,mainContent:ps,onBlur:Re.onFocusOut,onFocus:Re.onFocusIn,mainFieldRef:ds,hasZeroStartMargin:L&&"quantitative"===E,testId:de,...ke,...os})})}));function te(){const e=M.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.NumberInputText=se,e.stepperVariants=["directional","quantitative"]}));
 //# sourceMappingURL=NumberInputText-66e2d7d1.js.map

package/amd/{OverflowTabBar-6b2d76c0.js → OverflowTabBar-127659f1.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './TabBar-8a0cbff2', './UNSAFE_OverflowTabBar/themes/OverflowTabBarStyles.css', './useDetectHorizontalOverflow-336bca79', './RemovableTabBarItem-3792c8fd', './TabBarItem-04031938', './OverflowTabBarItem-4c54927d'], (function(e,a,t,l,s,r,o,i,n,c,m){"use strict";e.OverflowTabBar=function({items:e,layout:d="stretch",display:b="standard",size:u="md",edge:y="top",selection:f,truncation:v,onSelect:I,onRemove:B,"aria-label":T,"aria-labelledby":p,testId:w}){const K="stacked"===b?{display:b}:{display:b,size:u},g=l.useRef(null),h=t.createRef(),[x,R]=l.useState(!1),O=l.useRef(!1),j=l.useCallback((e=>{"more"===e.value?O.current?R(!1):R(!0):I?.(e),O.current=!1}),[I]),S=l.useMemo((()=>e.map((e=>e.itemKey))),[e]),{visibleItemKeys:k,overflowItemKeys:z,maxWidths:M}=i.useDetectHorizontalOverflow({rootRef:h,keysArray:S,isTruncationDisabled:!(v&&"progressive"===v)}),A=s.classNames([o.styles.overflowTabBarBase]);return a.jsx("div",{ref:g,class:A,children:a.jsxs(r.TabBar,{ref:h,selection:f,onSelect:j,...K,layout:d,edge:y,onRemove:B,"aria-label":T,"aria-labelledby":p,testId:w,children:[null!=k&&k.length>0&&e.filter((e=>k?.includes(e.itemKey))).map((e=>e.isRemovable?a.jsx(n.RemovableTabBarItem,{itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:M?.get(e.itemKey)}):a.jsx(c.TabBarItem,{itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:M?.get(e.itemKey)}))),null!=z&&z.length>0&&a.jsx(m.OverflowTabBarItem,{isOpen:x,onClose:e=>{h.current&&["itemAction","dismissed"].includes(e.reason)&&h?.current?.focus(),"outsideMousedown"===e.reason&&(O.current=!0),R(!1)},overflowItemKey:"more",overflowItems:e.filter((e=>z?.includes(e.itemKey)))})]})})}}));
-//# sourceMappingURL=OverflowTabBar-6b2d76c0.js.map
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './TabBar-3a35b525', './UNSAFE_OverflowTabBar/themes/OverflowTabBarStyles.css', './useDetectHorizontalOverflow-336bca79', './RemovableTabBarItem-3792c8fd', './TabBarItem-04031938', './OverflowTabBarItem-5404d133'], (function(e,a,t,l,s,r,o,i,n,c,m){"use strict";e.OverflowTabBar=function({items:e,layout:d="stretch",display:b="standard",size:u="md",edge:y="top",selection:f,truncation:v,onSelect:I,onRemove:B,"aria-label":T,"aria-labelledby":p,testId:w}){const K="stacked"===b?{display:b}:{display:b,size:u},g=l.useRef(null),h=t.createRef(),[x,R]=l.useState(!1),O=l.useRef(!1),j=l.useCallback((e=>{"more"===e.value?O.current?R(!1):R(!0):I?.(e),O.current=!1}),[I]),S=l.useMemo((()=>e.map((e=>e.itemKey))),[e]),{visibleItemKeys:k,overflowItemKeys:z,maxWidths:M}=i.useDetectHorizontalOverflow({rootRef:h,keysArray:S,isTruncationDisabled:!(v&&"progressive"===v)}),A=s.classNames([o.styles.overflowTabBarBase]);return a.jsx("div",{ref:g,class:A,children:a.jsxs(r.TabBar,{ref:h,selection:f,onSelect:j,...K,layout:d,edge:y,onRemove:B,"aria-label":T,"aria-labelledby":p,testId:w,children:[null!=k&&k.length>0&&e.filter((e=>k?.includes(e.itemKey))).map((e=>e.isRemovable?a.jsx(n.RemovableTabBarItem,{itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:M?.get(e.itemKey)}):a.jsx(c.TabBarItem,{itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:M?.get(e.itemKey)}))),null!=z&&z.length>0&&a.jsx(m.OverflowTabBarItem,{isOpen:x,onClose:e=>{h.current&&["itemAction","dismissed"].includes(e.reason)&&h?.current?.focus(),"outsideMousedown"===e.reason&&(O.current=!0),R(!1)},overflowItemKey:"more",overflowItems:e.filter((e=>z?.includes(e.itemKey)))})]})})}}));
+//# sourceMappingURL=OverflowTabBar-127659f1.js.map

package/amd/{OverflowTabBar-6b2d76c0.js.map → OverflowTabBar-127659f1.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OverflowTabBar-~~6b2d76c0~~.js","sources":["../../src/UNSAFE_OverflowTabBar/OverflowTabBar.tsx"],"sourcesContent":["import { ComponentProps, createRef } from 'preact';\nimport { useCallback, useMemo, useRef, useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { OverflowTabBarItem, RemovableTabBarItem, TabBar, TabBarItem } from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\n\ntype OverflowTabBarProps<K extends string \| number> = {\n /*\n An array of data to render individual tabs\n /\n items: Item<K>[];\n /\n The truncation configuration for tab labels.\n * 'progressive' will restrict the width of each tab label to allow all tabs to fit if enough space is not available to display all of the tabs.\n * Labels that are truncated are displayed with ellipses. However the width of each tab label will not be truncated below a specific threshold.\n * 'none' tabs always take up the space needed by the labels even if enough space is not available to display all of the tabs.\n /\n truncation?: 'none' \| 'progressive';\n} & Omit<ComponentProps<typeof TabBar>, 'children' \| 'aria-describedby' \| 'ref'>;\n\n/\n OverflowTabBar handles the rendering of overflowing tab items.\n */\nexport function OverflowTabBar<K extends string \| number>({\n items,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n truncation,\n onSelect,\n onRemove,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n const displayStackProps = {\n display: display\n };\n const displayNonStackProps = {\n display: display,\n size: size\n };\n\n const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n const rootRef = useRef<HTMLDivElement>(null);\n const tabBarRef = createRef<HTMLDivElement>();\n\n const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n const isOutsideMouseDown = useRef<boolean>(false);\n\n const handleClose = (e: CloseDetail) => {\n if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {\n tabBarRef?.current?.focus();\n }\n if (e.reason === 'outsideMousedown') {\n isOutsideMouseDown.current = true;\n }\n setIsDropDownOpen(false);\n };\n\n const handleSelect = useCallback<Required<ComponentProps<typeof TabBar>>['onSelect']>(\n (e: { value: string \| number }) => {\n if (e.value === 'more') {\n //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed\n if (isOutsideMouseDown.current) {\n setIsDropDownOpen(false);\n } else {\n setIsDropDownOpen(true);\n }\n } else {\n onSelect?.(e);\n }\n isOutsideMouseDown.current = false;\n },\n [onSelect]\n );\n\n const overflowItemKey = 'more' as K;\n\n const keysArray = useMemo(() => items.map((item) => item.itemKey) as K[], [items]);\n\n const { visibleItemKeys, overflowItemKeys, maxWidths } = useDetectHorizontalOverflow({\n rootRef: tabBarRef,\n keysArray,\n isTruncationDisabled: !(truncation && truncation === 'progressive')\n });\n\n const overflowTabBarClass = classNames([styles.overflowTabBarBase]);\n\n return (\n <div ref={rootRef} class={overflowTabBarClass}>\n <TabBar\n ref={tabBarRef}\n selection={selection}\n onSelect={handleSelect}\n {...displayProps}\n layout={layout}\n edge={edge}\n onRemove={onRemove}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n testId={testId}>\n {visibleItemKeys != null &&\n visibleItemKeys.length > 0 &&\n items\n .filter((item) => visibleItemKeys?.includes(item.itemKey))\n .map((item: Item<K>) =>\n item.isRemovable ? (\n <RemovableTabBarItem\n itemKey={item.itemKey}\n label={item.label}\n icon={item.icon}\n badge={item.badge}\n metadata={item.metadata}\n severity={item.severity}\n aria-controls={item.tabPanelId}\n labelMaxWidth={maxWidths?.get(item.itemKey)}\n />\n ) : (\n <TabBarItem\n itemKey={item.itemKey}\n label={item.label}\n icon={item.icon}\n badge={item.badge}\n metadata={item.metadata}\n severity={item.severity}\n aria-controls={item.tabPanelId}\n labelMaxWidth={maxWidths?.get(item.itemKey)}\n />\n )\n )}\n {overflowItemKeys != null && overflowItemKeys.length > 0 && (\n <OverflowTabBarItem\n isOpen={isDropDownOpen}\n onClose={handleClose}\n overflowItemKey={overflowItemKey}\n overflowItems={items.filter((item) => overflowItemKeys?.includes(item.itemKey))}\n />\n )}\n </TabBar>\n </div>\n );\n}\n"],"names":["items","layout","display","size","edge","selection","truncation","onSelect","onRemove","ariaLabel","ariaLabelledby","testId","displayProps","rootRef","useRef","tabBarRef","createRef","isDropDownOpen","setIsDropDownOpen","useState","isOutsideMouseDown","handleSelect","useCallback","e","value","current","keysArray","useMemo","map","item","itemKey","visibleItemKeys","overflowItemKeys","maxWidths","useDetectHorizontalOverflow","isTruncationDisabled","overflowTabBarClass","classNames","styles","overflowTabBarBase","_jsx","ref","class","children","_jsxs","TabBar","length","filter","includes","isRemovable","RemovableTabBarItem","label","icon","badge","metadata","severity","tabPanelId","labelMaxWidth","get","TabBarItem","OverflowTabBarItem","isOpen","onClose","reason","focus","overflowItemKey","overflowItems"],"mappings":"iXA0B0DA,MACxDA,EAAKC,OACLA,EAAS,UAASC,QAClBA,EAAU,WAAUC,KACpBA,EAAO,KAAIC,KACXA,EAAO,MAAKC,UACZA,EAASC,WACTA,EAAUC,SACVA,EAAQC,SACRA,EACA,aAAcC,EACd,kBAAmBC,EAAcC,OACjCA,IAEA,MAQMC,EAA2B,YAAZV,EARK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,GAIFU,EAAUC,SAAuB,MACjCC,EAAYC,EAAAA,aAEXC,EAAgBC,GAAqBC,EAAQA,UAAU,GAExDC,EAAqBN,UAAgB,GAYrCO,EAAeC,eAClBC,IACiB,SAAZA,EAAEC,MAEAJ,EAAmBK,QACrBP,GAAkB,GAElBA,GAAkB,GAGpBX,IAAWgB,GAEbH,EAAmBK,SAAU,CAAK,GAEpC,CAAClB,IAKGmB,EAAYC,EAAAA,SAAQ,IAAM3B,EAAM4B,KAAKC,GAASA,EAAKC,WAAiB,CAAC9B,KAErE+B,gBAAEA,EAAeC,iBAAEA,EAAgBC,UAAEA,GAAcC,EAAAA,4BAA4B,CACnFrB,QAASE,EACTW,YACAS,uBAAwB7B,GAA6B,gBAAfA,KAGlC8B,EAAsBC,EAAUA,WAAC,CAACC,EAAAA,OAAOC,qBAE/C,OACEC,EAAAA,WAAKC,IAAK5B,EAAS6B,MAAON,EACxBO,SAAAC,EAAAA,KAACC,EAAAA,OACC,CAAAJ,IAAK1B,EACLV,UAAWA,EACXE,SAAUc,KACNT,EACJX,OAAQA,EACRG,KAAMA,EACNI,SAAUA,EACE,aAAAC,EACK,kBAAAC,EACjBC,OAAQA,EAAMgC,SAAA,CACM,MAAnBZ,GACCA,EAAgBe,OAAS,GACzB9C,EACG+C,QAAQlB,GAASE,GAAiBiB,SAASnB,EAAKC,WAChDF,KAAKC,GACJA,EAAKoB,YACHT,MAACU,EAAAA,qBACCpB,QAASD,EAAKC,QACdqB,MAAOtB,EAAKsB,MACZC,KAAMvB,EAAKuB,KACXC,MAAOxB,EAAKwB,MACZC,SAAUzB,EAAKyB,SACfC,SAAU1B,EAAK0B,SAAQ,gBACR1B,EAAK2B,WACpBC,cAAexB,GAAWyB,IAAI7B,EAAKC,WAGrCU,MAACmB,aAAU,CACT7B,QAASD,EAAKC,QACdqB,MAAOtB,EAAKsB,MACZC,KAAMvB,EAAKuB,KACXC,MAAOxB,EAAKwB,MACZC,SAAUzB,EAAKyB,SACfC,SAAU1B,EAAK0B,yBACA1B,EAAK2B,WACpBC,cAAexB,GAAWyB,IAAI7B,EAAKC,aAIxB,MAApBE,GAA4BA,EAAiBc,OAAS,GACrDN,MAACoB,EAAAA,mBACC,CAAAC,OAAQ5C,EACR6C,QApFWvC,IACfR,EAAUU,SAAW,CAAC,aAAc,aAAauB,SAASzB,EAAEwC,SAC9DhD,GAAWU,SAASuC,QAEL,qBAAbzC,EAAEwC,SACJ3C,EAAmBK,SAAU,GAE/BP,GAAkB,EAAM,EA8EhB+C,gBA1Dc,OA2DdC,cAAelE,EAAM+C,QAAQlB,GAASG,GAAkBgB,SAASnB,EAAKC,iBAMlF"}
1	+ {"version":3,"file":"OverflowTabBar-127659f1.js","sources":["../../src/UNSAFE_OverflowTabBar/OverflowTabBar.tsx"],"sourcesContent":["import { ComponentProps, createRef } from 'preact';\nimport { useCallback, useMemo, useRef, useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { OverflowTabBarItem, RemovableTabBarItem, TabBar, TabBarItem } from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\n\ntype OverflowTabBarProps<K extends string \| number> = {\n /*\n An array of data to render individual tabs\n /\n items: Item<K>[];\n /\n The truncation configuration for tab labels.\n * 'progressive' will restrict the width of each tab label to allow all tabs to fit if enough space is not available to display all of the tabs.\n * Labels that are truncated are displayed with ellipses. However the width of each tab label will not be truncated below a specific threshold.\n * 'none' tabs always take up the space needed by the labels even if enough space is not available to display all of the tabs.\n /\n truncation?: 'none' \| 'progressive';\n} & Omit<ComponentProps<typeof TabBar>, 'children' \| 'aria-describedby' \| 'ref'>;\n\n/\n OverflowTabBar handles the rendering of overflowing tab items.\n */\nexport function OverflowTabBar<K extends string \| number>({\n items,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n truncation,\n onSelect,\n onRemove,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n const displayStackProps = {\n display: display\n };\n const displayNonStackProps = {\n display: display,\n size: size\n };\n\n const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n const rootRef = useRef<HTMLDivElement>(null);\n const tabBarRef = createRef<HTMLDivElement>();\n\n const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n const isOutsideMouseDown = useRef<boolean>(false);\n\n const handleClose = (e: CloseDetail) => {\n if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {\n tabBarRef?.current?.focus();\n }\n if (e.reason === 'outsideMousedown') {\n isOutsideMouseDown.current = true;\n }\n setIsDropDownOpen(false);\n };\n\n const handleSelect = useCallback<Required<ComponentProps<typeof TabBar>>['onSelect']>(\n (e: { value: string \| number }) => {\n if (e.value === 'more') {\n //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed\n if (isOutsideMouseDown.current) {\n setIsDropDownOpen(false);\n } else {\n setIsDropDownOpen(true);\n }\n } else {\n onSelect?.(e);\n }\n isOutsideMouseDown.current = false;\n },\n [onSelect]\n );\n\n const overflowItemKey = 'more' as K;\n\n const keysArray = useMemo(() => items.map((item) => item.itemKey) as K[], [items]);\n\n const { visibleItemKeys, overflowItemKeys, maxWidths } = useDetectHorizontalOverflow({\n rootRef: tabBarRef,\n keysArray,\n isTruncationDisabled: !(truncation && truncation === 'progressive')\n });\n\n const overflowTabBarClass = classNames([styles.overflowTabBarBase]);\n\n return (\n <div ref={rootRef} class={overflowTabBarClass}>\n <TabBar\n ref={tabBarRef}\n selection={selection}\n onSelect={handleSelect}\n {...displayProps}\n layout={layout}\n edge={edge}\n onRemove={onRemove}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n testId={testId}>\n {visibleItemKeys != null &&\n visibleItemKeys.length > 0 &&\n items\n .filter((item) => visibleItemKeys?.includes(item.itemKey))\n .map((item: Item<K>) =>\n item.isRemovable ? (\n <RemovableTabBarItem\n itemKey={item.itemKey}\n label={item.label}\n icon={item.icon}\n badge={item.badge}\n metadata={item.metadata}\n severity={item.severity}\n aria-controls={item.tabPanelId}\n labelMaxWidth={maxWidths?.get(item.itemKey)}\n />\n ) : (\n <TabBarItem\n itemKey={item.itemKey}\n label={item.label}\n icon={item.icon}\n badge={item.badge}\n metadata={item.metadata}\n severity={item.severity}\n aria-controls={item.tabPanelId}\n labelMaxWidth={maxWidths?.get(item.itemKey)}\n />\n )\n )}\n {overflowItemKeys != null && overflowItemKeys.length > 0 && (\n <OverflowTabBarItem\n isOpen={isDropDownOpen}\n onClose={handleClose}\n overflowItemKey={overflowItemKey}\n overflowItems={items.filter((item) => overflowItemKeys?.includes(item.itemKey))}\n />\n )}\n </TabBar>\n </div>\n );\n}\n"],"names":["items","layout","display","size","edge","selection","truncation","onSelect","onRemove","ariaLabel","ariaLabelledby","testId","displayProps","rootRef","useRef","tabBarRef","createRef","isDropDownOpen","setIsDropDownOpen","useState","isOutsideMouseDown","handleSelect","useCallback","e","value","current","keysArray","useMemo","map","item","itemKey","visibleItemKeys","overflowItemKeys","maxWidths","useDetectHorizontalOverflow","isTruncationDisabled","overflowTabBarClass","classNames","styles","overflowTabBarBase","_jsx","ref","class","children","_jsxs","TabBar","length","filter","includes","isRemovable","RemovableTabBarItem","label","icon","badge","metadata","severity","tabPanelId","labelMaxWidth","get","TabBarItem","OverflowTabBarItem","isOpen","onClose","reason","focus","overflowItemKey","overflowItems"],"mappings":"iXA0B0DA,MACxDA,EAAKC,OACLA,EAAS,UAASC,QAClBA,EAAU,WAAUC,KACpBA,EAAO,KAAIC,KACXA,EAAO,MAAKC,UACZA,EAASC,WACTA,EAAUC,SACVA,EAAQC,SACRA,EACA,aAAcC,EACd,kBAAmBC,EAAcC,OACjCA,IAEA,MAQMC,EAA2B,YAAZV,EARK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,GAIFU,EAAUC,SAAuB,MACjCC,EAAYC,EAAAA,aAEXC,EAAgBC,GAAqBC,EAAQA,UAAU,GAExDC,EAAqBN,UAAgB,GAYrCO,EAAeC,eAClBC,IACiB,SAAZA,EAAEC,MAEAJ,EAAmBK,QACrBP,GAAkB,GAElBA,GAAkB,GAGpBX,IAAWgB,GAEbH,EAAmBK,SAAU,CAAK,GAEpC,CAAClB,IAKGmB,EAAYC,EAAAA,SAAQ,IAAM3B,EAAM4B,KAAKC,GAASA,EAAKC,WAAiB,CAAC9B,KAErE+B,gBAAEA,EAAeC,iBAAEA,EAAgBC,UAAEA,GAAcC,EAAAA,4BAA4B,CACnFrB,QAASE,EACTW,YACAS,uBAAwB7B,GAA6B,gBAAfA,KAGlC8B,EAAsBC,EAAUA,WAAC,CAACC,EAAAA,OAAOC,qBAE/C,OACEC,EAAAA,WAAKC,IAAK5B,EAAS6B,MAAON,EACxBO,SAAAC,EAAAA,KAACC,EAAAA,OACC,CAAAJ,IAAK1B,EACLV,UAAWA,EACXE,SAAUc,KACNT,EACJX,OAAQA,EACRG,KAAMA,EACNI,SAAUA,EACE,aAAAC,EACK,kBAAAC,EACjBC,OAAQA,EAAMgC,SAAA,CACM,MAAnBZ,GACCA,EAAgBe,OAAS,GACzB9C,EACG+C,QAAQlB,GAASE,GAAiBiB,SAASnB,EAAKC,WAChDF,KAAKC,GACJA,EAAKoB,YACHT,MAACU,EAAAA,qBACCpB,QAASD,EAAKC,QACdqB,MAAOtB,EAAKsB,MACZC,KAAMvB,EAAKuB,KACXC,MAAOxB,EAAKwB,MACZC,SAAUzB,EAAKyB,SACfC,SAAU1B,EAAK0B,SAAQ,gBACR1B,EAAK2B,WACpBC,cAAexB,GAAWyB,IAAI7B,EAAKC,WAGrCU,MAACmB,aAAU,CACT7B,QAASD,EAAKC,QACdqB,MAAOtB,EAAKsB,MACZC,KAAMvB,EAAKuB,KACXC,MAAOxB,EAAKwB,MACZC,SAAUzB,EAAKyB,SACfC,SAAU1B,EAAK0B,yBACA1B,EAAK2B,WACpBC,cAAexB,GAAWyB,IAAI7B,EAAKC,aAIxB,MAApBE,GAA4BA,EAAiBc,OAAS,GACrDN,MAACoB,EAAAA,mBACC,CAAAC,OAAQ5C,EACR6C,QApFWvC,IACfR,EAAUU,SAAW,CAAC,aAAc,aAAauB,SAASzB,EAAEwC,SAC9DhD,GAAWU,SAASuC,QAEL,qBAAbzC,EAAEwC,SACJ3C,EAAmBK,SAAU,GAE/BP,GAAkB,EAAM,EA8EhB+C,gBA1Dc,OA2DdC,cAAelE,EAAM+C,QAAQlB,GAASG,GAAkBgB,SAASnB,EAAKC,iBAMlF"}

package/amd/OverflowTabBarItem-5404d133.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './useTranslationBundle-33399171', './clientHints-fff66be9', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './classNames-08d99695', './NavigationList-6ca9cfba', './NavigationListItem-43b6130b', './Icon-906e4e3c', './useTabBarContext-15a23bb6', './Dropdown-fb803c67', './Sheet-23307184', './TabBarItem-04031938', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './RemovableNavigationListItem-110f19ed'], (function(e,a,t,n,s,o,i,l,r,c,m,d,b,u,v,f,p,g){"use strict";const x=e=>a.jsx(d.Icon,{viewBox:"0 0 24 24",...e,children:a.jsx("g",{fill:"none",children:a.jsx("path",{d:"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z",fill:"currentcolor"})})});const h=()=>{const{deviceType:e}=o.getClientHints();return"phone"===e};e.OverflowTabBarItem=function({overflowItemKey:e,icon:o,badge:d,overflowItems:y,isOpen:I,onClose:j}){const{selection:C,showFocusRing:w,isEdgeBottom:B,onSelect:R,onRemove:T,layout:K}=b.useTabBarContext(),N=n.useRef(!1),O=n.useRef(null),k=t.createRef(),L=n.useCallback((e=>{"pointer"===e.reason&&(N.current=!0),R?.({value:e.value}),j?.({reason:"itemAction"})}),[R,j]),F=n.useCallback((e=>{j?.({reason:e.reason})}),[j]),S=n.useCallback((()=>{j?.({reason:"dismissed"})}),[j]),D=w&&!N.current&&!h(),z=y?.find((e=>e.itemKey===C))?.tabPanelId,A=s.useTranslationBundle("@oracle/oraclejet-preact"),E=void 0!==C&&(H=C,null!=y?.find((e=>e.itemKey===H)));var H;const M=i.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===K?"1 0 auto":"0 0 auto"}),P=r.classNames([p.styles.navContainerBase]),U=n.useRef(null),_=n.useCallback((e=>{"ArrowDown"===e.key&&(e.preventDefault(),k.current?.focus())}),[k]),q=n.useCallback((()=>a.jsx("div",{onKeyDown:_,tabIndex:0,ref:U,class:P,children:a.jsx(c.NavigationList,{ref:k,selection:C,onSelectionChange:L,onRemove:T,children:y?.map((e=>e.isRemovable?a.jsx(g.RemovableNavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity}):a.jsx(m.NavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity})))})})),[_,P,k,C,L,T,y]);return a.jsxs(a.Fragment,{children:[y&&y.length>0&&a.jsx("div",{ref:O,style:M,children:a.jsx(f.BaseTabBarItem,{"aria-controls":z,itemKey:e,label:A.overflowItemLabel(),icon:o\|\|a.jsx(x,{}),badge:d,showFocusRingOverride:D,selectionOverride:E,displayOverride:"icons","aria-haspopup":!0})}),h()?a.jsx(v.Sheet,{isOpen:I,onClose:S,children:q()}):a.jsx(u.Dropdown,{initialFocus:"firstFocusable",isOpen:I,onClose:F,placement:B?"top-end":"bottom-end",anchorRef:O,children:q()})]})}}));
2	+ //# sourceMappingURL=OverflowTabBarItem-5404d133.js.map