@oracle/oraclejet-preact 18.1.0 → 18.1.2

package/amd/ActionCard-e560d08b.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './useActionable-d75af68a', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './StyledCard-420ef03c'], (function(e,t,a,o,n,r,i){"use strict";const s=a.forwardRef((({children:e,onAction:a,testId:n,...s},c)=>{const{isTabbable:d}=r.useTabbableMode(),{actionableProps:b,isHover:l,isActive:p}=o.useActionable((e=>{a&&a({reason:"keyup"==e.type?"keyboard":"pointer"})}));return t.jsx(i.StyledCard,{...b,cursor:"pointer",display:"inlineFlex",isActive:p,isHover:l,parentComponentVariant:"actionCard",ref:c,role:"button",tabIndex:d?0:-1,testId:n,...s,children:e})}));e.ActionCard=s}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useActionable-d75af68a', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './StyledCard-5c9cee13'], (function(e,t,a,o,n,r,i){"use strict";const c=a.forwardRef((({children:e,onAction:a,testId:n,...c},s)=>{const{isTabbable:d}=r.useTabbableMode(),{actionableProps:b,isHover:l,isActive:p}=o.useActionable((e=>{a&&a({reason:"keyup"==e.type?"keyboard":"pointer"})}));return t.jsx(i.StyledCard,{...b,cursor:"pointer",display:"inlineFlex",isActive:p,isHover:l,parentComponentVariant:"actionCard",ref:s,role:"button",tabIndex:d?0:-1,testId:n,...c,children:e})}));e.ActionCard=c}));
 //# sourceMappingURL=ActionCard-e560d08b.js.map

package/amd/BarChart-c0ba5b12.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './BarGroup-b02506a8', './useUser-abae2493', './layoutUtils-4304ffe4', './dataStyleUtils-a0ecedd5', './Chart-c3a5a93d'], (function(e,t,r,n,i,o,s){"use strict";function a(e,t,r,n){const i=o.getNextItemInGroup(e,r,n);if(i)return i;if(e.groupIndex<t){let i={seriesIndex:0,groupIndex:e.groupIndex+1};if(n(i.seriesIndex,i.groupIndex))return i;if(i=a(i,t,r,n),i)return i}return e}function d(e,t,r,n){const i=o.getPrevItemInGroup(e,n);if(i)return i;if(e.groupIndex>t){let i={groupIndex:e.groupIndex-1,seriesIndex:r-1};if(n(i.seriesIndex,i.groupIndex))return i;if(i=d(i,t,r,n),i)return i}return e}function I(e){return t.jsx(u,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}const g=.5;function u({width:e,height:u,selectedIds:l=[],hiddenIds:c=[],highlightedIds:x,hideAndShowBehavior:p="none",orientation:f="vertical",yAxis:h,series:m,groups:S,isStacked:A=!1,getDataItem:w,selectionMode:v="none",drilling:y="off",dataItemGaps:D=.5,...R}){const{direction:G}=n.useUser(),k="rtl"===G,b=new Set(c),B="horizontal"===f,P=R.xAxis?.timeAxisType,j=new Set(l),L=new Set(x);return t.jsx(s.Chart,{width:e,height:u,selectedIds:j,hiddenIds:c,hideAndShowBehavior:p,orientation:f,yAxis:h,series:m,groups:S,isStacked:A,getDataItem:w,selectionMode:v,drilling:y,renderGridLinesInFront:!1,findNearest:(e,t,n,o)=>{const s=r.getSeriesOffsetAndWidth(n,o,m.length,D,A,k);return i.findNearestDataPoint(m,S,e,t,w,A,s,r.getBarCenterCoordinate,"log"===h?.scale,D,b,P)},getDataItemPos:(e,t,n,i)=>r.getBarPosition(m,S,w,e,t,b,D,n,i,"log"===h?.scale,A,k,B,P),getNavUtil:(e,t)=>function(e,t,r,n,i,s){const I=(t,r)=>{const n=e(t,r);return Boolean(n)};return(e,g)=>{if(!i&&("ArrowDown"===g||"ArrowUp"===g))return e;let u;const l={groupIndex:e.groupIndex,seriesIndex:e.seriesIndex};return l.groupIndex<r?(l.groupIndex=r,l):l.groupIndex>n?(l.groupIndex=n,l):(i?u="ArrowLeft"===g?s?o.getNextItemInSeries(l,n,I):o.getPrevItemInSeries(l,r,I):"ArrowRight"===g?s?o.getPrevItemInSeries(l,r,I):o.getNextItemInSeries(l,n,I):"ArrowDown"===g?o.getPrevItemInGroup(l,I):o.getNextItemInGroup(l,t,I):"ArrowRight"===g?u=s?d(l,r,t,I):a(l,n,t,I):"ArrowLeft"===g&&(u=s?a(l,n,t,I):d(l,r,t,I)),u||l)}}(w,m.length,e,t,A,k),getGapRatio:(e,t)=>r.getBarGapRatio(A,e,t),getMarkerInfo:(e,t)=>({color:o.getItemColor(e,t,m,w),type:"circle"}),isRtl:k,offset:g,defaultOverviewContentRenderer:()=>t.jsx(I,{series:m,groups:S,getDataItem:w}),...R,children:({xStartIndex:e,xEndIndex:n,xScale:i,yScale:o,gapRatio:s,activeId:a,focusedItemInfo:d,hoveredItemInfo:I,groupWidth:g,isPointInsideMarquee:u,getTextDimensions:l,defaultFontSize:c,colors:p})=>t.jsx(t.Fragment,{children:S.slice(e,n+1).map(((n,G)=>t.jsx(r.BarGroup,{yScale:o,xScale:i,groupIndex:G+e,selectedIds:j,hiddenIds:b,highlightedIds:x?L:x,isDrillEnabled:"on"===y,series:m,barGapRatio:s,dataItemGaps:D,isPointInsideMarquee:u,isStacked:A,groupWidth:g,group:S[G],timeAxisType:R.xAxis?.timeAxisType,colors:p,activeId:a,isLog:"log"===h?.scale,orientation:f,getDataItem:w,isSelectionEnabled:"none"!=v,isRtl:k,focusedItemInfo:d,hoveredItemInfo:I,getTextDimensions:l,defaultFontSize:c,getStackLabel:R.getStackLabel})))})})}e.BarChart=u}));
+define(['exports', 'preact/jsx-runtime', './BarGroup-b02506a8', './useUser-33136570', './layoutUtils-4304ffe4', './dataStyleUtils-a0ecedd5', './Chart-c3a5a93d'], (function(e,t,r,n,i,o,s){"use strict";function d(e,t,r,n){const i=o.getNextItemInGroup(e,r,n);if(i)return i;if(e.groupIndex<t){let i={seriesIndex:0,groupIndex:e.groupIndex+1};if(n(i.seriesIndex,i.groupIndex))return i;if(i=d(i,t,r,n),i)return i}return e}function a(e,t,r,n){const i=o.getPrevItemInGroup(e,n);if(i)return i;if(e.groupIndex>t){let i={groupIndex:e.groupIndex-1,seriesIndex:r-1};if(n(i.seriesIndex,i.groupIndex))return i;if(i=a(i,t,r,n),i)return i}return e}function I(e){return t.jsx(u,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}const g=.5;function u({width:e,height:u,selectedIds:l=[],hiddenIds:c=[],highlightedIds:x,hideAndShowBehavior:p="none",orientation:f="vertical",yAxis:h,series:m,groups:S,isStacked:A=!1,getDataItem:w,selectionMode:v="none",drilling:y="off",dataItemGaps:D=.5,...R}){const{direction:G}=n.useUser(),k="rtl"===G,B=new Set(c),P="horizontal"===f,b=R.xAxis?.timeAxisType,j=new Set(l),L=new Set(x);return t.jsx(s.Chart,{width:e,height:u,selectedIds:j,hiddenIds:c,hideAndShowBehavior:p,orientation:f,yAxis:h,series:m,groups:S,isStacked:A,getDataItem:w,selectionMode:v,drilling:y,renderGridLinesInFront:!1,findNearest:(e,t,n,o)=>{const s=r.getSeriesOffsetAndWidth(n,o,m.length,D,A,k);return i.findNearestDataPoint(m,S,e,t,w,A,s,r.getBarCenterCoordinate,"log"===h?.scale,D,B,b)},getDataItemPos:(e,t,n,i)=>r.getBarPosition(m,S,w,e,t,B,D,n,i,"log"===h?.scale,A,k,P,b),getNavUtil:(e,t)=>function(e,t,r,n,i,s){const I=(t,r)=>{const n=e(t,r);return Boolean(n)};return(e,g)=>{if(!i&&("ArrowDown"===g||"ArrowUp"===g))return e;let u;const l={groupIndex:e.groupIndex,seriesIndex:e.seriesIndex};return l.groupIndex<r?(l.groupIndex=r,l):l.groupIndex>n?(l.groupIndex=n,l):(i?u="ArrowLeft"===g?s?o.getNextItemInSeries(l,n,I):o.getPrevItemInSeries(l,r,I):"ArrowRight"===g?s?o.getPrevItemInSeries(l,r,I):o.getNextItemInSeries(l,n,I):"ArrowDown"===g?o.getPrevItemInGroup(l,I):o.getNextItemInGroup(l,t,I):"ArrowRight"===g?u=s?a(l,r,t,I):d(l,n,t,I):"ArrowLeft"===g&&(u=s?d(l,n,t,I):a(l,r,t,I)),u||l)}}(w,m.length,e,t,A,k),getGapRatio:(e,t)=>r.getBarGapRatio(A,e,t),getMarkerInfo:(e,t)=>({color:o.getItemColor(e,t,m,w),type:"circle"}),isRtl:k,offset:g,defaultOverviewContentRenderer:()=>t.jsx(I,{series:m,groups:S,getDataItem:w}),...R,children:({xStartIndex:e,xEndIndex:n,xScale:i,yScale:o,gapRatio:s,activeId:d,focusedItemInfo:a,hoveredItemInfo:I,groupWidth:g,isPointInsideMarquee:u,getTextDimensions:l,defaultFontSize:c,colors:p})=>t.jsx(t.Fragment,{children:S.slice(e,n+1).map(((n,G)=>t.jsx(r.BarGroup,{yScale:o,xScale:i,groupIndex:G+e,selectedIds:j,hiddenIds:B,highlightedIds:x?L:x,isDrillEnabled:"on"===y,series:m,barGapRatio:s,dataItemGaps:D,isPointInsideMarquee:u,isStacked:A,groupWidth:g,group:S[G],timeAxisType:R.xAxis?.timeAxisType,colors:p,activeId:d,isLog:"log"===h?.scale,orientation:f,getDataItem:w,isSelectionEnabled:"none"!=v,isRtl:k,focusedItemInfo:a,hoveredItemInfo:I,getTextDimensions:l,defaultFontSize:c,getStackLabel:R.getStackLabel})))})})}e.BarChart=u}));
 //# sourceMappingURL=BarChart-c0ba5b12.js.map

package/amd/BarGroup-b02506a8.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', './PRIVATE_Chart/themes/ChartStyles.css', './classNames-08d99695', './layoutUtils-4304ffe4', './useTranslationBundle-652e08a6', './dataStyleUtils-a0ecedd5', './accUtils-93ee6f16', './colorUtils-7c069766'], (function(e,t,i,s,a,r,o,n,l,d){"use strict";const c=2;function u(e,t,i,s,a,r,o){const n=r?1:s,l=c*a,d=(t*(1-i)-(n-1)*l)/n;if(r)return{barWidth:d,offset:-1*d/2,itemsGaps:l};const u=t/2,h=t*(i/2)+e*(d+c*a);return{barWidth:d,offset:o?u-h-d:h-u,itemsGaps:l}}const h=1.5,g=2.5;function f(e){return e.isSelected||e.isFocused?t.jsx(x,{...e}):t.jsx("rect",{x:e.x,y:e.y,"data-oj-series-index":e.seriesIndex,"data-oj-group-index":e.groupIndex,"data-oj-object":"bar","aria-label":e["aria-label"],role:e["aria-label"]?"img":void 0,id:e.activeId,style:{width:e.width,height:e.height,fill:e.fill,stroke:e.stroke,strokeWidth:e.strokeWidth},class:a.classNames([e.isPointerEnabled?s.styles.cursorEnable:void 0,e.isDimmed?s.styles.dimmed:void 0])})}function x(e){const{x:i,y:r,width:o,height:n,fill:l,isSelected:d,isFocused:c}=e,u=d?g:h;return t.jsxs("g",{id:e.activeId,"data-oj-object":"bar","data-oj-series-index":e.seriesIndex,"data-oj-group-index":e.groupIndex,className:e.isDimmed?s.styles.dimmed:"",role:e["aria-label"]?"img":void 0,"aria-label":e["aria-label"],children:[t.jsx("rect",{x:i,y:r,class:a.classNames([d?s.styles.selectedBorder:""]),style:{width:o,height:n,fill:!d&&c?l:void 0}}),t.jsx("rect",{x:i+u,y:r+u,class:a.classNames([s.styles.contrastBorder,e.isPointerEnabled?s.styles.cursorEnable:void 0]),style:{width:o-2*u,height:n-2*u,fill:l}})]})}function m(e,t,i,s,a){let r,o,n,l,d=e,c=t,u=t-e;return u<1&&(d=Math.floor(d),c=d+1,u=1),a?(o=d,r=i>s?s:i,n=Math.abs(s-i),l=Math.abs(c-d)):(r=d,o=i>s?s:i,n=Math.abs(c-d),l=Math.abs(s-i)),{x:r,y:o,width:n,height:l}}function b(e,t,i,s,a,r,o){let n,l;return i?(n=t.transform(e<0?r:o),r+=e<0?e:0,o+=e>0?e:0,l=t.transform(e<0?r:o),n+=l>n?a:-a):(n=s?t.range()[0]:t.transform(0),l=t.transform(e)),{baselineCoord:n,endCoord:l}}const y=2;function p(e,t,i,s,a,r){if(!r)return{};const o=function(e,t,i,s){return e?i&&!t||!i&&t?s.x:s.x+s.width:i?s.height+s.y:s.y}(e,t,i,s);return"insideBarEdge"===a?{y:e?s.y+s.height/2:o+(i?-1:1)*(r.height/2+y+2),x:e?o-(i&&!t||!i&&t?-1:1)*(r.width/2+y):s.x+s.width/2}:"outsideBarEdge"===a?{y:e?s.y+s.height/2:o-(i?-1:1)*(r.height/2+y),x:e?o+(i&&!t||!i&&t?-1:1)*(r.width/2+y):s.x+s.width/2}:{x:s.x+s.width/2,y:s.y+s.height/2}}const S=(e,t,i,s,a,r)=>({y:s?e:t-(i?-1:1)*(r.height/2+y),x:s?t+(i&&!a||!i&&a?-1:1)*(r.width/2+y):e});function v({groupCenter:e,getStackLabel:i,group:a,posValue:r,negValue:o,posItemsData:n,yScale:l,isHoriz:d,isRtl:c,negItemsData:u,defaultFontSize:h,labelStyle:g,getTextDimensions:f}){const x=i({group:a,value:r,data:n}),m={fontSize:h,fontWeight:"bold",...g},b=o<0?i?.({group:a,value:o,data:u}):"",y=S(e,l.transform(r),!1,d,c,f(x,m)),p=S(e,l.transform(o),!0,d,c,f(b,m));return t.jsxs(t.Fragment,{children:[t.jsx("text",{class:s.styles.stackLabelStyle,style:m,...y,children:x}),t.jsx("text",{class:s.styles.stackLabelStyle,style:m,...p,children:b})]})}function I({item:e,seriesColor:i,isStacked:a,defaultFontSize:r,barDim:o,isRtl:n,isHoriz:l,getTextDimensions:c}){let u=null;const h=!e.labelPosition||"outsideBarEdge"===e.labelPosition&&a?"center":e.labelPosition,g=e.label,f=e.color||i;if("none"!=h&&g&&c&&(!a||"outsideBarEdge"!==h)){const i={fontSize:r,fill:a||!("outsideBarEdge"===h)?d.getContrastingTextColor(f):void 0,...e.labelStyle},x=function(e,t,i,s){return e?!(t.height>i.height)&&("outsideBarEdge"==s||t.width<i.width):!(t.width>i.width)&&("outsideBarEdge"==s||t.height<i.height)}(l,c(g,i),o,h||"center");u=x?t.jsx("text",{class:s.styles.dataLabelStyle,style:i,...p(l,n,e.value<0,o,h||"center",c?.(g,i)),children:g}):null}return u}e.BarGroup=function({yScale:e,xScale:s,colors:a,series:d,groupIndex:c,hiddenIds:h,barGapRatio:g,dataItemGaps:x,groupWidth:y,highlightedIds:p,selectedIds:S,isPointInsideMarquee:j,orientation:C,isLog:w,activeId:D,getDataItem:E,isRtl:F,isStacked:k,isSelectionEnabled:B,focusedItemInfo:z,hoveredItemInfo:T,isDrillEnabled:W,group:G,timeAxisType:L,getTextDimensions:P,defaultFontSize:R,stacklabelStyle:M,getStackLabel:q,seriesIndex:V}){const N="horizontal"===C,A=[],H=d.length;let U=w?e.domain()[0]:0,$=0;const O=[],_=[],J=o.useTranslationBundle("@oracle/oraclejet-preact"),K=k&&!!q&&"mixedFrequency"!=L;let Q="mixedFrequency"!=L?s.transform(null!=L?new Date(G.id).getTime():c):void 0;const X=o=>{const v=E(o,c);if(!v||h?.has(v.id)||w&&v.value<=0)return;"mixedFrequency"===L&&(Q=r.getMixedFreqGroupCenter(s,v));const C=z?.groupIndex===c&&z?.seriesIndex===o&&z?.isFocusVisible,M=T?.groupIndex===c&&T?.seriesIndex===o&&T?.isCurrent,q=!!C||!!M&&B,V=C&&z.isCurrent||M,X=void 0===p||0===p.size||p.has(v.id),Y="on"===v.drilling||"off"!=v.drilling&&W,{barWidth:Z,offset:ee,itemsGaps:te}=u(o,y,g,H,x,k,F),ie=Q+ee,se=ie+Z,{baselineCoord:ae,endCoord:re}=b(v.value,e,k,w,te,$,U);$+=v.value<0?v.value:0,U+=v.value>0?v.value:0,K&&(v.value>=0?O.push(v):_.push(v));const oe=function(e,t,i){return{fill:e.color||t.color||i,stroke:e.borderColor||t.borderColor}}(v,d[o],a?.[o]),ne=m(ie,se,re,ae,N),le=j?j?.(v.id,{x:ne.x+ne.width/2,y:ne.y}):S?.has(v.id),de=l.supportsMobileScreenReader||V?n.getItemAriaLabel(J,d[o].name||d[o].id.toString(),G.name||G.id,B,!!le,Y,v.accessibleLabel,v.value):"";A.push(t.jsxs(t.Fragment,{children:[i.createElement(f,{...ne,...oe,seriesIndex:o,groupIndex:c,isFocused:q,activeId:V?D:"","aria-label":de,isDimmed:!X,isSelected:!!le,isPointerEnabled:Y||B,key:`${c};${o}`}),t.jsx(I,{item:v,isRtl:F,seriesColor:a[o%12],isStacked:k,defaultFontSize:R,barDim:ne,isHoriz:N,getTextDimensions:P})]}))};return void 0!==V?X(V):d.forEach(((e,t)=>X(t))),t.jsxs(t.Fragment,{children:[A,K&&P&&t.jsx(v,{group:G,isRtl:F,yScale:e,getStackLabel:q,defaultFontSize:R,getTextDimensions:P,posItemsData:O,negItemsData:_,isHoriz:N,groupCenter:Q,labelStyle:M,posValue:U,negValue:$})]})},e.getBarCenterCoordinate=function(e,t,i,s,a,r,o){const{baselineCoord:n,endCoord:l}=b(e,t,i,s,a,r,o);return(n+l)/2},e.getBarGapRatio=function(e,t,i){return e?.37+.26/(i-t+1):.25},e.getBarPosition=function(e,t,i,s,a,r,o,n,l,d,c,h,g,f){return(x,y)=>{const p=e.length;let S=0,v=0;for(let e=0;e<p;e+=1){const I=i(e,y);let j=y;if(f){const e="mixedFrequency"===f?i(x,y)?.x:t[y].id;j=new Date(e).getTime()}if(!I||r?.has(I.id)||d&&I.value<=0)continue;const C=s.transform(j),{barWidth:w,offset:D,itemsGaps:E}=u(e,n,l,p,o,c,h),F=C+D,k=F+w,{baselineCoord:B,endCoord:z}=b(I.value,a,c,d,E,v,S);if(v+=I.value<0?I.value:0,S+=I.value>0?I.value:0,x===e)return m(F,k,z,B,g)}}},e.getSeriesOffsetAndWidth=function(e,t,i,s,a,r){return o=>{const{offset:n,barWidth:l}=u(o,e,t,i,s,a,r);return{offset:n,dataWidth:l}}}}));
+define(['exports', 'preact/jsx-runtime', 'preact', './PRIVATE_Chart/themes/ChartStyles.css', './classNames-08d99695', './layoutUtils-4304ffe4', './useTranslationBundle-33399171', './dataStyleUtils-a0ecedd5', './accUtils-93ee6f16', './colorUtils-7c069766'], (function(e,t,i,s,a,r,o,n,l,d){"use strict";const c=2;function u(e,t,i,s,a,r,o){const n=r?1:s,l=c*a,d=(t*(1-i)-(n-1)*l)/n;if(r)return{barWidth:d,offset:-1*d/2,itemsGaps:l};const u=t/2,h=t*(i/2)+e*(d+c*a);return{barWidth:d,offset:o?u-h-d:h-u,itemsGaps:l}}const h=1.5,g=2.5;function f(e){return e.isSelected||e.isFocused?t.jsx(x,{...e}):t.jsx("rect",{x:e.x,y:e.y,"data-oj-series-index":e.seriesIndex,"data-oj-group-index":e.groupIndex,"data-oj-object":"bar","aria-label":e["aria-label"],role:e["aria-label"]?"img":void 0,id:e.activeId,style:{width:e.width,height:e.height,fill:e.fill,stroke:e.stroke,strokeWidth:e.strokeWidth},class:a.classNames([e.isPointerEnabled?s.styles.cursorEnable:void 0,e.isDimmed?s.styles.dimmed:void 0])})}function x(e){const{x:i,y:r,width:o,height:n,fill:l,isSelected:d,isFocused:c}=e,u=d?g:h;return t.jsxs("g",{id:e.activeId,"data-oj-object":"bar","data-oj-series-index":e.seriesIndex,"data-oj-group-index":e.groupIndex,className:e.isDimmed?s.styles.dimmed:"",role:e["aria-label"]?"img":void 0,"aria-label":e["aria-label"],children:[t.jsx("rect",{x:i,y:r,class:a.classNames([d?s.styles.selectedBorder:""]),style:{width:o,height:n,fill:!d&&c?l:void 0}}),t.jsx("rect",{x:i+u,y:r+u,class:a.classNames([s.styles.contrastBorder,e.isPointerEnabled?s.styles.cursorEnable:void 0]),style:{width:o-2*u,height:n-2*u,fill:l}})]})}function m(e,t,i,s,a){let r,o,n,l,d=e,c=t,u=t-e;return u<1&&(d=Math.floor(d),c=d+1,u=1),a?(o=d,r=i>s?s:i,n=Math.abs(s-i),l=Math.abs(c-d)):(r=d,o=i>s?s:i,n=Math.abs(c-d),l=Math.abs(s-i)),{x:r,y:o,width:n,height:l}}function b(e,t,i,s,a,r,o){let n,l;return i?(n=t.transform(e<0?r:o),r+=e<0?e:0,o+=e>0?e:0,l=t.transform(e<0?r:o),n+=l>n?a:-a):(n=s?t.range()[0]:t.transform(0),l=t.transform(e)),{baselineCoord:n,endCoord:l}}const y=2;function p(e,t,i,s,a,r){if(!r)return{};const o=function(e,t,i,s){return e?i&&!t||!i&&t?s.x:s.x+s.width:i?s.height+s.y:s.y}(e,t,i,s);return"insideBarEdge"===a?{y:e?s.y+s.height/2:o+(i?-1:1)*(r.height/2+y+2),x:e?o-(i&&!t||!i&&t?-1:1)*(r.width/2+y):s.x+s.width/2}:"outsideBarEdge"===a?{y:e?s.y+s.height/2:o-(i?-1:1)*(r.height/2+y),x:e?o+(i&&!t||!i&&t?-1:1)*(r.width/2+y):s.x+s.width/2}:{x:s.x+s.width/2,y:s.y+s.height/2}}const S=(e,t,i,s,a,r)=>({y:s?e:t-(i?-1:1)*(r.height/2+y),x:s?t+(i&&!a||!i&&a?-1:1)*(r.width/2+y):e});function v({groupCenter:e,getStackLabel:i,group:a,posValue:r,negValue:o,posItemsData:n,yScale:l,isHoriz:d,isRtl:c,negItemsData:u,defaultFontSize:h,labelStyle:g,getTextDimensions:f}){const x=i({group:a,value:r,data:n}),m={fontSize:h,fontWeight:"bold",...g},b=o<0?i?.({group:a,value:o,data:u}):"",y=S(e,l.transform(r),!1,d,c,f(x,m)),p=S(e,l.transform(o),!0,d,c,f(b,m));return t.jsxs(t.Fragment,{children:[t.jsx("text",{class:s.styles.stackLabelStyle,style:m,...y,children:x}),t.jsx("text",{class:s.styles.stackLabelStyle,style:m,...p,children:b})]})}function I({item:e,seriesColor:i,isStacked:a,defaultFontSize:r,barDim:o,isRtl:n,isHoriz:l,getTextDimensions:c}){let u=null;const h=!e.labelPosition||"outsideBarEdge"===e.labelPosition&&a?"center":e.labelPosition,g=e.label,f=e.color||i;if("none"!=h&&g&&c&&(!a||"outsideBarEdge"!==h)){const i={fontSize:r,fill:a||!("outsideBarEdge"===h)?d.getContrastingTextColor(f):void 0,...e.labelStyle},x=function(e,t,i,s){return e?!(t.height>i.height)&&("outsideBarEdge"==s||t.width<i.width):!(t.width>i.width)&&("outsideBarEdge"==s||t.height<i.height)}(l,c(g,i),o,h||"center");u=x?t.jsx("text",{class:s.styles.dataLabelStyle,style:i,...p(l,n,e.value<0,o,h||"center",c?.(g,i)),children:g}):null}return u}e.BarGroup=function({yScale:e,xScale:s,colors:a,series:d,groupIndex:c,hiddenIds:h,barGapRatio:g,dataItemGaps:x,groupWidth:y,highlightedIds:p,selectedIds:S,isPointInsideMarquee:j,orientation:C,isLog:w,activeId:D,getDataItem:E,isRtl:F,isStacked:k,isSelectionEnabled:B,focusedItemInfo:z,hoveredItemInfo:T,isDrillEnabled:W,group:G,timeAxisType:L,getTextDimensions:P,defaultFontSize:R,stacklabelStyle:M,getStackLabel:q,seriesIndex:V}){const N="horizontal"===C,A=[],H=d.length;let U=w?e.domain()[0]:0,$=0;const O=[],_=[],J=o.useTranslationBundle("@oracle/oraclejet-preact"),K=k&&!!q&&"mixedFrequency"!=L;let Q="mixedFrequency"!=L?s.transform(null!=L?new Date(G.id).getTime():c):void 0;const X=o=>{const v=E(o,c);if(!v||h?.has(v.id)||w&&v.value<=0)return;"mixedFrequency"===L&&(Q=r.getMixedFreqGroupCenter(s,v));const C=z?.groupIndex===c&&z?.seriesIndex===o&&z?.isFocusVisible,M=T?.groupIndex===c&&T?.seriesIndex===o&&T?.isCurrent,q=!!C||!!M&&B,V=C&&z.isCurrent||M,X=void 0===p||0===p.size||p.has(v.id),Y="on"===v.drilling||"off"!=v.drilling&&W,{barWidth:Z,offset:ee,itemsGaps:te}=u(o,y,g,H,x,k,F),ie=Q+ee,se=ie+Z,{baselineCoord:ae,endCoord:re}=b(v.value,e,k,w,te,$,U);$+=v.value<0?v.value:0,U+=v.value>0?v.value:0,K&&(v.value>=0?O.push(v):_.push(v));const oe=function(e,t,i){return{fill:e.color||t.color||i,stroke:e.borderColor||t.borderColor}}(v,d[o],a?.[o]),ne=m(ie,se,re,ae,N),le=j?j?.(v.id,{x:ne.x+ne.width/2,y:ne.y}):S?.has(v.id),de=l.supportsMobileScreenReader||V?n.getItemAriaLabel(J,d[o].name||d[o].id.toString(),G.name||G.id,B,!!le,Y,v.accessibleLabel,v.value):"";A.push(t.jsxs(t.Fragment,{children:[i.createElement(f,{...ne,...oe,seriesIndex:o,groupIndex:c,isFocused:q,activeId:V?D:"","aria-label":de,isDimmed:!X,isSelected:!!le,isPointerEnabled:Y||B,key:`${c};${o}`}),t.jsx(I,{item:v,isRtl:F,seriesColor:a[o%12],isStacked:k,defaultFontSize:R,barDim:ne,isHoriz:N,getTextDimensions:P})]}))};return void 0!==V?X(V):d.forEach(((e,t)=>X(t))),t.jsxs(t.Fragment,{children:[A,K&&P&&t.jsx(v,{group:G,isRtl:F,yScale:e,getStackLabel:q,defaultFontSize:R,getTextDimensions:P,posItemsData:O,negItemsData:_,isHoriz:N,groupCenter:Q,labelStyle:M,posValue:U,negValue:$})]})},e.getBarCenterCoordinate=function(e,t,i,s,a,r,o){const{baselineCoord:n,endCoord:l}=b(e,t,i,s,a,r,o);return(n+l)/2},e.getBarGapRatio=function(e,t,i){return e?.37+.26/(i-t+1):.25},e.getBarPosition=function(e,t,i,s,a,r,o,n,l,d,c,h,g,f){return(x,y)=>{const p=e.length;let S=0,v=0;for(let e=0;e<p;e+=1){const I=i(e,y);let j=y;if(f){const e="mixedFrequency"===f?i(x,y)?.x:t[y].id;j=new Date(e).getTime()}if(!I||r?.has(I.id)||d&&I.value<=0)continue;const C=s.transform(j),{barWidth:w,offset:D,itemsGaps:E}=u(e,n,l,p,o,c,h),F=C+D,k=F+w,{baselineCoord:B,endCoord:z}=b(I.value,a,c,d,E,v,S);if(v+=I.value<0?I.value:0,S+=I.value>0?I.value:0,x===e)return m(F,k,z,B,g)}}},e.getSeriesOffsetAndWidth=function(e,t,i,s,a,r){return o=>{const{offset:n,barWidth:l}=u(o,e,t,i,s,a,r);return{offset:n,dataWidth:l}}}}));
 //# sourceMappingURL=BarGroup-b02506a8.js.map

package/amd/BaseButton-c6563bf2.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './usePress-949a0d03', './usePressClick-b7b38da2', './useHover-7964884c', './useActive-bb5dc069', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useColorScheme-8358a6c9', './classNames-08d99695', './dimensions-fda85d6b', './mergeInterpolations-9ede4cf7', './clientHints-fff66be9', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './useComponentTheme-5aa41a8f', './useTestId-d0c49456'], (function(e,t,o,n,i,s,a,r,d,l,u,c,b,p,h,m,v,S){"use strict";const B=[...Object.values(c.dimensionInterpolations)],y=b.mergeInterpolations(B),f="ios"===p.getClientHints().platform?{ontouchstart:function(){}}:{},E="events"===p.getClientHints().hoverSupport,T=o.forwardRef((({variant:e,isReadOnly:o=!1,isDisabled:r=!1,isRepeat:c=!1,isClick:b,size:p,elementDetails:B={type:"button",buttonType:"button"},styling:T=["default"],edge:g="none","aria-label":A,"aria-hidden":w,"aria-expanded":C,"aria-roledescription":H,"aria-haspopup":N,"aria-describedby":I,"aria-pressed":R,"aria-checked":k,"aria-live":x,testId:M,onBlur:D,onFocus:P,onMouseEnter:F,onMouseLeave:L,onTouchEnd:q,onTouchStart:W,onKeyDown:j,...K},O)=>{const U=e=>{K.onAction&&K.onAction({reason:""==e.pointerType?"keyboard":"pointer"})},{pressProps:z}=n.usePress(U,{isDisabled:r||o,isRepeat:c}),{pressProps:_}=i.usePressClick(U,{isDisabled:r||o}),G=e=>T.indexOf(e)>-1,{hoverProps:J,isHover:Q}=s.useHover({isDisabled:!E}),{activeProps:V,isActive:X}=a.useActive({isDisabled:o}),{class:Y,...Z}=y({...K,onBlur:D,onFocus:P,onMouseEnter:F,onMouseLeave:L,onTouchEnd:q,onTouchStart:W,onKeyDown:j}),{type:$="button",isFocusable:ee=!0,isLabel:te=!1,isSwitch:oe=!1,buttonType:ne="button",...ie}={...B},se="button"===$&&"button"===ne?{type:ne}:{},ae=((e,t,o,n,i)=>{switch(e){case"link":return{role:"link"};case"button":return i?{role:"switch"}:{};case"span":return n?{}:t?{role:"none"}:o?i?{role:"switch"}:{role:"button"}:{role:"img"};default:return t?{role:"none"}:o?{role:"button"}:{role:"img"}}})($,w??!1,ee,te,oe),re=B.type,de="span"==re,le="button"==re,{tabbableModeProps:ue}=d.useTabbableMode(r),ce=l.useColorScheme(),{variantClasses:be}=v.useComponentTheme(m.BaseButtonRedwoodTheme,{size:p,variant:e,unstyled:G("unstyled")?"isUnstyled":"notUnstyled",embedded:G("embedded")?"isEmbedded":"notEmbedded",container:G("container")?"isContainer":"notContainer",noBorderRadiusStart:G("noBorderRadiusStart")?"isNoBorderRadiusStart":"notNoBorderRadiusStart",noBorderRadiusEnd:G("noBorderRadiusEnd")?"isNoBorderRadiusEnd":"notNoBorderRadiusEnd",noBorderStart:G("noBorderStart")?"isNoBorderStart":"notNoBorderStart",noBorderEnd:G("noBorderEnd")?"isNoBorderEnd":"notNoBorderEnd",activeStyle:G("active")?"isActiveStyle":"notActiveStyle",selectedStyle:G("selected")?"isSelectedStyle":"notSelectedStyle",buttonSetItem:G("buttonSetItem")?"isButtonSetItem":"notButtonSetItem",trailingItem:G("trailingItem")?"isTrailingItem":"notTrailingItem",fill:G("fill")?"isFill":"notFill",min:G("min")?"isMin":"notMin",disabled:r?"isDisabled":"notDisabled",edge:g,hybrid:E?"isHybrid":"notHybrid",active:X?"isActive":"notActive",hover:Q?"isHover":"notHover",span:de?"isSpan":"notSpan",widthEqual:G("widthEqual")?"isWidthEqual":"notWidthEqual",widthAuto:G("widthAuto")?"isWidthAuto":"notWidthAuto",hiddenLabel:G("hiddenLabel")?"isHidden":"notHidden",noHoverActive:G("noHoverActive")?"isNoHoverActive":"notNoHoverActive",newStackingContext:G("newStackingContext")?"isNewStackingContext":"notNewStackingContext",colorScheme:ce}),pe={onBlur:D,onFocus:P,onMouseEnter:F,onMouseLeave:L,onTouchEnd:q,onTouchStart:W,onKeyDown:j},he=le?{}:r?{"aria-disabled":r}:o?{"aria-disabled":!0}:{},me=N?{"aria-haspopup":N}:{},ve="none"===ae.role?{}:{"aria-label":A,"aria-describedby":I,"aria-hidden":w,"aria-roledescription":H,"aria-expanded":C,"aria-pressed":R,"aria-checked":k,"aria-live":x,...he,...me},Se=void 0===b?!!le:b,Be=h.mergeProps(ie,K.onAction?c||Se?_:z:{},f,J,G("container")?{}:V,pe),ye=u.classNames([Y,be]),fe=S.useTestId(M);return t.jsx(re,{ref:O,disabled:r,class:ye,style:Z,autofocus:K.autofocus,title:K.title,...ve,...de&&(!1===ee||r)||le&&r?{tabIndex:void 0}:ue,...se,...fe,...Be,...ae,children:K.children})}));T.displayName="BaseButton",e.BaseButton=T}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './usePress-949a0d03', './usePressClick-b7b38da2', './useHover-7964884c', './useActive-bb5dc069', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useColorScheme-47c8be99', './classNames-08d99695', './dimensions-fda85d6b', './mergeInterpolations-9ede4cf7', './clientHints-fff66be9', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './useComponentTheme-5aa41a8f', './useTestId-efb1c8f9'], (function(e,t,o,n,i,s,a,r,d,l,u,c,b,p,h,m,v,S){"use strict";const B=[...Object.values(c.dimensionInterpolations)],y=b.mergeInterpolations(B),f="ios"===p.getClientHints().platform?{ontouchstart:function(){}}:{},E="events"===p.getClientHints().hoverSupport,T=o.forwardRef((({variant:e,isReadOnly:o=!1,isDisabled:r=!1,isRepeat:c=!1,isClick:b,size:p,elementDetails:B={type:"button",buttonType:"button"},styling:T=["default"],edge:g="none","aria-label":A,"aria-hidden":w,"aria-expanded":C,"aria-roledescription":H,"aria-haspopup":N,"aria-describedby":I,"aria-pressed":R,"aria-checked":k,"aria-live":x,testId:M,onBlur:D,onFocus:P,onMouseEnter:F,onMouseLeave:L,onTouchEnd:q,onTouchStart:W,onKeyDown:j,...K},O)=>{const U=e=>{K.onAction&&K.onAction({reason:""==e.pointerType?"keyboard":"pointer"})},{pressProps:z}=n.usePress(U,{isDisabled:r||o,isRepeat:c}),{pressProps:_}=i.usePressClick(U,{isDisabled:r||o}),G=e=>T.indexOf(e)>-1,{hoverProps:J,isHover:Q}=s.useHover({isDisabled:!E}),{activeProps:V,isActive:X}=a.useActive({isDisabled:o}),{class:Y,...Z}=y({...K,onBlur:D,onFocus:P,onMouseEnter:F,onMouseLeave:L,onTouchEnd:q,onTouchStart:W,onKeyDown:j}),{type:$="button",isFocusable:ee=!0,isLabel:te=!1,isSwitch:oe=!1,buttonType:ne="button",...ie}={...B},se="button"===$&&"button"===ne?{type:ne}:{},ae=((e,t,o,n,i)=>{switch(e){case"link":return{role:"link"};case"button":return i?{role:"switch"}:{};case"span":return n?{}:t?{role:"none"}:o?i?{role:"switch"}:{role:"button"}:{role:"img"};default:return t?{role:"none"}:o?{role:"button"}:{role:"img"}}})($,w??!1,ee,te,oe),re=B.type,de="span"==re,le="button"==re,{tabbableModeProps:ue}=d.useTabbableMode(r),ce=l.useColorScheme(),{variantClasses:be}=v.useComponentTheme(m.BaseButtonRedwoodTheme,{size:p,variant:e,unstyled:G("unstyled")?"isUnstyled":"notUnstyled",embedded:G("embedded")?"isEmbedded":"notEmbedded",container:G("container")?"isContainer":"notContainer",noBorderRadiusStart:G("noBorderRadiusStart")?"isNoBorderRadiusStart":"notNoBorderRadiusStart",noBorderRadiusEnd:G("noBorderRadiusEnd")?"isNoBorderRadiusEnd":"notNoBorderRadiusEnd",noBorderStart:G("noBorderStart")?"isNoBorderStart":"notNoBorderStart",noBorderEnd:G("noBorderEnd")?"isNoBorderEnd":"notNoBorderEnd",activeStyle:G("active")?"isActiveStyle":"notActiveStyle",selectedStyle:G("selected")?"isSelectedStyle":"notSelectedStyle",buttonSetItem:G("buttonSetItem")?"isButtonSetItem":"notButtonSetItem",trailingItem:G("trailingItem")?"isTrailingItem":"notTrailingItem",fill:G("fill")?"isFill":"notFill",min:G("min")?"isMin":"notMin",disabled:r?"isDisabled":"notDisabled",edge:g,hybrid:E?"isHybrid":"notHybrid",active:X?"isActive":"notActive",hover:Q?"isHover":"notHover",span:de?"isSpan":"notSpan",widthEqual:G("widthEqual")?"isWidthEqual":"notWidthEqual",widthAuto:G("widthAuto")?"isWidthAuto":"notWidthAuto",hiddenLabel:G("hiddenLabel")?"isHidden":"notHidden",noHoverActive:G("noHoverActive")?"isNoHoverActive":"notNoHoverActive",newStackingContext:G("newStackingContext")?"isNewStackingContext":"notNewStackingContext",colorScheme:ce}),pe={onBlur:D,onFocus:P,onMouseEnter:F,onMouseLeave:L,onTouchEnd:q,onTouchStart:W,onKeyDown:j},he=le?{}:r?{"aria-disabled":r}:o?{"aria-disabled":!0}:{},me=N?{"aria-haspopup":N}:{},ve="none"===ae.role?{}:{"aria-label":A,"aria-describedby":I,"aria-hidden":w,"aria-roledescription":H,"aria-expanded":C,"aria-pressed":R,"aria-checked":k,"aria-live":x,...he,...me},Se=void 0===b?!!le:b,Be=h.mergeProps(ie,K.onAction?c||Se?_:z:{},f,J,G("container")?{}:V,pe),ye=u.classNames([Y,be]),fe=S.useTestId(M);return t.jsx(re,{ref:O,disabled:r,class:ye,style:Z,autofocus:K.autofocus,title:K.title,...ve,...de&&(!1===ee||r)||le&&r?{tabIndex:void 0}:ue,...se,...fe,...Be,...ae,children:K.children})}));T.displayName="BaseButton",e.BaseButton=T}));
 //# sourceMappingURL=BaseButton-c6563bf2.js.map

