@oracle/oraclejet-preact 18.0.10 → 18.0.11

package/amd/ActionCard-3f86f73f.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './useActionable-d75af68a', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './StyledCard-c4d0324d'], (function(e,t,a,o,n,r,i){"use strict";const d=a.forwardRef((({children:e,onAction:a,testId:n,...d},s)=>{const{isTabbable:c}=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:c?0:-1,testId:n,...d,children:e})}));e.ActionCard=d}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useActionable-d75af68a', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './StyledCard-0da6f6b5'], (function(e,t,a,o,n,r,i){"use strict";const s=a.forwardRef((({children:e,onAction:a,testId:n,...s},d)=>{const{isTabbable:c}=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:d,role:"button",tabIndex:c?0:-1,testId:n,...s,children:e})}));e.ActionCard=s}));
 //# sourceMappingURL=ActionCard-3f86f73f.js.map

package/amd/BarChart-f47d1c31.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './BarGroup-76ef0839', './useUser-3ef25571', './layoutUtils-c2938c54', './dataStyleUtils-7ba616b8', './Chart-25d4c94f'], (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),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?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-f47d1c31.js.map

package/amd/BarChart-f47d1c31.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart-f47d1c31.js","sources":["../../src/UNSAFE_BarChart/utils/barNavUtils.ts","../../src/UNSAFE_BarChart/OverviewBarChart.tsx","../../src/UNSAFE_BarChart/BarChart.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 { Info, ItemInfo } from '#utils/UNSAFE_visTypes/chart';\nimport {\n  getNextItemInGroup,\n  getNextItemInSeries,\n  getPrevItemInGroup,\n  getPrevItemInSeries\n} from '#utils/PRIVATE_chartUtils/navUtils';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\n\ntype isItemNavigableType = (seriesIndex: number, groupIndex: number) => boolean;\n\n/**\n * Get next item in unstacked bar chart.\n * @param info\n * @param viewportEndIndex\n * @param numSeries\n * @param isNavigable\n * @returns\n */\nexport function getNextItem(\n  info: ItemInfo,\n  viewportEndIndex: number,\n  numSeries: number,\n  isNavigable: isItemNavigableType\n): ItemInfo {\n  const nextItemInGroup = getNextItemInGroup(info, numSeries, isNavigable);\n  if (nextItemInGroup) return nextItemInGroup;\n\n  if (info.groupIndex < viewportEndIndex) {\n    let nextItem = { seriesIndex: 0, groupIndex: info.groupIndex + 1 };\n    if (isNavigable(nextItem.seriesIndex, nextItem.groupIndex)) return nextItem;\n    nextItem = getNextItem(nextItem, viewportEndIndex, numSeries, isNavigable);\n    if (nextItem) return nextItem;\n  }\n  return info;\n}\n\n/**\n * Get prev item in unstacked bar chart.\n * @param info\n * @param viewportStartIndex\n * @param numSeries\n * @param isNavigable\n * @returns\n */\nexport function getPreviousItem(\n  info: ItemInfo,\n  viewportStartIndex: number,\n  numSeries: number,\n  isNavigable: (seriesIndex: number, groupIndex: number) => boolean\n) {\n  const prevItemInGroup = getPrevItemInGroup(info, isNavigable);\n  if (prevItemInGroup) return prevItemInGroup;\n\n  if (info.groupIndex > viewportStartIndex) {\n    let prevItem = { groupIndex: info.groupIndex - 1, seriesIndex: numSeries - 1 };\n    if (isNavigable(prevItem.seriesIndex, prevItem.groupIndex)) return prevItem;\n    prevItem = getPreviousItem(prevItem, viewportStartIndex, numSeries, isNavigable);\n    if (prevItem) return prevItem;\n  }\n  return info;\n}\n\nexport function getBarChartNavUtil<K, D extends BarItemData<K>>(\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined,\n  numSeries: number,\n  viewportStartIndex: number,\n  viewportEndIndex: number,\n  isStacked: boolean,\n  isRtl: boolean\n) {\n  const isItemNavigable = (seriesIndex: number, groupIndex: number) => {\n    const barItem = getDataItem(seriesIndex, groupIndex);\n    return Boolean(barItem);\n  };\n\n  const getNextChartItem = (\n    itemInfo: Info,\n    arrow: 'ArrowLeft' | 'ArrowRight' | 'ArrowDown' | 'ArrowUp'\n  ): Info => {\n    if (!isStacked && (arrow === 'ArrowDown' || arrow === 'ArrowUp')) {\n      return itemInfo;\n    }\n    let newInfo: Info | undefined;\n    // TODO: this is just to keep typescript happy.\n    // figure out consistent typing while doing type cleanup.\n    const info = {\n      groupIndex: itemInfo.groupIndex!,\n      seriesIndex: itemInfo.seriesIndex!\n    };\n\n    if (info.groupIndex! < viewportStartIndex) {\n      info.groupIndex = viewportStartIndex;\n      return info;\n    } else if (info.groupIndex! > viewportEndIndex) {\n      info.groupIndex = viewportEndIndex;\n      return info;\n    }\n\n    if (isStacked) {\n      if (arrow === 'ArrowLeft') {\n        newInfo = isRtl\n          ? getNextItemInSeries(info, viewportEndIndex, isItemNavigable)\n          : getPrevItemInSeries(info, viewportStartIndex, isItemNavigable);\n      } else if (arrow === 'ArrowRight') {\n        newInfo = isRtl\n          ? getPrevItemInSeries(info, viewportStartIndex, isItemNavigable)\n          : getNextItemInSeries(info, viewportEndIndex, isItemNavigable);\n      } else if (arrow === 'ArrowDown') {\n        newInfo = getPrevItemInGroup(info, isItemNavigable);\n      } else {\n        newInfo = getNextItemInGroup(info, numSeries, isItemNavigable);\n      }\n    } else {\n      if (arrow === 'ArrowRight') {\n        newInfo = isRtl\n          ? getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable)\n          : getNextItem(info, viewportEndIndex, numSeries, isItemNavigable);\n      } else if (arrow === 'ArrowLeft') {\n        newInfo = isRtl\n          ? getNextItem(info, viewportEndIndex, numSeries, isItemNavigable)\n          : getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable);\n      }\n    }\n    return newInfo || info;\n  };\n\n  return getNextChartItem;\n}\n","import { BarChart } from './BarChart';\nimport { BarChartProps, BarItemData } from './barChart.types';\n\nexport function OverviewBarChart<K extends string | number, D extends BarItemData<K>>(\n  props: BarChartProps<K, D>\n) {\n  return (\n    <BarChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        },\n        xMajorTick: {\n          \n        }\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      overview=\"off\"\n    />\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { BarChartProps, BarItemData } from './barChart.types';\nimport { getBarGapRatio } from './utils/barSeriesUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BarGroup } from './BarGroup';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport {\n  getBarCenterCoordinate,\n  getBarPosition,\n  getSeriesOffsetAndWidth\n} from './utils/barLayoutUtils';\nimport { getBarChartNavUtil } from './utils/barNavUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { TimeAxisProps, Scale } from '#utils/UNSAFE_visTypes/chart';\nimport { getItemColor } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { OverviewBarChart } from './OverviewBarChart';\n\n/* bar chart start and end axis offset */\nconst AXIS_OFFSET = 0.5;\n\n/**\n * A Bar chart displays information graphically using rectangular bars with heights or lengths proportional to the values that they represent,\n * making relationships among the data easier to understand.\n */\nexport function BarChart<K extends string | number, D extends BarItemData<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataItemGaps = 0.5,\n  ...props\n}: BarChartProps<K, D>) {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const hiddenSet = new Set(hiddenIds);\n  const isHoriz = orientation === 'horizontal';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const getGapRatio = (startIndex: number, endIndex: number) => {\n    return getBarGapRatio(isStacked, startIndex, endIndex);\n  };\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    return getBarChartNavUtil(getDataItem, series.length, startIndex, endIndex, isStacked, isRtl);\n  };\n  const getDataItemPos = (xScale: Scale, yScale: Scale, groupWidth: number, gapRatio: number) => {\n    return getBarPosition(\n      series,\n      groups,\n      getDataItem,\n      xScale,\n      yScale,\n      hiddenSet,\n      dataItemGaps,\n      groupWidth,\n      gapRatio,\n      yAxis?.scale === 'log',\n      isStacked,\n      isRtl,\n      isHoriz,\n      timeAxisType\n    );\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale, groupWidth: number, gapRatio: number) => {\n    const getSeriesDataInfo = getSeriesOffsetAndWidth(\n      groupWidth,\n      gapRatio,\n      series.length,\n      dataItemGaps,\n      isStacked,\n      isRtl\n    );\n    return findNearestDataPoint(\n      series,\n      groups,\n      xScale,\n      yScale,\n      getDataItem,\n      isStacked,\n      getSeriesDataInfo,\n      getBarCenterCoordinate,\n      yAxis?.scale === 'log',\n      dataItemGaps,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: 'circle' as const\n    };\n  };\n\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      groups={groups}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      renderGridLinesInFront={false}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      getMarkerInfo={getMarkerColorAndType}\n      isRtl={isRtl}\n      offset={AXIS_OFFSET}\n      defaultOverviewContentRenderer={() => {\n        return <OverviewBarChart series={series} groups={groups} getDataItem={getDataItem} />;\n      }}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        gapRatio,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        groupWidth,\n        isPointInsideMarquee,\n        getTextDimensions,\n        defaultFontSize,\n        colors\n      }) => {\n        return (\n          <>\n            {groups.slice(xStartIndex, xEndIndex + 1).map((_, index) => (\n              <BarGroup\n                yScale={yScale}\n                xScale={xScale}\n                groupIndex={index + xStartIndex}\n                selectedIds={selectedSet}\n                hiddenIds={hiddenSet}\n                highlightedIds={highlightedIds ? highlightedSet : highlightedIds}\n                isDrillEnabled={drilling === 'on'}\n                series={series}\n                barGapRatio={gapRatio}\n                dataItemGaps={dataItemGaps}\n                isPointInsideMarquee={isPointInsideMarquee}\n                isStacked={isStacked}\n                groupWidth={groupWidth}\n                group={groups[index]}\n                timeAxisType={(props.xAxis as TimeAxisProps)?.timeAxisType}\n                colors={colors}\n                activeId={activeId}\n                isLog={yAxis?.scale === 'log'}\n                orientation={orientation}\n                getDataItem={getDataItem}\n                isSelectionEnabled={selectionMode != 'none'}\n                isRtl={isRtl}\n                focusedItemInfo={focusedItemInfo}\n                hoveredItemInfo={hoveredItemInfo}\n                getTextDimensions={getTextDimensions}\n                defaultFontSize={defaultFontSize}\n                getStackLabel={props.getStackLabel}\n              />\n            ))}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["getNextItem","info","viewportEndIndex","numSeries","isNavigable","nextItemInGroup","getNextItemInGroup","groupIndex","nextItem","seriesIndex","getPreviousItem","viewportStartIndex","prevItemInGroup","getPrevItemInGroup","prevItem","OverviewBarChart","props","_jsx","BarChart","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","xMajorTick","xAxis","tickLabel","autoRotate","timeAxisType","series","groups","getDataItem","yAxis","overview","AXIS_OFFSET","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","isStacked","selectionMode","drilling","dataItemGaps","direction","useUser","isRtl","hiddenSet","Set","isHoriz","selectedSet","highlightedSet","Chart","renderGridLinesInFront","findNearest","xScale","yScale","groupWidth","gapRatio","getSeriesDataInfo","getSeriesOffsetAndWidth","length","findNearestDataPoint","getBarCenterCoordinate","scale","getDataItemPos","getBarPosition","getNavUtil","startIndex","endIndex","isItemNavigable","barItem","Boolean","itemInfo","arrow","newInfo","getNextItemInSeries","getPrevItemInSeries","getBarChartNavUtil","getGapRatio","getBarGapRatio","getMarkerInfo","color","getItemColor","type","offset","defaultOverviewContentRenderer","jsx","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","getTextDimensions","defaultFontSize","colors","_Fragment","Fragment","slice","map","_","index","BarGroup","isDrillEnabled","barGapRatio","group","isLog","isSelectionEnabled","getStackLabel"],"mappings":"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"}

package/amd/BarGroup-76ef0839.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', './PRIVATE_Chart/themes/ChartStyles.css', './classNames-08d99695', './layoutUtils-c2938c54', './useTranslationBundle-516b1b83', './dataStyleUtils-7ba616b8', './accUtils-530bdb90', './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-c2938c54', './useTranslationBundle-d07d4b20', './dataStyleUtils-7ba616b8', './accUtils-530bdb90', './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-76ef0839.js.map

package/amd/BaseButton-9f103e94.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './usePress-949a0d03', './usePressClick-b5bf4243', './useHover-7964884c', './useActive-bb5dc069', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useColorScheme-443e7cc7', './classNames-08d99695', './dimensions-60420dbb', './mergeInterpolations-9ede4cf7', './clientHints-4f5a07b0', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './useComponentTheme-5aa41a8f', './useTestId-b5cd4766'], (function(e,t,o,n,i,s,a,r,d,l,u,c,b,p,h,m,v,y){"use strict";const B=[...Object.values(c.dimensionInterpolations)],S=b.mergeInterpolations(B),E="ios"===p.getClientHints().platform?{ontouchstart:function(){}}:{},f="events"===p.getClientHints().hoverSupport,A=o.forwardRef((({variant:e,isReadOnly:o=!1,isDisabled:r=!1,isRepeat:c=!1,isClick:b,size:p,elementDetails:B={type:"button",buttonType:"button"},styling:A=["default"],edge:T="none","aria-label":H,"aria-hidden":g,"aria-expanded":I,"aria-roledescription":w,"aria-haspopup":N,"aria-describedby":C,"aria-pressed":R,"aria-checked":M,"aria-live":D,testId:P,onBlur:k,onFocus:x,onMouseEnter:F,onMouseLeave:L,onTouchEnd:q,onTouchStart:W,onKeyDown:j,...K},O)=>{const U=e=>{K.onAction&&K.onAction({reason:"keyup"==e.type?"keyboard":"pointer"})},{pressProps:z}=n.usePress(U,{isDisabled:r||o,isRepeat:c}),{pressProps:_}=i.usePressClick(U,{isDisabled:r||o}),G=e=>A.indexOf(e)>-1,{hoverProps:J,isHover:Q}=s.useHover({isDisabled:!f}),{activeProps:V,isActive:X}=a.useActive({isDisabled:o}),{class:Y,...Z}=S({...K,onBlur:k,onFocus:x,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"}}})($,g??!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:T,hybrid:f?"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",colorScheme:ce}),pe={onBlur:k,onFocus:x,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":H,"aria-describedby":C,"aria-hidden":g,"aria-roledescription":w,"aria-expanded":I,"aria-pressed":R,"aria-checked":M,"aria-live":D,...he,...me},ye=void 0===b?!!le:b,Be=h.mergeProps(ie,K.onAction?c||ye?_:z:{},E,J,G("container")?{}:V,pe),Se=u.classNames([Y,be]),Ee=y.useTestId(P);return t.jsx(re,{ref:O,disabled:r,class:Se,style:Z,autofocus:K.autofocus,title:K.title,...ve,...de&&(!1===ee||r)||le&&r?{tabIndex:void 0}:ue,...se,...Ee,...Be,...ae,children:K.children})}));A.displayName="BaseButton",e.BaseButton=A}));
+//# sourceMappingURL=BaseButton-9f103e94.js.map

package/amd/BaseButton-9f103e94.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton-9f103e94.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { usePressClick } from '../hooks/UNSAFE_usePressClick';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { BaseButtonVariantOptions } from './themes/BaseButtonStyles.css';\nimport { BaseButtonRedwoodTheme } from './themes/redwood/BaseButtonTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\n\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\n\nexport type ActionDetail = {\n  reason: 'pointer' | 'keyboard';\n};\n\ntype BaseButtonElementDetails =\n  | {\n      type: 'button';\n      buttonType?: 'button' | 'submit';\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: boolean;\n    }\n  | {\n      type: 'a';\n      buttonType?: never;\n      href: string;\n      target?: string;\n      rel?: string;\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: never;\n    }\n  | {\n      type: 'span';\n      buttonType?: never;\n      isFocusable?: boolean;\n      isLabel?: boolean;\n      isSwitch?: boolean;\n    };\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'title'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n  | 'onKeyDown'\n>;\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'noBorderEnd'\n  | 'noBorderStart'\n  | 'active'\n  | 'selected'\n  | 'buttonSetItem'\n  | 'trailingItem'\n  | 'widthEqual'\n  | 'hiddenLabel'\n  | 'noHoverActive'\n  | 'widthAuto';\n\ntype AriaProps = {\n  'aria-label'?: string;\n  'aria-hidden'?: boolean;\n  'aria-expanded'?: boolean;\n  'aria-roledescription'?: string;\n  'aria-describedby'?: string;\n  'aria-haspopup'?: HTMLAttributesSignalExcluded['aria-haspopup'];\n  'aria-pressed'?: boolean;\n  'aria-checked'?: boolean;\n  'aria-live'?: 'polite' | 'assertive' | 'off';\n};\n\nexport type Props = IntrinsicProps &\n  AriaProps &\n  DimensionProps &\n  TestIdProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button be read-only.\n     */\n    isReadOnly?: boolean;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifies if Button should use only a click handler, not keyup/down, ptr up/down\n     */\n    isClick?: boolean;\n\n    /**\n     *\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation.  Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: 'xs', \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: (details: ActionDetail) => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n  };\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nconst roleProps = (\n  elType: string,\n  hidden: boolean,\n  isFocusable: boolean,\n  isLabel: boolean,\n  isSwitch: boolean\n): { role?: HTMLAttributesSignalExcluded['role'] } => {\n  switch (elType) {\n    case 'link':\n      return { role: 'link' };\n    case 'button':\n      return isSwitch ? { role: 'switch' } : {};\n    case 'span':\n      return isLabel\n        ? {}\n        : hidden\n        ? { role: 'none' }\n        : isFocusable\n        ? isSwitch\n          ? { role: 'switch' }\n          : { role: 'button' }\n        : { role: 'img' };\n    default:\n      return hidden ? { role: 'none' } : isFocusable ? { role: 'button' } : { role: 'img' };\n  }\n};\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant,\n      isReadOnly = false,\n      isDisabled = false,\n      isRepeat = false,\n      isClick,\n      size,\n      elementDetails = { type: 'button', buttonType: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      'aria-label': accessibleLabel,\n      'aria-hidden': ariaHidden,\n      'aria-expanded': ariaExpanded,\n      'aria-roledescription': ariaRoledescription,\n      'aria-haspopup': ariaHasPopup,\n      'aria-describedby': ariaDescribedBy,\n      'aria-pressed': ariaPressed,\n      'aria-checked': ariaChecked,\n      'aria-live': ariaLive,\n      testId,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      onKeyDown,\n      ...props\n    }: Props,\n    ref?:\n      | ForwardedRef<HTMLButtonElement>\n      | ForwardedRef<HTMLAnchorElement>\n      | ForwardedRef<HTMLSpanElement>\n  ) => {\n    const pressHandler = (e: Event) => {\n      if (props.onAction) {\n        props.onAction({\n          reason: e.type == 'keyup' ? 'keyboard' : 'pointer'\n        });\n      }\n    };\n\n    const { pressProps } = usePress(pressHandler, {\n      isDisabled: isDisabled || isReadOnly,\n      isRepeat\n    });\n    const { pressProps: pressClickProps } = usePressClick(pressHandler, {\n      isDisabled: isDisabled || isReadOnly\n    });\n\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive({ isDisabled: isReadOnly });\n    const { class: cls, ...styles } = styleInterpolations({\n      ...props,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      onKeyDown\n    });\n    const {\n      type: elementType = 'button',\n      isFocusable: isElementFocusable = true,\n      isLabel: isElementLabel = false,\n      isSwitch: isElementSwitch = false,\n      buttonType = 'button',\n      ...elementProps\n    } = { ...elementDetails };\n    const typeProps =\n      elementType === 'button' && buttonType === 'button' ? { type: buttonType } : {};\n\n    // 'role' should be 'none' when aria-hidden is true or 'img' when false and not focusable\n    const role = roleProps(\n      elementType,\n      ariaHidden ?? false,\n      isElementFocusable,\n      isElementLabel,\n      isElementSwitch\n    );\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const isBaseButton = ElementType == 'button';\n    const { tabbableModeProps } = useTabbableMode(isDisabled);\n    const colorScheme = useColorScheme();\n\n    const { variantClasses } = useComponentTheme<BaseButtonVariantOptions>(BaseButtonRedwoodTheme, {\n      size,\n      variant,\n      unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',\n      embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',\n      container: isStyled('container') ? 'isContainer' : 'notContainer',\n      noBorderRadiusStart: isStyled('noBorderRadiusStart')\n        ? 'isNoBorderRadiusStart'\n        : 'notNoBorderRadiusStart',\n      noBorderRadiusEnd: isStyled('noBorderRadiusEnd')\n        ? 'isNoBorderRadiusEnd'\n        : 'notNoBorderRadiusEnd',\n      noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',\n      noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',\n      activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',\n      selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',\n      buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',\n      trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',\n      fill: isStyled('fill') ? 'isFill' : 'notFill',\n      min: isStyled('min') ? 'isMin' : 'notMin',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      edge,\n      hybrid: isHybrid ? 'isHybrid' : 'notHybrid',\n      active: isActive ? 'isActive' : 'notActive',\n      hover: isHover ? 'isHover' : 'notHover',\n      span: isSpan ? 'isSpan' : 'notSpan',\n      widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',\n      widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',\n      hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',\n      noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',\n      colorScheme\n    });\n\n    const globalEventProps = {\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      onKeyDown\n    };\n\n    const arDisabled = isBaseButton\n      ? {}\n      : isDisabled\n      ? { 'aria-disabled': isDisabled }\n      : isReadOnly\n      ? { 'aria-disabled': true }\n      : {};\n    const arHaspopups = ariaHasPopup ? { 'aria-haspopup': ariaHasPopup } : {};\n\n    const ariaProps =\n      role.role === 'none'\n        ? {}\n        : {\n            'aria-label': accessibleLabel,\n            'aria-describedby': ariaDescribedBy,\n            'aria-hidden': ariaHidden,\n            'aria-roledescription': ariaRoledescription,\n            'aria-expanded': ariaExpanded,\n            'aria-pressed': ariaPressed,\n            'aria-checked': ariaChecked,\n            'aria-live': ariaLive,\n            ...arDisabled,\n            ...arHaspopups\n          };\n\n    const isClickPress = isClick === undefined ? (isBaseButton ? true : false) : isClick;\n\n    const mergedProps = mergeProps(\n      elementProps,\n      props.onAction ? (isRepeat || isClickPress ? pressClickProps : pressProps) : {},\n      iosProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      globalEventProps\n    );\n\n    const wrapperClasses = classNames([cls, variantClasses]);\n    const testIdProps = useTestId(testId);\n\n    const getTabIndex = () => {\n      if (\n        (isSpan && (isElementFocusable === false || isDisabled)) ||\n        (isBaseButton && isDisabled)\n      ) {\n        // no tabIndex value should be defined for disabled button elements and non-focusable or disabled span elements\n        return { tabIndex: undefined };\n      }\n      return tabbableModeProps;\n    };\n\n    return (\n      <ElementType\n        // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.\n        ref={\n          ref as ForwardedRef<HTMLButtonElement> &\n            ForwardedRef<HTMLAnchorElement> &\n            ForwardedRef<HTMLSpanElement>\n        }\n        disabled={isDisabled}\n        class={wrapperClasses}\n        style={styles}\n        autofocus={props['autofocus']}\n        title={props.title}\n        {...ariaProps}\n        {...getTabIndex()}\n        {...typeProps}\n        {...testIdProps}\n        {...mergedProps}\n        {...role}>\n        {props.children}\n      </ElementType>\n    );\n  }\n);\n\nBaseButton.displayName = 'BaseButton';\n"],"names":["interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","iosProps","getClientHints","platform","ontouchstart","isHybrid","hoverSupport","BaseButton","forwardRef","variant","isReadOnly","isDisabled","isRepeat","isClick","size","elementDetails","type","buttonType","styling","edge","accessibleLabel","ariaHidden","ariaExpanded","ariaRoledescription","ariaHasPopup","ariaDescribedBy","ariaPressed","ariaChecked","ariaLive","testId","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","onKeyDown","props","ref","pressHandler","e","onAction","reason","pressProps","usePress","pressClickProps","usePressClick","isStyled","name","indexOf","hoverProps","isHover","useHover","activeProps","isActive","useActive","class","cls","styles","elementType","isFocusable","isElementFocusable","isLabel","isElementLabel","isSwitch","isElementSwitch","elementProps","typeProps","role","elType","hidden","roleProps","ElementType","isSpan","isBaseButton","tabbableModeProps","useTabbableMode","colorScheme","useColorScheme","variantClasses","useComponentTheme","BaseButtonRedwoodTheme","unstyled","embedded","container","noBorderRadiusStart","noBorderRadiusEnd","noBorderStart","noBorderEnd","activeStyle","selectedStyle","buttonSetItem","trailingItem","fill","min","disabled","hybrid","active","hover","span","widthEqual","widthAuto","hiddenLabel","noHoverActive","globalEventProps","arDisabled","arHaspopups","ariaProps","isClickPress","undefined","mergedProps","mergeProps","wrapperClasses","classNames","testIdProps","useTestId","_jsx","style","autofocus","title","tabIndex","children","displayName"],"mappings":"yhBAiLA,MAAMA,EAAiB,IAAIC,OAAOC,OAAOC,EAAAA,0BACnCC,EAAsBC,EAAAA,oBAA2BL,GAIjDM,EAAoC,QAFtBC,EAAcA,iBAELC,SAAqB,CAAEC,aAAc,cAAmB,GAC/EC,EAA6C,WAAlCH,EAAcA,iBAAGI,aA6BrBC,EAAaC,EAAUA,YAClC,EAEIC,UACAC,cAAa,EACbC,cAAa,EACbC,YAAW,EACXC,UACAC,OACAC,iBAAiB,CAAEC,KAAM,SAAUC,WAAY,UAC/CC,UAAU,CAAC,WACXC,OAAO,OACP,aAAcC,EACd,cAAeC,EACf,gBAAiBC,EACjB,uBAAwBC,EACxB,gBAAiBC,EACjB,mBAAoBC,EACpB,eAAgBC,EAChB,eAAgBC,EAChB,YAAaC,EACbC,SACAC,SACAC,UACAC,eACAC,eACAC,aACAC,eACAC,eACGC,GAELC,KAKA,MAAMC,EAAgBC,IAChBH,EAAMI,UACRJ,EAAMI,SAAS,CACbC,OAAkB,SAAVF,EAAExB,KAAkB,WAAa,WAE5C,GAGG2B,WAAEA,GAAeC,EAAQA,SAACL,EAAc,CAC5C5B,WAAYA,GAAcD,EAC1BE,cAEM+B,WAAYE,GAAoBC,EAAAA,cAAcP,EAAc,CAClE5B,WAAYA,GAAcD,IAGtBqC,EAAYC,GACT9B,EAAQ+B,QAAQD,IAAS,GAE5BE,WAAEA,EAAUC,QAAEA,GAAYC,EAAAA,SAAS,CAAEzC,YAAaN,KAClDgD,YAAEA,EAAWC,SAAEA,GAAaC,EAASA,UAAC,CAAE5C,WAAYD,KAClD8C,MAAOC,KAAQC,GAAW3D,EAAoB,IACjDsC,EACHP,SACAC,UACAC,eACAC,eACAC,aACAC,eACAC,eAGApB,KAAM2C,EAAc,SACpBC,YAAaC,IAAqB,EAClCC,QAASC,IAAiB,EAC1BC,SAAUC,IAAkB,EAAKhD,WACjCA,GAAa,YACViD,IACD,IAAKnD,GACHoD,GACY,WAAhBR,GAA2C,WAAf1C,GAA0B,CAAED,KAAMC,IAAe,GAGzEmD,GA1GQ,EAChBC,EACAC,EACAV,EACAE,EACAE,KAEA,OAAQK,GACN,IAAK,OACH,MAAO,CAAED,KAAM,QACjB,IAAK,SACH,OAAOJ,EAAW,CAAEI,KAAM,UAAa,CAAA,EACzC,IAAK,OACH,OAAON,EACH,CAAE,EACFQ,EACA,CAAEF,KAAM,QACRR,EACAI,EACE,CAAEI,KAAM,UACR,CAAEA,KAAM,UACV,CAAEA,KAAM,OACd,QACE,OAAOE,EAAS,CAAEF,KAAM,QAAWR,EAAc,CAAEQ,KAAM,UAAa,CAAEA,KAAM,OACjF,EAkFcG,CACXZ,EACAtC,IAAc,EACdwC,GACAE,GACAE,IAEIO,GAAczD,EAAeC,KAC7ByD,GAAwB,QAAfD,GACTE,GAA8B,UAAfF,IACfG,kBAAEA,IAAsBC,EAAeA,gBAACjE,GACxCkE,GAAcC,EAAAA,kBAEdC,eAAEA,IAAmBC,EAAiBA,kBAA2BC,yBAAwB,CAC7FnE,OACAL,UACAyE,SAAUnC,EAAS,YAAc,aAAe,cAChDoC,SAAUpC,EAAS,YAAc,aAAe,cAChDqC,UAAWrC,EAAS,aAAe,cAAgB,eACnDsC,oBAAqBtC,EAAS,uBAC1B,wBACA,yBACJuC,kBAAmBvC,EAAS,qBACxB,sBACA,uBACJwC,cAAexC,EAAS,iBAAmB,kBAAoB,mBAC/DyC,YAAazC,EAAS,eAAiB,gBAAkB,iBACzD0C,YAAa1C,EAAS,UAAY,gBAAkB,iBACpD2C,cAAe3C,EAAS,YAAc,kBAAoB,mBAC1D4C,cAAe5C,EAAS,iBAAmB,kBAAoB,mBAC/D6C,aAAc7C,EAAS,gBAAkB,iBAAmB,kBAC5D8C,KAAM9C,EAAS,QAAU,SAAW,UACpC+C,IAAK/C,EAAS,OAAS,QAAU,SACjCgD,SAAUpF,EAAa,aAAe,cACtCQ,OACA6E,OAAQ3F,EAAW,WAAa,YAChC4F,OAAQ3C,EAAW,WAAa,YAChC4C,MAAO/C,EAAU,UAAY,WAC7BgD,KAAM1B,GAAS,SAAW,UAC1B2B,WAAYrD,EAAS,cAAgB,eAAiB,gBACtDsD,UAAWtD,EAAS,aAAe,cAAgB,eACnDuD,YAAavD,EAAS,eAAiB,WAAa,YACpDwD,cAAexD,EAAS,iBAAmB,kBAAoB,mBAC/D8B,iBAGI2B,GAAmB,CACvB1E,SACAC,UACAC,eACAC,eACAC,aACAC,eACAC,aAGIqE,GAAa/B,GACf,CAAE,EACF/D,EACA,CAAE,gBAAiBA,GACnBD,EACA,CAAE,iBAAiB,GACnB,GACEgG,GAAclF,EAAe,CAAE,gBAAiBA,GAAiB,CAAA,EAEjEmF,GACU,SAAdvC,GAAKA,KACD,CAAE,EACF,CACE,aAAchD,EACd,mBAAoBK,EACpB,cAAeJ,EACf,uBAAwBE,EACxB,gBAAiBD,EACjB,eAAgBI,EAChB,eAAgBC,EAChB,YAAaC,KACV6E,MACAC,IAGLE,QAA2BC,IAAZhG,IAAyB6D,GAA+B7D,EAEvEiG,GAAcC,EAAUA,WAC5B7C,GACA7B,EAAMI,SAAY7B,GAAYgG,GAAe/D,EAAkBF,EAAc,CAAA,EAC7E1C,EACAiD,EACAH,EAAS,aAAe,GAAKM,EAC7BmD,IAGIQ,GAAiBC,EAAUA,WAAC,CAACxD,EAAKsB,KAClCmC,GAAcC,YAAUtF,GAa9B,OACEuF,MAAC5C,IAEClC,IACEA,EAIFyD,SAAUpF,EACV6C,MAAOwD,GACPK,MAAO3D,EACP4D,UAAWjF,EAAiB,UAC5BkF,MAAOlF,EAAMkF,SACTZ,MAtBHlC,MAAkC,IAAvBZ,IAAgClD,IAC3C+D,IAAgB/D,EAGV,CAAE6G,cAAUX,GAEdlC,MAkBDR,MACA+C,MACAJ,MACA1C,GAAIqD,SACPpF,EAAMoF,UAET,IAINlH,EAAWmH,YAAc"}

package/amd/BaseCardView-ab799b69.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './keys-4755c121', './collectionUtils-17f5cc64', './useCurrentKey-31c18053', './useCollectionFocusRing-66a6fc12', './useTabbableModeSet-dc176f1d', './useSelection-f0c7d74d', './LayerHost-e95c5f30', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './Selector-2b0c34a7', './HiddenAccessible-037ef42d', './LoadMoreCollection-83413a59', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', './classNames-08d99695', './refUtils-d354a169', './logger-0f873e29', './tabbableUtils-85aa6918', './useId-c9578d26', './useAnimation-5a74955f', './useResizeObserver-275c3e83', './TabbableModeContext-a9c97640', './FocusTrap-60520575', './useUser-85c781ea', './useReorderableItem-4c4779f7', './useReorderableContext-a5453bd7', './Grid-160f4885', './Flex-56ecdf4c', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-5839404b', './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}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './keys-4755c121', './collectionUtils-17f5cc64', './useCurrentKey-a993db56', './useCollectionFocusRing-66a6fc12', './useTabbableModeSet-dc176f1d', './useSelection-4249360e', './LayerHost-639b3284', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './Selector-2b0c34a7', './HiddenAccessible-037ef42d', './LoadMoreCollection-83413a59', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', './classNames-08d99695', './refUtils-d354a169', './logger-0f873e29', './tabbableUtils-85aa6918', './useId-c9578d26', './useAnimation-5a74955f', './useResizeObserver-275c3e83', './TabbableModeContext-a9c97640', './FocusTrap-60520575', './useUser-3ef25571', './useReorderableItem-726c3c03', './useReorderableContext-a5453bd7', './Grid-8911aa0f', './Flex-3421f0df', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-5839404b', './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-ab799b69.js.map

package/amd/BaseCardViewSelectionTest-59b13d8a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', '@testing-library/preact', '@testing-library/user-event', 'chai', './resources/nls/en/bundle', './clientHints-4f5a07b0', './Text-cd61a065', './View-bd5c7fa7', './Flex-3421f0df', './LayerHost-639b3284', './EnvironmentProvider-c0e1e39b', './Center-9ec5524e', './DragHandle-406d7f9a', './Button-861a26f0', './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-59b13d8a.js.map

package/amd/BaseCardViewSelectionTest-59b13d8a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseCardViewSelectionTest-59b13d8a.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-fe9cb691.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-cd61a065', './usePress-949a0d03', './mergeProps-bcfa6a92', './classNames-08d99695', './useInteractionStyle-76a64325', './useComponentTheme-5aa41a8f', 'preact', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './Flex-3421f0df', './WarningS-3ecba583', './ErrorS-d2efaf06', './InformationS-2f6b535d', './SuccessS-c5d520d2', './Badge-b28ef084'], (function(e,s,t,n,a,i,o,r,l,c,d,m,u,g,v,p,x,f,S){"use strict";const h=c.createContext(null);function C(){return t.useContext(h)}const y=d.mergeInterpolations([...Object.values(m.flexitemInterpolations)]),{class:b,...j}=y({alignSelf:"center"});e.BaseNavigationListItem=function({itemKey:e,label:c,badge:d,metadata:m,severity:h="none",removeIcon:y}){const I=t.useRef(null),{itemId:N,itemHandlers:H,itemClasses:T,isSelected:L,labelContainerClasses:P,labelContainerStyle:w}=function({itemKey:e}){const{onSelectionChange:s,selection:n,currentKey:c,showFocusRing:d,navigationListItemPrefix:m}=C(),g=c===e,v=n===e,{interactionProps:p,applyPseudoHoverStyle:x,applyHoverStyle:f,applyActiveStyle:S}=r.useInteractionStyle(),{classes:h,styles:{labelContainerClasses:y}}=l.useComponentTheme(u.NavigationListItemRedwoodTheme,{focusRing:d?"isFocusRing":"notFocusRing",current:g?"isCurrent":"notCurrtent",selected:v?"isSelected":"notSelected",hybridHover:f?"isHybridHover":"notHybridHover",pseudoHover:x?"isPseudoHover":"notPseudoHover",active:S?"isActive":"notActive"}),I=t.useCallback((()=>{s?.({value:e,reason:"pointer"})}),[e,s]),{pressProps:N}=a.usePress(I);return{itemId:m+e,itemHandlers:i.mergeProps(p,N),itemClasses:o.classNames([h]),isSelected:v,labelContainerClasses:o.classNames([y,b]),labelContainerStyle:j}}({itemKey:e}),R=!("none"===h||void 0===h),{styles:{iconLabelContainer:F,iconContainer:A,navigationItemMetadata:K}}=l.useComponentTheme(u.NavigationListItemRedwoodTheme),k=o.classNames([K]),B=o.classNames([F,A]),{styles:{navigationlistRemoveIcon:E}}=l.useComponentTheme(u.NavigationListItemRedwoodTheme),z=o.classNames([E]);return s.jsxs("li",{role:"tab",...H,"data-oj-key":e,id:N,class:T,"aria-selected":L,ref:I,children:[c&&s.jsx("span",{class:P,style:w,children:s.jsx(n.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:c})}),(m||R||d||y)&&s.jsxs(g.Flex,{gap:"2x",align:"center",justify:"end",flex:"1 1 auto",children:[" ",d&&s.jsx("span",{class:B,children:s.jsx(S.Badge,{size:"md",variant:"neutralSubtle",children:d})}),m&&s.jsx("span",{class:k,children:s.jsx(n.Text,{children:"( "+m+" )"})}),R&&s.jsx("span",{class:B,children:(e=>{switch(e){case"error":return s.jsx(p.SvgErrorS,{color:"danger"});case"warning":return s.jsx(v.SvgWarningS,{color:"warning"});case"info":return s.jsx(x.SvgInformationS,{color:"info"});case"confirmation":return s.jsx(f.SvgSuccessS,{color:"success"});default:return null}})(h)}),y&&s.jsx("span",{class:z,children:y})]})]})},e.NavigationListContext=h,e.useNavigationListContext=C}));
+//# sourceMappingURL=BaseNavigationListItem-fe9cb691.js.map

package/amd/BaseNavigationListItem-fe9cb691.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseNavigationListItem-fe9cb691.js","sources":["../../src/UNSAFE_NavigationListCommon/NavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListItem.ts","../../src/UNSAFE_NavigationListCommon/BaseNavigationListItem.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 { createContext } from 'preact';\nimport { NavigationListProps } from './NavigationListProps';\n\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n\nexport type NavigationListContextProps<K extends string | number> = Pick<\n  NavigationListProps<K>,\n  'selection' | 'onSelectionChange' | 'onRemove'\n> & {\n  currentKey?: K;\n  showFocusRing: boolean;\n  onCurrentKeyChange:\n    | (<K extends string | number>(detail: CurrentKeyDetail<K>) => void)\n    | undefined;\n  navigationListItemPrefix: string;\n};\n\n/**\n * Context used to pass navlist information without having to pass it to navlist children props.\n * We want to communicate information down to any interested navlist item children.\n */\n\nconst NavigationListContext = createContext<NavigationListContextProps<string | number>>(null!);\n\nexport { NavigationListContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { NavigationListContext } from './NavigationListContext';\n\n/**\n * Utility hook for consuming the NavigationListContext\n *\n * @returns The value of NavigationListContext provider\n */\nfunction useNavigationListContext() {\n  return useContext(NavigationListContext);\n}\n\nexport { useNavigationListContext };\n","import { useCallback } from 'preact/hooks';\n\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\n\nconst flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n  ...Object.values(flexitemInterpolations)\n]);\nconst { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } =\n  flexItemStyleInterpolations({\n    alignSelf: 'center'\n  });\n\nexport function useNavigationListItem<K extends string | number>({ itemKey }: { itemKey: K }) {\n  const { onSelectionChange, selection, currentKey, showFocusRing, navigationListItemPrefix } =\n    useNavigationListContext();\n\n  //Selection and focus state\n  const isCurrent = currentKey === itemKey;\n\n  const isSelected = selection === itemKey;\n\n  //Styling\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } =\n    useInteractionStyle();\n\n  const {\n    classes: listItemClasses,\n    styles: { labelContainerClasses }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme,\n    {\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      current: isCurrent ? 'isCurrent' : 'notCurrtent',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      active: applyActiveStyle ? 'isActive' : 'notActive'\n    }\n  );\n\n  //Item handlers\n  const handlePress = useCallback(() => {\n    onSelectionChange?.({ value: itemKey as K, reason: 'pointer' });\n  }, [itemKey, onSelectionChange]);\n\n  //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same\n  //for preact navlist\n  const { pressProps } = usePress(handlePress);\n\n  return {\n    itemId: navigationListItemPrefix + itemKey,\n    itemHandlers: mergeProps(interactionProps, pressProps /*,onFocusProps*/),\n    itemClasses: classNames([listItemClasses]),\n    isSelected,\n    labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),\n    labelContainerStyle: labelContainerFlexItemStyle\n  };\n}\n","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":["NavigationListContext","createContext","useNavigationListContext","useContext","flexItemStyleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","labelContainerFlexItemClasses","labelContainerFlexItemStyle","alignSelf","itemKey","label","badge","metadata","severity","removeIcon","itemRef","useRef","itemId","itemHandlers","itemClasses","isSelected","labelContainerClasses","labelContainerStyle","onSelectionChange","selection","currentKey","showFocusRing","navigationListItemPrefix","isCurrent","interactionProps","applyPseudoHoverStyle","applyHoverStyle","applyActiveStyle","useInteractionStyle","classes","listItemClasses","styles","useComponentTheme","NavigationListItemRedwoodTheme","focusRing","current","selected","hybridHover","pseudoHover","active","handlePress","useCallback","value","reason","pressProps","usePress","mergeProps","classNames","useNavigationListItem","severityRequirement","undefined","iconLabelContainer","iconContainer","navigationItemMetadata","navigationItemMatadata","endIconContainerClasses","navigationlistRemoveIcon","removeClass","_jsxs","jsxs","role","id","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":"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"}

package/amd/BaseRichSelection-a292f625.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'preact/hooks', './useFormFieldContextProps-4e36b4c3', './useCollectionFocusRing-66a6fc12', './useTranslationBundle-d07d4b20', './Label-4601e8e6', './InlineHelp-a169f974', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a1ae959b', './Flex-3421f0df', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTestId-b5cd4766', './LayerHost-639b3284', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-e5bdb734', 'css!./IconStyle.styles.css', './IconButton-d1646f51', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-66e79afa', './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', './LabelValueLayout-2883514d', './LayoutStyles.css-c8bc984d', './Grid-8911aa0f', './refUtils-d354a169', './useContainerBreakpoints-53f7e391', './RichSelectionContext-aaaa548c', './View-bd5c7fa7', './useMessageSeverity-1d69e1ae'], (function(e,s,t,a,o,n,r,i,l,d,c,u,p,m,b,x,h,y,g,S,f,A,C,F,U,T,w,R,v,I,E,B,V,j,L,M,k,D,P,_,N,H,q,$,G,z,O,J,K,Q,W,X,Y,Z,ee,se){"use strict";const te=["xl","lg","md","sm","xs"],ae={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}},oe={xs:"0px",sm:"600px",md:"768px",lg:"1024px",xl:"1440px"},ne=(e,s)=>{for(const t of te)if(e[t])return ae[t][s];return ae.xs[s]},re=t.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:o,children:n,columnSpan:r=1,hasValue:i,helpSourceLink:p,helpSourceText:m,isDisabled:b,isReadonly:x,isRequired:h,label:g,labelEdge:S,messages:f,parentComponentVariant:A,role:C,testId:U,userAssistanceDensity:T},w=null)=>{const R=F.useTestId(U),v=`${U}-inline-user-assistance`,I=U?`${v}-top`:void 0,E=U?`${v}-bottom`:void 0,B=!(b||x||!a&&(!p||!m)),V=!b&&!x,j=t.useRef(null),{groupProps:L,labelProps:k,topUserAssistanceProps:D,bottomUserAssistanceProps:P,readonlyId:_}=O.useCheckboxRadioField({ariaDescribedBy:e,baseId:o,isRequired:h,isReadonly:x,isDisabled:b,label:g,labelEdge:S,messages:f,hasValue:i,hasTopUserAssistance:B,hasBottomUserAssistance:V,parentComponentVariant:A}),N=d.useTranslationBundle("@oracle/oraclejet-preact").formControl_readOnly();t.useImperativeHandle(w,(()=>({focus:()=>{if(!b){const e=j.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{j.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[H,q]=l.useCollectionFocusRing(j,"radioSet"===A?["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]:["Tab"]),{gridTemplateColumns:$,ref:G}=(()=>{const e=Z.useRichSelectionContext(),{breakpointMatches:s,ref:t}=Y.useContainerBreakpoints(oe);return{ref:t,gridTemplateColumns:null!==e?`repeat(${ne(s,e.layout)}, 1fr)`:""}})(),z=s.jsxs(s.Fragment,{children:[B&&s.jsx("div",{id:`${o}-top-ua-container`,class:O.topUAContainerStyles.start,children:s.jsx(y.InlineUserAssistanceContainer,{...D,testId:I,children:s.jsx(u.InlineHelp,{assistiveText:a,sourceLink:p,sourceText:m})})}),s.jsx(ee.View,{padding:["2x",0],width:"100%",children:s.jsx(W.Grid,{gridTemplateColumns:$,gap:"6x",role:"list",children:s.jsx(J.CheckboxRadioContext.Provider,{value:{isFocusRingShown:H},children:n})})}),V?s.jsx(y.InlineUserAssistance,{...P,requiredAlignment:"start",messages:f,userAssistanceDensity:"reflow"===T?"reflow":"efficient",testId:E}):"reflow"===T?void 0:s.jsx(y.InlineUserAssistance,{id:P?.id,userAssistanceDensity:"efficient",testId:E})]}),se=Q.layoutSpanStyles.layoutSpanColumn[r];return s.jsxs("div",{ref:X.mergeRefs(j,G),class:se,role:C,...L,...q,...R,children:["none"===S?z:s.jsx(K.LabelValueLayout,{parentComponentVariant:A,hasTopUserAssistance:B,label:s.jsx(c.Label,{...k,variant:S,userAssistanceDensity:"efficient",parentComponentVariant:A,children:g}),labelEdge:S,children:z}),x&&s.jsx(M.HiddenAccessible,{id:_,isHidden:!0,children:N})]})})),ie=t.forwardRef((({"aria-describedby":e,assistiveText:t,baseId:a,children:r,columnSpan:l,helpSourceLink:d,helpSourceText:c,isDisabled:u,isReadonly:p,isRequired:m,label:b,labelEdge:x,layout:h,messages:y,selection:g,testId:S,userAssistanceDensity:f,value:A},C=null)=>{const F=null!=A&&("single"===g||A.size>0),{isDisabled:U,isReadonly:T,labelEdge:w,userAssistanceDensity:R}=o.useFormContext(),v=u??U,I=p??T,E=x??w,B=f??R,V=i.useFormFieldContextProps({hasValue:F,isDisabled:v,isReadonly:I}),j="error"===se.useMessageSeverity(y)?"error":void 0;return s.jsx(n.FormFieldContext.Provider,{value:V,children:s.jsx(Z.RichSelectionContext.Provider,{value:{selection:g,layout:h,messageSeverity:j},children:s.jsx(re,{"aria-describedby":e,assistiveText:t,baseId:a,columnSpan:l,hasValue:F,helpSourceLink:d,helpSourceText:c,isDisabled:v,isReadonly:I,isRequired:m,label:b,labelEdge:"start"===E?"top":E,messages:y,parentComponentVariant:"single"===g?"radioSet":"checkboxSet",ref:C,role:"single"===g?"radiogroup":"group",testId:S,userAssistanceDensity:B,children:r})})})}));e.BaseRichSelection=ie}));
+//# sourceMappingURL=BaseRichSelection-a292f625.js.map