@oracle/oraclejet-preact 19.0.0 → 19.0.1

package/amd/ActionCard-eb924a00.js

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

package/amd/BarChart-ed6364d0.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './utils-8ccd1b88', './useUser-988f7da2', './BarGroup-c171e6cb', './dataStyleUtils-9895ff76', './Chart-eda7af0e'], (function(e,t,r,i,n,o,s){"use strict";function a(e,t,r,i){const n=o.getNextItemInGroup(e,r,i);if(n)return n;if(e.groupIndex<t){let n={seriesIndex:0,groupIndex:e.groupIndex+1};if(i(n.seriesIndex,n.groupIndex))return n;if(n=a(n,t,r,i),n)return n}}function d(e,t,r,i){const n=o.getPrevItemInGroup(e,i);if(n)return n;if(e.groupIndex>t){let n={groupIndex:e.groupIndex-1,seriesIndex:r-1};if(i(n.seriesIndex,n.groupIndex))return n;if(n=d(n,t,r,i),n)return n}return e}function I(e){return t.jsx(g,{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"})}function g({width:e,height:g,selectedIds:l=[],hiddenIds:u=[],highlightedIds:x,hideAndShowBehavior:c="none",orientation:p="vertical",yAxis:f,series:A,groups:h,isStacked:m=!1,getDataItem:S,selectionMode:w="none",drilling:v="off",dataItemGaps:y=.5,...D}){const{direction:G}=i.useUser(),R="rtl"===G,b=new Set(u),L="horizontal"===p,P=D.xAxis?.timeAxisType,k=new Set(l),B=new Set(x),j="number"==typeof D.y2Axis?.split;return t.jsx(s.Chart,{width:e,height:g,selectedIds:k,hiddenIds:u,hideAndShowBehavior:c,orientation:p,yAxis:f,series:A,groups:h,isStacked:m,getDataItem:S,selectionMode:w,drilling:v,renderGridLinesInFront:!1,findNearest:(e,t,i,o,s,a)=>{const d=n.getSeriesOffsetAndWidth(o,s,A,S,a,y,m,R,L);return r.findNearestDataPoint(A,h,e,t,S,m,d,n.getBarCenterCoordinate,"log"===f?.scale,y,b,P,i)},getDataItemPos:(e,t,r,i,o,s)=>n.getBarPosition(A,h,S,e,t,r,b,y,i,o,s,"log"===f?.scale,m,R,L,j,P),getNavUtil:(e,t)=>function(e,t,r,i,n,s,I){const g=(t,r)=>{const i=e(t,r);return Boolean(i)};return(e,l)=>{if(!n&&(("ArrowDown"===l||"ArrowUp"===l)&&!I||("ArrowLeft"===l||"ArrowRight"===l)&&I))return e;let u;const x={groupIndex:e.groupIndex,seriesIndex:e.seriesIndex};return x.groupIndex<r?(x.groupIndex=r,x):x.groupIndex>i?(x.groupIndex=i,x):(n?"ArrowLeft"===l&&!I||"ArrowUp"===l&&I?u=s&&!I?o.getNextItemInSeries(x,i,g):o.getPrevItemInSeries(x,r,g):"ArrowRight"===l&&!I||"ArrowDown"===l&&I?u=s&&!I?o.getPrevItemInSeries(x,r,g):o.getNextItemInSeries(x,i,g):"ArrowDown"===l&&!I||"ArrowLeft"===l&&I?u=s&&I?o.getNextItemInGroup(x,t,g):o.getPrevItemInGroup(x,g):("ArrowUp"===l&&!I||"ArrowRight"===l&&I)&&(u=s&&I?o.getPrevItemInGroup(x,g):o.getNextItemInGroup(x,t,g)):I?"ArrowDown"===l?u=a(x,i,t,g):"ArrowUp"===l&&(u=d(x,r,t,g)):"ArrowRight"===l?u=s?d(x,r,t,g):a(x,i,t,g):"ArrowLeft"===l&&(u=s?a(x,i,t,g):d(x,r,t,g)),u||x)}}(S,A.length,e,t,m,R,L),getGapRatio:(e,t)=>r.getBarGapRatio(m,e,t),getMarkerInfo:(e,t)=>({color:o.getItemColor(e,t,A,S),type:"circle"}),isRtl:R,getStartAndEndAxesOffset:e=>r.getStartAndEndAxesOffset(!1,!1,L,e,!0),defaultOverviewContentRenderer:()=>t.jsx(I,{series:A,groups:h,getDataItem:S}),...D,children:({groupsInfo:e,xStartIndex:r,xEndIndex:i,xScale:o,yScale:s,y2Scale:a,gapRatio:d,activeId:I,focusedItemInfo:g,hoveredItemInfo:l,axisStepWidth:u,averageGroupZ:c,isPointInsideMarquee:h,getTextDimensions:G,defaultFontSize:L,colors:P,getItemAriaLabel:C,plotAreaClipPathId:N})=>t.jsx("g",{clipPath:`url(#${N})`,children:e.slice(r,i+1).map((({item:e},i)=>t.jsx(n.BarGroup,{yScale:s,splitDualY:j,y2Scale:a,xScale:o,groupIndex:i+r,selectedIds:k,hiddenIds:b,highlightedIds:x?B:x,isDrillEnabled:"on"===v,series:A,barGapRatio:d,dataItemGaps:y,isPointInsideMarquee:h,isStacked:m,axisStepWidth:u,averageGroupZ:c,group:e,timeAxisType:D.xAxis?.timeAxisType,colors:P,activeId:I,isLog:"log"===f?.scale,orientation:p,getDataItem:S,isSelectionEnabled:"none"!=w,isRtl:R,focusedItemInfo:g,hoveredItemInfo:l,getTextDimensions:G,defaultFontSize:L,getStackLabel:D.getStackLabel,getItemAriaLabel:C})))})})}e.BarChart=g}));
+define(['exports', 'preact/jsx-runtime', './utils-8ccd1b88', './useUser-12ec03f1', './BarGroup-c171e6cb', './dataStyleUtils-9895ff76', './Chart-eda7af0e'], (function(e,t,r,i,n,o,s){"use strict";function a(e,t,r,i){const n=o.getNextItemInGroup(e,r,i);if(n)return n;if(e.groupIndex<t){let n={seriesIndex:0,groupIndex:e.groupIndex+1};if(i(n.seriesIndex,n.groupIndex))return n;if(n=a(n,t,r,i),n)return n}}function d(e,t,r,i){const n=o.getPrevItemInGroup(e,i);if(n)return n;if(e.groupIndex>t){let n={groupIndex:e.groupIndex-1,seriesIndex:r-1};if(i(n.seriesIndex,n.groupIndex))return n;if(n=d(n,t,r,i),n)return n}return e}function I(e){return t.jsx(g,{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"})}function g({width:e,height:g,selectedIds:l=[],hiddenIds:u=[],highlightedIds:x,hideAndShowBehavior:c="none",orientation:p="vertical",yAxis:f,series:A,groups:h,isStacked:m=!1,getDataItem:S,selectionMode:w="none",drilling:v="off",dataItemGaps:y=.5,...D}){const{direction:G}=i.useUser(),R="rtl"===G,b=new Set(u),L="horizontal"===p,P=D.xAxis?.timeAxisType,k=new Set(l),B=new Set(x),j="number"==typeof D.y2Axis?.split;return t.jsx(s.Chart,{width:e,height:g,selectedIds:k,hiddenIds:u,hideAndShowBehavior:c,orientation:p,yAxis:f,series:A,groups:h,isStacked:m,getDataItem:S,selectionMode:w,drilling:v,renderGridLinesInFront:!1,findNearest:(e,t,i,o,s,a)=>{const d=n.getSeriesOffsetAndWidth(o,s,A,S,a,y,m,R,L);return r.findNearestDataPoint(A,h,e,t,S,m,d,n.getBarCenterCoordinate,"log"===f?.scale,y,b,P,i)},getDataItemPos:(e,t,r,i,o,s)=>n.getBarPosition(A,h,S,e,t,r,b,y,i,o,s,"log"===f?.scale,m,R,L,j,P),getNavUtil:(e,t)=>function(e,t,r,i,n,s,I){const g=(t,r)=>{const i=e(t,r);return Boolean(i)};return(e,l)=>{if(!n&&(("ArrowDown"===l||"ArrowUp"===l)&&!I||("ArrowLeft"===l||"ArrowRight"===l)&&I))return e;let u;const x={groupIndex:e.groupIndex,seriesIndex:e.seriesIndex};return x.groupIndex<r?(x.groupIndex=r,x):x.groupIndex>i?(x.groupIndex=i,x):(n?"ArrowLeft"===l&&!I||"ArrowUp"===l&&I?u=s&&!I?o.getNextItemInSeries(x,i,g):o.getPrevItemInSeries(x,r,g):"ArrowRight"===l&&!I||"ArrowDown"===l&&I?u=s&&!I?o.getPrevItemInSeries(x,r,g):o.getNextItemInSeries(x,i,g):"ArrowDown"===l&&!I||"ArrowLeft"===l&&I?u=s&&I?o.getNextItemInGroup(x,t,g):o.getPrevItemInGroup(x,g):("ArrowUp"===l&&!I||"ArrowRight"===l&&I)&&(u=s&&I?o.getPrevItemInGroup(x,g):o.getNextItemInGroup(x,t,g)):I?"ArrowDown"===l?u=a(x,i,t,g):"ArrowUp"===l&&(u=d(x,r,t,g)):"ArrowRight"===l?u=s?d(x,r,t,g):a(x,i,t,g):"ArrowLeft"===l&&(u=s?a(x,i,t,g):d(x,r,t,g)),u||x)}}(S,A.length,e,t,m,R,L),getGapRatio:(e,t)=>r.getBarGapRatio(m,e,t),getMarkerInfo:(e,t)=>({color:o.getItemColor(e,t,A,S),type:"circle"}),isRtl:R,getStartAndEndAxesOffset:e=>r.getStartAndEndAxesOffset(!1,!1,L,e,!0),defaultOverviewContentRenderer:()=>t.jsx(I,{series:A,groups:h,getDataItem:S}),...D,children:({groupsInfo:e,xStartIndex:r,xEndIndex:i,xScale:o,yScale:s,y2Scale:a,gapRatio:d,activeId:I,focusedItemInfo:g,hoveredItemInfo:l,axisStepWidth:u,averageGroupZ:c,isPointInsideMarquee:h,getTextDimensions:G,defaultFontSize:L,colors:P,getItemAriaLabel:C,plotAreaClipPathId:N})=>t.jsx("g",{clipPath:`url(#${N})`,children:e.slice(r,i+1).map((({item:e},i)=>t.jsx(n.BarGroup,{yScale:s,splitDualY:j,y2Scale:a,xScale:o,groupIndex:i+r,selectedIds:k,hiddenIds:b,highlightedIds:x?B:x,isDrillEnabled:"on"===v,series:A,barGapRatio:d,dataItemGaps:y,isPointInsideMarquee:h,isStacked:m,axisStepWidth:u,averageGroupZ:c,group:e,timeAxisType:D.xAxis?.timeAxisType,colors:P,activeId:I,isLog:"log"===f?.scale,orientation:p,getDataItem:S,isSelectionEnabled:"none"!=w,isRtl:R,focusedItemInfo:g,hoveredItemInfo:l,getTextDimensions:G,defaultFontSize:L,getStackLabel:D.getStackLabel,getItemAriaLabel:C})))})})}e.BarChart=g}));
 //# sourceMappingURL=BarChart-ed6364d0.js.map

package/amd/BaseButton-c02238cd.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useHover-8b8a1496', './useActive-bb5dc069', './useColorScheme-3022ec9a', './classNames-08d99695', './dimensions-f24f9a2b', './mergeInterpolations-9ede4cf7', './clientHints-6d361eaa', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './useComponentTheme-5aa41a8f', './BareButton-6152c7c2', './buttonUtils-cbbb0130'], (function(e,t,o,n,i,s,a,r,d,l,c,u,m,b,v){"use strict";const B=[...Object.values(r.dimensionInterpolations)],S=d.mergeInterpolations(B),p="ios"===l.getClientHints().platform?{ontouchstart:function(){}}:{},h="events"===l.getClientHints().hoverSupport,f=o.forwardRef((({variant:e,isReadOnly:o=!1,isDisabled:r=!1,isRepeat:d=!1,isClick:l,size:B,onAction:f,elementDetails:y={type:"button",buttonType:"button"},styling:g=["default"],edge:A="none",testId:N,...E},H)=>{const C=e=>g.indexOf(e)>-1,{globalEventProps:I,ariaProps:R}=v.processGlobals(E),{hoverProps:w,isHover:x}=n.useHover({isDisabled:!h}),{activeProps:D,isActive:T}=i.useActive({isDisabled:o}),{class:k,...P}=S({...E,...I}),q="span"==y.type,U=s.useColorScheme(),{variantClasses:W}=m.useComponentTheme(u.BaseButtonRedwoodTheme,{size:B,variant:e,unstyled:C("unstyled")?"isUnstyled":"notUnstyled",embedded:C("embedded")?"isEmbedded":"notEmbedded",container:C("container")?"isContainer":"notContainer",noBorderRadiusStart:C("noBorderRadiusStart")?"isNoBorderRadiusStart":"notNoBorderRadiusStart",noBorderRadiusEnd:C("noBorderRadiusEnd")?"isNoBorderRadiusEnd":"notNoBorderRadiusEnd",noBorderStart:C("noBorderStart")?"isNoBorderStart":"notNoBorderStart",noBorderEnd:C("noBorderEnd")?"isNoBorderEnd":"notNoBorderEnd",activeStyle:C("active")?"isActiveStyle":"notActiveStyle",selectedStyle:C("selected")?"isSelectedStyle":"notSelectedStyle",buttonSetItem:C("buttonSetItem")?"isButtonSetItem":"notButtonSetItem",trailingItem:C("trailingItem")?"isTrailingItem":"notTrailingItem",fill:C("fill")?"isFill":"notFill",min:C("min")?"isMin":"notMin",disabled:r?"isDisabled":"notDisabled",edge:A,hybrid:h?"isHybrid":"notHybrid",active:T?"isActive":"notActive",hover:x?"isHover":"notHover",span:q?"isSpan":"notSpan",widthEqual:C("widthEqual")?"isWidthEqual":"notWidthEqual",widthAuto:C("widthAuto")?"isWidthAuto":"notWidthAuto",hiddenLabel:C("hiddenLabel")?"isHidden":"notHidden",noHoverActive:C("noHoverActive")?"isNoHoverActive":"notNoHoverActive",newStackingContext:C("newStackingContext")?"isNewStackingContext":"notNewStackingContext",colorScheme:U}),j={autofocus:E.autofocus,title:E.title},F=c.mergeProps(p,R,w,C("container")?{}:D,I,j),O=a.classNames([k,W]);return t.jsx(b.BareButton,{ref:H,isDisabled:r||o,isClick:l,classNames:O,style:P,testId:N,onAction:f,autofocus:E.autofocus,elementDetails:y,isRepeat:d,...R,...F,children:E.children})}));f.displayName="BaseButton",e.BaseButton=f}));
+//# sourceMappingURL=BaseButton-c02238cd.js.map

package/amd/BaseButton-c02238cd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton-c02238cd.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, Ref } from 'preact';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\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 { BaseButtonVariantOptions } from './themes/BaseButtonStyles.css';\nimport { BaseButtonRedwoodTheme } from './themes/redwood/BaseButtonTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { BareButton } from '#/UNSAFE_BareButton';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport type { ButtonIntrinsicProps, ButtonIntrinsicAriaProps } from '../utils/UNSAFE_buttonUtils';\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\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  | 'newStackingContext';\n\nexport type Props = ButtonIntrinsicProps &\n  ButtonIntrinsicAriaProps &\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\ntype ButtonHandle = ElementRef<typeof BareButton>;\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\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant,\n      isReadOnly = false,\n      isDisabled = false,\n      isRepeat = false,\n      isClick,\n      size,\n      onAction,\n      elementDetails = { type: 'button', buttonType: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      testId,\n      ...props\n    }: Props,\n    ref: Ref<ButtonHandle>\n  ) => {\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { globalEventProps, ariaProps } = processGlobals(props);\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive({ isDisabled: isReadOnly });\n    const { class: cls, ...styles } = styleInterpolations({\n      ...props,\n      ...globalEventProps\n    });\n\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\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      newStackingContext: isStyled('newStackingContext')\n        ? 'isNewStackingContext'\n        : 'notNewStackingContext',\n      colorScheme\n    });\n\n    const legacyGlobals = {\n      autofocus: props.autofocus,\n      title: props.title\n    };\n\n    const mergedProps = mergeProps(\n      iosProps,\n      ariaProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      globalEventProps,\n      legacyGlobals\n    );\n\n    const wrapperClasses = classNames([cls, variantClasses]);\n\n    return (\n      <BareButton\n        ref={ref}\n        isDisabled={isDisabled || isReadOnly}\n        isClick={isClick}\n        classNames={wrapperClasses}\n        style={styles}\n        testId={testId}\n        onAction={onAction}\n        autofocus={props['autofocus']}\n        elementDetails={elementDetails}\n        isRepeat={isRepeat}\n        {...ariaProps}\n        {...mergedProps}>\n        {props.children}\n      </BareButton>\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","onAction","elementDetails","type","buttonType","styling","edge","testId","props","ref","isStyled","name","indexOf","globalEventProps","ariaProps","processGlobals","hoverProps","isHover","useHover","activeProps","isActive","useActive","class","cls","styles","isSpan","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","newStackingContext","legacyGlobals","autofocus","title","mergedProps","mergeProps","wrapperClasses","classNames","_jsx","BareButton","style","children","displayName"],"mappings":"8bA0JA,MAAMA,EAAiB,IAAIC,OAAOC,OAAOC,EAAAA,0BACnCC,EAAsBC,EAAAA,oBAA2BL,GAIjDM,EAAoC,QAFtBC,EAAcA,iBAELC,SAAqB,CAAEC,aAAc,cAAmB,GAC/EC,EAA6C,WAAlCH,EAAcA,iBAAGI,aAErBC,EAAaC,EAAAA,YACxB,EAEIC,UACAC,cAAa,EACbC,cAAa,EACbC,YAAW,EACXC,UACAC,OACAC,WACAC,iBAAiB,CAAEC,KAAM,SAAUC,WAAY,UAC/CC,UAAU,CAAC,WACXC,OAAO,OACPC,YACGC,GAELC,KAEA,MAAMC,EAAYC,GACTN,EAAQO,QAAQD,IAAS,GAE5BE,iBAAEA,EAAgBC,UAAEA,GAAcC,EAAcA,eAACP,IACjDQ,WAAEA,EAAUC,QAAEA,GAAYC,EAAAA,SAAS,CAAErB,YAAaN,KAClD4B,YAAEA,EAAWC,SAAEA,GAAaC,EAASA,UAAC,CAAExB,WAAYD,KAClD0B,MAAOC,KAAQC,GAAWvC,EAAoB,IACjDuB,KACAK,IAICY,EAAwB,QADVvB,EAAeC,KAE7BuB,EAAcC,EAAAA,kBAEdC,eAAEA,GAAmBC,EAAiBA,kBAA2BC,yBAAwB,CAC7F9B,OACAL,UACAoC,SAAUrB,EAAS,YAAc,aAAe,cAChDsB,SAAUtB,EAAS,YAAc,aAAe,cAChDuB,UAAWvB,EAAS,aAAe,cAAgB,eACnDwB,oBAAqBxB,EAAS,uBAC1B,wBACA,yBACJyB,kBAAmBzB,EAAS,qBACxB,sBACA,uBACJ0B,cAAe1B,EAAS,iBAAmB,kBAAoB,mBAC/D2B,YAAa3B,EAAS,eAAiB,gBAAkB,iBACzD4B,YAAa5B,EAAS,UAAY,gBAAkB,iBACpD6B,cAAe7B,EAAS,YAAc,kBAAoB,mBAC1D8B,cAAe9B,EAAS,iBAAmB,kBAAoB,mBAC/D+B,aAAc/B,EAAS,gBAAkB,iBAAmB,kBAC5DgC,KAAMhC,EAAS,QAAU,SAAW,UACpCiC,IAAKjC,EAAS,OAAS,QAAU,SACjCkC,SAAU/C,EAAa,aAAe,cACtCS,OACAuC,OAAQtD,EAAW,WAAa,YAChCuD,OAAQ1B,EAAW,WAAa,YAChC2B,MAAO9B,EAAU,UAAY,WAC7B+B,KAAMvB,EAAS,SAAW,UAC1BwB,WAAYvC,EAAS,cAAgB,eAAiB,gBACtDwC,UAAWxC,EAAS,aAAe,cAAgB,eACnDyC,YAAazC,EAAS,eAAiB,WAAa,YACpD0C,cAAe1C,EAAS,iBAAmB,kBAAoB,mBAC/D2C,mBAAoB3C,EAAS,sBACzB,uBACA,wBACJgB,gBAGI4B,EAAgB,CACpBC,UAAW/C,EAAM+C,UACjBC,MAAOhD,EAAMgD,OAGTC,EAAcC,EAAUA,WAC5BvE,EACA2B,EACAE,EACAN,EAAS,aAAe,CAAA,EAAKS,EAC7BN,EACAyC,GAGIK,EAAiBC,EAAUA,WAAC,CAACrC,EAAKK,IAExC,OACEiC,EAAAA,IAACC,EAAAA,WACC,CAAArD,IAAKA,EACLZ,WAAYA,GAAcD,EAC1BG,QAASA,EACT6D,WAAYD,EACZI,MAAOvC,EACPjB,OAAQA,EACRN,SAAUA,EACVsD,UAAW/C,EAAiB,UAC5BN,eAAgBA,EAChBJ,SAAUA,KACNgB,KACA2C,EACHO,SAAAxD,EAAMwD,UAET,IAINvE,EAAWwE,YAAc"}

package/amd/BaseCardView-bc694015.js

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

package/amd/BaseCardViewSelectionTest-5932bb51.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', '@testing-library/preact', '@testing-library/user-event', 'chai', './resources/nls/en/bundle', './clientHints-6d361eaa', './Button-fa7ebbaf', './Text-9e32c423', './View-ab4d3a33', './Flex-07d2aa5b', './LayerHost-daf96749', './EnvironmentProvider-d538fcb2', './Center-50b6397c', './DragHandle-9d141cf3', './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(p.RootEnvironmentProvider,{environment:{mode:"test"},children:t.jsx(x.Center,{children:t.jsx(g.DragHandle,{testId:`drag-icon-${e.metadata.key}`})})}),c=a&&t.jsx(d.View,{paddingBlockStart:"1x",children:t.jsxs(o.Flex,{direction:"row",wrap:"wrap",gap:"1x",width:"100%",children:[t.jsx(n.Button,{variant:"outlined",size:"md",label:"A"}),t.jsx(n.Button,{variant:"outlined",size:"md",label:"B"})]})});return t.jsxs(d.View,{padding:"6px",children:[r,t.jsxs(d.View,{padding:"10px",paddingBlockEnd:0,children:[t.jsx(f.Avatar,{initials:e.data.initials,size:"xl"}),t.jsxs(d.View,{paddingBlockStart:"2x",children:[t.jsx(l.Text,{variant:"primary",size:"md",lineClamp:1,children:e.data.name}),t.jsx(l.Text,{variant:"secondary",size:"md",lineClamp:1,children:e.data.title})]})]}),t.jsxs(d.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("aria attributes - rowcount and colcount, all items are loaded",(async()=>{const i=w(15);a.render(t.jsx(e,{data:i}));const c=await q();r.expect(c.getAttribute("aria-rowcount")).eq("1"),r.expect(c.getAttribute("aria-colcount")).eq("15")})),it("aria attributes - rowcount and colcount, some items are loaded",(async()=>{const i=w(30);a.render(t.jsx(e,{data:i}));const c=await q();r.expect(c.getAttribute("aria-rowcount")).eq("1"),r.expect(c.getAttribute("aria-colcount")).eq("25")}))),"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(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-5932bb51.js.map

package/amd/BaseCardViewSelectionTest-5932bb51.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseCardViewSelectionTest-5932bb51.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 rowcount/colcount are always default values\n    it('aria attributes - rowcount and colcount, all items are loaded', async () => {\n      const data = populateData(15);\n      render(<GenericCardGrid data={data}></GenericCardGrid>);\n      const grid = await getRoot();\n\n      expect((grid as HTMLElement).getAttribute('aria-rowcount')).eq('1');\n      expect((grid as HTMLElement).getAttribute('aria-colcount')).eq('15');\n    });\n\n    it('aria attributes - rowcount and colcount, some items are loaded', async () => {\n      const data = populateData(30);\n      render(<GenericCardGrid data={data}></GenericCardGrid>);\n      const grid = await getRoot();\n\n      expect((grid as HTMLElement).getAttribute('aria-rowcount')).eq('1');\n      expect((grid as HTMLElement).getAttribute('aria-colcount')).eq('25');\n    });\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      // should not scroll into view when the current item is set by app\n      const grid = await getRoot();\n      await waitFor(() => {\n        expect(grid.scrollTop).to.greaterThanOrEqual(0);\n      });\n\n      // focus in 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-cb5c260b.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-9e32c423', './usePress-949a0d03', './mergeProps-bcfa6a92', './classNames-08d99695', './useInteractionStyle-15a2bdd0', './useComponentTheme-5aa41a8f', 'preact', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './useUser-988f7da2', './Flex-4bc3a394', './WarningS-c50c4022', './ErrorS-8d91fdff', './InformationS-015cd288', './SuccessS-8dafd1a1', './Badge-b28ef084'], (function(e,s,t,n,a,i,r,o,l,c,d,u,m,x,g,h,v,f,p,S){"use strict";const j=c.createContext(null);function y(){return t.useContext(j)}const C=d.mergeInterpolations([...Object.values(u.flexitemInterpolations)]),{class:b,...I}=C({alignSelf:"center"});const N=e=>{e.preventDefault()};e.BaseNavigationListItem=function({itemKey:e,label:c,badge:d,metadata:u,severity:j="none",removeIcon:C,href:H,"aria-controls":L}){const T=t.useRef(null),{itemId:R,itemHandlers:w,itemClasses:P,isSelected:F,labelContainerClasses:k,labelContainerStyle:A}=function({itemKey:e}){const{onSelectionChange:s,selection:n,currentKey:c,showFocusRing:d,navigationListItemPrefix:u}=y(),g=c===e,h=n===e,{interactionProps:v,applyPseudoHoverStyle:f,applyHoverStyle:p,applyActiveStyle:S}=o.useInteractionStyle(),{direction:j}=x.useUser(),C="rtl"===j,{classes:N,styles:{labelContainerClasses:H}}=l.useComponentTheme(m.NavigationListItemRedwoodTheme,{focusRing:d?"isFocusRing":"notFocusRing",current:g?"isCurrent":"notCurrtent",selected:h?"isSelected":"notSelected",direction:C?"isRtl":"notRtl",hybridHover:p?"isHybridHover":"notHybridHover",pseudoHover:f?"isPseudoHover":"notPseudoHover",active:S?"isActive":"notActive"}),L=t.useCallback((()=>{s?.({value:e,reason:"pointer"})}),[e,s]),{pressProps:T}=a.usePress(L);return{itemId:u+e,itemHandlers:i.mergeProps(v,T),itemClasses:r.classNames([N]),isSelected:h,labelContainerClasses:r.classNames([H,b]),labelContainerStyle:I}}({itemKey:e}),K=!("none"===j||void 0===j),z=e=>{switch(e){case"error":return s.jsx(v.SvgErrorS,{color:"danger"});case"warning":return s.jsx(h.SvgWarningS,{color:"warning"});case"info":return s.jsx(f.SvgInformationS,{color:"info"});case"confirmation":return s.jsx(p.SvgSuccessS,{color:"success"});default:return null}},{styles:{iconLabelContainer:B,iconContainer:E,navigationItemMetadata:U,navigationListItemLink:W}}=l.useComponentTheme(m.NavigationListItemRedwoodTheme),D=r.classNames([U]),M=r.classNames([W]),O=r.classNames([B,E]),{styles:{navigationlistRemoveIcon:_}}=l.useComponentTheme(m.NavigationListItemRedwoodTheme),q=r.classNames([_]),G=u||K||d,J=null!=H,Q=()=>s.jsxs(s.Fragment,{children:[s.jsx("span",{class:k,style:A,children:s.jsx(n.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:c})}),s.jsx(g.Flex,{gap:"2x",align:"center",justify:"end",flex:"1 1 auto",children:C&&!J&&s.jsx("span",{class:q,children:C})})]}),V=()=>s.jsxs(s.Fragment,{children:[c&&s.jsx("span",{class:k,style:A,children:s.jsx(n.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:c})}),(u||K||d||C)&&s.jsxs(g.Flex,{gap:"2x",align:"center",justify:"end",flex:"1 1 auto",children:[" ",d&&s.jsx("span",{class:O,children:s.jsx(S.Badge,{size:"md",variant:"neutralSubtle",children:d})}),u&&s.jsx("span",{class:D,children:s.jsx(n.Text,{children:"( "+u+" )"})}),K&&s.jsx("span",{class:O,children:z(j)}),C&&!J&&s.jsx("span",{class:q,children:C})]})]});return J?s.jsx("div",{ref:T,...w,class:P,children:s.jsx("a",{tabindex:-1,role:"tab","data-oj-key":e,id:R,class:M,"aria-selected":F,"aria-controls":L,href:H,onClick:N,children:G?V():Q()})}):s.jsx("div",{role:"tab",...w,"data-oj-key":e,id:R,class:P,"aria-selected":F,ref:T,"aria-controls":L,children:G?V():Q()})},e.NavigationListContext=j,e.useNavigationListContext=y}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-9e32c423', './usePress-949a0d03', './mergeProps-bcfa6a92', './classNames-08d99695', './useInteractionStyle-15a2bdd0', './useComponentTheme-5aa41a8f', 'preact', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './useUser-12ec03f1', './Flex-07d2aa5b', './WarningS-c50c4022', './ErrorS-8d91fdff', './InformationS-015cd288', './SuccessS-8dafd1a1', './Badge-b28ef084'], (function(e,s,t,n,a,i,r,o,l,c,d,u,m,x,g,h,v,f,p,S){"use strict";const j=c.createContext(null);function y(){return t.useContext(j)}const C=d.mergeInterpolations([...Object.values(u.flexitemInterpolations)]),{class:b,...I}=C({alignSelf:"center"});const N=e=>{e.preventDefault()};e.BaseNavigationListItem=function({itemKey:e,label:c,badge:d,metadata:u,severity:j="none",removeIcon:C,href:H,"aria-controls":L}){const T=t.useRef(null),{itemId:R,itemHandlers:w,itemClasses:P,isSelected:F,labelContainerClasses:k,labelContainerStyle:A}=function({itemKey:e}){const{onSelectionChange:s,selection:n,currentKey:c,showFocusRing:d,navigationListItemPrefix:u}=y(),g=c===e,h=n===e,{interactionProps:v,applyPseudoHoverStyle:f,applyHoverStyle:p,applyActiveStyle:S}=o.useInteractionStyle(),{direction:j}=x.useUser(),C="rtl"===j,{classes:N,styles:{labelContainerClasses:H}}=l.useComponentTheme(m.NavigationListItemRedwoodTheme,{focusRing:d?"isFocusRing":"notFocusRing",current:g?"isCurrent":"notCurrtent",selected:h?"isSelected":"notSelected",direction:C?"isRtl":"notRtl",hybridHover:p?"isHybridHover":"notHybridHover",pseudoHover:f?"isPseudoHover":"notPseudoHover",active:S?"isActive":"notActive"}),L=t.useCallback((()=>{s?.({value:e,reason:"pointer"})}),[e,s]),{pressProps:T}=a.usePress(L);return{itemId:u+e,itemHandlers:i.mergeProps(v,T),itemClasses:r.classNames([N]),isSelected:h,labelContainerClasses:r.classNames([H,b]),labelContainerStyle:I}}({itemKey:e}),K=!("none"===j||void 0===j),z=e=>{switch(e){case"error":return s.jsx(v.SvgErrorS,{color:"danger"});case"warning":return s.jsx(h.SvgWarningS,{color:"warning"});case"info":return s.jsx(f.SvgInformationS,{color:"info"});case"confirmation":return s.jsx(p.SvgSuccessS,{color:"success"});default:return null}},{styles:{iconLabelContainer:B,iconContainer:E,navigationItemMetadata:U,navigationListItemLink:W}}=l.useComponentTheme(m.NavigationListItemRedwoodTheme),D=r.classNames([U]),M=r.classNames([W]),O=r.classNames([B,E]),{styles:{navigationlistRemoveIcon:_}}=l.useComponentTheme(m.NavigationListItemRedwoodTheme),q=r.classNames([_]),G=u||K||d,J=null!=H,Q=()=>s.jsxs(s.Fragment,{children:[s.jsx("span",{class:k,style:A,children:s.jsx(n.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:c})}),s.jsx(g.Flex,{gap:"2x",align:"center",justify:"end",flex:"1 1 auto",children:C&&!J&&s.jsx("span",{class:q,children:C})})]}),V=()=>s.jsxs(s.Fragment,{children:[c&&s.jsx("span",{class:k,style:A,children:s.jsx(n.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:c})}),(u||K||d||C)&&s.jsxs(g.Flex,{gap:"2x",align:"center",justify:"end",flex:"1 1 auto",children:[" ",d&&s.jsx("span",{class:O,children:s.jsx(S.Badge,{size:"md",variant:"neutralSubtle",children:d})}),u&&s.jsx("span",{class:D,children:s.jsx(n.Text,{children:"( "+u+" )"})}),K&&s.jsx("span",{class:O,children:z(j)}),C&&!J&&s.jsx("span",{class:q,children:C})]})]});return J?s.jsx("div",{ref:T,...w,class:P,children:s.jsx("a",{tabindex:-1,role:"tab","data-oj-key":e,id:R,class:M,"aria-selected":F,"aria-controls":L,href:H,onClick:N,children:G?V():Q()})}):s.jsx("div",{role:"tab",...w,"data-oj-key":e,id:R,class:P,"aria-selected":F,ref:T,"aria-controls":L,children:G?V():Q()})},e.NavigationListContext=j,e.useNavigationListContext=y}));
 //# sourceMappingURL=BaseNavigationListItem-cb5c260b.js.map

package/amd/BaseRichSelection-0fdc29a8.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', 'preact/hooks', './useFormFieldContextProps-08e673cf', 'preact', './useCollectionFocusRing-35d278f5', './useTranslationBundle-27bf6340', './Label-46fd3625', './InlineHelp-1fc7b3a9', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-b485c235', './Flex-4bc3a394', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './useTestId-a2e433c2', './LayerHost-7d4aa6d3', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './IconButton-b4b83d00', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-062b66ff', './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-bf7d0e95', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-e2543ca1', './Grid-2ddec30a', './refUtils-77e97004', './useContainerBreakpoints-53f7e391', './RichSelectionStartContext-0912e7b0', './View-5520bcf5', './classNames-08d99695', './useFormFieldContext-9260f081', './StyledLabelValueLayout-5a476d38', './useComponentTheme-5aa41a8f', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', 'css!./RichLabelValueLayoutStyles.styles.css', './formControlUtils-a737ac5e', './useMessageSeverity-1d69e1ae'], (function(e,s,t,a,o,l,i,r,n,c,d,h,u,b,S,y,p,m,x,R,T,_,L,C,A,f,g,U,F,I,w,V,M,k,v,E,B,W,j,D,N,P,O,H,q,$,G,X,z,J,K,Q,Y,Z,ee,se,te,ae,oe,le,ie,re,ne,ce,de){"use strict";const he=["xl","lg","md","sm","xs"],ue={xl:{xl:6,md:4,sm:4},lg:{xl:4,md:3,sm:3},md:{xl:3,md:2,sm:2},sm:{xl:2,md:2,sm:2},xs:{xl:1,md:1,sm:1}},be={xs:"0px",sm:"600px",md:"768px",lg:"1024px",xl:"1440px"},Se=(e,s)=>{for(const t of he)if(e[t])return ue[t][s];return ue.xs[s]};var ye="RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichRadioSet__3a9bpp0",pe="RichLabelValueLayoutStyles_richLabelInnerStyles_startRichRadioSetWithoutTopUA__3a9bpp1",me="RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichRadioSetWithoutTopUA__3a9bpp2",xe="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp3",Re="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp4",Te="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp5",_e="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp6",Le="RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichCheckboxSet__3a9bpp7",Ce="RichLabelValueLayoutStyles_richLabelInnerStyles_startRichCheckboxSetWithoutTopUA__3a9bpp8",Ae="RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichCheckboxSetWithoutTopUA__3a9bpp9",fe="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppa",ge="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppb",Ue="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppc",Fe="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppd";const Ie=({columnSpan:e=1,label:t,labelEdge:a,children:l,labelStartWidth:i="33%",parentComponentVariant:r,hasTopUserAssistance:n=!1,hasSecondaryText:c=!1,hasMedia:d=!1})=>{const{baseTheme:h}=ae.useComponentTheme(oe.RadioRedwoodTheme),{baseTheme:u}=ae.useComponentTheme(re.CheckboxRedwoodTheme),{baseTheme:b}=ae.useComponentTheme(le.LabelRedwoodTheme),{baseTheme:S}=ae.useComponentTheme(ie.FormLayoutRedwoodTheme),y=Y.useRichSelectionContext(),p="richRadioSet"===r,m="richCheckboxSet"===r,x="start"===a,R="top"===a||"inside"===a,T="inside"===a,_=ce.computeStartLabelWidth(i,e),L=`calc(100% - ${_})`,C=x?{flexBasis:_,width:_,maxWidth:_}:{},A=x?{flexBasis:L,width:L,maxWidth:L}:{},{isFormLayout:f,isReadonly:g}=o.useFormContext(),{isReadonly:U}=se.useFormFieldContext(),F=f&&g||!f&&U,I=ee.classNames([S,te.labelSlotStyles.base,x&&te.labelSlotStyles.start,R&&te.labelSlotStyles.top,R&&n&&te.labelSlotStyles.topAndTopUA,R&&F&&te.labelSlotStyles.topPureReadonly]),w=ee.classNames([p&&h,m&&u,b,S,te.labelInnerStyles.base,x&&te.labelInnerStyles.start,p&&T&&ye,m&&T&&Le,p&&x&&!n&&"xl"!==y?.layout&&pe,p&&x&&!n&&"xl"===y?.layout&&me,p&&x&&"md"===y?.layout&&!n&&!c&&d&&xe,p&&x&&"md"===y?.layout&&!n&&!c&&!d&&Re,p&&x&&"sm"===y?.layout&&!n&&!c&&d&&Te,p&&x&&"sm"===y?.layout&&!n&&!c&&!d&&_e,m&&x&&!n&&"xl"!==y?.layout&&Ce,m&&x&&!n&&"xl"===y?.layout&&Ae,m&&x&&"md"===y?.layout&&!n&&!c&&d&&fe,m&&x&&"md"===y?.layout&&!n&&!c&&!d&&ge,m&&x&&"sm"===y?.layout&&!n&&!c&&d&&Ue,m&&x&&"sm"===y?.layout&&!n&&!c&&!d&&Fe]);return s.jsx(te.StyledLabelValueLayout,{flexAlign:U&&x?"stretch":"start",labelStyleClasses:I,labelStyles:C,labelInnerClasses:w,label:t,valueStyles:A,children:l})},we=t.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:o,children:l,columnSpan:i=1,hasValue:r,helpSourceLink:b,helpSourceText:S,isDisabled:y,isReadonly:p,isRequired:m,label:R,labelEdge:T,labelStartWidth:_="33%",messages:L,parentComponentVariant:A,role:f,testId:g,userAssistanceDensity:U},F=null)=>{const I=C.useTestId(g),w=`${g}-inline-user-assistance`,V=g?`${w}-top`:void 0,M=g?`${w}-bottom`:void 0,k=!(y||p||!a&&!b),v=!y,B=t.useRef(null),{groupProps:W,labelProps:j,topUserAssistanceProps:D,bottomUserAssistanceProps:N,readonlyId:P}=G.useCheckboxRadioField({ariaDescribedBy:e,baseId:o,isRequired:m,isReadonly:p,isDisabled:y,label:R,labelEdge:T,messages:L,hasValue:r,hasTopUserAssistance:k,hasBottomUserAssistance:v,parentComponentVariant:"richRadioSet"===A?"radioSet":"checkboxSet"}),[O,H]=t.useState({hasMedia:!1,hasSecondaryText:!1}),q=d.useTranslationBundle("@oracle/oraclejet-preact").formControl_readOnly();t.useImperativeHandle(F,(()=>({focus:()=>{if(!y){const e=B.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{B.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[$,ee]=c.useCollectionFocusRing(B,"richRadioSet"===A?["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]:["Tab"]),{gridTemplateColumns:se,ref:te}=(()=>{const e=Y.useRichSelectionContext(),{breakpointMatches:s,ref:t}=Q.useContainerBreakpoints(be);return{ref:t,gridTemplateColumns:null!==e?`repeat(${Se(s,e.layout)}, 1fr)`:""}})(),ae=t.useMemo((()=>n.toChildArray(l).map(((e,t)=>"start"!==T||k?e:s.jsx(Y.RichSelectionStartContext.Provider,{value:{setStartData:H,isFirst:0===t},children:e})))),[l,k,T]),oe=s.jsxs(s.Fragment,{children:[k&&s.jsx("div",{id:`${o}-top-ua-container`,class:"start"===T?G.topUAContainerStyles.start:G.topUAContainerStyles.top,children:s.jsx(x.InlineUserAssistanceContainer,{...D,testId:V,children:s.jsx(u.InlineHelp,{assistiveText:a,sourceLink:b,sourceText:S})})}),s.jsx(Z.View,{padding:["2x",0],width:"100%",children:s.jsx(J.Grid,{gridTemplateColumns:se,gap:"6x",role:"list",children:s.jsx(X.CheckboxRadioContext.Provider,{value:{isFocusRingShown:$},children:ae})})}),v?s.jsx(x.InlineUserAssistance,{...N,requiredAlignment:"start",messages:L,userAssistanceDensity:"reflow"===U?"reflow":"efficient",testId:M}):"reflow"===U?void 0:s.jsx(x.InlineUserAssistance,{id:N?.id,userAssistanceDensity:"efficient",testId:M})]}),le=z.layoutSpanStyles.layoutSpanColumn[i];return s.jsxs("div",{ref:K.mergeRefs(B,te),class:le,role:f,...W,...ee,...I,children:["none"===T?oe:s.jsx(Ie,{columnSpan:i,parentComponentVariant:A,hasTopUserAssistance:k,hasSecondaryText:O.hasSecondaryText,hasMedia:O.hasMedia,label:s.jsx(h.Label,{...j,variant:T,userAssistanceDensity:"efficient",parentComponentVariant:A,children:R}),labelEdge:T,labelStartWidth:_,children:oe}),p&&s.jsx(E.HiddenAccessible,{id:P,isHidden:!0,children:q})]})})),Ve=t.forwardRef((({"aria-describedby":e,assistiveText:t,baseId:a,children:i,columnSpan:n,helpSourceLink:c,helpSourceText:d,isDisabled:h,isReadonly:u,isRequired:b,label:S,labelEdge:y,labelStartWidth:p,layout:m,messages:x,selection:R,testId:T,userAssistanceDensity:_,value:L},C=null)=>{const A=null!=L&&("single"===R||L.size>0),{isDisabled:f,isReadonly:g,labelEdge:U,labelStartWidth:F,userAssistanceDensity:I}=o.useFormContext(),w=h??f,V=u??g,M=y??U,k=p??F,v=_??I,E=r.useFormFieldContextProps({hasValue:A,isDisabled:w,isReadonly:V}),B="error"===de.useMessageSeverity(x)?"error":void 0;return s.jsx(l.FormFieldContext.Provider,{value:E,children:s.jsx(Y.RichSelectionContext.Provider,{value:{selection:R,layout:m,messageSeverity:B},children:s.jsx(we,{"aria-describedby":e,assistiveText:t,baseId:a,columnSpan:n,hasValue:A,helpSourceLink:c,helpSourceText:d,isDisabled:w,isReadonly:V,isRequired:b,label:S,labelEdge:M,labelStartWidth:k,messages:x,parentComponentVariant:"single"===R?"richRadioSet":"richCheckboxSet",ref:C,role:"single"===R?"radiogroup":"group",testId:T,userAssistanceDensity:v,children:i})})})}));e.BaseRichSelection=Ve}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', 'preact/hooks', './useFormFieldContextProps-08e673cf', 'preact', './useCollectionFocusRing-35d278f5', './useTranslationBundle-8e42d505', './Label-46fd3625', './InlineHelp-1fc7b3a9', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-b485c235', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './useTestId-9afc201a', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-b4b83d00', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-695781d6', './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-bf7d0e95', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-e2543ca1', './Grid-d415ba8d', './refUtils-77e97004', './useContainerBreakpoints-53f7e391', './RichSelectionStartContext-0912e7b0', './View-ab4d3a33', './classNames-08d99695', './useFormFieldContext-9260f081', './StyledLabelValueLayout-5737d116', './useComponentTheme-5aa41a8f', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', 'css!./RichLabelValueLayoutStyles.styles.css', './formControlUtils-a737ac5e', './useMessageSeverity-1d69e1ae'], (function(e,s,t,a,o,l,i,r,n,d,c,h,u,b,S,y,p,m,x,R,T,_,L,C,A,g,f,U,F,I,w,V,M,k,v,E,B,W,j,D,N,P,O,H,q,$,G,X,z,J,K,Q,Y,Z,ee,se,te,ae,oe,le,ie,re,ne,de,ce){"use strict";const he=["xl","lg","md","sm","xs"],ue={xl:{xl:6,md:4,sm:4},lg:{xl:4,md:3,sm:3},md:{xl:3,md:2,sm:2},sm:{xl:2,md:2,sm:2},xs:{xl:1,md:1,sm:1}},be={xs:"0px",sm:"600px",md:"768px",lg:"1024px",xl:"1440px"},Se=(e,s)=>{for(const t of he)if(e[t])return ue[t][s];return ue.xs[s]};var ye="RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichRadioSet__3a9bpp0",pe="RichLabelValueLayoutStyles_richLabelInnerStyles_startRichRadioSetWithoutTopUA__3a9bpp1",me="RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichRadioSetWithoutTopUA__3a9bpp2",xe="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp3",Re="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp4",Te="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp5",_e="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp6",Le="RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichCheckboxSet__3a9bpp7",Ce="RichLabelValueLayoutStyles_richLabelInnerStyles_startRichCheckboxSetWithoutTopUA__3a9bpp8",Ae="RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichCheckboxSetWithoutTopUA__3a9bpp9",ge="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppa",fe="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppb",Ue="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppc",Fe="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppd";const Ie=({columnSpan:e=1,label:t,labelEdge:a,children:l,labelStartWidth:i="33%",parentComponentVariant:r,hasTopUserAssistance:n=!1,hasSecondaryText:d=!1,hasMedia:c=!1})=>{const{baseTheme:h}=ae.useComponentTheme(oe.RadioRedwoodTheme),{baseTheme:u}=ae.useComponentTheme(re.CheckboxRedwoodTheme),{baseTheme:b}=ae.useComponentTheme(le.LabelRedwoodTheme),{baseTheme:S}=ae.useComponentTheme(ie.FormLayoutRedwoodTheme),y=Y.useRichSelectionContext(),p="richRadioSet"===r,m="richCheckboxSet"===r,x="start"===a,R="top"===a||"inside"===a,T="inside"===a,_=de.computeStartLabelWidth(i,e),L=`calc(100% - ${_})`,C=x?{flexBasis:_,width:_,maxWidth:_}:{},A=x?{flexBasis:L,width:L,maxWidth:L}:{},{isFormLayout:g,isReadonly:f}=o.useFormContext(),{isReadonly:U}=se.useFormFieldContext(),F=g&&f||!g&&U,I=ee.classNames([S,te.labelSlotStyles.base,x&&te.labelSlotStyles.start,R&&te.labelSlotStyles.top,R&&n&&te.labelSlotStyles.topAndTopUA,R&&F&&te.labelSlotStyles.topPureReadonly]),w=ee.classNames([p&&h,m&&u,b,S,te.labelInnerStyles.base,x&&te.labelInnerStyles.start,p&&T&&ye,m&&T&&Le,p&&x&&!n&&"xl"!==y?.layout&&pe,p&&x&&!n&&"xl"===y?.layout&&me,p&&x&&"md"===y?.layout&&!n&&!d&&c&&xe,p&&x&&"md"===y?.layout&&!n&&!d&&!c&&Re,p&&x&&"sm"===y?.layout&&!n&&!d&&c&&Te,p&&x&&"sm"===y?.layout&&!n&&!d&&!c&&_e,m&&x&&!n&&"xl"!==y?.layout&&Ce,m&&x&&!n&&"xl"===y?.layout&&Ae,m&&x&&"md"===y?.layout&&!n&&!d&&c&&ge,m&&x&&"md"===y?.layout&&!n&&!d&&!c&&fe,m&&x&&"sm"===y?.layout&&!n&&!d&&c&&Ue,m&&x&&"sm"===y?.layout&&!n&&!d&&!c&&Fe]);return s.jsx(te.StyledLabelValueLayout,{flexAlign:U&&x?"stretch":"start",labelStyleClasses:I,labelStyles:C,labelInnerClasses:w,label:t,valueStyles:A,children:l})},we=t.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:o,children:l,columnSpan:i=1,hasValue:r,helpSourceLink:b,helpSourceText:S,isDisabled:y,isReadonly:p,isRequired:m,label:R,labelEdge:T,labelStartWidth:_="33%",messages:L,parentComponentVariant:A,role:g,testId:f,userAssistanceDensity:U},F=null)=>{const I=C.useTestId(f),w=`${f}-inline-user-assistance`,V=f?`${w}-top`:void 0,M=f?`${w}-bottom`:void 0,k=!(y||p||!a&&!b),v=!y,B=t.useRef(null),{groupProps:W,labelProps:j,topUserAssistanceProps:D,bottomUserAssistanceProps:N,readonlyId:P}=G.useCheckboxRadioField({ariaDescribedBy:e,baseId:o,isRequired:m,isReadonly:p,isDisabled:y,label:R,labelEdge:T,messages:L,hasValue:r,hasTopUserAssistance:k,hasBottomUserAssistance:v,parentComponentVariant:"richRadioSet"===A?"radioSet":"checkboxSet"}),[O,H]=t.useState({hasMedia:!1,hasSecondaryText:!1}),q=c.useTranslationBundle("@oracle/oraclejet-preact").formControl_readOnly();t.useImperativeHandle(F,(()=>({focus:()=>{if(!y){const e=B.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{B.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[$,ee]=d.useCollectionFocusRing(B,"richRadioSet"===A?["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]:["Tab"]),{gridTemplateColumns:se,ref:te}=(()=>{const e=Y.useRichSelectionContext(),{breakpointMatches:s,ref:t}=Q.useContainerBreakpoints(be);return{ref:t,gridTemplateColumns:null!==e?`repeat(${Se(s,e.layout)}, 1fr)`:""}})(),ae=t.useMemo((()=>n.toChildArray(l).map(((e,t)=>"start"!==T||k?e:s.jsx(Y.RichSelectionStartContext.Provider,{value:{setStartData:H,isFirst:0===t},children:e})))),[l,k,T]),oe=s.jsxs(s.Fragment,{children:[k&&s.jsx("div",{id:`${o}-top-ua-container`,class:"start"===T?G.topUAContainerStyles.start:G.topUAContainerStyles.top,children:s.jsx(x.InlineUserAssistanceContainer,{...D,testId:V,children:s.jsx(u.InlineHelp,{assistiveText:a,sourceLink:b,sourceText:S})})}),s.jsx(Z.View,{padding:["2x",0],width:"100%",children:s.jsx(J.Grid,{gridTemplateColumns:se,gap:"6x",role:"list",children:s.jsx(X.CheckboxRadioContext.Provider,{value:{isFocusRingShown:$},children:ae})})}),v?s.jsx(x.InlineUserAssistance,{...N,requiredAlignment:"start",messages:L,userAssistanceDensity:"reflow"===U?"reflow":"efficient",testId:M}):"reflow"===U?void 0:s.jsx(x.InlineUserAssistance,{id:N?.id,userAssistanceDensity:"efficient",testId:M})]}),le=z.layoutSpanStyles.layoutSpanColumn[i];return s.jsxs("div",{ref:K.mergeRefs(B,te),class:le,role:g,...W,...ee,...I,children:["none"===T?oe:s.jsx(Ie,{columnSpan:i,parentComponentVariant:A,hasTopUserAssistance:k,hasSecondaryText:O.hasSecondaryText,hasMedia:O.hasMedia,label:s.jsx(h.Label,{...j,variant:T,userAssistanceDensity:"efficient",parentComponentVariant:A,children:R}),labelEdge:T,labelStartWidth:_,children:oe}),p&&s.jsx(E.HiddenAccessible,{id:P,isHidden:!0,children:q})]})})),Ve=t.forwardRef((({"aria-describedby":e,assistiveText:t,baseId:a,children:i,columnSpan:n,helpSourceLink:d,helpSourceText:c,isDisabled:h,isReadonly:u,isRequired:b,label:S,labelEdge:y,labelStartWidth:p,layout:m,messages:x,selection:R,testId:T,userAssistanceDensity:_,value:L},C=null)=>{const A=null!=L&&("single"===R||L.size>0),{isDisabled:g,isReadonly:f,labelEdge:U,labelStartWidth:F,userAssistanceDensity:I}=o.useFormContext(),w=h??g,V=u??f,M=y??U,k=p??F,v=_??I,E=r.useFormFieldContextProps({hasValue:A,isDisabled:w,isReadonly:V}),B="error"===ce.useMessageSeverity(x)?"error":void 0;return s.jsx(l.FormFieldContext.Provider,{value:E,children:s.jsx(Y.RichSelectionContext.Provider,{value:{selection:R,layout:m,messageSeverity:B},children:s.jsx(we,{"aria-describedby":e,assistiveText:t,baseId:a,columnSpan:n,hasValue:A,helpSourceLink:d,helpSourceText:c,isDisabled:w,isReadonly:V,isRequired:b,label:S,labelEdge:M,labelStartWidth:k,messages:x,parentComponentVariant:"single"===R?"richRadioSet":"richCheckboxSet",ref:C,role:"single"===R?"radiogroup":"group",testId:T,userAssistanceDensity:v,children:i})})})}));e.BaseRichSelection=Ve}));
 //# sourceMappingURL=BaseRichSelection-0fdc29a8.js.map

package/amd/BaseSwatchView-4d204ce0.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './keys-4755c121', './collectionUtils-26e6c87c', './useCurrentKey-2f1ca19e', './useCollectionFocusRing-35d278f5', './useTabbableModeSet-290ab1cf', './useSwatchSelection-fd837ce5', './LoadMoreCollection-3ac9e69e', './PRIVATE_BaseSwatchView/themes/BaseSwatchViewStyles.css', './classNames-08d99695', './logger-0f873e29', './tabbableUtils-9101c0e5', './useId-c9578d26', './useResizeObserver-25032462', './FocusTrap-d06ac102', './Flex-4bc3a394'], (function(e,t,r,s,a,o,c,n,i,l,u,d,h,b,f,y,w,g,m,p,x,v,C){"use strict";const E=s.memo((function({children:e,context:r,isTabbable:s,isFocused:o,isFocusRingVisible:n,focusBehavior:i,setIsFocusBehaviorValid:l,updateSwatchSize:u}){const d=a.useRef(null),h=r.metadata.key,b=o&&n,f=y.multiVariantStyles({itemFocused:"swatch"===i&&b?"isItemFocused":"isNotItemFocused",itemInGridLayout:"isNotInGridLayout"}),C=w.classNames([y.styles.itemStyle,f]),E=a.useCallback((e=>{u?.(e.contentRect.width,e.contentRect.height)}),[u]),R=a.useRef(null);x.useResizeObserver(u?d:R,E),a.useLayoutEffect((()=>{if("content"===i&&b){const e=d.current?.firstElementChild?.firstElementChild,t=m.allTabbableElements(e,!0,!0);0===t.length||t.length>1?(g.warn(`${t.length} focusable elements are detected in the swatch. 'content' focusBehavior is intended only for use when the swatch has single focusable element. Please specify one focusable element in the swatch or switch the focusBehavior to 'swatch'.`),l?.(!1)):t[0].focus()}}),[i,b,l]);const S=e(r);return t.jsx("div",{id:p.useId(),ref:d,class:C,role:"gridcell","data-oj-key":h,onKeyDown:e=>{"swatch"!==i||!s||"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.stopPropagation()},..."number"==typeof h&&{"data-oj-key-type":"number"},children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:s},children:t.jsx(v.FocusTrap,{isDisabled:!s,restoreFocusRef:!1,children:S})})})}),((e,t)=>!(!e||!t)&&(e.children===t.children&&e.isTabbable===t.isTabbable&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.focusBehavior===t.focusBehavior&&l.compareListItemContext(e.context,t.context))));function R({children:e}){return t.jsx(C.Flex,{wrap:"wrap",gap:["2x","2x"],children:e})}const S={all:!1,keys:new Set},T=s.forwardRef((({children:e,data:s,onLoadMore:c=()=>{},hasMore:w=!1,getRowKey:g,currentKey:m,onCurrentKeyChange:p,selectedKeys:x=S,onSelectionChange:v,viewportConfig:C,focusBehavior:T="swatch","aria-label":k,"aria-labelledby":F,columns:M,swatchSize:K,updateSwatchSize:I},B)=>{const L=a.useRef(null);a.useImperativeHandle(B,(()=>L.current),[L]);const A=a.useRef(),P=a.useRef(),V=w||!s||M<1?-1:Math.ceil(s?.length/M),j=M<1?-1:M,[D,N]=a.useState(!0),O=D?T:"swatch",z=a.useRef(!1),_=a.useRef(!1),[U,G]=h.useTabbableModeSet(L,(e=>l.keyExtractor(e,l.ITEM_SELECTOR)),m,p),{currentKeyProps:H}=u.useCurrentKey((e=>l.keyExtractor(e,l.ITEM_SELECTOR)),!0,l.getPrevNextKeyByCount(s,g,m,-M),l.getPrevNextKeyByCount(s,g,m,M),l.getPrevNextKeyByCount(s,g,m,-1),l.getPrevNextKeyByCount(s,g,m,1),m,p),[$,q]=d.useCollectionFocusRing(L,["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]);a.useEffect((()=>{if(null!=m&&L.current){const e=l.findElementByKey(L.current,m,l.ITEM_SELECTOR);if(e){if("swatch"===O){const t=e.closest("[role=gridcell]"),r=L.current.getAttribute("aria-activedescendant");t&&r!==t.id&&(L.current.setAttribute("aria-activedescendant",t.id),z.current=!0)}z.current&&(e.scrollIntoView({block:"nearest"}),z.current=!1)}}}),[m,s,O]);const J=a.useCallback((e=>{v&&(!1===e.value.all&&e.value.keys.size>0&&(A.current=Array.from(e.value.keys.values()).pop()),v(e))}),[A,v]),{selectionProps:Q}=b.useSwatchSelection((e=>e===L.current?void 0===m?null:m:l.keyExtractor(e,l.ITEM_SELECTOR)),x,!1,"toggle",J),W=a.useCallback((()=>{_.current||(_.current=!0,c())}),[_,c]);a.useEffect((()=>{_.current=!1}),[s,w]);const X=a.useCallback((e=>{const t=g(e.data);return{index:e.index,data:e.data,metadata:{key:t},selector:void 0}}),[g]),{tabbableModeProps:Y}=n.useTabbableMode();C=l.getViewportConfig(L,C);const Z=t.jsx("div",{role:"row",children:t.jsx(R,{children:t.jsx(f.LoadMoreCollection,{data:s,hasMore:w,onLoadMore:W,loadMoreThreshold:12,viewportConfig:C,children:r=>{const s=X(r),a=U(s.metadata.key),o=m===s.metadata.key&&!a,c=o&&$;return(r=>t.jsx(E,{context:r,isTabbable:a,isFocused:o,isFocusRingVisible:c,focusBehavior:O,..."content"===T&&{setIsFocusBehaviorValid:N},...0===s.index&&!K.width&&{updateSwatchSize:I},children:e},s.metadata.key))(s)}})})});return t.jsx("div",{...o.mergeProps(H,q,Y,Q,{onFocus:()=>{if(!i.isKeyDefined(m)&&p&&U(void 0)&&L.current){const e=P.current||l.getFirstVisibleKey(L.current,l.ITEM_SELECTOR);i.isKeyDefined(e)&&p({value:e})}},onPointerDown:e=>{const t=l.keyExtractor(e.target,l.ITEM_SELECTOR);i.isKeyDefined(t)&&(P.current=t)},onKeyDown:e=>{"content"===O&&"Tab"===e.key&&L.current?.focus({preventScroll:!0});(e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&(z.current=!0)}},{..."swatch"===O&&G}),ref:L,role:"grid",className:y.styles.baseStyle,"aria-label":k,"aria-labelledby":F,"aria-multiselectable":"false","aria-rowcount":V,"aria-colcount":j,children:s?.length||w?Z:t.jsx(r.Fragment,{})})}));e.BaseSwatchView=T,e.getColCount=(e,t,r)=>{if(!t||!r)return 0;const s=Math.floor((r+e)/(e+t));return Math.max(1,s)}}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './keys-4755c121', './collectionUtils-26e6c87c', './useCurrentKey-8e979c7a', './useCollectionFocusRing-35d278f5', './useTabbableModeSet-290ab1cf', './useSwatchSelection-fd837ce5', './LoadMoreCollection-3ac9e69e', './PRIVATE_BaseSwatchView/themes/BaseSwatchViewStyles.css', './classNames-08d99695', './logger-0f873e29', './tabbableUtils-9101c0e5', './useId-c9578d26', './useResizeObserver-25032462', './FocusTrap-d06ac102', './Flex-07d2aa5b'], (function(e,t,r,a,s,o,c,n,i,l,u,d,h,b,f,y,w,g,m,p,x,v,C){"use strict";const E=a.memo((function({children:e,context:r,isTabbable:a,isFocused:o,isFocusRingVisible:n,focusBehavior:i,setIsFocusBehaviorValid:l,updateSwatchSize:u}){const d=s.useRef(null),h=r.metadata.key,b=o&&n,f=y.multiVariantStyles({itemFocused:"swatch"===i&&b?"isItemFocused":"isNotItemFocused",itemInGridLayout:"isNotInGridLayout"}),C=w.classNames([y.styles.itemStyle,f]),E=s.useCallback((e=>{u?.(e.contentRect.width,e.contentRect.height)}),[u]),R=s.useRef(null);x.useResizeObserver(u?d:R,E),s.useLayoutEffect((()=>{if("content"===i&&b){const e=d.current?.firstElementChild?.firstElementChild,t=m.allTabbableElements(e,!0,!0);0===t.length||t.length>1?(g.warn(`${t.length} focusable elements are detected in the swatch. 'content' focusBehavior is intended only for use when the swatch has single focusable element. Please specify one focusable element in the swatch or switch the focusBehavior to 'swatch'.`),l?.(!1)):t[0].focus()}}),[i,b,l]);const S=e(r);return t.jsx("div",{id:p.useId(),ref:d,class:C,role:"gridcell","data-oj-key":h,onKeyDown:e=>{"swatch"!==i||!a||"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.stopPropagation()},..."number"==typeof h&&{"data-oj-key-type":"number"},children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:a},children:t.jsx(v.FocusTrap,{isDisabled:!a,restoreFocusRef:!1,children:S})})})}),((e,t)=>!(!e||!t)&&(e.children===t.children&&e.isTabbable===t.isTabbable&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.focusBehavior===t.focusBehavior&&l.compareListItemContext(e.context,t.context))));function R({children:e}){return t.jsx(C.Flex,{wrap:"wrap",gap:["2x","2x"],children:e})}const S={all:!1,keys:new Set},T=a.forwardRef((({children:e,data:a,onLoadMore:c=()=>{},hasMore:w=!1,getRowKey:g,currentKey:m,onCurrentKeyChange:p,selectedKeys:x=S,onSelectionChange:v,viewportConfig:C,focusBehavior:T="swatch","aria-label":k,"aria-labelledby":F,columns:M,swatchSize:K,updateSwatchSize:I},B)=>{const L=s.useRef(null);s.useImperativeHandle(B,(()=>L.current),[L]);const A=s.useRef(),P=s.useRef(),V=w||!a||M<1?-1:Math.ceil(a?.length/M),j=M<1?-1:M,[D,N]=s.useState(!0),O=D?T:"swatch",z=s.useRef(!1),_=s.useRef(!1),[U,G]=h.useTabbableModeSet(L,(e=>l.keyExtractor(e,l.ITEM_SELECTOR)),m,p),{currentKeyProps:H}=u.useCurrentKey((e=>l.keyExtractor(e,l.ITEM_SELECTOR)),!0,l.getPrevNextKeyByCount(a,g,m,-M),l.getPrevNextKeyByCount(a,g,m,M),l.getPrevNextKeyByCount(a,g,m,-1),l.getPrevNextKeyByCount(a,g,m,1),m,p),[$,q]=d.useCollectionFocusRing(L,["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]);s.useEffect((()=>{if(null!=m&&L.current){const e=l.findElementByKey(L.current,m,l.ITEM_SELECTOR);if(e){if("swatch"===O){const t=e.closest("[role=gridcell]"),r=L.current.getAttribute("aria-activedescendant");t&&r!==t.id&&(L.current.setAttribute("aria-activedescendant",t.id),z.current=!0)}z.current&&(e.scrollIntoView({block:"nearest"}),z.current=!1)}}}),[m,a,O]);const J=s.useCallback((e=>{v&&(!1===e.value.all&&e.value.keys.size>0&&(A.current=Array.from(e.value.keys.values()).pop()),v(e))}),[A,v]),{selectionProps:Q}=b.useSwatchSelection((e=>e===L.current?void 0===m?null:m:l.keyExtractor(e,l.ITEM_SELECTOR)),x,!1,"toggle",J),W=s.useCallback((()=>{_.current||(_.current=!0,c())}),[_,c]);s.useEffect((()=>{_.current=!1}),[a,w]);const X=s.useCallback((e=>{const t=g(e.data);return{index:e.index,data:e.data,metadata:{key:t},selector:void 0}}),[g]),{tabbableModeProps:Y}=n.useTabbableMode();C=l.getViewportConfig(L,C);const Z=t.jsx("div",{role:"row",children:t.jsx(R,{children:t.jsx(f.LoadMoreCollection,{data:a,hasMore:w,onLoadMore:W,loadMoreThreshold:12,viewportConfig:C,children:r=>{const a=X(r),s=U(a.metadata.key),o=m===a.metadata.key&&!s,c=o&&$;return(r=>t.jsx(E,{context:r,isTabbable:s,isFocused:o,isFocusRingVisible:c,focusBehavior:O,..."content"===T&&{setIsFocusBehaviorValid:N},...0===a.index&&!K.width&&{updateSwatchSize:I},children:e},a.metadata.key))(a)}})})});return t.jsx("div",{...o.mergeProps(H,q,Y,Q,{onFocus:()=>{if(!i.isKeyDefined(m)&&p&&U(void 0)&&L.current){const e=P.current||l.getFirstVisibleKey(L.current,l.ITEM_SELECTOR);i.isKeyDefined(e)&&p({value:e})}},onPointerDown:e=>{const t=l.keyExtractor(e.target,l.ITEM_SELECTOR);i.isKeyDefined(t)&&(P.current=t)},onKeyDown:e=>{"content"===O&&"Tab"===e.key&&L.current?.focus({preventScroll:!0});(e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&(z.current=!0)}},{..."swatch"===O&&G}),ref:L,role:"grid",className:y.styles.baseStyle,"aria-label":k,"aria-labelledby":F,"aria-multiselectable":"false","aria-rowcount":V,"aria-colcount":j,children:a?.length||w?Z:t.jsx(r.Fragment,{})})}));e.BaseSwatchView=T,e.getColCount=(e,t,r)=>{if(!t||!r)return 0;const a=Math.floor((r+e)/(e+t));return Math.max(1,a)}}));
 //# sourceMappingURL=BaseSwatchView-4d204ce0.js.map

package/amd/BaseTabBarItem-cdec0e90.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './usePress-949a0d03', './useUser-988f7da2', './Text-9e32c423', './Flex-4bc3a394', './useTabBarContext-15a23bb6', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './dimensions-f24f9a2b', './boxalignment-6cee1ef3', './useComponentTheme-5aa41a8f', './useTranslationBundle-27bf6340', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme', './useConveyorBeltItem-ce9e4c40', './useDetectTruncation-d9046081', './WarningS-c50c4022', './ErrorS-8d91fdff', './InformationS-015cd288', './SuccessS-8dafd1a1', './mergeProps-bcfa6a92', './useTooltipControlled-f7e07ed4', './UNSAFE_TabBarCommon/themes/TabBarItemContract.css', './Badge-b28ef084'], (function(e,a,t,s,o,r,n,i,l,c,d,u,m,b,g,x,h,p,j,f,B,v,I,T,S,C){"use strict";const y=e=>{e.preventDefault()};e.BaseTabBarItem=function({itemKey:e,label:F,icon:w,badge:k,metadata:P,severity:L="none",removeIcon:N,showFocusRingOverride:E,selectionOverride:H,displayOverride:O,labelMaxWidth:R,href:z,"aria-controls":D,"aria-haspopup":W}){const V=g.useTranslationBundle("@oracle/oraclejet-preact"),{onSelect:U,selection:A,currentKey:_,showFocusRing:K,hideTooltip:M,layout:$,display:q,size:G,isEdgeBottom:J,tabItemPrefix:Q}=l.useTabBarContext(),X=_===e,{ref:Y,...Z}=h.useConveyorBeltItem({isCurrent:X}),ee=t.useCallback((()=>{U?.({value:e})}),[e,U]),{pressProps:ae}=o.usePress(ee),te=A===e,se="stacked"===q,oe=!!("icons"===q||O&&"icons"===O),re="lg"===G,ne=F&&!(" "===F&&void 0===F),ie=!("none"===L||void 0===L),le=e=>{switch(e){case"error":return a.jsx(f.SvgErrorS,{color:"danger",accessibleLabel:V.tabBar_tabContainsErrors()});case"warning":return a.jsx(j.SvgWarningS,{color:"warning"});case"info":return a.jsx(B.SvgInformationS,{color:"info"});case"confirmation":return a.jsx(v.SvgSuccessS,{color:"success"});default:return null}},{direction:ce}=r.useUser(),de=void 0!==E?E:K,ue=void 0!==H?H:te,{classes:me,styles:{tabBarItemIcon:be,tabBarItemIconStacked:ge,tabBarItemMetadata:xe,tabBarItemStackedBadge:he,tabBarItemStackedBadgeRtl:pe,tabBarItemRemoveIcon:je,tabBarItemLabel:fe,tabBarItemLabelTruncated:Be,tabBarItemLink:ve}}=b.useComponentTheme(x.TabBarItemRedwoodTheme,{selection:ue?"isSelected":"notSelected",current:X?"isCurrent":"notCurrent",focusRing:de?"showFocusRing":"noFocusRing",edgeBottom:J?"isBottom":"notBottom"}),Ie=s.classNames([me]),Te=s.classNames([fe,void 0!==R&&Be]),Se=s.classNames([be,(se||oe||!ne)&&ge]),Ce=s.classNames([xe]),ye=s.classNames([he,"rtl"===ce&&pe]),Fe=s.classNames([je]),we=s.classNames([ve]),ke=c.mergeInterpolations([...Object.values(d.flexitemInterpolations),...Object.values(u.dimensionInterpolations),...Object.values(m.boxAlignmentInterpolations)]),Pe=ke({flex:"stretch"===$?"1 0 auto":"0 0 auto",minWidth:"10.5x",height:re?S.tabBarItemVars.lgHeight:S.tabBarItemVars.mdHeight,gap:"2x"}),Le=ke({flex:"stretch"===$?"1 0 auto":"0 0 auto"}),Ne=c.mergeInterpolations([...Object.values(u.dimensionInterpolations)])({maxWidth:void 0!==R?`calc(max(96px,${R}))`:"100%"}),{detectTruncationProps:Ee,isTextTruncated:He}=p.useDetectTruncation(void 0===R),Oe=oe||He,{tooltipContent:Re,tooltipEventHandlerProps:ze,onLogicalFocus:De,onLogicalBlur:We}=(({label:e,isDisabled:a})=>{const[s,o]=t.useState(!1),{tooltipProps:r,tooltipContent:n}=T.useTooltipControlled({isOpen:s,isDisabled:a,focusStrategy:"logical",text:e,onToggle:({value:e})=>{o(e)}}),{onLogicalFocus:i,onLogicalBlur:l,...c}=r;return{tooltipContent:n,tooltipEventHandlerProps:c,onLogicalFocus:i,onLogicalBlur:l}})({label:F,isDisabled:!Oe});Oe&&(X&&K&&!M?De(Y.current):(!X||X&&!K||M)&&We());const Ve=k||P||"none"!==L||se||oe,Ue=null!=z,Ae=()=>a.jsxs(a.Fragment,{children:[a.jsxs(i.Flex,{align:"center",justify:"center",flex:"1 1 auto",gap:"2x",children:[!oe&&!se&&w&&ne&&a.jsx("span",{class:Se,"data-oj-tab-icon":"startIcon",children:w}),!oe&&ne&&a.jsx("span",{class:Te,style:Ne,...Ee,children:a.jsx(n.Text,{size:"md",weight:"semiBold",children:F})})]}),!Ue&&N&&a.jsx("span",{class:Fe,children:N})]}),_e=()=>a.jsxs(i.Flex,{flex:"1 1 auto",children:[a.jsxs(i.Flex,{minWidth:"10.5x",minHeight:re?S.tabBarItemVars.lgHeight:"100%",height:se&&ne?S.tabBarItemVars.stackedHeight:S.tabBarItemVars.mdHeight,direction:se&&ne?"column":"row",gap:"2x",align:"center",justify:"center",alignSelf:"center",flex:"1 1 auto",children:[(se||oe)&&a.jsxs("div",{"aria-label":oe?F:void 0,class:Se,children:[w,a.jsx("span",{class:ye,children:k?a.jsx(C.Badge,{size:"xs",variant:"neutral",children:k}):null})]}),!oe&&!se&&w&&ne&&a.jsx("span",{class:Se,"data-oj-tab-icon":"startIcon",children:w}),!oe&&ne&&a.jsx("span",{class:Te,style:Ne,...Ee,children:a.jsx(n.Text,{size:"md",weight:"semiBold",children:F})}),!se&&!oe&&k&&ne&&a.jsx("span",{"data-oj-tab-badge":k,children:a.jsx(C.Badge,{size:"md",variant:"neutralSubtle",children:k})}),P&&a.jsx("span",{class:Ce,"data-oj-tab-metadata":P,children:a.jsx(n.Text,{size:"md",weight:"normal",children:"( "+P+" )"})}),ie&&a.jsx("span",{class:Se,"data-oj-tab-severity":L,children:le(L)})]}),!Ue&&N&&a.jsx("span",{class:Fe,children:N})]});return Ue?a.jsxs("div",{ref:Y,class:Ie,...I.mergeProps(ae,ze,Z),style:Ve?Le:Pe,children:[a.jsx("a",{onClick:y,class:we,href:z,"data-oj-key":e,"data-oj-removable":N?"true":void 0,id:Q+e,role:"tab",tabindex:-1,"aria-controls":D,"aria-selected":te,"aria-haspopup":W,children:Ve?_e():Ae()}),Re]}):a.jsxs("div",{"data-oj-key":e,"data-oj-removable":N?"true":void 0,id:Q+e,class:Ie,role:"tab","aria-controls":D,"aria-selected":te,"aria-haspopup":W,...I.mergeProps(ae,ze,Z),ref:Y,style:Ve?Le:Pe,children:[Ve?_e():Ae(),Re]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './usePress-949a0d03', './useUser-12ec03f1', './Text-9e32c423', './Flex-07d2aa5b', './useTabBarContext-15a23bb6', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './dimensions-f24f9a2b', './boxalignment-6cee1ef3', './useComponentTheme-5aa41a8f', './useTranslationBundle-8e42d505', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme', './useConveyorBeltItem-ce9e4c40', './useDetectTruncation-d9046081', './WarningS-c50c4022', './ErrorS-8d91fdff', './InformationS-015cd288', './SuccessS-8dafd1a1', './mergeProps-bcfa6a92', './useTooltipControlled-558b2a13', './UNSAFE_TabBarCommon/themes/TabBarItemContract.css', './Badge-b28ef084'], (function(e,a,t,s,o,r,n,i,l,c,d,u,m,b,g,x,h,p,j,B,f,v,I,T,S,C){"use strict";const y=e=>{e.preventDefault()};e.BaseTabBarItem=function({itemKey:e,label:F,icon:w,badge:k,metadata:P,severity:L="none",removeIcon:N,showFocusRingOverride:E,selectionOverride:H,displayOverride:O,labelMaxWidth:R,href:z,"aria-controls":D,"aria-haspopup":W}){const V=g.useTranslationBundle("@oracle/oraclejet-preact"),{onSelect:U,selection:A,currentKey:_,showFocusRing:K,hideTooltip:M,layout:$,display:q,size:G,isEdgeBottom:J,tabItemPrefix:Q}=l.useTabBarContext(),X=_===e,{ref:Y,...Z}=h.useConveyorBeltItem({isCurrent:X}),ee=t.useCallback((()=>{U?.({value:e})}),[e,U]),{pressProps:ae}=o.usePress(ee),te=A===e,se="stacked"===q,oe=!!("icons"===q||O&&"icons"===O),re="lg"===G,ne=F&&!(" "===F&&void 0===F),ie=!("none"===L||void 0===L),le=e=>{switch(e){case"error":return a.jsx(B.SvgErrorS,{color:"danger",accessibleLabel:V.tabBar_tabContainsErrors()});case"warning":return a.jsx(j.SvgWarningS,{color:"warning"});case"info":return a.jsx(f.SvgInformationS,{color:"info"});case"confirmation":return a.jsx(v.SvgSuccessS,{color:"success"});default:return null}},{direction:ce}=r.useUser(),de=void 0!==E?E:K,ue=void 0!==H?H:te,{classes:me,styles:{tabBarItemIcon:be,tabBarItemIconStacked:ge,tabBarItemMetadata:xe,tabBarItemStackedBadge:he,tabBarItemStackedBadgeRtl:pe,tabBarItemRemoveIcon:je,tabBarItemLabel:Be,tabBarItemLabelTruncated:fe,tabBarItemLink:ve}}=b.useComponentTheme(x.TabBarItemRedwoodTheme,{selection:ue?"isSelected":"notSelected",current:X?"isCurrent":"notCurrent",focusRing:de?"showFocusRing":"noFocusRing",edgeBottom:J?"isBottom":"notBottom"}),Ie=s.classNames([me]),Te=s.classNames([Be,void 0!==R&&fe]),Se=s.classNames([be,(se||oe||!ne)&&ge]),Ce=s.classNames([xe]),ye=s.classNames([he,"rtl"===ce&&pe]),Fe=s.classNames([je]),we=s.classNames([ve]),ke=c.mergeInterpolations([...Object.values(d.flexitemInterpolations),...Object.values(u.dimensionInterpolations),...Object.values(m.boxAlignmentInterpolations)]),Pe=ke({flex:"stretch"===$?"1 0 auto":"0 0 auto",minWidth:"10.5x",height:re?S.tabBarItemVars.lgHeight:S.tabBarItemVars.mdHeight,gap:"2x"}),Le=ke({flex:"stretch"===$?"1 0 auto":"0 0 auto"}),Ne=c.mergeInterpolations([...Object.values(u.dimensionInterpolations)])({maxWidth:void 0!==R?`calc(max(96px,${R}))`:"100%"}),{detectTruncationProps:Ee,isTextTruncated:He}=p.useDetectTruncation(void 0===R),Oe=oe||He,{tooltipContent:Re,tooltipEventHandlerProps:ze,onLogicalFocus:De,onLogicalBlur:We}=(({label:e,isDisabled:a})=>{const[s,o]=t.useState(!1),{tooltipProps:r,tooltipContent:n}=T.useTooltipControlled({isOpen:s,isDisabled:a,focusStrategy:"logical",text:e,onToggle:({value:e})=>{o(e)}}),{onLogicalFocus:i,onLogicalBlur:l,...c}=r;return{tooltipContent:n,tooltipEventHandlerProps:c,onLogicalFocus:i,onLogicalBlur:l}})({label:F,isDisabled:!Oe});Oe&&(X&&K&&!M?De(Y.current):(!X||X&&!K||M)&&We());const Ve=k||P||"none"!==L||se||oe,Ue=null!=z,Ae=()=>a.jsxs(a.Fragment,{children:[a.jsxs(i.Flex,{align:"center",justify:"center",flex:"1 1 auto",gap:"2x",children:[!oe&&!se&&w&&ne&&a.jsx("span",{class:Se,"data-oj-tab-icon":"startIcon",children:w}),!oe&&ne&&a.jsx("span",{class:Te,style:Ne,...Ee,children:a.jsx(n.Text,{size:"md",weight:"semiBold",children:F})})]}),!Ue&&N&&a.jsx("span",{class:Fe,children:N})]}),_e=()=>a.jsxs(i.Flex,{flex:"1 1 auto",children:[a.jsxs(i.Flex,{minWidth:"10.5x",minHeight:re?S.tabBarItemVars.lgHeight:"100%",height:se&&ne?S.tabBarItemVars.stackedHeight:S.tabBarItemVars.mdHeight,direction:se&&ne?"column":"row",gap:"2x",align:"center",justify:"center",alignSelf:"center",flex:"1 1 auto",children:[(se||oe)&&a.jsxs("div",{"aria-label":oe?F:void 0,class:Se,children:[w,a.jsx("span",{class:ye,children:k?a.jsx(C.Badge,{size:"xs",variant:"neutral",children:k}):null})]}),!oe&&!se&&w&&ne&&a.jsx("span",{class:Se,"data-oj-tab-icon":"startIcon",children:w}),!oe&&ne&&a.jsx("span",{class:Te,style:Ne,...Ee,children:a.jsx(n.Text,{size:"md",weight:"semiBold",children:F})}),!se&&!oe&&k&&ne&&a.jsx("span",{"data-oj-tab-badge":k,children:a.jsx(C.Badge,{size:"md",variant:"neutralSubtle",children:k})}),P&&a.jsx("span",{class:Ce,"data-oj-tab-metadata":P,children:a.jsx(n.Text,{size:"md",weight:"normal",children:"( "+P+" )"})}),ie&&a.jsx("span",{class:Se,"data-oj-tab-severity":L,children:le(L)})]}),!Ue&&N&&a.jsx("span",{class:Fe,children:N})]});return Ue?a.jsxs("div",{ref:Y,class:Ie,...I.mergeProps(ae,ze,Z),style:Ve?Le:Pe,children:[a.jsx("a",{onClick:y,class:we,href:z,"data-oj-key":e,"data-oj-removable":N?"true":void 0,id:Q+e,role:"tab",tabindex:-1,"aria-controls":D,"aria-selected":te,"aria-haspopup":W,children:Ve?_e():Ae()}),Re]}):a.jsxs("div",{"data-oj-key":e,"data-oj-removable":N?"true":void 0,id:Q+e,class:Ie,role:"tab","aria-controls":D,"aria-selected":te,"aria-haspopup":W,...I.mergeProps(ae,ze,Z),ref:Y,style:Ve?Le:Pe,children:[Ve?_e():Ae(),Re]})}}));
 //# sourceMappingURL=BaseTabBarItem-cdec0e90.js.map

package/amd/Button-fa7ebbaf.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './BaseButton-c02238cd', './ButtonLabelLayout-9cc087dc', 'preact/compat'], (function(t,e,o,n,a){"use strict";const s=a.forwardRef((({variant:t="outlined",isDisabled:a=!1,isRepeat:s=!1,size:i="md",display:u="all",type:c="button",endIcon:d,startIcon:r,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=!r&&!d||"label"===u,j={type:"button",buttonType:c},w=g?B:e.jsx(n.ButtonLabelLayout,{display:u,startIcon:r,endIcon:d,size:i,children:B});return e.jsx(o.BaseButton,{ref:M,elementDetails:j,isDisabled:a,isRepeat:s,size:i,width:m,autofocus:l,edge:b,variant:t,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",t.Button=s}));
+//# sourceMappingURL=Button-fa7ebbaf.js.map

package/amd/Button-fa7ebbaf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-fa7ebbaf.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 type { ComponentChildren, ComponentProps, JSX } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype IntrinsicProps = Pick<\n  UnpackSignals<JSX.HTMLAttributes<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;\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: ForwardedRef<ButtonHandle>\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}\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":"iJAmHO,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"}