package/amd/BaseCardView-e75594df.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './keys-4755c121', './collectionUtils-f4de3e13', './useCurrentKey-5a5ffb1e', './useCollectionFocusRing-9dab85a9', './useTabbableModeSet-343aa523', './useSelection-569188b3', './LayerHost-1b4d03f0', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './Selector-b67fe1ef', './HiddenAccessible-037ef42d', './LoadMoreCollection-83413a59', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', './classNames-08d99695', './refUtils-d354a169', './logger-0f873e29', './tabbableUtils-428c264e', './useId-c9578d26', './useAnimation-5a74955f', './useResizeObserver-275c3e83', './TabbableModeContext-a9c97640', './FocusTrap-d351e5c9', './useUser-abae2493', './useReorderableItem-fa5fd0f4', './useReorderableContext-a5453bd7', './Grid-49beb801', './Flex-69dc7af4', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-a09190e1', './useCurrentItemOverride-bb6266d0', 'module'], (function(e,t,r,s,n,o,a,i,l,c,d,u,y,m,f,h,g,b,x,C,p,S,R,v,E,I,T,w,A,K,L,O,j,k,M,D,P,F){"use strict";function V({currentKey:e,children:r,dragKey:s,setDragKey:o,onReorder:l,rootRef:c,gutterSize:d,columns:u,context:y}){const m=n.useRef(null),f=1===u,h=y.index%u==0,g=y.index%u==u-1,b=C.multiVariantStyles({itemOverlayFront:d}),x=C.multiVariantStyles({itemOverlayFrontVertical:d}),S={itemOverlayFront:f?x:b,itemOverlayRear:f?C.styles.itemOverlayRearVertical:C.styles.itemOverlayRear,itemDragger:C.styles.itemDragger},R=n.useCallback((()=>m?.current?.closest(i.ITEM_SELECTOR)),[]),v=n.useCallback((e=>{e.dataTransfer?.setData("text/cardview-items-key",JSON.stringify(y.metadata.key))}),[y.metadata.key]),{rootProps:E,isDragged:I,overlayZoneBeforeProps:T,overlayZoneAfterProps:w}=L.useReorderableItem({isDisabled:!l,dragKey:s,setDragKey:o,onReorder:l,rootRef:c,ref:m,getItem:R,setTransferData:v,itemStyles:S,itemSelector:i.ITEM_SELECTOR,isVertical:f}),{currentItemKey:A}=O.useReorderableContext();n.useEffect((()=>{e===y.metadata.key&&(A.current=e)}),[e,y,A]);const{direction:j}=K.useUser(),k="rtl"===j,M=p.classNames([T?.class,!f&&!k&&h&&C.styles.itemOverlayFrontEdge,!f&&k&&g&&C.styles.itemOverlayFrontEdge]),D=p.classNames([w?.class,!f&&!k&&g&&C.styles.itemOverlayRearEdge,!f&&k&&h&&C.styles.itemOverlayRearEdge]);return t.jsxs("div",{...E,children:[r,!I&&a.isKeyDefined(s)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{...T,class:M}),t.jsx("div",{...w,class:D})]})]})}const B=e=>({animationStates:{slideUp:{from:{translateY:"50px"},to:{translateY:"0px"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}},slideDown:{from:{translateY:"-50px"},to:{translateY:"0"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}}},isAnimatedOnMount:!0}),_=(e,t)=>({animationStates:{opacity:{from:{opacity:0},to:{opacity:1},options:{duration:150,delay:50*e,easing:"linear"}}},isAnimatedOnMount:!0,onAnimationEnd:()=>{t.current&&clearTimeout(t.current)}}),z=s.memo((function({children:e,context:r,isTabbable:s,isFocused:o,isFocusRingVisible:a,isSelected:i,selectionMode:l,focusBehavior:c,setIsFocusBehaviorValid:d,initialAnimation:u,isGridLayout:y,updateCardSize:m,reorderItemProps:f}){const h=n.useRef(null),g=n.useRef(),b=r.metadata.key,x=r.index,K=o&&a,L=C.multiVariantStyles({itemFocused:"card"===c&&K?"isItemFocused":"isNotItemFocused",itemInitialOpacity:u?"isTransparent":"isNotTransparent",itemInGridLayout:y?"isInGridLayout":"isNotInGridLayout"}),O=p.classNames([C.styles.itemStyle,L]),j=n.useCallback((e=>{m?.(e.contentRect.width,e.contentRect.height)}),[m]),k=n.useRef(null);T.useResizeObserver(m?h:k,j),n.useLayoutEffect((()=>{if("content"===c&&K){const e=h.current?.firstElementChild?.firstElementChild,t=v.allTabbableElements(e,!0,!0);0===t.length||t.length>1?(R.warn(`${t.length} focusable elements are detected in the card. 'content' focusBehavior is intended only for use when the card has single focusable element. Please specify one focusable element in the card or switch the focusBehavior to 'card'.`),d?.(!1)):t[0].focus()}}),[c,K,d]);const{nodeRef:M,controller:D}=I.useAnimation(u||"none",B(x)),{nodeRef:P,controller:F}=I.useAnimation(u?"opacity":"none",_(x,g));n.useEffect((()=>{void 0!==u&&(g.current=setTimeout((()=>{D.cancel(),F.cancel(),h.current&&(h.current.style.opacity="1")}),1e3))}),[F,D,u]);const z=n.useMemo((()=>void 0===u?S.mergeRefs(h):S.mergeRefs(h,M,P)),[h,M,P,u]),N=f?t.jsx(V,{...f,context:r,children:e(r)}):e(r);return t.jsx("div",{id:E.useId(),ref:z,class:O,role:"gridcell","data-oj-key":b,onKeyDown:e=>{"card"!==c||!s||"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.stopPropagation()},"aria-selected":"none"===l?void 0:i,..."number"==typeof b&&{"data-oj-key-type":"number"},children:t.jsx(w.TabbableModeContext.Provider,{value:{isTabbable:s},children:t.jsx(A.FocusTrap,{isDisabled:!s,restoreFocusRef:!1,children:N})})})}),((e,t)=>{return!(!e||!t)&&(e.children===t.children&&e.isTabbable===t.isTabbable&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.isSelected===t.isSelected&&e.initialAnimation===t.initialAnimation&&e.focusBehavior===t.focusBehavior&&i.compareListItemContext(e.context,t.context)&&(r=e.reorderItemProps,s=t.reorderItemProps,r?.currentKey===s?.currentKey&&r?.dragKey===s?.dragKey&&r?.columns===s?.columns));var r,s}));function N({children:e,layout:r,gutterSize:s,columns:n}){const o=M.cardViewVars.gutterSize[s];return"grid"===r?n<1?null:t.jsx(j.Grid,{gridTemplateColumns:`repeat(${n}, 1fr)`,gap:o,children:e}):t.jsx(k.Flex,{wrap:"wrap",gap:o,children:e})}function U({children:e}){const[s,o]=n.useState(!1);return n.useEffect((()=>{setTimeout((()=>{o(!0)}),50)}),[]),s?t.jsx(r.Fragment,{children:e}):t.jsx("div",{class:x.LOADMORE_STYLE_CLASS})}const Y=(e,r=25,s,n,o=!0)=>{const a=s||("flex"===e?"60x":"100%"),i=n||"70x";return[...Array(r)].map(((e,r)=>t.jsx(D.Skeleton,{width:a,height:i},o&&`${r}${(new Date).getTime()}`)))},H=e=>t.jsx(U,{children:Y(e.layout)}),G=e=>{const r=[t.jsx("div",{class:x.LOADMORE_STYLE_CLASS,children:Y(e.layout,1)}),...Y(e.layout,24)];return t.jsx(U,{children:r})},$=()=>t.jsx("div",{class:x.LOADMORE_STYLE_CLASS}),W=e=>{if(e.colCount<1||null==e.cardWidth||null==e.cardHeight)return t.jsx($,{});{const r=[],s=e.colCount-e.totalCount%e.colCount,n=s===e.colCount,o=`calc(${e.cardWidth}px)`,a=e.cardHeight?`calc(${e.cardHeight}px)`:"70x",i="flex"===e.layout?o:"100%",l="flex"===e.layout||n?a:"100%",c=t.jsx("div",{class:x.LOADMORE_STYLE_CLASS,children:Y(e.layout,1,i,l)});return r.push(c),r.push(Y(e.layout,s-1,i,l)),n||r.push(Y(e.layout,e.colCount,i,a)),t.jsx(U,{children:r})}},Z={all:!1,keys:new Set},J={xs:12,sm:16,md:24,lg:48,xl:64},X=s.forwardRef((({children:e,data:s,onLoadMore:y=(()=>{}),hasMore:m=!1,getRowKey:f,currentItemOverride:p,onPersistCurrentItem:S,selectionMode:R="none",selectedKeys:v=Z,onSelectionChange:E,onReorder:I,viewportConfig:T,focusBehavior:w="card","aria-label":A,"aria-labelledby":K,initialAnimation:O="slideUp",gutterSize:j="sm",columns:k,layout:M,cardSize:D,updateCardSize:F,skeletonRenderer:V},B)=>{const _=n.useRef(null);n.useImperativeHandle(B,(()=>_.current),[_]);const Y=n.useRef(),$=n.useRef(),X=n.useRef(!0),te=J[j],re={layout:M,columns:k,gutterSize:j},se=n.useRef(!0);n.useEffect((()=>{null!=D.height&&null!=D.width&&(se.current=!1)}),[D]);const ne="none"===R?void 0:"multiple"===R,oe=m||!s||k<1?-1:Math.ceil(s?.length/k),ae=k<1?-1:k,[ie,le]=n.useState(!0),ce=ie?w:"card",de=n.useRef(!1),ue=null!=I,ye=n.useRef(!1),{currentKey:me,onCurrentKeyChange:fe,isCurrentItemOverridden:he}=P.useCurrentItemOverride(p,S),[ge,be]=d.useTabbableModeSet(_,(e=>i.keyExtractor(e,i.ITEM_SELECTOR)),me,fe),{currentKeyProps:xe}=l.useCurrentKey((e=>i.keyExtractor(e,i.ITEM_SELECTOR)),"multiple"!==R,(()=>i.getPrevNextKeyByCount(s,f,me,-k)),(()=>i.getPrevNextKeyByCount(s,f,me,k)),(()=>i.getPrevNextKeyByCount(s,f,me,-1)),(()=>i.getPrevNextKeyByCount(s,f,me,1)),me,fe),[Ce,pe]=c.useCollectionFocusRing(_,["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]),Se=n.useCallback((e=>{const t=i.keyExtractor(e.target,i.ITEM_SELECTOR);a.isKeyDefined(t)&&($.current=t,t!==me&&(X.current=!1))}),[me]);n.useEffect((()=>{if(null!=me&&_.current){const e=i.findElementByKey(_.current,me,i.ITEM_SELECTOR);if(e){if("card"===ce){const t=e.closest("[role=gridcell]"),r=_.current.getAttribute("aria-activedescendant");t&&r!==t.id&&(_.current.setAttribute("aria-activedescendant",t.id),de.current=!0)}de.current&&!he&&(e.scrollIntoView({block:"nearest"}),de.current=!1)}}}),[me,s,ce,ue,he]);const Re=n.useCallback((e=>{E&&(!1===e.value.all&&e.value.keys.size>0&&(Y.current=Array.from(e.value.keys.values()).pop()),E(e))}),[Y,E]),ve=n.useCallback((e=>{if(s&&E){const t=i.handleSelectionRange(e,s,f);Array.isArray(t)&&("shiftSpace"===e.eventType?Y.current=e.value.start:Y.current=e.value.end,E({value:{all:!1,keys:new Set(t)},target:null}))}}),[s,E,f]),{selectionProps:Ee}=u.useSelection((e=>e===_.current?void 0===me?null:me:i.keyExtractor(e,i.ITEM_SELECTOR)),v,R,!1,"toggle",Re,Y.current,me,((e,t)=>()=>i.getPrevNextKeyByCount(s,f,e,t?-k:k)),((e,t)=>()=>i.getPrevNextKeyByCount(s,f,e,t?-1:1)),(e=>{if(_.current){const t=i.findElementByKey(_.current,e,i.ITEM_SELECTOR);t&&t.scrollIntoView({block:"nearest"})}}),ve),{reorderProps:Ie,reorderItemProps:Te,reorderContext:we,reorderInstructionsId:Ae,reorderInstructions:Ke}=(({currentKey:e,onReorder:t,gutterSize:r,columns:s,rootRef:o,scrollCurrItemIntoView:a})=>{const l=null!=t,[c,d]=n.useState(void 0),{reorderProps:u,reorderContext:y,reorderInstructionsId:m,reorderInstructions:f}=L.useReorderable({onReorder:t,rootRef:o,itemSelector:i.ITEM_SELECTOR,isDisabled:!l,columns:s});return l?{reorderProps:{...u,onDragOver:e=>{i.dragToScroll(e,void 0!==c,o.current),a.current=!1}},reorderItemProps:{currentKey:e,dragKey:c,setDragKey:d,onReorder:t,rootRef:o,gutterSize:r,columns:s},reorderContext:y,reorderInstructionsId:m,reorderInstructions:f}:{reorderProps:u,reorderContext:y,reorderInstructionsId:m,reorderInstructions:f}})({currentKey:me,onReorder:I,gutterSize:j,columns:k,rootRef:_,scrollCurrItemIntoView:de}),Le=ue&&t.jsx(t.Fragment,{children:t.jsx("span",{id:Ae,children:t.jsx(b.HiddenAccessible,{children:Ke})})}),Oe=n.useCallback((()=>{ye.current||(ye.current=!0,y())}),[ye,y]);n.useEffect((()=>{ye.current=!1}),[s,m]);const je=n.useCallback((e=>{const r=f(e.data),s="multiple"===R?()=>t.jsx(g.Selector,{onChange:E,rowKey:r,selectedKeys:v}):void 0;return{index:e.index,data:e.data,metadata:{key:r},selector:s,isSelected:a.containsKey(v,r)}}),[R,v,E,f]),ke=n.useCallback(((e,r)=>{const n=[];if(e){const e={loadingStatus:"initial"};n.push(t.jsx("div",{class:x.LOADMORE_STYLE_CLASS,children:r(e)})),n.push(Q(e,24,r))}else{if(0===k)return null;const e=k-s.length%k,o=e===k,a={loadingStatus:"loadMore",height:"flex"===M||o?ee(D.height):"100%",width:"flex"===M?ee(D.width):"100%"};n.push(t.jsx("div",{class:x.LOADMORE_STYLE_CLASS,children:r(a)})),n.push(Array(Q(a,e-1,r))),o||n.push(Q(a,k,r))}return t.jsx(U,{children:n})}),[D,k,s,M]),Me=s?!s.length&&m?V?ke(!0,V):t.jsx(G,{layout:M}):V?ke(!1,V):t.jsx(W,{layout:M,colCount:k,totalCount:s.length,cardWidth:D.width,cardHeight:D.height}):null;T=i.getViewportConfig(_,T);const De=t.jsx("div",{role:"row",children:t.jsx(N,{...re,children:t.jsx(x.LoadMoreCollection,{data:s,hasMore:m,onLoadMore:Oe,loadMoreIndicator:Me,loadMoreThreshold:te+4,viewportConfig:T,children:r=>{const s=je(r),n=ge(s.metadata.key),o=me===s.metadata.key&&!n,a=o&&Ce,i=s.isSelected;return(r=>t.jsx(z,{context:r,isTabbable:n,isFocused:o,isFocusRingVisible:a,isGridLayout:"grid"===M,isSelected:i,selectionMode:R,focusBehavior:ce,..."content"===w&&{setIsFocusBehaviorValid:le},...se.current&&{initialAnimation:O},...0===s.index&&!D.width&&{updateCardSize:F},...ue&&{reorderItemProps:Te},children:e},s.metadata.key))(s)}})})}),Pe=t.jsx(N,{...re,children:V?q(V):t.jsx(H,{layout:M})});return t.jsxs("div",{...o.mergeProps(xe,pe,Ee,Ie,{onFocus:()=>{if(!a.isKeyDefined(me)&&fe&&ge(void 0)&&_.current){const e=$.current||i.getFirstVisibleKey(_.current,i.ITEM_SELECTOR);a.isKeyDefined(e)&&fe({value:e})}else if(a.isKeyDefined(me)&&_.current){const e=i.findElementByKey(_.current,me,i.ITEM_SELECTOR);X.current&&e?.scrollIntoView({block:"nearest"}),X.current=!0}},onPointerDown:Se,onKeyDown:e=>{"content"===ce&&"Tab"===e.key&&_.current?.focus({preventScroll:!0});ue&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&(de.current=!0)}},{..."card"===ce&&be}),ref:_,role:"grid",class:C.styles.baseStyle,tabIndex:0,"aria-label":A,"aria-labelledby":K,"aria-describedby":ue?Ae:void 0,"aria-multiselectable":ne,"aria-rowcount":oe,"aria-colcount":ae,children:[t.jsx(h.ReorderableContext.Provider,{value:we,children:s?s.length||m?De:t.jsx(r.Fragment,{}):Pe}),Le]})})),q=e=>t.jsx(U,{children:Q({loadingStatus:"initial"},25,e)}),Q=(e,t,r)=>Array(t).fill(r(e)),ee=e=>`calc(${e}px)`,te=X;e.BaseCardView=te,e.getColCount=(e,t,r)=>{if(!t||!r)return 0;const s=Math.floor((r+e)/(e+t));return Math.max(1,s)},e.gutterSizeToPX=J}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './keys-4755c121', './collectionUtils-f4de3e13', './useCurrentKey-6e7057d0', './useCollectionFocusRing-9dab85a9', './useTabbableModeSet-343aa523', './useSelection-02c4c0c0', './LayerHost-a36b1781', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './Selector-b67fe1ef', './HiddenAccessible-037ef42d', './LoadMoreCollection-83413a59', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', './classNames-08d99695', './refUtils-d354a169', './logger-0f873e29', './tabbableUtils-428c264e', './useId-c9578d26', './useAnimation-5a74955f', './useResizeObserver-275c3e83', './TabbableModeContext-a9c97640', './FocusTrap-d351e5c9', './useUser-33136570', './useReorderableItem-fd5a7b07', './useReorderableContext-a5453bd7', './Grid-3dd364a1', './Flex-a208520e', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-a09190e1', './useCurrentItemOverride-bb6266d0', 'module'], (function(e,t,r,s,n,o,a,i,l,c,d,u,y,m,f,h,g,x,b,C,p,S,R,v,E,I,T,w,A,K,L,O,j,k,M,D,P,F){"use strict";function V({currentKey:e,children:r,dragKey:s,setDragKey:o,onReorder:l,rootRef:c,gutterSize:d,columns:u,context:y}){const m=n.useRef(null),f=1===u,h=y.index%u==0,g=y.index%u==u-1,x=C.multiVariantStyles({itemOverlayFront:d}),b=C.multiVariantStyles({itemOverlayFrontVertical:d}),S={itemOverlayFront:f?b:x,itemOverlayRear:f?C.styles.itemOverlayRearVertical:C.styles.itemOverlayRear,itemDragger:C.styles.itemDragger},R=n.useCallback((()=>m?.current?.closest(i.ITEM_SELECTOR)),[]),v=n.useCallback((e=>{e.dataTransfer?.setData("text/cardview-items-key",JSON.stringify(y.metadata.key))}),[y.metadata.key]),{rootProps:E,isDragged:I,overlayZoneBeforeProps:T,overlayZoneAfterProps:w}=L.useReorderableItem({isDisabled:!l,dragKey:s,setDragKey:o,onReorder:l,rootRef:c,ref:m,getItem:R,setTransferData:v,itemStyles:S,itemSelector:i.ITEM_SELECTOR,isVertical:f}),{currentItemKey:A}=O.useReorderableContext();n.useEffect((()=>{e===y.metadata.key&&(A.current=e)}),[e,y,A]);const{direction:j}=K.useUser(),k="rtl"===j,M=p.classNames([T?.class,!f&&!k&&h&&C.styles.itemOverlayFrontEdge,!f&&k&&g&&C.styles.itemOverlayFrontEdge]),D=p.classNames([w?.class,!f&&!k&&g&&C.styles.itemOverlayRearEdge,!f&&k&&h&&C.styles.itemOverlayRearEdge]);return t.jsxs("div",{...E,children:[r,!I&&a.isKeyDefined(s)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{...T,class:M}),t.jsx("div",{...w,class:D})]})]})}const B=e=>({animationStates:{slideUp:{from:{translateY:"50px"},to:{translateY:"0px"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}},slideDown:{from:{translateY:"-50px"},to:{translateY:"0"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}}},isAnimatedOnMount:!0}),_=(e,t)=>({animationStates:{opacity:{from:{opacity:0},to:{opacity:1},options:{duration:150,delay:50*e,easing:"linear"}}},isAnimatedOnMount:!0,onAnimationEnd:()=>{t.current&&clearTimeout(t.current)}}),z=s.memo((function({children:e,context:r,isTabbable:s,isFocused:o,isFocusRingVisible:a,isSelected:i,selectionMode:l,focusBehavior:c,setIsFocusBehaviorValid:d,initialAnimation:u,isGridLayout:y,updateCardSize:m,reorderItemProps:f}){const h=n.useRef(null),g=n.useRef(),x=r.metadata.key,b=r.index,K=o&&a,L=C.multiVariantStyles({itemFocused:"card"===c&&K?"isItemFocused":"isNotItemFocused",itemInitialOpacity:u?"isTransparent":"isNotTransparent",itemInGridLayout:y?"isInGridLayout":"isNotInGridLayout"}),O=p.classNames([C.styles.itemStyle,L]),j=n.useCallback((e=>{m?.(e.contentRect.width,e.contentRect.height)}),[m]),k=n.useRef(null);T.useResizeObserver(m?h:k,j),n.useLayoutEffect((()=>{if("content"===c&&K){const e=h.current?.firstElementChild?.firstElementChild,t=v.allTabbableElements(e,!0,!0);0===t.length||t.length>1?(R.warn(`${t.length} focusable elements are detected in the card. 'content' focusBehavior is intended only for use when the card has single focusable element. Please specify one focusable element in the card or switch the focusBehavior to 'card'.`),d?.(!1)):t[0].focus()}}),[c,K,d]);const{nodeRef:M,controller:D}=I.useAnimation(u||"none",B(b)),{nodeRef:P,controller:F}=I.useAnimation(u?"opacity":"none",_(b,g));n.useEffect((()=>{void 0!==u&&(g.current=setTimeout((()=>{D.cancel(),F.cancel(),h.current&&(h.current.style.opacity="1")}),1e3))}),[F,D,u]);const z=n.useMemo((()=>void 0===u?S.mergeRefs(h):S.mergeRefs(h,M,P)),[h,M,P,u]),N=f?t.jsx(V,{...f,context:r,children:e(r)}):e(r);return t.jsx("div",{id:E.useId(),ref:z,class:O,role:"gridcell","data-oj-key":x,onKeyDown:e=>{"card"!==c||!s||"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.stopPropagation()},"aria-selected":"none"===l?void 0:i,..."number"==typeof x&&{"data-oj-key-type":"number"},children:t.jsx(w.TabbableModeContext.Provider,{value:{isTabbable:s},children:t.jsx(A.FocusTrap,{isDisabled:!s,restoreFocusRef:!1,children:N})})})}),((e,t)=>{return!(!e||!t)&&(e.children===t.children&&e.isTabbable===t.isTabbable&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.isSelected===t.isSelected&&e.initialAnimation===t.initialAnimation&&e.focusBehavior===t.focusBehavior&&i.compareListItemContext(e.context,t.context)&&(r=e.reorderItemProps,s=t.reorderItemProps,r?.currentKey===s?.currentKey&&r?.dragKey===s?.dragKey&&r?.columns===s?.columns));var r,s}));function N({children:e,layout:r,gutterSize:s,columns:n}){const o=M.cardViewVars.gutterSize[s];return"grid"===r?n<1?null:t.jsx(j.Grid,{gridTemplateColumns:`repeat(${n}, 1fr)`,gap:o,children:e}):t.jsx(k.Flex,{wrap:"wrap",gap:o,children:e})}function U({children:e}){const[s,o]=n.useState(!1);return n.useEffect((()=>{setTimeout((()=>{o(!0)}),50)}),[]),s?t.jsx(r.Fragment,{children:e}):t.jsx("div",{class:b.LOADMORE_STYLE_CLASS})}const Y=(e,r=25,s,n,o=!0)=>{const a=s||("flex"===e?"60x":"100%"),i=n||"70x";return[...Array(r)].map(((e,r)=>t.jsx(D.Skeleton,{width:a,height:i},o&&`${r}${(new Date).getTime()}`)))},H=e=>t.jsx(U,{children:Y(e.layout)}),G=e=>{const r=[t.jsx("div",{class:b.LOADMORE_STYLE_CLASS,children:Y(e.layout,1)}),...Y(e.layout,24)];return t.jsx(U,{children:r})},$=()=>t.jsx("div",{class:b.LOADMORE_STYLE_CLASS}),W=e=>{if(e.colCount<1||null==e.cardWidth||null==e.cardHeight)return t.jsx($,{});{const r=[],s=e.colCount-e.totalCount%e.colCount,n=s===e.colCount,o=`calc(${e.cardWidth}px)`,a=e.cardHeight?`calc(${e.cardHeight}px)`:"70x",i="flex"===e.layout?o:"100%",l="flex"===e.layout||n?a:"100%",c=t.jsx("div",{class:b.LOADMORE_STYLE_CLASS,children:Y(e.layout,1,i,l)});return r.push(c),r.push(Y(e.layout,s-1,i,l)),n||r.push(Y(e.layout,e.colCount,i,a)),t.jsx(U,{children:r})}},Z={all:!1,keys:new Set},J={xs:12,sm:16,md:24,lg:48,xl:64},X=s.forwardRef((({children:e,data:s,onLoadMore:y=(()=>{}),hasMore:m=!1,getRowKey:f,currentItemOverride:p,onPersistCurrentItem:S,selectionMode:R="none",selectedKeys:v=Z,onSelectionChange:E,onReorder:I,viewportConfig:T,focusBehavior:w="card","aria-label":A,"aria-labelledby":K,initialAnimation:O="slideUp",gutterSize:j="sm",columns:k,layout:M,cardSize:D,updateCardSize:F,skeletonRenderer:V},B)=>{const _=n.useRef(null);n.useImperativeHandle(B,(()=>_.current),[_]);const Y=n.useRef(),$=n.useRef(),X=n.useRef(!0),te=J[j],re={layout:M,columns:k,gutterSize:j},se=n.useRef(!0);n.useEffect((()=>{null!=D.height&&null!=D.width&&(se.current=!1)}),[D]);const ne="none"===R?void 0:"multiple"===R,oe=m||!s||k<1?-1:Math.ceil(s?.length/k),ae=k<1?-1:k,[ie,le]=n.useState(!0),ce=ie?w:"card",de=n.useRef(!1),ue=null!=I,ye=n.useRef(!1),{currentKey:me,onCurrentKeyChange:fe,isCurrentItemOverridden:he}=P.useCurrentItemOverride(p,S),[ge,xe]=d.useTabbableModeSet(_,(e=>i.keyExtractor(e,i.ITEM_SELECTOR)),me,fe),{currentKeyProps:be}=l.useCurrentKey((e=>i.keyExtractor(e,i.ITEM_SELECTOR)),"multiple"!==R,(()=>i.getPrevNextKeyByCount(s,f,me,-k)),(()=>i.getPrevNextKeyByCount(s,f,me,k)),(()=>i.getPrevNextKeyByCount(s,f,me,-1)),(()=>i.getPrevNextKeyByCount(s,f,me,1)),me,fe),[Ce,pe]=c.useCollectionFocusRing(_,["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]),Se=n.useCallback((e=>{const t=i.keyExtractor(e.target,i.ITEM_SELECTOR);a.isKeyDefined(t)&&($.current=t,t!==me&&(X.current=!1))}),[me]);n.useEffect((()=>{if(null!=me&&_.current){const e=i.findElementByKey(_.current,me,i.ITEM_SELECTOR);if(e){if("card"===ce){const t=e.closest("[role=gridcell]"),r=_.current.getAttribute("aria-activedescendant");t&&r!==t.id&&(_.current.setAttribute("aria-activedescendant",t.id),de.current=!0)}de.current&&!he&&(e.scrollIntoView({block:"nearest"}),de.current=!1)}}}),[me,s,ce,ue,he]);const Re=n.useCallback((e=>{E&&(!1===e.value.all&&e.value.keys.size>0&&(Y.current=Array.from(e.value.keys.values()).pop()),E(e))}),[Y,E]),ve=n.useCallback((e=>{if(s&&E){const t=i.handleSelectionRange(e,s,f);Array.isArray(t)&&("shiftSpace"===e.eventType?Y.current=e.value.start:Y.current=e.value.end,E({value:{all:!1,keys:new Set(t)},target:null}))}}),[s,E,f]),{selectionProps:Ee}=u.useSelection((e=>e===_.current?void 0===me?null:me:i.keyExtractor(e,i.ITEM_SELECTOR)),v,R,!1,"toggle",Re,Y.current,me,((e,t)=>()=>i.getPrevNextKeyByCount(s,f,e,t?-k:k)),((e,t)=>()=>i.getPrevNextKeyByCount(s,f,e,t?-1:1)),(e=>{if(_.current){const t=i.findElementByKey(_.current,e,i.ITEM_SELECTOR);t&&t.scrollIntoView({block:"nearest"})}}),ve),{reorderProps:Ie,reorderItemProps:Te,reorderContext:we,reorderInstructionsId:Ae,reorderInstructions:Ke}=(({currentKey:e,onReorder:t,gutterSize:r,columns:s,rootRef:o,scrollCurrItemIntoView:a})=>{const l=null!=t,[c,d]=n.useState(void 0),{reorderProps:u,reorderContext:y,reorderInstructionsId:m,reorderInstructions:f}=L.useReorderable({onReorder:t,rootRef:o,itemSelector:i.ITEM_SELECTOR,isDisabled:!l,columns:s});return l?{reorderProps:{...u,onDragOver:e=>{i.dragToScroll(e,void 0!==c,o.current),a.current=!1}},reorderItemProps:{currentKey:e,dragKey:c,setDragKey:d,onReorder:t,rootRef:o,gutterSize:r,columns:s},reorderContext:y,reorderInstructionsId:m,reorderInstructions:f}:{reorderProps:u,reorderContext:y,reorderInstructionsId:m,reorderInstructions:f}})({currentKey:me,onReorder:I,gutterSize:j,columns:k,rootRef:_,scrollCurrItemIntoView:de}),Le=ue&&t.jsx(t.Fragment,{children:t.jsx("span",{id:Ae,children:t.jsx(x.HiddenAccessible,{children:Ke})})}),Oe=n.useCallback((()=>{ye.current||(ye.current=!0,y())}),[ye,y]);n.useEffect((()=>{ye.current=!1}),[s,m]);const je=n.useCallback((e=>{const r=f(e.data),s="multiple"===R?()=>t.jsx(g.Selector,{onChange:E,rowKey:r,selectedKeys:v}):void 0;return{index:e.index,data:e.data,metadata:{key:r},selector:s,isSelected:a.containsKey(v,r)}}),[R,v,E,f]),ke=n.useCallback(((e,r)=>{const n=[];if(e){const e={loadingStatus:"initial"};n.push(t.jsx("div",{class:b.LOADMORE_STYLE_CLASS,children:r(e)})),n.push(Q(e,24,r))}else{if(0===k)return null;const e=k-s.length%k,o=e===k,a={loadingStatus:"loadMore",height:"flex"===M||o?ee(D.height):"100%",width:"flex"===M?ee(D.width):"100%"};n.push(t.jsx("div",{class:b.LOADMORE_STYLE_CLASS,children:r(a)})),n.push(Array(Q(a,e-1,r))),o||n.push(Q(a,k,r))}return t.jsx(U,{children:n})}),[D,k,s,M]),Me=s?!s.length&&m?V?ke(!0,V):t.jsx(G,{layout:M}):V?ke(!1,V):t.jsx(W,{layout:M,colCount:k,totalCount:s.length,cardWidth:D.width,cardHeight:D.height}):null;T=i.getViewportConfig(_,T);const De=t.jsx("div",{role:"row",children:t.jsx(N,{...re,children:t.jsx(b.LoadMoreCollection,{data:s,hasMore:m,onLoadMore:Oe,loadMoreIndicator:Me,loadMoreThreshold:te+4,viewportConfig:T,children:r=>{const s=je(r),n=ge(s.metadata.key),o=me===s.metadata.key&&!n,a=o&&Ce,i=s.isSelected;return(r=>t.jsx(z,{context:r,isTabbable:n,isFocused:o,isFocusRingVisible:a,isGridLayout:"grid"===M,isSelected:i,selectionMode:R,focusBehavior:ce,..."content"===w&&{setIsFocusBehaviorValid:le},...se.current&&{initialAnimation:O},...0===s.index&&!D.width&&{updateCardSize:F},...ue&&{reorderItemProps:Te},children:e},s.metadata.key))(s)}})})}),Pe=t.jsx(N,{...re,children:V?q(V):t.jsx(H,{layout:M})});return t.jsxs("div",{...o.mergeProps(be,pe,Ee,Ie,{onFocus:()=>{if(!a.isKeyDefined(me)&&fe&&ge(void 0)&&_.current){const e=$.current||i.getFirstVisibleKey(_.current,i.ITEM_SELECTOR);a.isKeyDefined(e)&&fe({value:e})}else if(a.isKeyDefined(me)&&_.current){const e=i.findElementByKey(_.current,me,i.ITEM_SELECTOR);X.current&&e?.scrollIntoView({block:"nearest"}),X.current=!0}},onPointerDown:Se,onKeyDown:e=>{"content"===ce&&"Tab"===e.key&&_.current?.focus({preventScroll:!0});ue&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&(de.current=!0)}},{..."card"===ce&&xe}),ref:_,role:"grid",class:C.styles.baseStyle,tabIndex:0,"aria-label":A,"aria-labelledby":K,"aria-describedby":ue?Ae:void 0,"aria-multiselectable":ne,"aria-rowcount":oe,"aria-colcount":ae,children:[t.jsx(h.ReorderableContext.Provider,{value:we,children:s?s.length||m?De:t.jsx(r.Fragment,{}):Pe}),Le]})})),q=e=>t.jsx(U,{children:Q({loadingStatus:"initial"},25,e)}),Q=(e,t,r)=>Array(t).fill(r(e)),ee=e=>`calc(${e}px)`,te=X;e.BaseCardView=te,e.getColCount=(e,t,r)=>{if(!t||!r)return 0;const s=Math.floor((r+e)/(e+t));return Math.max(1,s)},e.gutterSizeToPX=J}));
 //# sourceMappingURL=BaseCardView-e75594df.js.map

