@oracle/oraclejet-preact 18.0.10 → 18.0.11

package/package.json

@@ -5,7 +5,7 @@
   "scripts": {},
   "devDependencies": {},
   "dependencies": {
-    "@oracle/oraclejet-testing": "18.0.10",
+    "@oracle/oraclejet-testing": "18.0.11",
     "csstype": "3.1.1"
   },
   "peerDependencies": {
@@ -38,5 +38,5 @@
       ]
     }
   },
-  "version": "18.0.10"
+  "version": "18.0.11"
 }

package/types/UNSAFE_DatePicker/useCellNavigation.d.ts

@@ -34,6 +34,5 @@ type UseCellNavigationProps<Payload extends object, Navigation extends string> =
 export declare const useCellNavigation: <T extends object, U extends string>({ navigationMap, payload, onAction, onNavigation }: UseCellNavigationProps<T, U>) => {
     onClick: () => void;
     onKeyDown: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
-    onKeyUp: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
 };
 export {};

package/types/UNSAFE_Link/themes/LinkStyles.css.d.ts

@@ -25,10 +25,11 @@ declare const variants: {
     };
     readonly placement: {
         readonly standalone: {
+            readonly alignItems: "center";
             readonly textDecorationLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             readonly minHeight: "24px";
             readonly minWidth: "24px";
-            readonly display: "inline-block";
+            readonly display: "inline-flex";
             readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             readonly selectors: {
                 readonly '&:active': {

package/types/UNSAFE_Link/themes/redwood/LinkVariants.css.d.ts

@@ -17,10 +17,11 @@ declare const multiVariantStyles: import("@vanilla-extract/recipes").RuntimeFn<{
     };
     readonly placement: {
         readonly standalone: {
+            readonly alignItems: "center";
             readonly textDecorationLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             readonly minHeight: "24px";
             readonly minWidth: "24px";
-            readonly display: "inline-block";
+            readonly display: "inline-flex";
             readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             readonly selectors: {
                 readonly '&:active': {

package/types/UNSAFE_Link/themes/stable/LinkVariants.css.d.ts

@@ -17,10 +17,11 @@ declare const multiVariantStyles: import("@vanilla-extract/recipes").RuntimeFn<{
     };
     readonly placement: {
         readonly standalone: {
+            readonly alignItems: "center";
             readonly textDecorationLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             readonly minHeight: "24px";
             readonly minWidth: "24px";
-            readonly display: "inline-block";
+            readonly display: "inline-flex";
             readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             readonly selectors: {
                 readonly '&:active': {

package/types/hooks/UNSAFE_usePressClick/usePressClick.d.ts

@@ -3,6 +3,7 @@ type PressOptions = {
 };
 /**
  * Returns a click handler that can make a target element either clickable or keyboard pressable.
+ * Note that handling repeated keys (holding down Enter or Space) is disabled.
  *
  * @param onPressHandler function
  * @param isDisabled boolean

package/amd/BarChart-5e9f46b4.js

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

package/amd/BarChart-5e9f46b4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BarChart-5e9f46b4.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/BaseButton-19a622bc.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './usePress-949a0d03', './usePressClick-b7b38da2', './useHover-7964884c', './useActive-bb5dc069', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useColorScheme-10dc88de', './classNames-08d99695', './dimensions-60420dbb', './mergeInterpolations-9ede4cf7', './clientHints-4f5a07b0', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './useComponentTheme-5aa41a8f', './useTestId-3a316499'], (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(){}}:{},A="events"===p.getClientHints().hoverSupport,T=o.forwardRef((({variant:e,isReadOnly:o=!1,isDisabled:r=!1,isRepeat:c=!1,isClick:b,size:p,elementDetails:B={type:"button",buttonType:"button"},styling:T=["default"],edge:f="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=>T.indexOf(e)>-1,{hoverProps:J,isHover:Q}=s.useHover({isDisabled:!A}),{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:f,hybrid:A?"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})}));T.displayName="BaseButton",e.BaseButton=T}));
-//# sourceMappingURL=BaseButton-19a622bc.js.map

package/amd/BaseButton-19a622bc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton-19a622bc.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":"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"}

package/amd/BaseCardViewSelectionTest-0ec52156.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', '@testing-library/preact', '@testing-library/user-event', 'chai', './resources/nls/en/bundle', './clientHints-4f5a07b0', './Text-cd61a065', './View-ce970ed7', './Flex-56ecdf4c', './LayerHost-e95c5f30', './EnvironmentProvider-8f6fc388', './Center-b449a95c', './DragHandle-699fefd6', './Button-3dc2a041', './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-0ec52156.js.map

package/amd/BaseCardViewSelectionTest-0ec52156.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseCardViewSelectionTest-0ec52156.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-5765a81f.js

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

package/amd/BaseNavigationListItem-5765a81f.js.map

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

package/amd/BaseRichSelection-9d8f3ee4.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'preact/hooks', './useFormFieldContextProps-4e36b4c3', './useCollectionFocusRing-66a6fc12', './useTranslationBundle-516b1b83', './Label-3912beb2', './InlineHelp-a169f974', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-4656c2a6', './Flex-56ecdf4c', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTestId-3a316499', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-d51bf3f4', './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-194e64d9', './LayoutStyles.css-c8bc984d', './Grid-160f4885', './refUtils-d354a169', './useContainerBreakpoints-53f7e391', './RichSelectionContext-aaaa548c', './View-ce970ed7', './useMessageSeverity-1d69e1ae'], (function(e,s,t,a,o,n,r,i,l,d,c,u,p,m,x,h,b,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:x,isReadonly:h,isRequired:b,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=!(x||h||!a&&(!p||!m)),V=!x&&!h,j=t.useRef(null),{groupProps:L,labelProps:k,topUserAssistanceProps:D,bottomUserAssistanceProps:P,readonlyId:_}=O.useCheckboxRadioField({ariaDescribedBy:e,baseId:o,isRequired:b,isReadonly:h,isDisabled:x,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(!x){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}),h&&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:x,labelEdge:h,layout:b,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=h??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:b,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:x,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-9d8f3ee4.js.map

package/amd/BaseRichSelection-9d8f3ee4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseRichSelection-9d8f3ee4.js","sources":["../../src/PRIVATE_RichSelectionCommon/useRichSelectionGrid.ts","../../src/PRIVATE_RichSelectionCommon/RichSelectionField.tsx","../../src/PRIVATE_RichSelectionCommon/BaseRichSelection.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 */\nimport { Ref } from 'preact';\nimport { useContainerBreakpoints } from '#hooks/UNSAFE_useContainerBreakpoints';\nimport {\n  useRichSelectionContext,\n  type RichSelectionContextValue\n} from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\n\nconst sizes = ['xl', 'lg', 'md', 'sm', 'xs'] as const;\n\nconst columnMatrix = {\n  xl: { xl: 6, md: 4, sm: 4 },\n  lg: { xl: 4, md: 3, sm: 3 },\n  md: { xl: 3, md: 2, sm: 2 },\n  sm: { xl: 2, md: 2, sm: 2 },\n  xs: { xl: 1, md: 1, sm: 1 }\n} as const;\n\nconst breakpointSizes = {\n  xs: '0px',\n  sm: '600px',\n  md: '768px',\n  lg: '1024px',\n  xl: '1440px'\n} as const;\n\nconst breakpointColumns = (\n  breakpoints: Record<(typeof sizes)[number], boolean>,\n  layout: RichSelectionContextValue['layout']\n) => {\n  // incrementally go from largest to smallest breakpoint\n  for (const size of sizes) {\n    if (breakpoints[size]) {\n      return columnMatrix[size][layout];\n    }\n  }\n  // defaults to xs columns if no breakpoints are true\n  return columnMatrix['xs'][layout];\n};\n/**\n * Hook to be used with rich selection items that are in a grid layout within RichSelectionField\n * @returns An object containing a ref to be placed on the container and a string\n * with the calculated grid template columns to be placed on the Grid component\n */\nconst useRichSelectionGrid = () => {\n  const context = useRichSelectionContext()!;\n  const { breakpointMatches, ref } = useContainerBreakpoints(breakpointSizes);\n\n  return {\n    ref: ref as Ref<HTMLDivElement>,\n    gridTemplateColumns:\n      context !== null ? `repeat(${breakpointColumns(breakpointMatches, context.layout)}, 1fr)` : ''\n  };\n};\n\nexport { useRichSelectionGrid };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\n\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '#hooks/PRIVATE_useCollectionFocusRing';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport type { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { Label } from '#UNSAFE_Label';\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  type UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { topUAContainerStyles } from '#PRIVATE_CheckboxRadioField/CheckboxRadioFieldStyles.css';\nimport { CheckboxRadioContext } from '#PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { useCheckboxRadioField } from '#PRIVATE_CheckboxRadioField/useCheckboxRadioField';\nimport { LabelValueLayout } from '#UNSAFE_LabelValueLayout';\nimport { layoutSpanStyles, type LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { useRichSelectionGrid } from './useRichSelectionGrid';\nimport { View } from '#UNSAFE_View';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype AriaProps = Pick<AriaAttributesSignalExcluded, 'aria-describedby'>;\n\ntype Props = TestIdProps &\n  AriaProps & {\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n    /**\n     * baseId, used to generate other element IDs.\n     */\n    baseId: string;\n    /**\n     * <RichSelectionItems />\n     */\n    children: ComponentChildren;\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n    /**\n     * Value of the option.\n     */\n    hasValue?: boolean;\n    /**\n     * Help source URL associated with the component.\n     */\n    helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n    /**\n     * Custom text to be rendered for the <code>helpSourceLink</code>.\n     */\n    helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n    /**\n     * Specifies if the set is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the set is read-only.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies whether the set requires a selection to be made.\n     */\n    isRequired?: boolean;\n    /**\n     * Label text for the set.\n     */\n    label: string;\n    /**\n     * Specifies where the label is positioned relative to the field. Maps to \"top\" in forms using \"start\".\n     */\n    labelEdge?: 'none' | 'top' | 'inside';\n    /**\n     * Messages to show on screen that are associated with the component.\n     */\n    messages?: InlineUserAssistanceProps['messages'];\n    /**\n     * Specifies the parent field type.\n     */\n    parentComponentVariant: 'radioSet' | 'checkboxSet';\n    /**\n     * Specifies the ARIA role type.\n     */\n    role?: 'radiogroup' | 'group';\n    /**\n     * Specifies the density of the user assistance presentation.  It can be set to:\n     * <ul>\n     * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n     * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * </ul>\n     */\n    userAssistanceDensity?: UserAssistanceDensityType;\n  };\n\n/**\n * Internal component use by rich selection components to manage focus and layout labels and messages\n */\nexport const RichSelectionField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      children,\n      columnSpan = 1,\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      messages,\n      parentComponentVariant,\n      role,\n      testId,\n      userAssistanceDensity\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const testIdProps = useTestId(testId);\n    const UAtestId = `${testId}-inline-user-assistance`;\n    const UAtestIdTop = testId ? `${UAtestId}-top` : undefined;\n    const UAtestIdBottom = testId ? `${UAtestId}-bottom` : undefined;\n    const hasTopUserAssistance =\n      !isDisabled && !isReadonly && (!!assistiveText || (!!helpSourceLink && !!helpSourceText));\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled or readonly fields\n    const hasBottomUserAssistance = !isDisabled && !isReadonly;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const {\n      groupProps,\n      labelProps,\n      topUserAssistanceProps,\n      bottomUserAssistanceProps,\n      readonlyId\n    } = useCheckboxRadioField({\n      ariaDescribedBy,\n      baseId,\n      isRequired,\n      isReadonly,\n      isDisabled,\n      label,\n      labelEdge,\n      messages,\n      hasValue,\n      hasTopUserAssistance,\n      hasBottomUserAssistance,\n      parentComponentVariant\n    });\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const readonlyLabel = translations.formControl_readOnly();\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    // the props from the hook are used for focus management on the radioset variant to allow for arrow navigation\n    // while checkboxset uses tabbing\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      groupRef,\n      parentComponentVariant === 'radioSet'\n        ? ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft']\n        : ['Tab']\n    );\n\n    const { gridTemplateColumns, ref: breakpointRef } = useRichSelectionGrid();\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div id={`${baseId}-top-ua-container`} class={topUAContainerStyles.start}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps} testId={UAtestIdTop}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <View padding={['2x', 0]} width=\"100%\">\n          <Grid gridTemplateColumns={gridTemplateColumns} gap=\"6x\" role=\"list\">\n            <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n              {children}\n            </CheckboxRadioContext.Provider>\n          </Grid>\n        </View>\n        {hasBottomUserAssistance ? (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n            testId={UAtestIdBottom}\n          />\n        ) : userAssistanceDensity === 'reflow' ? undefined : (\n          /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled or readonly fields */\n          <InlineUserAssistance\n            id={bottomUserAssistanceProps?.id}\n            userAssistanceDensity=\"efficient\"\n            testId={UAtestIdBottom}\n          />\n        )}\n      </>\n    );\n    // The top level element needs the column span class on it.\n    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];\n\n    return (\n      <div\n        ref={mergeRefs(groupRef, breakpointRef)}\n        class={classes}\n        role={role}\n        {...groupProps}\n        {...focusRingProps}\n        {...testIdProps}>\n        {labelEdge === 'none' ? (\n          content\n        ) : (\n          <LabelValueLayout\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge}>\n            {content}\n          </LabelValueLayout>\n        )}\n        {isReadonly && (\n          <HiddenAccessible id={readonlyId} isHidden={true}>\n            {readonlyLabel}\n          </HiddenAccessible>\n        )}\n      </div>\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 type { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { RichSelectionField } from './RichSelectionField';\nimport { RichSelectionContext, type RichSelectionContextValue } from './RichSelectionContext';\nimport { useMessageSeverity } from '#hooks/PRIVATE_useMessageSeverity';\n\ntype RichSelectionFieldProps = ComponentProps<typeof RichSelectionField>;\n\ntype Props = TestIdProps &\n  Pick<\n    RichSelectionFieldProps,\n    | 'aria-describedby'\n    | 'assistiveText'\n    | 'baseId'\n    | 'children'\n    | 'columnSpan'\n    | 'helpSourceLink'\n    | 'helpSourceText'\n    | 'isDisabled'\n    | 'isReadonly'\n    | 'isRequired'\n    | 'label'\n    | 'messages'\n    | 'userAssistanceDensity'\n  > & {\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'none' | 'top' | 'inside';\n    /**\n     * Specifies the layout of the cards and media\n     */\n    layout: RichSelectionContextValue['layout'];\n  } & (\n    | {\n        selection: 'single';\n        value?: string | number;\n      }\n    | {\n        selection: 'multiple';\n        value?: Set<string | number>;\n      }\n  );\n\n/**\n * Internal component used by Rich Selection components to provide context and wrap RichSelectionField\n */\nexport const BaseRichSelection = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      children,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired,\n      label,\n      labelEdge: propLabelEdge,\n      layout,\n      messages,\n      selection,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const hasValue = value != null && (selection === 'single' || value.size > 0);\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    // rich selection only need to be aware of error severity\n    const messageSeverity = useMessageSeverity(messages) === 'error' ? 'error' : undefined;\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <RichSelectionContext.Provider\n          value={{\n            selection,\n            layout,\n            messageSeverity\n          }}>\n          <RichSelectionField\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            baseId={baseId}\n            columnSpan={columnSpan}\n            hasValue={hasValue}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            label={label}\n            // start is not supported by Rich Selection and will default to \"top\" if the form is using \"start\"\n            labelEdge={labelEdge === 'start' ? 'top' : labelEdge}\n            messages={messages}\n            parentComponentVariant={selection === 'single' ? 'radioSet' : 'checkboxSet'}\n            ref={ref}\n            role={selection === 'single' ? 'radiogroup' : 'group'}\n            testId={testId}\n            userAssistanceDensity={userAssistanceDensity}>\n            {children}\n          </RichSelectionField>\n        </RichSelectionContext.Provider>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["sizes","columnMatrix","xl","md","sm","lg","xs","breakpointSizes","breakpointColumns","breakpoints","layout","size","RichSelectionField","forwardRef","ariaDescribedBy","assistiveText","baseId","children","columnSpan","hasValue","helpSourceLink","helpSourceText","isDisabled","isReadonly","isRequired","label","labelEdge","messages","parentComponentVariant","role","testId","userAssistanceDensity","ref","testIdProps","useTestId","UAtestId","UAtestIdTop","undefined","UAtestIdBottom","hasTopUserAssistance","hasBottomUserAssistance","groupRef","useRef","groupProps","labelProps","topUserAssistanceProps","bottomUserAssistanceProps","readonlyId","useCheckboxRadioField","readonlyLabel","useTranslationBundle","formControl_readOnly","useImperativeHandle","focus","inputChildren","current","querySelectorAll","selectedChild","Array","from","find","child","checked","blur","contains","document","activeElement","isFocusRingShown","focusRingProps","useCollectionFocusRing","gridTemplateColumns","breakpointRef","context","useRichSelectionContext","breakpointMatches","useContainerBreakpoints","useRichSelectionGrid","content","_jsxs","_Fragment","_jsx","id","class","topUAContainerStyles","start","InlineUserAssistanceContainer","InlineHelp","sourceLink","sourceText","jsx","View","padding","width","Grid","gap","CheckboxRadioContext","Provider","value","InlineUserAssistance","requiredAlignment","classes","layoutSpanStyles","layoutSpanColumn","mergeRefs","LabelValueLayout","Label","variant","HiddenAccessible","isHidden","BaseRichSelection","propIsDisabled","propIsReadonly","propLabelEdge","selection","propUserAssistanceDensity","isFormDisabled","isFormReadonly","formLabelEdge","formUserAssistanceDensity","useFormContext","formFieldContext","useFormFieldContextProps","messageSeverity","useMessageSeverity","FormFieldContext","RichSelectionContext"],"mappings":"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"}

package/amd/Button-3dc2a041.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './BaseButton-19a622bc', './ButtonLabelLayout-2e0e8d09', 'preact/compat'], (function(e,t,o,n,a){"use strict";const s=a.forwardRef((({variant:e="outlined",isDisabled:a=!1,isRepeat:s=!1,size:i="md",display:u="all",type:r="button",endIcon:d,startIcon:c,autofocus:l,edge:b,testId:p,onAction:y,label:B="","aria-label":f,"aria-describedby":h,width:m,onBlur:I,onFocus:L,onMouseEnter:T,onMouseLeave:v,onTouchEnd:x,onTouchStart:E},M)=>{const g=!c&&!d||"label"===u,j={type:"button",buttonType:r},w=g?B:t.jsx(n.ButtonLabelLayout,{display:u,startIcon:c,endIcon:d,size:i,children:B});return t.jsx(o.BaseButton,{ref:M,elementDetails:j,isDisabled:a,isRepeat:s,size:i,width:m,autofocus:l,edge:b,variant:e,styling:[g?"default":"min"],onAction:y,"aria-label":f??B,"aria-describedby":h,onBlur:I,onFocus:L,onMouseEnter:T,onMouseLeave:v,onTouchEnd:x,onTouchStart:E,testId:p,children:w})}));s.displayName="Button",e.Button=s}));
-//# sourceMappingURL=Button-3dc2a041.js.map

package/amd/Button-3dc2a041.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-3dc2a041.js","sources":["../../src/UNSAFE_Button/Button.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 */\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon.\n     */\n    endIcon?: ComponentChildren;\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     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\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?: ComponentProps<typeof BaseButton>['variant'];\n\n    /**\n     * The size indicates how large the button is rendered.\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.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the button.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n/**\n * A button is a pressable element that invokes an action.\n */\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      display = 'all',\n      type: buttonType = 'button',\n      endIcon,\n      startIcon,\n      autofocus,\n      edge,\n      testId,\n      onAction,\n      label = '',\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    }: Props,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n    const content = labelOnly ? (\n      label\n    ) : (\n      <ButtonLabelLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLabelLayout>\n    );\n\n    return (\n      <BaseButton\n        ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n        elementDetails={elementDetails}\n        isDisabled={isDisabled}\n        isRepeat={isRepeat}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={[labelOnly ? 'default' : 'min']}\n        onAction={onAction}\n        aria-label={accessibleLabel ?? label}\n        aria-describedby={ariaDescribedBy}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}\n        testId={testId}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","variant","isDisabled","isRepeat","size","display","type","buttonType","endIcon","startIcon","autofocus","edge","testId","onAction","label","accessibleLabel","ariaDescribedBy","width","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","ref","labelOnly","elementDetails","content","_jsx","jsx","ButtonLabelLayout","children","BaseButton","styling","displayName"],"mappings":"iJAiHO,MAAMA,EAASC,EAAUA,YAC9B,EAEIC,UAAU,WACVC,cAAa,EACbC,YAAW,EACXC,OAAO,KACPC,UAAU,MACVC,KAAMC,EAAa,SACnBC,UACAC,YACAC,YACAC,OACAC,SACAC,WACAC,QAAQ,GACR,aAAcC,EACd,mBAAoBC,EACpBC,QACAC,SACAC,UACAC,eACAC,eACAC,aACAC,gBAEFC,KAEA,MAAMC,GAAchB,IAAcD,GAAwB,UAAZH,EACxCqB,EAAiB,CACrBpB,KAAM,SACNC,WAAYA,GAERoB,EAAUF,IAGdG,EAAAC,IAACC,oBAAkB,CAAAzB,QAASA,EAASI,UAAWA,EAAWD,QAASA,EAASJ,KAAMA,EAAI2B,SACpFjB,IAIL,OACEc,MAACI,EAAAA,WAAU,CACTR,IAAKA,EACLE,eAAgBA,EAChBxB,WAAYA,EACZC,SAAUA,EACVC,KAAMA,EACNa,MAAOA,EACPP,UAAWA,EACXC,KAAMA,EACNV,QAASA,EACTgC,QAAS,CAACR,EAAY,UAAY,OAClCZ,SAAUA,EACE,aAAAE,GAAmBD,EAAK,mBAClBE,EAClBE,OAAQA,EACRC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACdC,WAAYA,EACZC,aAAcA,EACdX,OAAQA,EACPmB,SAAAJ,GAEH,IAIN5B,EAAOmC,YAAc"}

package/amd/ButtonSetButton-526d9712.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './BaseButton-19a622bc', './mergeProps-bcfa6a92', './useButtonSetContext-dffdaea3', './ToggleButtonLabel-330c8f8b', './toggleButtonUtils-c8f12580', './buttonUtils-97878e90'], (function(t,e,o,s,a,n,l,i,u){"use strict";const r=o.forwardRef((({startIcon:t,endIcon:o,isSelected:r=!1,onToggle:d,position:c,autofocus:b,testId:p,label:g,value:B,"aria-label":f,"aria-describedby":y,width:S,...m},x)=>{const I=n.useButtonSetContext(),{inputProps:P,buttonSetButtonProps:h,globalEventProps:v,isDisabled:w}=u.processSetButtonProps(m,I),j={...P,display:I.display??m.display??"all"},D=i.toggleStyling(h.layoutWidth,r,!1,!0,"outlined"===h.variant,c,!0,!1);return e.jsx(s.BaseButton,{...a.mergeProps(v,h),ref:x,onAction:()=>{d?.({value:r})},elementDetails:{type:"span",isFocusable:!1,isLabel:!0},width:I.width?"100%":S,autofocus:b,styling:D,"aria-describedby":y,testId:p,children:e.jsx(l.ToggleButtonLabel,{label:g,isSelected:r,isDisabled:w,startIcon:t,endIcon:o,value:B,...j})})}));r.displayName="ButtonSetButton",t.ButtonSetButton=r}));
-//# sourceMappingURL=ButtonSetButton-526d9712.js.map