npm - @oracle/oraclejet-preact - Versions diffs - 19.0.4 → 19.0.6 - Mend

@oracle/oraclejet-preact 19.0.4 → 19.0.6

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

Files changed (633) hide show

package/amd/ActionCard-eb924a00.js CHANGED Viewed

@@ -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-d94f9c56.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './utils-8ccd1b88', './useUser-988f7da2', './BarGroup-c171e6cb', './dataStyleUtils-9895ff76', './Chart-3108fa88'], (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-3108fa88'], (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-d94f9c56.js.map

package/amd/{BaseButton-2c9850cb.js → BaseButton-d69319ea.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './useHover-8b8a1496', './useActive-bb5dc069', './useColorScheme-f2a81610', './classNames-08d99695', './dimensions-f24f9a2b', './mergeInterpolations-9ede4cf7', './clientHints-6d361eaa', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './useComponentTheme-5aa41a8f', './BareButton-7b68bbbf', './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-2c9850cb.js.map
+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-7b68bbbf', './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-d69319ea.js.map

package/amd/{BaseButton-2c9850cb.js.map → BaseButton-d69319ea.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseButton-2c9850cb.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"}
1	+ {"version":3,"file":"BaseButton-d69319ea.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 CHANGED Viewed

@@ -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-edac2bbb.js → BaseCardViewSelectionTest-4fae7370.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', '@testing-library/preact', '@testing-library/user-event', 'chai', './resources/nls/en/bundle', './clientHints-6d361eaa', './Button-bd886c04', './Text-9e32c423', './View-5520bcf5', './Flex-4bc3a394', './LayerHost-7d4aa6d3', './EnvironmentProvider-fb09fcfb', './Center-45b0c778', './DragHandle-68918f40', './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-edac2bbb.js.map
+define(['exports', 'preact/jsx-runtime', '@testing-library/preact', '@testing-library/user-event', 'chai', './resources/nls/en/bundle', './clientHints-6d361eaa', './Button-d6bbc57f', './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-4fae7370.js.map