package/amd/BaseCardViewSelectionTest-b3d54b34.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', '@testing-library/preact', '@testing-library/user-event', 'chai', './resources/nls/en/bundle', './clientHints-fff66be9', './Text-0609bf4d', './View-e15784b7', './Flex-a208520e', './LayerHost-a36b1781', './EnvironmentProvider-d423bca9', './Center-567b111f', './DragHandle-0798a29c', './Button-f832e11c', './Avatar-27526b67'], (function(e,t,a,i,r,c,s,n,l,d,o,u,p,x,g,f){"use strict";function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=b(i);const w=(e,t)=>[...Array(e)].map(((e,a)=>({id:t?a:`${a}`,name:`Employee ${a}`,title:`Employee title ${a}`,initials:`E${a}`}))),q=async()=>a.screen.findByRole("grid"),A=async(e="row")=>a.screen.findAllByRole(e),h=async(e="gridcell")=>a.screen.findAllByRole(e),k=(e,t)=>{a.fireEvent.click(e,t)},m=(e,t)=>{a.fireEvent.dragStart(e),a.fireEvent.dragEnter(t),a.fireEvent.drop(t),a.fireEvent.dragEnd(e)},v=(e,t)=>{a.fireEvent.keyDown(e,{key:t,code:t,shiftKey:!0,metaKey:!0})};e.CardContent=({context:e,showButton:a,isReorderEnabled:i})=>{const r=i&&t.jsx(u.RootEnvironmentProvider,{environment:{mode:"test"},children:t.jsx(p.Center,{children:t.jsx(x.DragHandle,{testId:`drag-icon-${e.metadata.key}`})})}),c=a&&t.jsx(l.View,{paddingBlockStart:"1x",children:t.jsxs(d.Flex,{direction:"row",wrap:"wrap",gap:"1x",width:"100%",children:[t.jsx(g.Button,{variant:"outlined",size:"md",label:"A"}),t.jsx(g.Button,{variant:"outlined",size:"md",label:"B"})]})});return t.jsxs(l.View,{padding:"6px",children:[r,t.jsxs(l.View,{padding:"10px",paddingBlockEnd:0,children:[t.jsx(f.Avatar,{initials:e.data.initials,size:"xl"}),t.jsxs(l.View,{paddingBlockStart:"2x",children:[t.jsx(n.Text,{variant:"primary",size:"md",lineClamp:1,children:e.data.name}),t.jsx(n.Text,{variant:"secondary",size:"md",lineClamp:1,children:e.data.title})]})]}),t.jsxs(l.View,{padding:"10px",paddingBlockStart:0,children:[c,e.selector?.()]})]})},e.getItems=A,e.getRoot=q,e.keyboardReorder=v,e.mouseItemSelection=k,e.populateData=w,e.testRender=({GenericCardGrid:e,ActionCardGrid:i,SelectionCardGrid:n,ContentUpdatableCardGrid:l})=>{it("initial render",(async function(){const i=w(100);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(c.length).eq(25)})),it("checking key type - string key",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(void 0===c[0].dataset.ojKeyType).eq(!0),r.expect(void 0===c[1].dataset.ojKeyType).eq(!0),r.expect(void 0===c[2].dataset.ojKeyType).eq(!0)})),it("checking key type - numeric key",(async()=>{const i=w(3,!0);a.render(t.jsx(e,{data:i}));const c=await A("gridcell");r.expect(c[0].dataset.ojKeyType).eq("number"),r.expect(c[1].dataset.ojKeyType).eq("number"),r.expect(c[2].dataset.ojKeyType).eq("number")})),it("aria attributes - multiselectable and selected, selectionMode is none",(async()=>{const e=w(2);a.render(t.jsx(n,{data:e}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq(null),r.expect(i[0].getAttribute("aria-selected")).eq(null),r.expect(i[1].getAttribute("aria-selected")).eq(null)})),it("aria attributes - multiselectable and selected, selectionMode is single",(async()=>{const e=w(2);a.render(t.jsx(n,{data:e,selectionMode:"single",selectedKeys:new Set(["1"])}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq("false"),r.expect(i[0].getAttribute("aria-selected")).eq("false"),r.expect(i[1].getAttribute("aria-selected")).eq("true")})),it("aria attributes - multiselectable and selected, selectionMode is multiple",(async()=>{const e=w(3);a.render(t.jsx(n,{data:e,selectionMode:"multiple",selectedKeys:new Set(["1","2"])}));const i=await A("gridcell"),c=await q();r.expect(c.getAttribute("aria-multiselectable")).eq("true"),r.expect(i[0].getAttribute("aria-selected")).eq("false"),r.expect(i[1].getAttribute("aria-selected")).eq("true"),r.expect(i[2].getAttribute("aria-selected")).eq("true")})),"undefined"==typeof jest&&(it("content focusBehavior - valid case",(async()=>{const e=w(3);a.render(t.jsx(i,{data:e}));const c=await A("gridcell");await y.default.tab(),await a.waitFor((()=>{r.expect(c[0].matches(":focus-within")).to.be.true}))})),it("content focusBehavior - invalid case",(async()=>{const e=w(3);a.render(t.jsx(i,{data:e,showButton:!0}));const c=await q();await y.default.tab(),await a.waitFor((()=>{r.expect(c.matches(":focus")).to.be.true}))}))),it("memoization - update memoized children",(async()=>{const e=w(3),{queryByTestId:i}=a.render(t.jsx(l,{data:e})),c=i(e[0].id),s=i(e[1].id),n=i(e[2].id);r.expect(c?.innerHTML,"the 1st item initial count should be 0").eq("0"),r.expect(s?.innerHTML,"the 2nd item initial count should be 0").eq("0"),r.expect(n?.innerHTML,"the 3rd item initial count should be 0").eq("0");const d=i("mybutton");await y.default.click(d),r.expect(c?.innerHTML,"the 1st item new count should be 1").eq("1"),r.expect(s?.innerHTML,"the 2nd item new count should be 1").eq("1"),r.expect(n?.innerHTML,"the 3rd item new count should be 1").eq("1")})),it("reorder - fire Drag and Drop Event",(async()=>{const i=w(5),{queryByTestId:c}=a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));let s=await A("gridcell");const n=s.length,l=c("drag-icon-0"),d=c("drag-icon-2"),o=s[0];m(l,d),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(o).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - fire Drag and Drop Event when id is number and start at 0",(async()=>{const i=w(5,!0),{queryByTestId:c}=a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));let s=await A("gridcell");const n=s.length,l=c("drag-icon-0"),d=c("drag-icon-2"),o=s[0];m(l,d),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(o).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - reorder the first item to right using keyboard",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));const c=await q();let s=await A("gridcell");const n=s.length,l=s[0];k(l),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[0];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[1];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[2];r.expect(l).equals(e),r.expect(s.length).equal(n)}))})),it("reorder - reorder the last item to left using keyboard",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,isReorderEnabled:!0}));const c=await q();let s=await A("gridcell");const n=s.length,l=s[s.length-1];k(l),v(c,"ArrowRight"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-1];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-2];r.expect(l).equals(e),r.expect(s.length).equal(n)})),v(c,"ArrowLeft"),await a.waitFor((async()=>{s=await A("gridcell");const e=s[s.length-3];r.expect(l).equals(e),r.expect(s.length).equal(n)}))})),"undefined"==typeof jest&&it("reorder - instruction text should exist when reorder is enabled",(async()=>{const{deviceType:i,platform:n}=s.getClientHints(),l="windows"===n?c.default.accControlKey():c.default.accCommandKey(),d="phone"===i||"tablet"===i?"":c.default.accReorderInstructions({keyPressed:l}),o=w(3),{rerender:u}=a.render(t.jsx(e,{data:o,isReorderEnabled:!0}));let p=a.screen.queryByText(d);r.expect(p).not.to.be.null,u(t.jsx(e,{data:o})),p=a.screen.queryByText(d),r.expect(p).to.be.null})),"undefined"==typeof jest&&it("scroll into view - when cardview regains focus",(async()=>{const i=w(10);a.render(t.jsx(e,{data:i,initialCurrentKey:{rowKey:i[9].id}}));const c=await q();await a.waitFor((()=>{r.expect(c.scrollTop).to.greaterThanOrEqual(450)})),c.scrollTop=0,await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(0)})),c.focus(),await a.waitFor((()=>{r.expect(c.scrollTop).to.greaterThanOrEqual(450)}))})),"undefined"==typeof jest&&it("load more on scroll - should fetch data once during keyboard navigation",(async()=>{const i=w(21);a.render(t.jsx(e,{data:i,fetchSize:7}));let c=await A("gridcell");const s=c[3];await y.default.click(s);const n=await q();r.expect(n.matches(":focus")).to.be.true,a.fireEvent.keyDown(n,{key:"ArrowDown"}),await a.waitFor((async()=>{c=await A("gridcell"),r.expect(c.length).to.eq(14)}));try{await a.waitFor((async()=>{c=await A("gridcell"),r.expect(c.length).to.eq(21)}))}catch(e){r.expect(e).not.null}}),6e3),it("click an item different than currentItem should not scroll the currentItem back into view",(async()=>{const i=w(20);a.render(t.jsx(e,{data:i,initialCurrentKey:{rowKey:i[2].id}}));const c=await q(),s=await A();await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(0)})),c.scrollTop=450,await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(450)})),await y.default.click(s[19]),await a.waitFor((()=>{r.expect(c.scrollTop).to.eq(450)}))}))},e.testSelectionRender=({SelectionCardGrid:e})=>{it("multiple selection - multiple selected items can be preserved",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),k(c[1]),await a.waitFor((()=>{r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true")}))})),it("range selection - space and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" "}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - click and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();k(s[0]),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - space and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" "}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),k(s[2],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - click and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("false"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),k(c[2],{shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+click item",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[2],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+arrow items",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - from current item to shift+click and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.click(s[3],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+click and then shift+arrow  ",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+click and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[1],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(s[3],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+click",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[0]),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.click(s[3],{shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+arrow",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight"}),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")})),it("range selection - from current item to shift+arrow and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.click(s[0]),a.fireEvent.keyDown(c,{key:"ArrowRight",shiftKey:!0}),await a.waitFor((()=>{r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),a.fireEvent.keyUp(s[3],{key:" ",shiftKey:!0}),await a.waitFor((()=>{r.expect(s[0].getAttribute("aria-selected")).eq("false"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true")}))})),it("range selection - from current item to shift+space and then shift+space",(async()=>{const i=w(4);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();await y.default.tab(),r.expect(c.matches(":focus")).to.be.true,a.fireEvent.keyUp(s[0],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("false"),r.expect(s[2].getAttribute("aria-selected")).eq("false"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyDown(c,{key:"ArrowDown"}),a.fireEvent.keyDown(c,{key:"ArrowDown"}),a.fireEvent.keyUp(s[2],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false")})),it("range selection - shift+space and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),a.fireEvent.keyUp(c[2],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection - deselect selected item by shift+space",(async()=>{const i=w(3);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[0]),a.fireEvent.keyUp(c[2],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),a.fireEvent.keyUp(c[1],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+space and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[2]),a.fireEvent.keyUp(c[0],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("false"),r.expect(c[1].getAttribute("aria-selected")).eq("false"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+click and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await h();k(c[2]),k(c[0],{shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("false"),r.expect(c[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(c[4],{key:" ",shiftKey:!0}),r.expect(c[0].getAttribute("aria-selected")).eq("true"),r.expect(c[1].getAttribute("aria-selected")).eq("true"),r.expect(c[2].getAttribute("aria-selected")).eq("true"),r.expect(c[3].getAttribute("aria-selected")).eq("true"),r.expect(c[4].getAttribute("aria-selected")).eq("true")})),it("range selection backward - shift+arrow and then shift+space",(async()=>{const i=w(5);a.render(t.jsx(e,{data:i,selectionMode:"multiple"}));const c=await q(),s=await h();k(s[2]),a.fireEvent.keyDown(c,{key:"ArrowLeft",shiftKey:!0}),a.fireEvent.keyDown(c,{key:"ArrowLeft",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("false"),r.expect(s[4].getAttribute("aria-selected")).eq("false"),a.fireEvent.keyUp(s[4],{key:" ",shiftKey:!0}),r.expect(s[0].getAttribute("aria-selected")).eq("true"),r.expect(s[1].getAttribute("aria-selected")).eq("true"),r.expect(s[2].getAttribute("aria-selected")).eq("true"),r.expect(s[3].getAttribute("aria-selected")).eq("true"),r.expect(s[4].getAttribute("aria-selected")).eq("true")}))}}));
+//# sourceMappingURL=BaseCardViewSelectionTest-b3d54b34.js.map

package/amd/BaseCardViewSelectionTest-b3d54b34.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseCardViewSelectionTest-b3d54b34.js","sources":["../../src/PRIVATE_BaseCardView/__tests__/testHelpers.tsx","../../src/PRIVATE_BaseCardView/__tests__/BaseCardViewTest.tsx","../../src/PRIVATE_BaseCardView/__tests__/BaseCardViewSelectionTest.tsx"],"sourcesContent":["import { fireEvent, screen } from '@testing-library/preact';\nimport { VNode } from 'preact';\nimport { Item, ListItemRendererContext, SelectionMode } from '../../UNSAFE_Collection';\nimport { ActionDetail } from '../../UNSAFE_BaseButton';\nimport { Avatar } from '../../UNSAFE_Avatar';\nimport { Button } from '../../UNSAFE_Button';\nimport { Text } from '../../UNSAFE_Text';\nimport { View } from '../../UNSAFE_View';\nimport { Flex } from '../../UNSAFE_Flex';\nimport { Center } from '../../UNSAFE_Center';\nimport { DragHandle } from '../../UNSAFE_DragHandle';\nimport { RootEnvironmentProvider } from '../../UNSAFE_Environment';\nimport { Employee } from '../__dev__/BaseCardViewData';\n\nexport type GenericCardGridProps<K extends string | number> = {\n  data: Employee[];\n  delay?: number;\n  isReorderEnabled?: boolean;\n  initialCurrentKey?: Item<K>;\n  fetchSize?: number;\n};\n\nexport type ActionCardGridProps<K extends string | number> = GenericCardGridProps<K> & {\n  handleAction?: (details: ActionDetail) => void;\n  showButton?: boolean; // for testing invalid focusBehavior\n};\n\nexport type SelectionCardGridProps<K extends string | number> = GenericCardGridProps<K> & {\n  selectionMode?: SelectionMode;\n  selectedKeys?: Set<Employee['id']>;\n};\n\nexport type TestComponentsProps<K extends string | number> = {\n  GenericCardGrid: (props: GenericCardGridProps<K>) => VNode;\n  ActionCardGrid: (props: ActionCardGridProps<K>) => VNode;\n  SelectionCardGrid: (props: SelectionCardGridProps<K>) => VNode;\n} & Record<string, (props: any) => VNode>;\n\nexport const CardContent = ({\n  context,\n  showButton,\n  isReorderEnabled\n}: {\n  context: ListItemRendererContext<Employee['id'], Employee>;\n  showButton?: boolean;\n  isReorderEnabled?: boolean;\n}) => {\n  const dragIcon = isReorderEnabled && (\n    <RootEnvironmentProvider environment={{ mode: 'test' }}>\n      <Center>\n        <DragHandle testId={`drag-icon-${context.metadata.key}`} />\n      </Center>\n    </RootEnvironmentProvider>\n  );\n  const buttons = showButton && (\n    <View paddingBlockStart={'1x'}>\n      <Flex direction=\"row\" wrap=\"wrap\" gap={'1x'} width={'100%'}>\n        <Button variant=\"outlined\" size=\"md\" label=\"A\" />\n        <Button variant=\"outlined\" size=\"md\" label=\"B\" />\n      </Flex>\n    </View>\n  );\n\n  return (\n    <View padding=\"6px\">\n      {dragIcon}\n      <View padding=\"10px\" paddingBlockEnd={0}>\n        <Avatar initials={context.data.initials} size=\"xl\" />\n        <View paddingBlockStart=\"2x\">\n          <Text variant=\"primary\" size=\"md\" lineClamp={1}>\n            {context.data.name}\n          </Text>\n          <Text variant=\"secondary\" size=\"md\" lineClamp={1}>\n            {context.data.title}\n          </Text>\n        </View>\n      </View>\n      <View padding=\"10px\" paddingBlockStart={0}>\n        {buttons}\n        {context.selector?.()}\n      </View>\n    </View>\n  );\n};\n\nexport const populateData = (count: number, isNumberKey?: boolean) =>\n  [...Array(count)].map(\n    (_, i) =>\n      ({\n        id: isNumberKey ? i : `${i}`,\n        name: `Employee ${i}`,\n        title: `Employee title ${i}`,\n        initials: `E${i}`\n      }) as Employee\n  );\n\nexport const getRoot = async () => {\n  return screen.findByRole('grid');\n};\n\nexport const getItems = async (role = 'row') => {\n  return screen.findAllByRole(role);\n};\n\nexport const getContents = async (role = 'gridcell') => {\n  return screen.findAllByRole(role);\n};\n\nexport const mouseItemSelection = (element: HTMLElement, options?: Record<string, unknown>) => {\n  fireEvent.click(element, options);\n};\n\nexport const fireDragAndDropEvent = (dragElement: HTMLElement, dropElement: HTMLElement) => {\n  fireEvent.dragStart(dragElement);\n  fireEvent.dragEnter(dropElement);\n  fireEvent.drop(dropElement);\n  fireEvent.dragEnd(dragElement);\n};\n\nexport const keyboardReorder = (\n  element: HTMLElement,\n  keyCode: 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown'\n) => {\n  fireEvent.keyDown(element, {\n    key: keyCode,\n    code: keyCode,\n    shiftKey: true,\n    metaKey: true\n  });\n};\n","import { render, waitFor, screen, fireEvent } from '@testing-library/preact';\nimport userEvent from '@testing-library/user-event';\nimport { expect } from 'chai';\n\nimport translations from '#resources/nls/en/bundle';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport {\n  getRoot,\n  getItems,\n  populateData,\n  TestComponentsProps,\n  mouseItemSelection,\n  fireDragAndDropEvent,\n  keyboardReorder\n} from './testHelpers';\n\nexport const testRender = ({\n  GenericCardGrid,\n  ActionCardGrid,\n  SelectionCardGrid,\n  ContentUpdatableCardGrid\n}: TestComponentsProps<string | number>) => {\n  it('initial render', async function () {\n    const data = populateData(100);\n    render(<GenericCardGrid data={data}></GenericCardGrid>);\n    const items = await getItems('gridcell');\n    expect(items.length).eq(25);\n  });\n\n  it('checking key type - string key', async () => {\n    const data = populateData(3);\n    render(<GenericCardGrid data={data}></GenericCardGrid>);\n    const items = await getItems('gridcell');\n    expect((items[0] as HTMLElement).dataset['ojKeyType'] === undefined).eq(true);\n    expect((items[1] as HTMLElement).dataset['ojKeyType'] === undefined).eq(true);\n    expect((items[2] as HTMLElement).dataset['ojKeyType'] === undefined).eq(true);\n  });\n\n  it('checking key type - numeric key', async () => {\n    const data = populateData(3, true);\n    render(<GenericCardGrid data={data}></GenericCardGrid>);\n    const items = await getItems('gridcell');\n    expect((items[0] as HTMLElement).dataset['ojKeyType']).eq('number');\n    expect((items[1] as HTMLElement).dataset['ojKeyType']).eq('number');\n    expect((items[2] as HTMLElement).dataset['ojKeyType']).eq('number');\n  });\n\n  it('aria attributes - multiselectable and selected, selectionMode is none', async () => {\n    const data = populateData(2);\n    render(<SelectionCardGrid data={data}></SelectionCardGrid>);\n    const items = await getItems('gridcell');\n    const grid = await getRoot();\n\n    expect((grid as HTMLElement).getAttribute('aria-multiselectable')).eq(null);\n    expect((items[0] as HTMLElement).getAttribute('aria-selected')).eq(null);\n    expect((items[1] as HTMLElement).getAttribute('aria-selected')).eq(null);\n  });\n\n  it('aria attributes - multiselectable and selected, selectionMode is single', async () => {\n    const data = populateData(2);\n    render(\n      <SelectionCardGrid\n        data={data}\n        selectionMode={'single'}\n        selectedKeys={new Set(['1'])}></SelectionCardGrid>\n    );\n    const items = await getItems('gridcell');\n    const grid = await getRoot();\n\n    expect((grid as HTMLElement).getAttribute('aria-multiselectable')).eq('false');\n    expect((items[0] as HTMLElement).getAttribute('aria-selected')).eq('false');\n    expect((items[1] as HTMLElement).getAttribute('aria-selected')).eq('true');\n  });\n\n  it('aria attributes - multiselectable and selected, selectionMode is multiple', async () => {\n    const data = populateData(3);\n    render(\n      <SelectionCardGrid\n        data={data}\n        selectionMode={'multiple'}\n        selectedKeys={new Set(['1', '2'])}></SelectionCardGrid>\n    );\n    const items = await getItems('gridcell');\n    const grid = await getRoot();\n\n    expect((grid as HTMLElement).getAttribute('aria-multiselectable')).eq('true');\n    expect((items[0] as HTMLElement).getAttribute('aria-selected')).eq('false');\n    expect((items[1] as HTMLElement).getAttribute('aria-selected')).eq('true');\n    expect((items[2] as HTMLElement).getAttribute('aria-selected')).eq('true');\n  });\n\n  // skip this test in jest, only run it in karma mocha\n  if (typeof jest === typeof undefined) {\n    // because jest doesn't show grid layout, the number of focusable elements is not calculated correctly\n    it('content focusBehavior - valid case', async () => {\n      const data = populateData(3);\n      render(<ActionCardGrid data={data}></ActionCardGrid>);\n      const items = await getItems('gridcell');\n\n      await userEvent.tab();\n\n      await waitFor(() => {\n        expect(items[0].matches(':focus-within')).to.be.true;\n      });\n    });\n\n    it('content focusBehavior - invalid case', async () => {\n      const data = populateData(3);\n      render(<ActionCardGrid data={data} showButton={true}></ActionCardGrid>);\n      const grid = await getRoot();\n\n      await userEvent.tab();\n      await waitFor(() => {\n        expect(grid.matches(':focus')).to.be.true;\n      });\n    });\n  }\n\n  // JET-61732\n  it('memoization - update memoized children', async () => {\n    const data = populateData(3);\n    const { queryByTestId } = render(\n      <ContentUpdatableCardGrid data={data}></ContentUpdatableCardGrid>\n    );\n\n    const elem0 = queryByTestId(data[0].id) as HTMLElement;\n    const elem1 = queryByTestId(data[1].id) as HTMLElement;\n    const elem2 = queryByTestId(data[2].id) as HTMLElement;\n    expect(elem0?.innerHTML, 'the 1st item initial count should be 0').eq('0');\n    expect(elem1?.innerHTML, 'the 2nd item initial count should be 0').eq('0');\n    expect(elem2?.innerHTML, 'the 3rd item initial count should be 0').eq('0');\n\n    const button = queryByTestId('mybutton') as HTMLElement;\n    await userEvent.click(button);\n\n    expect(elem0?.innerHTML, 'the 1st item new count should be 1').eq('1');\n    expect(elem1?.innerHTML, 'the 2nd item new count should be 1').eq('1');\n    expect(elem2?.innerHTML, 'the 3rd item new count should be 1').eq('1');\n  });\n\n  it('reorder - fire Drag and Drop Event', async () => {\n    const data = populateData(5);\n    const { queryByTestId } = render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n\n    let items = await getItems('gridcell');\n    const count = items.length;\n    const firstItemDragIcon = queryByTestId('drag-icon-0') as HTMLElement;\n    const thirdItemDragIcon = queryByTestId('drag-icon-2') as HTMLElement;\n    const firstItem = items[0];\n\n    // drag the first item and drop on the third item\n    fireDragAndDropEvent(firstItemDragIcon, thirdItemDragIcon);\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const updatedThirdItem = items[2];\n      expect(firstItem).equals(updatedThirdItem);\n      expect(items.length).equal(count);\n    });\n  });\n\n  it('reorder - fire Drag and Drop Event when id is number and start at 0', async () => {\n    const data = populateData(5, true);\n    const { queryByTestId } = render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n\n    let items = await getItems('gridcell');\n    const count = items.length;\n    const firstItemDragIcon = queryByTestId('drag-icon-0') as HTMLElement;\n    const thirdItemDragIcon = queryByTestId('drag-icon-2') as HTMLElement;\n    const firstItem = items[0];\n\n    // drag the first item and drop on the third item\n    fireDragAndDropEvent(firstItemDragIcon, thirdItemDragIcon);\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const updatedThirdItem = items[2];\n      expect(firstItem).equals(updatedThirdItem);\n      expect(items.length).equal(count);\n    });\n  });\n\n  it('reorder - reorder the first item to right using keyboard', async () => {\n    const data = populateData(5);\n    render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n\n    const grid = await getRoot();\n    let items = await getItems('gridcell');\n    const count = items.length;\n    const firstItem = items[0];\n\n    // reorder the first item to left\n    mouseItemSelection(firstItem);\n    keyboardReorder(grid, 'ArrowLeft');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[0];\n      expect(firstItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n\n    // reorder the first item to right\n    keyboardReorder(grid, 'ArrowRight');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[1];\n      expect(firstItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n\n    // continuous reorder the first item to right\n    keyboardReorder(grid, 'ArrowRight');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[2];\n      expect(firstItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n  });\n\n  it('reorder - reorder the last item to left using keyboard', async () => {\n    const data = populateData(5);\n    render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n\n    const grid = await getRoot();\n    let items = await getItems('gridcell');\n    const count = items.length;\n    const lastItem = items[items.length - 1];\n\n    // reorder the last item to right\n    mouseItemSelection(lastItem);\n    keyboardReorder(grid, 'ArrowRight');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[items.length - 1];\n      expect(lastItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n\n    // reorder the last item to left\n    keyboardReorder(grid, 'ArrowLeft');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[items.length - 2];\n      expect(lastItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n\n    // continuous reorder the last item to left\n    keyboardReorder(grid, 'ArrowLeft');\n    await waitFor(async () => {\n      items = await getItems('gridcell');\n      const reorderedItem = items[items.length - 3];\n      expect(lastItem).equals(reorderedItem);\n      expect(items.length).equal(count);\n    });\n  });\n\n  if (typeof jest == typeof undefined) {\n    it('reorder - instruction text should exist when reorder is enabled', async () => {\n      // get instruction text\n      const { deviceType, platform } = getClientHints();\n      const keyPressed =\n        platform === 'windows' ? translations.accControlKey() : translations.accCommandKey();\n      const reorderInstructions =\n        deviceType === 'phone' || deviceType === 'tablet'\n          ? ''\n          : translations.accReorderInstructions({\n              keyPressed: keyPressed\n            });\n\n      // instruction text should exist when reorder is enabled\n      const data = populateData(3);\n      const { rerender } = render(<GenericCardGrid data={data} isReorderEnabled={true} />);\n      let instructionText = screen.queryByText(reorderInstructions);\n      expect(instructionText).not.to.be.null;\n\n      // instruction text should not exist when reorder is disabled\n      rerender(<GenericCardGrid data={data} />);\n      instructionText = screen.queryByText(reorderInstructions);\n      expect(instructionText).to.be.null;\n    });\n  }\n\n  // test in karma mocha only since it involves scrolling\n  if (typeof jest === typeof undefined) {\n    it('scroll into view - when cardview regains focus', async () => {\n      const data = populateData(10);\n      render(<GenericCardGrid data={data} initialCurrentKey={{ rowKey: data[9].id }} />);\n\n      // the initial current item is Employee 9, so the scrollTop is high\n      const grid = await getRoot();\n      await waitFor(() => {\n        expect(grid.scrollTop).to.greaterThanOrEqual(450);\n      });\n\n      // scroll cardview up until scrollTop is 0\n      grid.scrollTop = 0;\n      await waitFor(() => {\n        expect(grid.scrollTop).to.eq(0);\n      });\n\n      // tab into cardview, should scroll Employee 9 into view\n      grid.focus();\n      await waitFor(() => {\n        expect(grid.scrollTop).to.greaterThanOrEqual(450);\n      });\n    });\n  }\n\n  // test in karma mocha only since it involves rerender\n  if (typeof jest === typeof undefined) {\n    it('load more on scroll - should fetch data once during keyboard navigation', async () => {\n      const data = populateData(21);\n      render(<GenericCardGrid data={data} fetchSize={7} />);\n\n      let items = await getItems('gridcell');\n      const thirdItem = items[3];\n      await userEvent.click(thirdItem);\n\n      const grid = await getRoot();\n      expect(grid.matches(':focus')).to.be.true;\n      fireEvent.keyDown(grid, { key: 'ArrowDown' });\n\n      await waitFor(async () => {\n        items = await getItems('gridcell');\n        expect(items.length).to.eq(14);\n      });\n\n      // load more should only happen once\n      try {\n        await waitFor(async () => {\n          items = await getItems('gridcell');\n          expect(items.length).to.eq(21);\n        });\n      } catch (e) {\n        expect(e).not.null;\n      }\n    }, 6000);\n  }\n\n  // JET-71257\n  it('click an item different than currentItem should not scroll the currentItem back into view', async () => {\n    const data = populateData(20);\n\n    // the initial current item is Employee 2\n    render(<GenericCardGrid data={data} initialCurrentKey={{ rowKey: data[2].id }} />);\n\n    const grid = await getRoot();\n    const items = await getItems();\n    await waitFor(() => {\n      expect(grid.scrollTop).to.eq(0);\n    });\n\n    // scroll cardview down to the bottom\n    grid.scrollTop = 450;\n    await waitFor(() => {\n      expect(grid.scrollTop).to.eq(450);\n    });\n\n    // click an item different than currentItem\n    await userEvent.click(items[19]);\n    await waitFor(() => {\n      expect(grid.scrollTop).to.eq(450);\n    });\n  });\n};\n","import { render, waitFor, fireEvent } from '@testing-library/preact';\nimport userEvent from '@testing-library/user-event';\nimport { expect } from 'chai';\nimport {\n  getRoot,\n  populateData,\n  TestComponentsProps,\n  getContents,\n  mouseItemSelection\n} from './testHelpers';\n\nexport const testSelectionRender = ({\n  SelectionCardGrid\n}: TestComponentsProps<string | number>) => {\n  it('multiple selection - multiple selected items can be preserved', async () => {\n    const data = populateData(3);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n\n    mouseItemSelection(items[0]);\n    mouseItemSelection(items[1]);\n    await waitFor(() => {\n      expect(items[0].getAttribute('aria-selected')).eq('true');\n      expect(items[1].getAttribute('aria-selected')).eq('true');\n    });\n  });\n\n  it('range selection - space and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // press space to select the 1st item\n    fireEvent.keyUp(items[0], { key: ' ' });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // arrow right to the 3rd item, then shift + space the 3rd item\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - click and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // click to select the 1st item\n    mouseItemSelection(items[0]);\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // arrow right to the 3rd item, then shift + space the 3rd item\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - space and then shift+click', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // press space to select the 1st item\n    fireEvent.keyUp(items[0], { key: ' ' });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + click the 3rd item\n    mouseItemSelection(items[2], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - click and then shift+click', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n\n    // click to select the 1st item\n    mouseItemSelection(items[0]);\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + click the 3rd item\n    mouseItemSelection(items[2], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - from current item to shift+click item', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + click the 3rd item\n    fireEvent.click(items[2], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - from current item to shift+arrow items', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + arrow to the 3rd item\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - from current item to shift+click and then shift+click', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + click the 2nd item\n    fireEvent.click(items[1], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + click the 4th item\n    fireEvent.click(items[3], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+click and then shift+arrow  ', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + click the 2nd item\n    fireEvent.click(items[1], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + arrow to the 4th item\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+click and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + click the 2nd item\n    fireEvent.click(items[1], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the 4th item\n    fireEvent.keyUp(items[3], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('false');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+arrow and then shift+click', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + arrow to the 2nd item\n    fireEvent.click(items[0]);\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // shift + click the 4th item\n    fireEvent.click(items[3], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+arrow and then shift+arrow', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + arrow to the 2nd item\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // arrow to the 3rd item, then shift + arrow to the 4th item\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyDown(grid, { key: 'ArrowRight' });\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('false');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - from current item to shift+arrow and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + arrow to the 2nd item\n    fireEvent.click(items[0]);\n    fireEvent.keyDown(grid, { key: 'ArrowRight', shiftKey: true });\n    await waitFor(() => {\n      expect(items[0].getAttribute('aria-selected')).eq('true');\n      expect(items[1].getAttribute('aria-selected')).eq('true');\n      expect(items[2].getAttribute('aria-selected')).eq('false');\n      expect(items[3].getAttribute('aria-selected')).eq('false');\n    });\n\n    // shift + space the 4th item\n    fireEvent.keyUp(items[3], { key: ' ', shiftKey: true });\n    await waitFor(() => {\n      expect(items[0].getAttribute('aria-selected')).eq('false');\n      expect(items[1].getAttribute('aria-selected')).eq('true');\n      expect(items[2].getAttribute('aria-selected')).eq('true');\n      expect(items[3].getAttribute('aria-selected')).eq('true');\n    });\n  });\n\n  it('range selection - from current item to shift+space and then shift+space', async () => {\n    const data = populateData(4);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n\n    // tab and focus to make the 1st item current\n    await userEvent.tab();\n    expect(grid.matches(':focus')).to.be.true;\n\n    // shift + space to select the 1st item\n    fireEvent.keyUp(items[0], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('false');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n\n    // arrow down to the 3rd item, then shift + space the 3rd item\n    fireEvent.keyDown(grid, { key: 'ArrowDown' });\n    fireEvent.keyDown(grid, { key: 'ArrowDown' });\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n  });\n\n  it('range selection - shift+space and then shift+space', async () => {\n    const data = populateData(5);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n    mouseItemSelection(items[0]);\n\n    // shift + space to select the 2nd item\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n    expect(items[4].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the last item\n    fireEvent.keyUp(items[4], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n    expect(items[4].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection - deselect selected item by shift+space', async () => {\n    const data = populateData(3);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n    mouseItemSelection(items[0]);\n\n    // shift + space to select the 2nd item\n    fireEvent.keyUp(items[2], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n\n    fireEvent.keyUp(items[1], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection backward - shift+space and then shift+space', async () => {\n    const data = populateData(5);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n    mouseItemSelection(items[2]);\n\n    // shift + space to select the 1st item\n    fireEvent.keyUp(items[0], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n    expect(items[4].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the last item\n    fireEvent.keyUp(items[4], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('false');\n    expect(items[1].getAttribute('aria-selected')).eq('false');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n    expect(items[4].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection backward - shift+click and then shift+space', async () => {\n    const data = populateData(5);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const items = await getContents();\n    mouseItemSelection(items[2]);\n\n    // shift + click to select the 1st item\n    mouseItemSelection(items[0], { shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n    expect(items[4].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the last item\n    fireEvent.keyUp(items[4], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n    expect(items[4].getAttribute('aria-selected')).eq('true');\n  });\n\n  it('range selection backward - shift+arrow and then shift+space', async () => {\n    const data = populateData(5);\n    render(<SelectionCardGrid data={data} selectionMode={'multiple'}></SelectionCardGrid>);\n\n    const grid = await getRoot();\n    const items = await getContents();\n    mouseItemSelection(items[2]);\n\n    // shift + arrow to select the 1st item\n    fireEvent.keyDown(grid, { key: 'ArrowLeft', shiftKey: true });\n    fireEvent.keyDown(grid, { key: 'ArrowLeft', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('false');\n    expect(items[4].getAttribute('aria-selected')).eq('false');\n\n    // shift + space the last item\n    fireEvent.keyUp(items[4], { key: ' ', shiftKey: true });\n    expect(items[0].getAttribute('aria-selected')).eq('true');\n    expect(items[1].getAttribute('aria-selected')).eq('true');\n    expect(items[2].getAttribute('aria-selected')).eq('true');\n    expect(items[3].getAttribute('aria-selected')).eq('true');\n    expect(items[4].getAttribute('aria-selected')).eq('true');\n  });\n};\n"],"names":["populateData","count","isNumberKey","Array","map","_","i","id","name","title","initials","getRoot","async","screen","findByRole","getItems","role","findAllByRole","getContents","mouseItemSelection","element","options","fireEvent","click","fireDragAndDropEvent","dragElement","dropElement","dragStart","dragEnter","drop","dragEnd","keyboardReorder","keyCode","keyDown","key","code","shiftKey","metaKey","context","showButton","isReorderEnabled","dragIcon","_jsx","jsx","RootEnvironmentProvider","environment","mode","children","Center","DragHandle","testId","metadata","buttons","View","paddingBlockStart","_jsxs","Flex","direction","wrap","gap","width","Button","variant","size","label","padding","jsxs","paddingBlockEnd","Avatar","data","Text","lineClamp","selector","GenericCardGrid","ActionCardGrid","SelectionCardGrid","ContentUpdatableCardGrid","it","render","items","expect","length","eq","undefined","dataset","grid","getAttribute","selectionMode","selectedKeys","Set","jest","userEvent","tab","waitFor","matches","to","be","true","queryByTestId","elem0","elem1","elem2","innerHTML","button","firstItemDragIcon","thirdItemDragIcon","firstItem","updatedThirdItem","equals","equal","reorderedItem","lastItem","deviceType","platform","getClientHints","keyPressed","translations","accControlKey","accCommandKey","reorderInstructions","accReorderInstructions","rerender","instructionText","queryByText","not","null","initialCurrentKey","rowKey","scrollTop","greaterThanOrEqual","focus","fetchSize","thirdItem","e","keyUp"],"mappings":"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"}

package/amd/BaseNavigationListItem-f2b9ae77.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-0609bf4d', './useNavigationListItem-d79484b7', './Flex-a208520e', './useComponentTheme-5aa41a8f', './classNames-08d99695', './WarningS-6c5914a1', './ErrorS-6055c849', './InformationS-f3648bac', './SuccessS-6e3de7e4', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './Badge-b28ef084'], (function(e,s,a,n,t,i,r,o,l,c,d,m,u,g){"use strict";e.BaseNavigationListItem=function({itemKey:e,label:h,badge:x,metadata:v,severity:S="none",removeIcon:f}){const j=a.useRef(null),{itemId:p,itemHandlers:I,itemClasses:N,isSelected:b,labelContainerClasses:C,labelContainerStyle:y}=t.useNavigationListItem({itemKey:e}),T=!("none"===S||void 0===S),{styles:{iconLabelContainer:L,iconContainer:w,navigationItemMetadata:R}}=r.useComponentTheme(u.NavigationListItemRedwoodTheme),B=o.classNames([R]),E=o.classNames([L,w]),{styles:{navigationlistRemoveIcon:F}}=r.useComponentTheme(u.NavigationListItemRedwoodTheme),k=o.classNames([F]);return s.jsxs("li",{role:"tab",...I,"data-oj-key":e,id:p,class:N,"aria-selected":b,ref:j,children:[h&&s.jsx("span",{class:C,style:y,children:s.jsx(n.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:h})}),(v||T||x||f)&&s.jsxs(i.Flex,{gap:"2x",align:"center",justify:"end",flex:"1 1 auto",children:[" ",x&&s.jsx("span",{class:E,children:s.jsx(g.Badge,{size:"md",variant:"neutralSubtle",children:x})}),v&&s.jsx("span",{class:B,children:s.jsx(n.Text,{children:"( "+v+" )"})}),T&&s.jsx("span",{class:E,children:(e=>{switch(e){case"error":return s.jsx(c.SvgErrorS,{color:"danger"});case"warning":return s.jsx(l.SvgWarningS,{color:"warning"});case"info":return s.jsx(d.SvgInformationS,{color:"info"});case"confirmation":return s.jsx(m.SvgSuccessS,{color:"success"});default:return null}})(S)}),f&&s.jsx("span",{class:k,children:f})]})]})}}));
+//# sourceMappingURL=BaseNavigationListItem-f2b9ae77.js.map

package/amd/BaseNavigationListItem-f2b9ae77.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseNavigationListItem-f2b9ae77.js","sources":["../../src/UNSAFE_NavigationListCommon/BaseNavigationListItem.tsx"],"sourcesContent":["import { useRef } from 'preact/hooks';\n\nimport { Text } from '../UNSAFE_Text';\n\nimport { useNavigationListItem } from './useNavigationListItem';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Badge } from '../UNSAFE_Badge';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { WarningS } from '../UNSAFE_RedwoodIcons/WarningS';\nimport { ErrorS } from '../UNSAFE_RedwoodIcons/ErrorS';\nimport { InformationS } from '../UNSAFE_RedwoodIcons/InformationS';\nimport { SuccessS } from '../UNSAFE_RedwoodIcons/SuccessS';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\nimport { ComponentChildren } from 'preact';\n\ntype Severity = 'warning' | 'info' | 'none' | 'error' | 'confirmation';\n\nexport type BaseNavigationListItemProps<K extends string | number> = {\n  /**\n   * Key of the NavigationListItem.\n   */\n  itemKey: K;\n  /**\n   * Label of the NavigationListItem.\n   */\n  label?: string;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * The content to be rendered inside the Text component as a metadata.\n   */\n  metadata?: string;\n  /**\n   * The status icon to be rendered after the label.\n   */\n  severity?: Severity;\n  /**\n   * The content to be rendered for remove icon\n   */\n  removeIcon?: ComponentChildren;\n};\n\n/*TODO: JET-58535. Add ripple effect when touching navigationListItem. */\nexport function BaseNavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity = 'none',\n  removeIcon\n}: BaseNavigationListItemProps<K>) {\n  const itemRef = useRef<HTMLLIElement | null>(null);\n\n  //Logic of the component handled here\n  const {\n    itemId,\n    itemHandlers,\n    itemClasses,\n    isSelected,\n    labelContainerClasses,\n    labelContainerStyle\n  } = useNavigationListItem({\n    itemKey\n  });\n\n  const severityRequirement = !(severity === 'none' || severity === undefined);\n\n  const IconComponent = (severityValue: Severity) => {\n    switch (severityValue) {\n      case 'error':\n        return <ErrorS color=\"danger\" />;\n      case 'warning':\n        return <WarningS color=\"warning\" />;\n      case 'info':\n        return <InformationS color=\"info\" />;\n      case 'confirmation':\n        return <SuccessS color=\"success\" />;\n      default:\n        return null;\n    }\n  };\n\n  const {\n    styles: { iconLabelContainer, iconContainer, navigationItemMetadata }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const navigationItemMatadata = classNames([navigationItemMetadata]);\n\n  const endIconContainerClasses = classNames([iconLabelContainer, iconContainer]);\n  const {\n    styles: { navigationlistRemoveIcon }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const removeClass = classNames([navigationlistRemoveIcon]);\n\n  return (\n    <li\n      role=\"tab\"\n      {...itemHandlers}\n      data-oj-key={itemKey}\n      id={itemId}\n      class={itemClasses}\n      aria-selected={isSelected}\n      ref={itemRef}>\n      {label && (\n        <span class={labelContainerClasses} style={labelContainerStyle}>\n          <Text size=\"inherit\" weight=\"inherit\" variant=\"inherit\">\n            {label}\n          </Text>\n        </span>\n      )}\n      {(metadata || severityRequirement || badge || removeIcon) && (\n        <Flex gap=\"2x\" align=\"center\" justify=\"end\" flex=\"1 1 auto\">\n          {' '}\n          {badge && (\n            <span class={endIconContainerClasses}>\n              <Badge size=\"md\" variant=\"neutralSubtle\">\n                {badge}\n              </Badge>\n            </span>\n          )}\n          {metadata && (\n            <span class={navigationItemMatadata}>\n              <Text>{'( ' + metadata + ' )'}</Text>\n            </span>\n          )}\n          {severityRequirement && (\n            <span class={endIconContainerClasses}>{IconComponent(severity)}</span>\n          )}\n          {removeIcon && <span class={removeClass}>{removeIcon}</span>}\n        </Flex>\n      )}\n    </li>\n  );\n}\n"],"names":["itemKey","label","badge","metadata","severity","removeIcon","itemRef","useRef","itemId","itemHandlers","itemClasses","isSelected","labelContainerClasses","labelContainerStyle","useNavigationListItem","severityRequirement","undefined","styles","iconLabelContainer","iconContainer","navigationItemMetadata","useComponentTheme","NavigationListItemRedwoodTheme","navigationItemMatadata","classNames","endIconContainerClasses","navigationlistRemoveIcon","removeClass","_jsxs","jsxs","role","id","class","ref","children","_jsx","jsx","style","Text","size","weight","variant","Flex","gap","align","justify","flex","Badge","severityValue","ErrorS","SvgErrorS","color","WarningS","SvgWarningS","InformationS","SvgInformationS","SuccessS","SvgSuccessS","IconComponent"],"mappings":"gcAkDkEA,QAChEA,EAAOC,MACPA,EAAKC,MACLA,EAAKC,SACLA,EAAQC,SACRA,EAAW,OAAMC,WACjBA,IAEA,MAAMC,EAAUC,SAA6B,OAGvCC,OACJA,EAAMC,aACNA,EAAYC,YACZA,EAAWC,WACXA,EAAUC,sBACVA,EAAqBC,oBACrBA,GACEC,wBAAsB,CACxBd,YAGIe,IAAqC,SAAbX,QAAoCY,IAAbZ,IAkBnDa,QAAQC,mBAAEA,EAAkBC,cAAEA,EAAaC,uBAAEA,IAC3CC,oBACFC,EAAAA,gCAGIC,EAAyBC,EAAAA,WAAW,CAACJ,IAErCK,EAA0BD,EAAUA,WAAC,CAACN,EAAoBC,KAE9DF,QAAQS,yBAAEA,IACRL,EAAAA,kBACFC,EAAAA,gCAGIK,EAAcH,EAAAA,WAAW,CAACE,IAEhC,OACEE,EACEC,KAAA,KAAA,CAAAC,KAAK,SACDrB,EAAY,cACHT,EACb+B,GAAIvB,EACJwB,MAAOtB,EAAW,gBACHC,EACfsB,IAAK3B,EACJ4B,SAAA,CAAAjC,GACCkC,EAAAC,IAAA,OAAA,CAAMJ,MAAOpB,EAAuByB,MAAOxB,EAAmBqB,SAC5DC,MAACG,OAAI,CAACC,KAAK,UAAUC,OAAO,UAAUC,QAAQ,UAASP,SACpDjC,OAILE,GAAYY,GAAuBb,GAASG,IAC5CuB,EAACC,KAAAa,OAAK,CAAAC,IAAI,KAAKC,MAAM,SAASC,QAAQ,MAAMC,KAAK,WAC9CZ,SAAA,CAAA,IACAhC,GACCiC,EAAAA,IAAA,OAAA,CAAMH,MAAOP,EACXS,SAAAC,EAAAC,IAACW,EAAKA,MAAC,CAAAR,KAAK,KAAKE,QAAQ,gBAAeP,SACrChC,MAINC,GACCgC,EAAAA,YAAMH,MAAOT,EACXW,SAAAC,EAAAA,IAACG,EAAAA,KAAI,CAAAJ,SAAE,KAAO/B,EAAW,SAG5BY,GACCoB,EAAAA,IAAA,OAAA,CAAMH,MAAOP,EAA0BS,SAhE3B,CAACc,IACrB,OAAQA,GACN,IAAK,QACH,OAAOb,MAACc,EAAMC,UAAA,CAACC,MAAM,WACvB,IAAK,UACH,OAAOhB,MAACiB,EAAQC,YAAA,CAACF,MAAM,YACzB,IAAK,OACH,OAAOhB,MAACmB,EAAYC,gBAAA,CAACJ,MAAM,SAC7B,IAAK,eACH,OAAOhB,MAACqB,EAAQC,YAAA,CAACN,MAAM,YACzB,QACE,OAAO,KACV,EAoD8CO,CAActD,KAEtDC,GAAc8B,EAAAA,IAAM,OAAA,CAAAH,MAAOL,WAActB,SAKpD"}

package/amd/BaseRichSelection-65bb6f89.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'preact/hooks', './useFormFieldContextProps-4e36b4c3', 'preact', './useCollectionFocusRing-9dab85a9', './useTranslationBundle-652e08a6', './Label-a53aabb9', './InlineHelp-da5cabec', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-d208ce7b', './Flex-69dc7af4', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './useTestId-d0c49456', './LayerHost-1b4d03f0', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-304eef18', 'css!./IconStyle.styles.css', './IconButton-c2e5c1c5', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-bba2ea15', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './CheckboxRadioFieldStyles.css-681da2d3', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-c8bc984d', './Grid-49beb801', './refUtils-d354a169', './useContainerBreakpoints-53f7e391', './RichSelectionStartContext-0912e7b0', './View-59fe568d', './classNames-08d99695', './useFormFieldContext-8196183c', './size-f0e638ec', './StyledLabelValueLayout-16380e6b', './useComponentTheme-5aa41a8f', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', 'css!./RichLabelValueLayoutStyles.styles.css', './useMessageSeverity-1d69e1ae'], (function(e,s,t,a,o,l,i,r,n,d,c,h,u,b,S,y,p,m,x,R,T,_,C,L,A,g,U,f,F,I,w,V,M,k,v,E,B,j,D,N,W,P,O,H,q,$,z,G,X,J,K,Q,Y,Z,ee,se,te,ae,oe,le,ie,re,ne,de,ce){"use strict";const he=["xl","lg","md","sm","xs"],ue={xl:{xl:6,md:4,sm:4},lg:{xl:4,md:3,sm:3},md:{xl:3,md:2,sm:2},sm:{xl:2,md:2,sm:2},xs:{xl:1,md:1,sm:1}},be={xs:"0px",sm:"600px",md:"768px",lg:"1024px",xl:"1440px"},Se=(e,s)=>{for(const t of he)if(e[t])return ue[t][s];return ue.xs[s]};var ye="RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichRadioSet__3a9bpp0",pe="RichLabelValueLayoutStyles_richLabelInnerStyles_startRichRadioSetWithoutTopUA__3a9bpp1",me="RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichRadioSetWithoutTopUA__3a9bpp2",xe="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp3",Re="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp4",Te="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp5",_e="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp6",Ce="RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichCheckboxSet__3a9bpp7",Le="RichLabelValueLayoutStyles_richLabelInnerStyles_startRichCheckboxSetWithoutTopUA__3a9bpp8",Ae="RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichCheckboxSetWithoutTopUA__3a9bpp9",ge="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppa",Ue="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppb",fe="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppc",Fe="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppd";const Ie=({label:e,labelEdge:t,children:a,labelStartWidth:l="33%",parentComponentVariant:i,hasTopUserAssistance:r=!1,hasSecondaryText:n=!1,hasMedia:d=!1})=>{const{baseTheme:c}=oe.useComponentTheme(le.RadioRedwoodTheme),{baseTheme:h}=oe.useComponentTheme(ne.CheckboxRedwoodTheme),{baseTheme:u}=oe.useComponentTheme(ie.LabelRedwoodTheme),{baseTheme:b}=oe.useComponentTheme(re.FormLayoutRedwoodTheme),S=Y.useRichSelectionContext(),y="richRadioSet"===i,p="richCheckboxSet"===i,m="start"===t,x="top"===t||"inside"===t,R="inside"===t,T=te.sizeToCSS(l),_=`calc(100% - ${T})`,C=m?{flexBasis:T,width:T,maxWidth:T}:{},L=m?{flexBasis:_,width:_,maxWidth:_}:{},{isFormLayout:A,isReadonly:g}=o.useFormContext(),{isReadonly:U}=se.useFormFieldContext(),f=A&&g||!A&&U,F=ee.classNames([b,ae.labelSlotStyles.base,m&&ae.labelSlotStyles.start,x&&ae.labelSlotStyles.top,x&&r&&ae.labelSlotStyles.topAndTopUA,x&&f&&ae.labelSlotStyles.topPureReadonly]),I=ee.classNames([y&&c,p&&h,u,b,ae.labelInnerStyles.base,m&&ae.labelInnerStyles.start,y&&R&&ye,p&&R&&Ce,y&&m&&!r&&"xl"!==S?.layout&&pe,y&&m&&!r&&"xl"===S?.layout&&me,y&&m&&"md"===S?.layout&&!r&&!n&&d&&xe,y&&m&&"md"===S?.layout&&!r&&!n&&!d&&Re,y&&m&&"sm"===S?.layout&&!r&&!n&&d&&Te,y&&m&&"sm"===S?.layout&&!r&&!n&&!d&&_e,p&&m&&!r&&"xl"!==S?.layout&&Le,p&&m&&!r&&"xl"===S?.layout&&Ae,p&&m&&"md"===S?.layout&&!r&&!n&&d&&ge,p&&m&&"md"===S?.layout&&!r&&!n&&!d&&Ue,p&&m&&"sm"===S?.layout&&!r&&!n&&d&&fe,p&&m&&"sm"===S?.layout&&!r&&!n&&!d&&Fe]);return s.jsx(ae.StyledLabelValueLayout,{flexAlign:U&&m?"stretch":"start",labelStyleClasses:F,labelStyles:C,labelInnerClasses:I,label:e,valueStyles:L,children:a})},we=t.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:o,children:l,columnSpan:i=1,hasValue:r,helpSourceLink:b,helpSourceText:S,isDisabled:y,isReadonly:p,isRequired:m,label:R,labelEdge:T,labelStartWidth:_="33%",messages:C,parentComponentVariant:A,role:g,testId:U,userAssistanceDensity:f},F=null)=>{const I=L.useTestId(U),w=`${U}-inline-user-assistance`,V=U?`${w}-top`:void 0,M=U?`${w}-bottom`:void 0,k=!(y||p||!a&&!b),v=!y&&!p,B=t.useRef(null),{groupProps:j,labelProps:D,topUserAssistanceProps:N,bottomUserAssistanceProps:W,readonlyId:P}=z.useCheckboxRadioField({ariaDescribedBy:e,baseId:o,isRequired:m,isReadonly:p,isDisabled:y,label:R,labelEdge:T,messages:C,hasValue:r,hasTopUserAssistance:k,hasBottomUserAssistance:v,parentComponentVariant:"richRadioSet"===A?"radioSet":"checkboxSet"}),[O,H]=t.useState({hasMedia:!1,hasSecondaryText:!1}),q=c.useTranslationBundle("@oracle/oraclejet-preact").formControl_readOnly();t.useImperativeHandle(F,(()=>({focus:()=>{if(!y){const e=B.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{B.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[$,ee]=d.useCollectionFocusRing(B,"richRadioSet"===A?["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]:["Tab"]),{gridTemplateColumns:se,ref:te}=(()=>{const e=Y.useRichSelectionContext(),{breakpointMatches:s,ref:t}=Q.useContainerBreakpoints(be);return{ref:t,gridTemplateColumns:null!==e?`repeat(${Se(s,e.layout)}, 1fr)`:""}})(),ae=t.useMemo((()=>n.toChildArray(l).map(((e,t)=>"start"===T?s.jsx(Y.RichSelectionStartContext.Provider,{value:{setStartData:H,isFirst:0===t},children:e}):e))),[l,T]),oe=s.jsxs(s.Fragment,{children:[k&&s.jsx("div",{id:`${o}-top-ua-container`,class:"start"===T?z.topUAContainerStyles.start:z.topUAContainerStyles.top,children:s.jsx(x.InlineUserAssistanceContainer,{...N,testId:V,children:s.jsx(u.InlineHelp,{assistiveText:a,sourceLink:b,sourceText:S})})}),s.jsx(Z.View,{padding:["2x",0],width:"100%",children:s.jsx(J.Grid,{gridTemplateColumns:se,gap:"6x",role:"list",children:s.jsx(G.CheckboxRadioContext.Provider,{value:{isFocusRingShown:$},children:ae})})}),v?s.jsx(x.InlineUserAssistance,{...W,requiredAlignment:"start",messages:C,userAssistanceDensity:"reflow"===f?"reflow":"efficient",testId:M}):"reflow"===f?void 0:s.jsx(x.InlineUserAssistance,{id:W?.id,userAssistanceDensity:"efficient",testId:M})]}),le=X.layoutSpanStyles.layoutSpanColumn[i];return s.jsxs("div",{ref:K.mergeRefs(B,te),class:le,role:g,...j,...ee,...I,children:["none"===T?oe:s.jsx(Ie,{parentComponentVariant:A,hasTopUserAssistance:k,hasSecondaryText:O.hasSecondaryText,hasMedia:O.hasMedia,label:s.jsx(h.Label,{...D,variant:T,userAssistanceDensity:"efficient",parentComponentVariant:A,children:R}),labelEdge:T,labelStartWidth:_,children:oe}),p&&s.jsx(E.HiddenAccessible,{id:P,isHidden:!0,children:q})]})})),Ve=t.forwardRef((({"aria-describedby":e,assistiveText:t,baseId:a,children:i,columnSpan:n,helpSourceLink:d,helpSourceText:c,isDisabled:h,isReadonly:u,isRequired:b,label:S,labelEdge:y,labelStartWidth:p,layout:m,messages:x,selection:R,testId:T,userAssistanceDensity:_,value:C},L=null)=>{const A=null!=C&&("single"===R||C.size>0),{isDisabled:g,isReadonly:U,labelEdge:f,labelStartWidth:F,userAssistanceDensity:I}=o.useFormContext(),w=h??g,V=u??U,M=y??f,k=p??F,v=_??I,E=r.useFormFieldContextProps({hasValue:A,isDisabled:w,isReadonly:V}),B="error"===ce.useMessageSeverity(x)?"error":void 0;return s.jsx(l.FormFieldContext.Provider,{value:E,children:s.jsx(Y.RichSelectionContext.Provider,{value:{selection:R,layout:m,messageSeverity:B},children:s.jsx(we,{"aria-describedby":e,assistiveText:t,baseId:a,columnSpan:n,hasValue:A,helpSourceLink:d,helpSourceText:c,isDisabled:w,isReadonly:V,isRequired:b,label:S,labelEdge:M,labelStartWidth:k,messages:x,parentComponentVariant:"single"===R?"richRadioSet":"richCheckboxSet",ref:L,role:"single"===R?"radiogroup":"group",testId:T,userAssistanceDensity:v,children:i})})})}));e.BaseRichSelection=Ve}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'preact/hooks', './useFormFieldContextProps-4e36b4c3', 'preact', './useCollectionFocusRing-9dab85a9', './useTranslationBundle-33399171', './Label-a53aabb9', './InlineHelp-da5cabec', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-d208ce7b', './Flex-a208520e', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './useTestId-efb1c8f9', './LayerHost-a36b1781', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-cf586837', 'css!./IconStyle.styles.css', './IconButton-c2e5c1c5', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-92dfc51f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './CheckboxRadioFieldStyles.css-681da2d3', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-c8bc984d', './Grid-3dd364a1', './refUtils-d354a169', './useContainerBreakpoints-53f7e391', './RichSelectionStartContext-0912e7b0', './View-e15784b7', './classNames-08d99695', './useFormFieldContext-8196183c', './size-f0e638ec', './StyledLabelValueLayout-ddf48667', './useComponentTheme-5aa41a8f', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', 'css!./RichLabelValueLayoutStyles.styles.css', './useMessageSeverity-1d69e1ae'], (function(e,s,t,a,o,l,i,r,n,d,c,h,u,b,S,y,p,m,x,R,T,_,C,L,A,g,U,f,F,I,w,V,M,k,v,E,B,j,D,N,W,P,O,H,q,$,z,G,X,J,K,Q,Y,Z,ee,se,te,ae,oe,le,ie,re,ne,de,ce){"use strict";const he=["xl","lg","md","sm","xs"],ue={xl:{xl:6,md:4,sm:4},lg:{xl:4,md:3,sm:3},md:{xl:3,md:2,sm:2},sm:{xl:2,md:2,sm:2},xs:{xl:1,md:1,sm:1}},be={xs:"0px",sm:"600px",md:"768px",lg:"1024px",xl:"1440px"},Se=(e,s)=>{for(const t of he)if(e[t])return ue[t][s];return ue.xs[s]};var ye="RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichRadioSet__3a9bpp0",pe="RichLabelValueLayoutStyles_richLabelInnerStyles_startRichRadioSetWithoutTopUA__3a9bpp1",me="RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichRadioSetWithoutTopUA__3a9bpp2",xe="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp3",Re="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp4",Te="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp5",_e="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp6",Ce="RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichCheckboxSet__3a9bpp7",Le="RichLabelValueLayoutStyles_richLabelInnerStyles_startRichCheckboxSetWithoutTopUA__3a9bpp8",Ae="RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichCheckboxSetWithoutTopUA__3a9bpp9",ge="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppa",Ue="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppb",fe="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppc",Fe="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppd";const Ie=({label:e,labelEdge:t,children:a,labelStartWidth:l="33%",parentComponentVariant:i,hasTopUserAssistance:r=!1,hasSecondaryText:n=!1,hasMedia:d=!1})=>{const{baseTheme:c}=oe.useComponentTheme(le.RadioRedwoodTheme),{baseTheme:h}=oe.useComponentTheme(ne.CheckboxRedwoodTheme),{baseTheme:u}=oe.useComponentTheme(ie.LabelRedwoodTheme),{baseTheme:b}=oe.useComponentTheme(re.FormLayoutRedwoodTheme),S=Y.useRichSelectionContext(),y="richRadioSet"===i,p="richCheckboxSet"===i,m="start"===t,x="top"===t||"inside"===t,R="inside"===t,T=te.sizeToCSS(l),_=`calc(100% - ${T})`,C=m?{flexBasis:T,width:T,maxWidth:T}:{},L=m?{flexBasis:_,width:_,maxWidth:_}:{},{isFormLayout:A,isReadonly:g}=o.useFormContext(),{isReadonly:U}=se.useFormFieldContext(),f=A&&g||!A&&U,F=ee.classNames([b,ae.labelSlotStyles.base,m&&ae.labelSlotStyles.start,x&&ae.labelSlotStyles.top,x&&r&&ae.labelSlotStyles.topAndTopUA,x&&f&&ae.labelSlotStyles.topPureReadonly]),I=ee.classNames([y&&c,p&&h,u,b,ae.labelInnerStyles.base,m&&ae.labelInnerStyles.start,y&&R&&ye,p&&R&&Ce,y&&m&&!r&&"xl"!==S?.layout&&pe,y&&m&&!r&&"xl"===S?.layout&&me,y&&m&&"md"===S?.layout&&!r&&!n&&d&&xe,y&&m&&"md"===S?.layout&&!r&&!n&&!d&&Re,y&&m&&"sm"===S?.layout&&!r&&!n&&d&&Te,y&&m&&"sm"===S?.layout&&!r&&!n&&!d&&_e,p&&m&&!r&&"xl"!==S?.layout&&Le,p&&m&&!r&&"xl"===S?.layout&&Ae,p&&m&&"md"===S?.layout&&!r&&!n&&d&&ge,p&&m&&"md"===S?.layout&&!r&&!n&&!d&&Ue,p&&m&&"sm"===S?.layout&&!r&&!n&&d&&fe,p&&m&&"sm"===S?.layout&&!r&&!n&&!d&&Fe]);return s.jsx(ae.StyledLabelValueLayout,{flexAlign:U&&m?"stretch":"start",labelStyleClasses:F,labelStyles:C,labelInnerClasses:I,label:e,valueStyles:L,children:a})},we=t.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:o,children:l,columnSpan:i=1,hasValue:r,helpSourceLink:b,helpSourceText:S,isDisabled:y,isReadonly:p,isRequired:m,label:R,labelEdge:T,labelStartWidth:_="33%",messages:C,parentComponentVariant:A,role:g,testId:U,userAssistanceDensity:f},F=null)=>{const I=L.useTestId(U),w=`${U}-inline-user-assistance`,V=U?`${w}-top`:void 0,M=U?`${w}-bottom`:void 0,k=!(y||p||!a&&!b),v=!y&&!p,B=t.useRef(null),{groupProps:j,labelProps:D,topUserAssistanceProps:N,bottomUserAssistanceProps:W,readonlyId:P}=z.useCheckboxRadioField({ariaDescribedBy:e,baseId:o,isRequired:m,isReadonly:p,isDisabled:y,label:R,labelEdge:T,messages:C,hasValue:r,hasTopUserAssistance:k,hasBottomUserAssistance:v,parentComponentVariant:"richRadioSet"===A?"radioSet":"checkboxSet"}),[O,H]=t.useState({hasMedia:!1,hasSecondaryText:!1}),q=c.useTranslationBundle("@oracle/oraclejet-preact").formControl_readOnly();t.useImperativeHandle(F,(()=>({focus:()=>{if(!y){const e=B.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{B.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[$,ee]=d.useCollectionFocusRing(B,"richRadioSet"===A?["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]:["Tab"]),{gridTemplateColumns:se,ref:te}=(()=>{const e=Y.useRichSelectionContext(),{breakpointMatches:s,ref:t}=Q.useContainerBreakpoints(be);return{ref:t,gridTemplateColumns:null!==e?`repeat(${Se(s,e.layout)}, 1fr)`:""}})(),ae=t.useMemo((()=>n.toChildArray(l).map(((e,t)=>"start"===T?s.jsx(Y.RichSelectionStartContext.Provider,{value:{setStartData:H,isFirst:0===t},children:e}):e))),[l,T]),oe=s.jsxs(s.Fragment,{children:[k&&s.jsx("div",{id:`${o}-top-ua-container`,class:"start"===T?z.topUAContainerStyles.start:z.topUAContainerStyles.top,children:s.jsx(x.InlineUserAssistanceContainer,{...N,testId:V,children:s.jsx(u.InlineHelp,{assistiveText:a,sourceLink:b,sourceText:S})})}),s.jsx(Z.View,{padding:["2x",0],width:"100%",children:s.jsx(J.Grid,{gridTemplateColumns:se,gap:"6x",role:"list",children:s.jsx(G.CheckboxRadioContext.Provider,{value:{isFocusRingShown:$},children:ae})})}),v?s.jsx(x.InlineUserAssistance,{...W,requiredAlignment:"start",messages:C,userAssistanceDensity:"reflow"===f?"reflow":"efficient",testId:M}):"reflow"===f?void 0:s.jsx(x.InlineUserAssistance,{id:W?.id,userAssistanceDensity:"efficient",testId:M})]}),le=X.layoutSpanStyles.layoutSpanColumn[i];return s.jsxs("div",{ref:K.mergeRefs(B,te),class:le,role:g,...j,...ee,...I,children:["none"===T?oe:s.jsx(Ie,{parentComponentVariant:A,hasTopUserAssistance:k,hasSecondaryText:O.hasSecondaryText,hasMedia:O.hasMedia,label:s.jsx(h.Label,{...D,variant:T,userAssistanceDensity:"efficient",parentComponentVariant:A,children:R}),labelEdge:T,labelStartWidth:_,children:oe}),p&&s.jsx(E.HiddenAccessible,{id:P,isHidden:!0,children:q})]})})),Ve=t.forwardRef((({"aria-describedby":e,assistiveText:t,baseId:a,children:i,columnSpan:n,helpSourceLink:d,helpSourceText:c,isDisabled:h,isReadonly:u,isRequired:b,label:S,labelEdge:y,labelStartWidth:p,layout:m,messages:x,selection:R,testId:T,userAssistanceDensity:_,value:C},L=null)=>{const A=null!=C&&("single"===R||C.size>0),{isDisabled:g,isReadonly:U,labelEdge:f,labelStartWidth:F,userAssistanceDensity:I}=o.useFormContext(),w=h??g,V=u??U,M=y??f,k=p??F,v=_??I,E=r.useFormFieldContextProps({hasValue:A,isDisabled:w,isReadonly:V}),B="error"===ce.useMessageSeverity(x)?"error":void 0;return s.jsx(l.FormFieldContext.Provider,{value:E,children:s.jsx(Y.RichSelectionContext.Provider,{value:{selection:R,layout:m,messageSeverity:B},children:s.jsx(we,{"aria-describedby":e,assistiveText:t,baseId:a,columnSpan:n,hasValue:A,helpSourceLink:d,helpSourceText:c,isDisabled:w,isReadonly:V,isRequired:b,label:S,labelEdge:M,labelStartWidth:k,messages:x,parentComponentVariant:"single"===R?"richRadioSet":"richCheckboxSet",ref:L,role:"single"===R?"radiogroup":"group",testId:T,userAssistanceDensity:v,children:i})})})}));e.BaseRichSelection=Ve}));
 //# sourceMappingURL=BaseRichSelection-65bb6f89.js.map

package/amd/ButtonSet-3459b0e6.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './dimensions-fda85d6b', './mergeInterpolations-9ede4cf7', './classNames-08d99695', './UNSAFE_ButtonSet/themes/ButtonSetStyles.css', './useButtonSetContext-dffdaea3', 'preact', './ButtonSetPositionContext-fd98cc11', 'preact/hooks', './toggleButtonUtils-0ebe4c56', './useTestId-d0c49456', './useRovingTabIndexContainer-6b89c886', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './refUtils-d354a169'], (function(e,t,a,s,n,o,i,d,l,r,b,c,u,x,f,h,m){"use strict";function p({children:e}){const a=l.toChildArray(e);return t.jsx(l.Fragment,{children:a.map(((e,s)=>l.isValidElement(e)?t.jsx(r.ButtonSetPositionContext.Provider,{value:{position:c.indexToPosition(s,a.length)},children:e}):null))})}p.displayName="ButtonSetItems";const I=[...Object.values(s.dimensionInterpolations)],T=n.mergeInterpolations(I),g=a.forwardRef((({children:e,testId:a,"aria-label":s,"aria-labelledby":n,"aria-controls":l,"aria-describedby":r,width:c},I)=>{const{layoutWidth:g,isDisabled:v}=d.useButtonSetContext(),y=u.useTestId(a),{isTabbable:C}=h.useTabbableMode(v),{isRoving:S}=b.useContext(f.TabbableModeContext),{focusedId:B,rovingTabIndexContainerProps:{ref:j,tabIndex:P,...R}}=x.useRovingTabIndexContainer(!C),{class:M,...N}=T({width:c}),w=o.classNames([i.styles.base,M,"equal"===g?i.styles.fullWidth:void 0]);return t.jsx("span",{role:"toolbar",class:w,style:N,ref:S?I:m.mergeRefs(I,j),"aria-label":s,"aria-labelledby":n,"aria-describedby":r,"aria-controls":l,tabIndex:v||S?void 0:P,...y,...R,children:S?t.jsx(p,{children:e}):t.jsx(f.TabbableModeContext.Provider,{value:{isTabbable:C,isRoving:!0,focusedId:B},children:t.jsx(p,{children:e})})})}));g.displayName="ButtonSet",e.ButtonSet=g}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './dimensions-fda85d6b', './mergeInterpolations-9ede4cf7', './classNames-08d99695', './UNSAFE_ButtonSet/themes/ButtonSetStyles.css', './useButtonSetContext-dffdaea3', 'preact', './ButtonSetPositionContext-fd98cc11', 'preact/hooks', './toggleButtonUtils-0ebe4c56', './useTestId-efb1c8f9', './useRovingTabIndexContainer-f72b17ab', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './refUtils-d354a169'], (function(e,t,a,s,n,o,i,l,d,r,b,c,u,x,f,h,m){"use strict";function p({children:e}){const a=d.toChildArray(e);return t.jsx(d.Fragment,{children:a.map(((e,s)=>d.isValidElement(e)?t.jsx(r.ButtonSetPositionContext.Provider,{value:{position:c.indexToPosition(s,a.length)},children:e}):null))})}p.displayName="ButtonSetItems";const I=[...Object.values(s.dimensionInterpolations)],T=n.mergeInterpolations(I),g=a.forwardRef((({children:e,testId:a,"aria-label":s,"aria-labelledby":n,"aria-controls":d,"aria-describedby":r,width:c},I)=>{const{layoutWidth:g,isDisabled:v}=l.useButtonSetContext(),y=u.useTestId(a),{isTabbable:C}=h.useTabbableMode(v),{isRoving:S}=b.useContext(f.TabbableModeContext),{focusedId:B,rovingTabIndexContainerProps:{ref:j,tabIndex:P,...R}}=x.useRovingTabIndexContainer(!C),{class:M,...N}=T({width:c}),w=o.classNames([i.styles.base,M,"equal"===g?i.styles.fullWidth:void 0]);return t.jsx("span",{role:"toolbar",class:w,style:N,ref:S?I:m.mergeRefs(I,j),"aria-label":s,"aria-labelledby":n,"aria-describedby":r,"aria-controls":d,tabIndex:v||S?void 0:P,...y,...R,children:S?t.jsx(p,{children:e}):t.jsx(f.TabbableModeContext.Provider,{value:{isTabbable:C,isRoving:!0,focusedId:B},children:t.jsx(p,{children:e})})})}));g.displayName="ButtonSet",e.ButtonSet=g}));
 //# sourceMappingURL=ButtonSet-3459b0e6.js.map

package/amd/ButtonSetIconButton-5b13a4c9.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './BaseButton-c6563bf2', './useTooltip-f7c1ad5c', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-1b4d03f0', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-304eef18', './useButtonSetContext-dffdaea3', './ToggleButtonLabel-2f0e4f18', './toggleButtonUtils-0ebe4c56', './buttonUtils-97878e90'], (function(t,e,o,s,n,i,l,a,r,u,c,d,p,b,g,f,B,h){"use strict";const y=s.forwardRef((({children:t,tooltip:s,value:r,accessibleLabel:u,isSelected:c=!1,onToggle:d,position:p,testId:b,width:y,"aria-describedby":S,...m},T)=>{const x=g.useButtonSetContext(),{inputProps:v,buttonSetButtonProps:w,isDisabled:C}=h.processSetButtonProps(m,x),I=n.useRef(null);n.useImperativeHandle(T,(()=>I.current),[I]);const{tooltipContent:P,tooltipProps:L}=l.useTooltip({text:s??u,isDisabled:C}),U=B.toggleStyling(w.layoutWidth,c,!1,!0,"outlined"===w.variant,p,void 0,!0),j={"aria-describedby":S};return e.jsxs(o.Fragment,{children:[e.jsx(i.BaseButton,{...a.mergeProps(w,j,L),elementDetails:{type:"span",isFocusable:!1,isLabel:!0},onAction:()=>d?.({value:c}),styling:U,width:x.width?"100%":y,ref:I,testId:b,children:e.jsx(f.ToggleButtonLabel,{label:u??s,display:"icons",isSelected:c,...v,value:r,startIcon:t})}),P]})}));y.displayName="ButtonSetIconButton",t.ButtonSetIconButton=y}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './BaseButton-c6563bf2', './useTooltip-c10bcc4e', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-a36b1781', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-cf586837', './useButtonSetContext-dffdaea3', './ToggleButtonLabel-2f0e4f18', './toggleButtonUtils-0ebe4c56', './buttonUtils-97878e90'], (function(t,e,o,s,n,i,l,a,r,c,u,p,d,b,g,B,f,h){"use strict";const y=s.forwardRef((({children:t,tooltip:s,value:r,accessibleLabel:c,isSelected:u=!1,onToggle:p,position:d,testId:b,width:y,"aria-describedby":S,...m},T)=>{const x=g.useButtonSetContext(),{inputProps:v,buttonSetButtonProps:w,isDisabled:C}=h.processSetButtonProps(m,x),I=n.useRef(null);n.useImperativeHandle(T,(()=>I.current),[I]);const{tooltipContent:P,tooltipProps:L}=l.useTooltip({text:s??c,isDisabled:C}),U=f.toggleStyling(w.layoutWidth,u,!1,!0,"outlined"===w.variant,d,void 0,!0),j={"aria-describedby":S};return e.jsxs(o.Fragment,{children:[e.jsx(i.BaseButton,{...a.mergeProps(w,j,L),elementDetails:{type:"span",isFocusable:!1,isLabel:!0},onAction:()=>p?.({value:u}),styling:U,width:x.width?"100%":y,ref:I,testId:b,children:e.jsx(B.ToggleButtonLabel,{label:c??s,display:"icons",isSelected:u,...v,value:r,startIcon:t})}),P]})}));y.displayName="ButtonSetIconButton",t.ButtonSetIconButton=y}));
 //# sourceMappingURL=ButtonSetIconButton-5b13a4c9.js.map

package/amd/Card-8fd9b2c8.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './StyledCard-5c9cee13'], (function(e,r,t){"use strict";e.Card=({children:e,...n})=>r.jsx(t.StyledCard,{role:"group",parentComponentVariant:"default",...n,children:e})}));
+//# sourceMappingURL=Card-8fd9b2c8.js.map

package/amd/Card-8fd9b2c8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-8fd9b2c8.js","sources":["../../src/UNSAFE_Card/Card.tsx"],"sourcesContent":["/**\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 */\n\nimport { ComponentChildren } from 'preact';\n\nimport { StyledCard } from '#PRIVATE_StyledCard';\n\nimport { type ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { type AriaProps } from '#utils/UNSAFE_interpolations/aria';\nimport { type DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { type PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = TestIdProps &\n  StyleProps & {\n    children?: ComponentChildren;\n  };\n\n/**\n * A card is a simple container that renders a group of related information in a styled rectangular area.\n * Width, height, padding, and background color are set through props.\n * The aria role for card is normally \"group\" but this changes to \"button\" for action cards.\n */\n\nexport const Card = ({ children, ...rest }: Props) => {\n  return (\n    <StyledCard role=\"group\" parentComponentVariant=\"default\" {...rest}>\n      {children}\n    </StyledCard>\n  );\n};\n"],"names":["children","rest","_jsx","StyledCard","role","parentComponentVariant"],"mappings":"qGA+BoB,EAAGA,cAAaC,KAEhCC,MAACC,EAAAA,WAAW,CAAAC,KAAK,QAAQC,uBAAuB,aAAcJ,WAC3DD"}

package/amd/Center-567b111f.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './Flex-a208520e'], (function(e,t,i){"use strict";e.Center=function({children:e,width:n="100%",height:r="100%",...c}){return t.jsx(i.Flex,{...c,justify:"center",align:"center",width:n,height:r,children:e})}}));
+//# sourceMappingURL=Center-567b111f.js.map

package/amd/Center-567b111f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center-567b111f.js","sources":["../../src/UNSAFE_Center/Center.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { Flex } from '../UNSAFE_Flex';\n\ntype Props = DimensionProps & {\n  children?: ComponentChildren;\n};\n\n/**\n * Center is a convenience component that creates a flexbox\n * with justifyContent: center and alignItems: center.\n *\n */\n// TODO: How do I add background-color, border, etc?\nfunction Center({ children, width = '100%', height = '100%', ...props }: Props) {\n  return (\n    <Flex {...props} justify=\"center\" align=\"center\" width={width} height={height}>\n      {children}\n    </Flex>\n  );\n}\n\nexport { Center };\n"],"names":["children","width","height","props","_jsx","Flex","justify","align"],"mappings":"iGAcA,UAAgBA,SAAEA,EAAQC,MAAEA,EAAQ,OAAMC,OAAEA,EAAS,UAAWC,IAC9D,OACEC,EAAAA,IAACC,EAAAA,KAAS,IAAAF,EAAOG,QAAQ,SAASC,MAAM,SAASN,MAAOA,EAAOC,OAAQA,EACpEF,SAAAA,GAGP"}