npm - @oracle/oraclejet-preact - Versions diffs - 20.1.3 → 20.1.5 - Mend

@oracle/oraclejet-preact 20.1.3 → 20.1.5

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 (1363) hide show

package/amd/ListStyles.styles.css CHANGED Viewed

@@ -1,137 +1,11 @@
-.ListStyles_listStyles_base__1wld4xf0 {
-  color: var(--oj-c-text-icon-primary);
-  height: 100%;
-  overflow-y: inherit;
-  overflow-anchor: none;
-}
-.ListStyles_listStyles_base__1wld4xf0:focus {
-  outline-style: none;
-}
-.ListStyles_listStyles_userSelect__1wld4xf1 {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-.ListStyles_listItemStyles_base__1wld4xf2 {
-  display: flex;
-  min-height: var(--oj-c-list-item-height);
+.ListStyles_listStyles_base__131gxbz0 {
+  background-color: inherit;
   box-sizing: border-box;
-  border-top: 1px solid transparent;
-  box-shadow: inset 0px -1px transparent;
-}
-.ListStyles_listItemStyles_checkboxContainer__1wld4xf3 {
-  width: 100%;
-}
-.ListStyles_sparkleStyles_base__1wld4xf4 {
-  position: absolute;
-  top: 0;
-  width: var(--oj-c-size-units, 0.25rem);
-  z-index: 1;
-  display: block;
-  background-image: var(--imageVars_sparkleImg__odczjta);
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-}
-.ListStyles_sparkleStyles_container__1wld4xf5 {
-  position: relative;
-}
-.ListStyles_skeletonStyles_container__1wld4xf6 {
   height: 100%;
-  overflow-x: hidden;
-  overflow-y: hidden;
-}
-.ListStyles_paddingStyles_allPadding__1wld4xf7 {
-  padding-top: var(--oj-c-list-item-padding-vertical);
-  padding-bottom: var(--oj-c-list-item-padding-vertical);
-  padding-inline-start: var(--oj-c-list-item-padding-horizontal);
-  padding-inline-end: var(--oj-c-list-item-padding-horizontal);
-}
-.ListStyles_paddingStyles_topItemPadding__1wld4xf8 {
-  padding-top: var(--oj-c-list-item-padding-vertical);
-}
-.ListStyles_paddingStyles_bottomItemPadding__1wld4xf9 {
-  padding-bottom: var(--oj-c-list-item-padding-vertical);
-}
-.ListStyles_paddingStyles_startItemPadding__1wld4xfa {
-  padding-inline-start: var(--oj-c-list-item-padding-horizontal);
-}
-.ListStyles_paddingStyles_endItemPadding__1wld4xfb {
-  padding-inline-end: var(--oj-c-list-item-padding-horizontal);
-}
-.ListStyles_listItemMultiVariantStyles_gridlineTop_visible__1wld4xfc {
-  border-top-color: var(--oj-c-border-divider);
-}
-.ListStyles_listItemMultiVariantStyles_gridlineBottom_visible__1wld4xfe {
-  box-shadow: inset 0px -1px var(--oj-c-border-divider);
-}
-.ListStyles_listItemMultiVariantStyles_selected_isSelected__1wld4xfi {
-  background-color: var(--oj-c-surface-selected);
-}
-.ListStyles_listItemMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xfo {
-  outline-style: dotted;
-  outline-width: 1px;
-  outline-offset: -1px;
-  outline-color: var(--oj-c-border-keyboard-focus);
-}
-.ListStyles_listItemMultiVariantStyles_compound_0__1wld4xfw {
-  border-top-color: var(--oj-c-border-selected);
-  box-shadow: inset 0px -1px var(--oj-c-border-selected);
-}
-.ListStyles_listItemMultiVariantStyles_compound_2__1wld4xfy:not(:active) {
-  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-}
-.ListStyles_listItemMultiVariantStyles_compound_3__1wld4xfz {
-  background-color: var(--oj-c-overlay-hover);
-}
-.ListStyles_listItemMultiVariantStyles_compound_4__1wld4xf10 {
-  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-}
-.ListStyles_listItemMultiVariantStyles_compound_6__1wld4xf12 {
-  background-image:
-    linear-gradient(
-      var(--oj-c-collection-header-surface-selected),
-      var(--oj-c-collection-header-surface-selected)
-    ),
-    linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-}
-.ListStyles_listGroupHeaderMultiVariantStyles_gridlineTop_visible__1wld4xf13 {
-  border-top-color: var(--oj-c-border-divider);
-}
-.ListStyles_listGroupHeaderMultiVariantStyles_gridlineBottom_visible__1wld4xf15 {
-  box-shadow: inset 0px -1px var(--oj-c-border-divider);
-}
-.ListStyles_listGroupHeaderMultiVariantStyles_expandable_isExpandable__1wld4xf17 {
-  cursor: pointer;
-}
-.ListStyles_listGroupHeaderMultiVariantStyles_expandable_notExpandable__1wld4xf18 {
-  position: sticky;
-  top: 0;
-}
-.ListStyles_listGroupHeaderMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xf1b {
-  outline-style: dotted;
-  outline-width: 1px;
-  outline-offset: -1px;
-  outline-color: var(--oj-c-border-keyboard-focus);
-}
-.ListStyles_listGroupHeaderMultiVariantStyles_compound_1__1wld4xf1i:not(:active) {
-  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-}
-.ListStyles_listGroupHeaderMultiVariantStyles_compound_2__1wld4xf1j {
-  background-image: linear-gradient(var(--oj-c-overlay-active), var(--oj-c-overlay-active));
+  position: relative;
+  width: 100%;
+  z-index: 0;
 }
-@media (hover: hover) {
-  .ListStyles_listItemMultiVariantStyles_compound_1__1wld4xfx:hover:not(:active) {
-    background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-  }
-  .ListStyles_listItemMultiVariantStyles_compound_5__1wld4xf11:hover:not(:active) {
-    background-image:
-    linear-gradient(
-      var(--oj-c-collection-header-surface-selected),
-      var(--oj-c-collection-header-surface-selected)
-    ),
-    linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-  }
-  .ListStyles_listGroupHeaderMultiVariantStyles_compound_0__1wld4xf1h:hover:not(:active) {
-    background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-  }
+.ListStyles_listStyles_base__131gxbz0:focus {
+  outline-style: none;
 }

package/amd/ListStyles.styles2.css CHANGED Viewed

@@ -1,11 +1,137 @@
-.ListStyles_listStyles_base__131gxbz0 {
-  background-color: inherit;
-  box-sizing: border-box;
+.ListStyles_listStyles_base__1wld4xf0 {
+  color: var(--oj-c-text-icon-primary);
   height: 100%;
-  position: relative;
-  width: 100%;
-  z-index: 0;
+  overflow-y: inherit;
+  overflow-anchor: none;
 }
-.ListStyles_listStyles_base__131gxbz0:focus {
+.ListStyles_listStyles_base__1wld4xf0:focus {
   outline-style: none;
+}
+.ListStyles_listStyles_userSelect__1wld4xf1 {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.ListStyles_listItemStyles_base__1wld4xf2 {
+  display: flex;
+  min-height: var(--oj-c-list-item-height);
+  box-sizing: border-box;
+  border-top: 1px solid transparent;
+  box-shadow: inset 0px -1px transparent;
+}
+.ListStyles_listItemStyles_checkboxContainer__1wld4xf3 {
+  width: 100%;
+}
+.ListStyles_sparkleStyles_base__1wld4xf4 {
+  position: absolute;
+  top: 0;
+  width: var(--oj-c-size-units, 0.25rem);
+  z-index: 1;
+  display: block;
+  background-image: var(--imageVars_sparkleImg__odczjta);
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+.ListStyles_sparkleStyles_container__1wld4xf5 {
+  position: relative;
+}
+.ListStyles_skeletonStyles_container__1wld4xf6 {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: hidden;
+}
+.ListStyles_paddingStyles_allPadding__1wld4xf7 {
+  padding-top: var(--oj-c-list-item-padding-vertical);
+  padding-bottom: var(--oj-c-list-item-padding-vertical);
+  padding-inline-start: var(--oj-c-list-item-padding-horizontal);
+  padding-inline-end: var(--oj-c-list-item-padding-horizontal);
+}
+.ListStyles_paddingStyles_topItemPadding__1wld4xf8 {
+  padding-top: var(--oj-c-list-item-padding-vertical);
+}
+.ListStyles_paddingStyles_bottomItemPadding__1wld4xf9 {
+  padding-bottom: var(--oj-c-list-item-padding-vertical);
+}
+.ListStyles_paddingStyles_startItemPadding__1wld4xfa {
+  padding-inline-start: var(--oj-c-list-item-padding-horizontal);
+}
+.ListStyles_paddingStyles_endItemPadding__1wld4xfb {
+  padding-inline-end: var(--oj-c-list-item-padding-horizontal);
+}
+.ListStyles_listItemMultiVariantStyles_gridlineTop_visible__1wld4xfc {
+  border-top-color: var(--oj-c-border-divider);
+}
+.ListStyles_listItemMultiVariantStyles_gridlineBottom_visible__1wld4xfe {
+  box-shadow: inset 0px -1px var(--oj-c-border-divider);
+}
+.ListStyles_listItemMultiVariantStyles_selected_isSelected__1wld4xfi {
+  background-color: var(--oj-c-surface-selected);
+}
+.ListStyles_listItemMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xfo {
+  outline-style: dotted;
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-color: var(--oj-c-border-keyboard-focus);
+}
+.ListStyles_listItemMultiVariantStyles_compound_0__1wld4xfw {
+  border-top-color: var(--oj-c-border-selected);
+  box-shadow: inset 0px -1px var(--oj-c-border-selected);
+}
+.ListStyles_listItemMultiVariantStyles_compound_2__1wld4xfy:not(:active) {
+  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+}
+.ListStyles_listItemMultiVariantStyles_compound_3__1wld4xfz {
+  background-color: var(--oj-c-overlay-hover);
+}
+.ListStyles_listItemMultiVariantStyles_compound_4__1wld4xf10 {
+  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+}
+.ListStyles_listItemMultiVariantStyles_compound_6__1wld4xf12 {
+  background-image:
+    linear-gradient(
+      var(--oj-c-collection-header-surface-selected),
+      var(--oj-c-collection-header-surface-selected)
+    ),
+    linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+}
+.ListStyles_listGroupHeaderMultiVariantStyles_gridlineTop_visible__1wld4xf13 {
+  border-top-color: var(--oj-c-border-divider);
+}
+.ListStyles_listGroupHeaderMultiVariantStyles_gridlineBottom_visible__1wld4xf15 {
+  box-shadow: inset 0px -1px var(--oj-c-border-divider);
+}
+.ListStyles_listGroupHeaderMultiVariantStyles_expandable_isExpandable__1wld4xf17 {
+  cursor: pointer;
+}
+.ListStyles_listGroupHeaderMultiVariantStyles_expandable_notExpandable__1wld4xf18 {
+  position: sticky;
+  top: 0;
+}
+.ListStyles_listGroupHeaderMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xf1b {
+  outline-style: dotted;
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-color: var(--oj-c-border-keyboard-focus);
+}
+.ListStyles_listGroupHeaderMultiVariantStyles_compound_1__1wld4xf1i:not(:active) {
+  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+}
+.ListStyles_listGroupHeaderMultiVariantStyles_compound_2__1wld4xf1j {
+  background-image: linear-gradient(var(--oj-c-overlay-active), var(--oj-c-overlay-active));
+}
+@media (hover: hover) {
+  .ListStyles_listItemMultiVariantStyles_compound_1__1wld4xfx:hover:not(:active) {
+    background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+  }
+  .ListStyles_listItemMultiVariantStyles_compound_5__1wld4xf11:hover:not(:active) {
+    background-image:
+    linear-gradient(
+      var(--oj-c-collection-header-surface-selected),
+      var(--oj-c-collection-header-surface-selected)
+    ),
+    linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+  }
+  .ListStyles_listGroupHeaderMultiVariantStyles_compound_0__1wld4xf1h:hover:not(:active) {
+    background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
+  }
 }

package/amd/ListView-e2d36a70.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './LayerHost-1a734852', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './HiddenAccessible-037ef42d', './List-99db89cc', './keys-4755c121', './useReorderableItem-b526f83c', './classNames-08d99695', './UNSAFE_ListView/themes/ListViewStyles.css', './useNavigation-58a94f6a', './mergeProps-bcfa6a92', './collectionUtils-89bc31e1', './Menu-0c230049', './MenuItem-8456d6e2', 'preact', './logger-00b673c5', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2f3b01e4', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './menuUtils-8e42385f', 'css!./MenuStyles.styles.css', './useItemAction-f413fdc5', './useContextMenuGesture-750ef2c6', './LoadMoreCollection-895f1ed5'], (function(e,r,t,o,n,s,i,a,l,c,d,u,m,f,y,I,g,p,C,S,x,R,h,M,b,v,T,E,L,P,O,K,k,_,D,j,w){"use strict";const A=t.memo((function({children:e,dragKey:t,setDragKey:n,onReorder:s,rootRef:i,itemKey:a}){const l=o.useRef(null),c={itemOverlayFront:f.styles.reorderableItemOverlayFront,itemOverlayRear:f.styles.reorderableItemOverlayRear,itemDragger:f.styles.reorderableItemDragger},I=o.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(a))}),[a]),{rootProps:g,isDragged:p,overlayZoneBeforeProps:C,overlayZoneAfterProps:S}=u.useReorderableItem({isDisabled:!s,dragKey:t,setDragKey:n,onReorder:s,rootRef:i,ref:l,getItem:()=>l?.current?.closest(y.LIST_ITEM_SELECTOR),setTransferData:I,itemStyles:c,itemSelector:y.LIST_ITEM_SELECTOR,isVertical:!0}),x=m.classNames([g?.class,f.styles.reorderableItemDnd]);return r.jsxs("div",{...g,class:x,children:[e,!p&&d.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...C}),r.jsx("div",{...S})]})]})}),((e,r)=>!(!e\|\|!r)&&(e.children===r.children&&e.dragKey===r.dragKey)));function F({contextMenuConfig:e,testId:t,contextMenuContext:o,...n}){const s=e.accessibleLabel;let i;if(n.isOpen){if(i=e.itemsRenderer(o),k.isMenuChildrenFalsy(i))return null}else i=null;return r.jsx(p.Menu,{...n,...s&&{"aria-label":s},testId:t,children:i})}const N={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"firstItem",placement:"end",offsetValue:40}},U={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},V=t.forwardRef((({children:e,...t},n)=>{const{contextMenuConfig:s}=t,i=o.useRef(null),{currentItemOverride:d,updateCurrentItemOverride:m}=(e=>{const r=o.useRef(),t=o.useRef();t.current!==e&&(t.current=e,r.current=e);const n=o.useCallback((e=>{r.current={rowKey:e}}),[]);return{currentItemOverride:r.current,updateCurrentItemOverride:n}})(t.currentItemOverride),f=t.data?t.data.map((e=>({data:e,metadata:{key:t.getRowKey(e)}}))):null,p=t.onLoadMore?t.onLoadMore:()=>{},C=f?{offset:0,data:f,sizePrecision:t.hasMore?"atLeast":"exact",totalSize:f.length}:null;o.useImperativeHandle(n,(()=>({getScrollPosition:()=>i.current?c.getScrollPosition(i.current):{y:0},focus:()=>{i.current&&i.current.focus()}})));const S=null!=t.onReorder,{reorderProps:x,reorderItemProps:R,reorderContext:h,reorderInstructionsId:M,reorderInstructions:b}=(({onReorder:e,rootRef:r,viewportConfig:t})=>{const n=null!=e,[s,i]=o.useState(void 0),{reorderProps:a,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}=u.useReorderable({onReorder:e,rootRef:r,itemSelector:y.LIST_ITEM_SELECTOR,isDisabled:!n,columns:1}),m=o.useRef(!1);o.useEffect((()=>{if(n&&m.current){const e=r.current,o=g.findElementByKey(e,l.currentItemKey.current,y.LIST_ITEM_SELECTOR);if(o){const r=t?.scrollerRef.current\|\|e;y.scrollToVisible(o,r,0),m.current=!1}}}));const f=o.useMemo((()=>({dragKey:s,setDragKey:i,onReorder:e,rootRef:r})),[s,e,r]);return n?{reorderProps:I.mergeProps({onKeyDown:e=>{n&&("ArrowUp"===e.key\|\|"ArrowDown"===e.key)&&(e.metaKey\|\|e.ctrlKey)&&e.shiftKey&&(m.current=!0,a.onKeyDown?.(e))},onDragOver:e=>{void 0!==s&&(m.current=!1,g.dragToScroll(e,void 0!==s,r.current))}}),reorderItemProps:f,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}:{reorderProps:a,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}})({onReorder:t.onReorder,rootRef:i,viewportConfig:t.viewportConfig}),{triggerProps:v,menuProps:T,contextMenuContext:E,notifyCurrentKeyChanged:L}=((e,r,t,n)=>{const[s,i]=o.useState(),[a,l]=o.useState(U),c=o.useRef(),{triggerProps:d}=j.useContextMenuGesture((({gesture:r,anchor:o,target:s})=>{let a=o;if("keyboard"===r){a=g.findElementByKey(t.current,c.current,y.LIST_ITEM_SELECTOR)\|\|o;const r=D.findItemContext(c.current,e);i(r)}else{const r=g.keyExtractor(s,y.LIST_ITEM_SELECTOR),t=D.findItemContext(r,e);i(t),n(r)}l({...N[r],anchorRef:{current:a},isOpen:!0})}),{isDisabled:!r}),u=o.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason\|\|t.current?.focus({preventScroll:!0}),l({...U})}),[t]);return{menuProps:{...a,onClose:u},onClose:u,contextMenuContext:s,triggerProps:d,notifyCurrentKeyChanged:e=>{c.current=e.value}}})(C,s,i,m),P=e=>{t.onPersistCurrentItem?.(e),L(e)},O=o.useCallback((t=>r.jsx(A,{...R,itemKey:t.metadata.key,children:e(t)})),[e,R]);if(S&&R)return r.jsxs(r.Fragment,{children:[r.jsxs(a.ReorderableContext.Provider,{value:h,children:[r.jsx(c.List,{...t,"aria-describedby":M,contextMenuTriggerProps:v,reorderProps:x,onLoadRange:p,scrollerRef:i,data:C,currentItemOverride:d,onPersistCurrentItem:P,children:O}),r.jsx("span",{id:M,children:r.jsx(l.HiddenAccessible,{children:b})})]}),s&&r.jsx(F,{...T,testId:t.testId?t.testId+"-menu":void 0,contextMenuConfig:s,contextMenuContext:E})]});return r.jsxs(r.Fragment,{children:[r.jsx(c.List,{...t,loadingIndicator:t.skeletonRenderer?(K=t.skeletonRenderer,r.jsx(c.SkeletonContainer,{minimumCount:25,children:e=>K({loadingStatus:"initial",index:e})})):void 0,loadMoreIndicator:t.skeletonRenderer?(e=>r.jsx("div",{class:w.LOADMORE_STYLE_CLASS,children:r.jsx(c.SkeletonContainer,{minimumCount:3,children:r=>e({loadingStatus:"loadMore",index:r})})}))(t.skeletonRenderer):void 0,onLoadRange:p,scrollerRef:i,data:C,contextMenuTriggerProps:v,currentItemOverride:d,onPersistCurrentItem:P,children:e}),s&&r.jsx(F,{...T,contextMenuConfig:s,contextMenuContext:E,testId:t.testId?t.testId+"-menu":void 0})]});var K}));e.ListView=V}));
2	+ //# sourceMappingURL=ListView-e2d36a70.js.map

package/amd/{ListView-7af453a0.js.map → ListView-e2d36a70.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListView-7af453a0.js","sources":["../../src/UNSAFE_ListView/ListViewReorderableItem.tsx","../../src/UNSAFE_ListView/ListViewContextMenu.tsx","../../src/UNSAFE_ListView/useListViewContextMenu.ts","../../src/UNSAFE_ListView/ListView.tsx","../../src/UNSAFE_ListView/useListViewCurrentItemOverride.tsx","../../src/UNSAFE_ListView/useListViewReorder.ts"],"sourcesContent":["import { memo } from 'preact/compat';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { LIST_ITEM_SELECTOR } from '../PRIVATE_List';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/ListViewStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\nexport type ListReorderableItemProps<K> = ReorderableItemProps<K>;\n\n/*\n A private item that will be used by ReorderableCardFlexView, location TBD (could be moved to PRIVATE_CardFlexView)\n /\nexport function ListViewReorderableItem<K extends string \| number>({\n children,\n dragKey,\n setDragKey,\n onReorder,\n rootRef,\n itemKey\n}: ListReorderableItemProps<K> & { itemKey: K }) {\n const itemRef = useRef<HTMLDivElement \| null>(null);\n const itemStyles = {\n itemOverlayFront: styles.reorderableItemOverlayFront,\n itemOverlayRear: styles.reorderableItemOverlayRear,\n itemDragger: styles.reorderableItemDragger\n };\n const getItem = () => itemRef?.current?.closest(LIST_ITEM_SELECTOR);\n const setTransferData = useCallback(\n (event: DragEvent) => {\n event.dataTransfer?.setData('text/listview-items-key', JSON.stringify(itemKey));\n },\n [itemKey]\n );\n const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n useReorderableItem({\n isDisabled: onReorder ? false : true,\n dragKey,\n setDragKey,\n onReorder,\n rootRef,\n ref: itemRef,\n getItem,\n setTransferData,\n itemStyles,\n itemSelector: LIST_ITEM_SELECTOR,\n isVertical: true\n });\n const classes = classNames([rootProps?.class, styles.reorderableItemDnd]);\n\n return (\n <div {...rootProps} class={classes}>\n {children}\n {!isDragged && isKeyDefined(dragKey) && (\n <>\n <div {...overlayZoneBeforeProps}></div>\n <div {...overlayZoneAfterProps}></div>\n </>\n )}\n </div>\n );\n}\n\nexport const MemoizeListViewReorderableItem = memo(\n ListViewReorderableItem,\n <K,>(prev: ListReorderableItemProps<K>, next: ListReorderableItemProps<K>) => {\n if (prev && next) {\n return prev.children === next.children && prev.dragKey === next.dragKey;\n }\n return false;\n }\n);\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentChildren, ComponentProps } from 'preact';\n\nimport { ListItemContext } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { ListViewContextMenuConfig } from './List.types';\nimport { isMenuChildrenFalsy } from '#UNSAFE_Menu/menuUtils';\n\nexport type Props<K extends string \| number, D> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n contextMenuConfig: ListViewContextMenuConfig<K, D>;\n} & { contextMenuContext: ListItemContext<K, D> } & {\n testId: ComponentProps<typeof Menu>['testId'];\n};\n\n/\n The internal component used to render a custom context menu\n /\nexport function ListViewContextMenu<K extends string \| number, D>({\n contextMenuConfig,\n testId,\n contextMenuContext,\n ...menuProps\n}: Props<K, D>) {\n const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n let menuItems: ComponentChildren;\n // Important to call items renderer only when isOpen is true so we know there is a contextMenuContext\n if (menuProps.isOpen) {\n menuItems = contextMenuConfig.itemsRenderer(contextMenuContext);\n if (isMenuChildrenFalsy(menuItems)) {\n return null;\n }\n } else {\n menuItems = null;\n }\n\n return (\n <Menu\n {...menuProps}\n {...(accessibleLabel && {\n 'aria-label': accessibleLabel\n })}\n testId={testId}>\n {menuItems}\n </Menu>\n );\n}\n","import type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useState, useRef } from 'preact/hooks';\n\nimport { DataState, ListItemContext, CurrentKeyDetail } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { findItemContext } from '#hooks/PRIVATE_useItemAction';\nimport { useContextMenuGesture } from '#hooks/UNSAFE_useContextMenuGesture';\nimport { findElementByKey, keyExtractor } from '#utils/PRIVATE_collectionUtils';\nimport { ListView } from './ListView';\nimport { LIST_ITEM_SELECTOR } from '#PRIVATE_List';\n\ntype MenuProps = Pick<\n ComponentProps<typeof Menu>,\n 'anchorRef' \| 'initialFocus' \| 'placement' \| 'offsetValue' \| 'isOpen'\n>;\n\nconst TOUCH_OFFSET_VALUE = 40;\n\nconst menuPropGestureStates: Record<\n 'mouse' \| 'keyboard' \| 'touch',\n Omit<Required<MenuProps>, 'anchorRef' \| 'isOpen'>\n> = {\n mouse: {\n initialFocus: 'menu',\n placement: 'bottom-start',\n offsetValue: 0\n },\n keyboard: {\n initialFocus: 'firstItem',\n placement: 'bottom-start',\n offsetValue: 0\n },\n touch: {\n initialFocus: 'firstItem',\n placement: 'end',\n offsetValue: TOUCH_OFFSET_VALUE\n }\n};\n\nconst initialMenuProps: MenuProps = {\n isOpen: false,\n initialFocus: 'menu',\n placement: 'bottom-start',\n offsetValue: 0,\n anchorRef: { current: null }\n};\n\ntype ListViewProps<K extends string \| number, D> = ComponentProps<typeof ListView<K, D>>;\n\nexport const useListViewContextMenu = <K extends string \| number, D>(\n dataState: DataState<K, D> \| null,\n contextMenuConfig: ListViewProps<K, D>['contextMenuConfig'],\n scrollListRef: RefObject<HTMLElement \| null>,\n updateCurrentKey: (key: K) => void\n) => {\n /Context Menu section\n TODO: A version of context Menu listview will be merged using useContextMenuGesture instead. Once it's merged we\n can go back to this to create a hook or utility that could be share among all collection comps. JET-60320\n /\n\n /\n Steps to open a menu:\n 1.- useContextMenu handler is called when menu is supposed to be opened.\n 2.- We set contextMenuContext when contextMenuRenderer is called.\n 3.- We dispatch opening the menu with the correct anchor.\n 5.- Menu receives updated props and updated contextMenuContext.\n 6.- Menu is opened.\n\n /\n\n //Supposed to be updated when menu is about to be opened\n //We set an initial key value for the context menu context, to allow user use object destructuring inside the\n //contextMenuRenderer. It doesn't matter if the key is not correct at the initial rendering since menu starts\n //being closed always\n const [contextMenuContext, setContextMenuContext] = useState<ListItemContext<K, D>>();\n\n const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n\n const currentKeyRef = useRef<K>();\n const notifyCurrentKeyChanged = (detail: CurrentKeyDetail<K>) => {\n currentKeyRef.current = detail.value;\n };\n\n const { triggerProps } = useContextMenuGesture(\n ({ gesture, anchor, target }) => {\n let anchorBasedOnGesture = anchor;\n if (gesture === 'keyboard') {\n //We find the element where the position of the menu is going to be based of\n const elem = findElementByKey(\n scrollListRef.current as HTMLElement,\n currentKeyRef.current as K,\n LIST_ITEM_SELECTOR\n );\n\n //We set the correct anchor\n anchorBasedOnGesture = elem ? elem : anchor;\n\n const context = findItemContext(\n currentKeyRef.current as K,\n dataState as DataState<string \| number \| null, D>\n );\n\n setContextMenuContext(context as ListItemContext<K, D>);\n } else {\n //We search for the key using the target of the event\n const key = keyExtractor(target as HTMLElement, LIST_ITEM_SELECTOR);\n\n const context = findItemContext(key, dataState as DataState<string \| number \| null, D>);\n\n setContextMenuContext(context as ListItemContext<K, D>);\n\n //We update the key so when we close logical focus is on the correct item\n updateCurrentKey(key as K);\n }\n setMenuProps({\n ...menuPropGestureStates[gesture],\n anchorRef: { current: anchorBasedOnGesture },\n isOpen: true\n });\n },\n {\n isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n }\n );\n\n const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n (detail) => {\n /\n TODO: Focus ring should be visible when context menu was closed because of selecting an item using keyboard,\n but should not be visible when the selection was done using mouse or touch. This would probably means menu\n onClose API is going to be changed a little bit so we can satisfy this requirement. JET-62372\n /\n //Focus has to be set on the current target that was obtained\n //during context menu gesture when menu is dismissed or item is \"selected\"\n if (detail.reason === 'dismissed' \|\| detail.reason === 'itemAction') {\n scrollListRef.current?.focus({ preventScroll: true });\n }\n // We close the menu.The only prop that matters here is isOpen\n setMenuProps({ ...initialMenuProps });\n },\n [scrollListRef]\n );\n\n return {\n menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n onClose: handleCloseContextMenu,\n contextMenuContext: contextMenuContext as ListItemContext<K, D>,\n triggerProps,\n notifyCurrentKeyChanged\n } as const;\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentChildren, JSX } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\nimport { ReorderableContext } from '../hooks/PRIVATE_useReorderable';\nimport { DataState, CurrentKeyDetail, ListItemRendererContext } from '../UNSAFE_Collection';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { List, SkeletonContainer } from '../PRIVATE_List';\nimport {\n ListProps,\n ListViewContextMenuConfig,\n ListViewHandle,\n SkeletonRendererContext\n} from './List.types';\nimport { getScrollPosition } from './ScrollPositionUtils';\nimport { MemoizeListViewReorderableItem } from './ListViewReorderableItem';\nimport { useListViewReorder } from './useListViewReorder';\nimport { ListViewContextMenu } from './ListViewContextMenu';\nimport { useListViewContextMenu } from './useListViewContextMenu';\nimport { useListViewCurrentItemOverride } from './useListViewCurrentItemOverride';\nimport { LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\n\n/\n Props specific to non-virtualized ListView\n /\ntype NonVirtualizedListProps<K, D> = {\n /\n The data that is used to render each item in ListView. If the value is null, then ListView will show nothing\n * if hasMore is false, or loading indicator if hasMore is true.\n /\n data: D[] \| null;\n /\n A callback function to extract the key which is used to identify the item.\n /\n getRowKey: (data: D) => K;\n /\n Whether there are more data available to load. By default this returns false.\n /\n hasMore?: boolean;\n /\n An optional callback function which is invoked when user scrolls to the end of the list.\n /\n onLoadMore?: () => void;\n\n /\n Configuration used to specify a context menu.\n /\n contextMenuConfig?: ListViewContextMenuConfig<K, D>;\n};\n\n/\n Props for the ListView Component\n /\nexport type Props<K, D> = Pick<\n ListProps<K, D>,\n \| 'aria-label'\n \| 'aria-labelledby'\n \| 'aria-describedby'\n \| 'children'\n \| 'gridlines'\n \| 'currentItemOverride'\n \| 'onPersistCurrentItem'\n \| 'onItemAction'\n \| 'onSelectionChange'\n \| 'promotedSection'\n \| 'selectedKeys'\n \| 'selectionMode'\n \| 'viewportConfig'\n \| 'testId'\n \| 'scrollPositionOverride'\n \| 'onReorder'\n \| 'itemPadding'\n \| 'itemEnterKeyFocusBehavior'\n \| 'skeletonRenderer'\n> &\n NonVirtualizedListProps<K, D>;\n/\n A list view displays data items as a list or a grid with highly interactive features.\n /\nexport const ListView = forwardRef(\n <K extends string \| number, D>(\n { children, ...props }: Props<K, D>,\n ref?: ForwardedRef<ListViewHandle<K>>\n ) => {\n const { contextMenuConfig } = props;\n const listRef = useRef<HTMLDivElement \| null>(null);\n\n const { currentItemOverride, updateCurrentItemOverride } = useListViewCurrentItemOverride(\n props.currentItemOverride\n );\n\n const dataMetadata = props.data\n ? props.data.map((aData: D) => {\n const key = props.getRowKey(aData);\n return { data: aData, metadata: { key } };\n })\n : null;\n\n const loadRange = props.onLoadMore ? props.onLoadMore : () => {};\n const dataState = dataMetadata\n ? ({\n offset: 0,\n data: dataMetadata,\n sizePrecision: props.hasMore ? 'atLeast' : 'exact',\n totalSize: dataMetadata.length\n } as DataState<K, D>)\n : null;\n\n useImperativeHandle(ref!, () => ({\n getScrollPosition: () => {\n if (listRef.current) {\n return getScrollPosition(listRef.current);\n }\n return { y: 0 };\n },\n focus: () => {\n if (listRef.current) {\n listRef.current.focus();\n }\n }\n }));\n\n /\n Reorder Section\n /\n const isReorderEnabled = props.onReorder != undefined;\n const {\n reorderProps,\n reorderItemProps,\n reorderContext,\n reorderInstructionsId,\n reorderInstructions\n } = useListViewReorder({\n onReorder: props.onReorder,\n rootRef: listRef,\n viewportConfig: props.viewportConfig\n });\n\n const { triggerProps, menuProps, contextMenuContext, notifyCurrentKeyChanged } =\n useListViewContextMenu(dataState, contextMenuConfig, listRef, updateCurrentItemOverride);\n\n const onPersistCurrentItem = (detail: CurrentKeyDetail<K>) => {\n props.onPersistCurrentItem?.(detail);\n notifyCurrentKeyChanged(detail);\n };\n\n const reorderableItemRenderer = useCallback(\n (context: ListItemRendererContext<K, D>) => (\n <MemoizeListViewReorderableItem {...reorderItemProps} itemKey={context.metadata.key}>\n {children(context)}\n </MemoizeListViewReorderableItem>\n ),\n [children, reorderItemProps]\n );\n\n if (isReorderEnabled && reorderItemProps) {\n return (\n <>\n <ReorderableContext.Provider value={reorderContext}>\n <List\n {...props}\n aria-describedby={reorderInstructionsId}\n contextMenuTriggerProps={triggerProps}\n reorderProps={reorderProps}\n onLoadRange={loadRange}\n scrollerRef={listRef}\n data={dataState}\n currentItemOverride={currentItemOverride}\n onPersistCurrentItem={onPersistCurrentItem}>\n {reorderableItemRenderer}\n </List>\n <span id={reorderInstructionsId}>\n <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n </span>\n </ReorderableContext.Provider>\n {contextMenuConfig && (\n <ListViewContextMenu\n {...menuProps}\n testId={props.testId ? props.testId + '-menu' : undefined}\n contextMenuConfig={contextMenuConfig}\n contextMenuContext={contextMenuContext}\n />\n )}\n </>\n );\n }\n\n const customInitialSkeleton = (\n skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n ) => {\n return (\n <SkeletonContainer minimumCount={25}>\n {(index) => {\n const context: SkeletonRendererContext = {\n loadingStatus: 'initial',\n index: index\n };\n return skeletonRenderer(context);\n }}\n </SkeletonContainer>\n );\n };\n\n const customLoadMoreSkeleton = (\n skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n ) => {\n return (\n <div class={LOADMORE_STYLE_CLASS}>\n <SkeletonContainer minimumCount={3}>\n {(index) => {\n const context: SkeletonRendererContext = {\n loadingStatus: 'loadMore',\n index: index\n };\n return skeletonRenderer(context);\n }}\n </SkeletonContainer>\n </div>\n );\n };\n\n return (\n <>\n <List\n {...props}\n loadingIndicator={\n props.skeletonRenderer ? customInitialSkeleton(props.skeletonRenderer) : undefined\n }\n loadMoreIndicator={\n props.skeletonRenderer ? customLoadMoreSkeleton(props.skeletonRenderer) : undefined\n }\n onLoadRange={loadRange}\n scrollerRef={listRef}\n data={dataState}\n contextMenuTriggerProps={triggerProps}\n currentItemOverride={currentItemOverride}\n onPersistCurrentItem={onPersistCurrentItem}>\n {children}\n </List>\n {contextMenuConfig && (\n <ListViewContextMenu\n {...menuProps}\n contextMenuConfig={contextMenuConfig}\n contextMenuContext={contextMenuContext}\n testId={props.testId ? props.testId + '-menu' : undefined}\n />\n )}\n </>\n );\n }\n) as <K extends string \| number, D>(\n props: Props<K, D> & { ref?: ForwardedRef<ListViewHandle<K>> }\n) => JSX.Element;\n","import { useCallback, useRef } from 'preact/hooks';\nimport { Item as CurrentItem } from '#UNSAFE_Collection';\nimport { ListProps } from './List.types';\n\n/\n This hook handles the currentItemOverride passing to PRIVATE_List layer.\n \n If the app provided new value for 'currentItemOverride', we pass that down to PRIVATE_List layer;\n * otherwise, we will pass down the value of internal override, which would be the value\n * updated by useListViewContextMenu hook\n \n @param currentItemOverride\n */\nexport const useListViewCurrentItemOverride = <K extends string \| number, D>(\n currentItemOverride: ListProps<K, D>['currentItemOverride']\n) => {\n // the override that will be passed down to PRIVATE_List layer\n const listOverrideRef = useRef<CurrentItem<K>>();\n\n // track the currentItemOverride attribute set by app\n const appOverrideRef = useRef<CurrentItem<K>>();\n if (appOverrideRef.current !== currentItemOverride) {\n appOverrideRef.current = currentItemOverride;\n listOverrideRef.current = currentItemOverride;\n }\n\n // track the internal override updated by useListViewContextMenu hook\n // we can just update ref here since the hook will trigger a state update for its context, which will trigger a rerender\n const updateCurrentItemOverride = useCallback((key: K) => {\n listOverrideRef.current = { rowKey: key };\n }, []);\n\n return {\n currentItemOverride: listOverrideRef.current,\n updateCurrentItemOverride\n };\n};\n","import type { RefObject } from 'preact';\nimport { useMemo, useState, useEffect, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { dragToScroll, findElementByKey } from '../utils/PRIVATE_collectionUtils';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { scrollToVisible, LIST_ITEM_SELECTOR } from '../PRIVATE_List';\nimport { ListProps } from './List.types';\n\ntype useListViewReorderProps<K, D> = Pick<ListProps<K, D>, 'onReorder'> & {\n rootRef: RefObject<HTMLDivElement>;\n viewportConfig?: ViewportConfig;\n};\n\nexport const useListViewReorder = <K extends string \| number, D>({\n onReorder,\n rootRef,\n viewportConfig\n}: useListViewReorderProps<K, D>) => {\n const isReorderEnabled = onReorder != undefined;\n\n const [dragKey, setDragKey] = useState<K \| undefined>(undefined);\n const { reorderProps, reorderContext, reorderInstructionsId, reorderInstructions } =\n useReorderable({\n onReorder,\n rootRef,\n itemSelector: LIST_ITEM_SELECTOR,\n isDisabled: !isReorderEnabled,\n columns: 1\n });\n\n // ensure the current item is scrolled into view during keyboard reordering,\n // disable that during mouse reordering\n const reorderScrollIntoView = useRef(false);\n useEffect(() => {\n if (isReorderEnabled && reorderScrollIntoView.current) {\n const rootElement = rootRef.current as HTMLElement;\n const elem = findElementByKey(\n rootElement,\n reorderContext.currentItemKey.current as K,\n LIST_ITEM_SELECTOR\n );\n if (elem) {\n const scroller = viewportConfig?.scrollerRef.current \|\| rootElement;\n // make sure item is visible\n scrollToVisible(elem, scroller, 0);\n reorderScrollIntoView.current = false;\n }\n }\n });\n\n const reorderItemProps = useMemo(() => {\n return { dragKey, setDragKey, onReorder, rootRef };\n }, [dragKey, onReorder, rootRef]);\n\n if (!isReorderEnabled) {\n return {\n reorderProps,\n reorderContext,\n reorderInstructionsId,\n reorderInstructions\n } as const;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n // listview only do keyboard reordering with arrow up/down keys\n if (\n isReorderEnabled &&\n (event.key === 'ArrowUp' \|\| event.key === 'ArrowDown') &&\n (event.metaKey \|\| event.ctrlKey) &&\n event.shiftKey\n ) {\n reorderScrollIntoView.current = true;\n reorderProps.onKeyDown?.(event);\n }\n };\n\n const handleDragOver = (event: DragEvent) => {\n if (dragKey !== undefined) {\n reorderScrollIntoView.current = false;\n dragToScroll(event, dragKey !== undefined, rootRef.current);\n }\n };\n\n const reorderEventProps = mergeProps({ onKeyDown: handleKeyDown, onDragOver: handleDragOver });\n\n return {\n reorderProps: reorderEventProps,\n reorderItemProps,\n reorderContext,\n reorderInstructionsId,\n reorderInstructions\n } as const;\n};\n"],"names":["MemoizeListViewReorderableItem","memo","children","dragKey","setDragKey","onReorder","rootRef","itemKey","itemRef","useRef","itemStyles","itemOverlayFront","styles","reorderableItemOverlayFront","itemOverlayRear","reorderableItemOverlayRear","itemDragger","reorderableItemDragger","setTransferData","useCallback","event","dataTransfer","setData","JSON","stringify","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","getItem","current","closest","LIST_ITEM_SELECTOR","itemSelector","isVertical","classes","classNames","class","reorderableItemDnd","_jsxs","isKeyDefined","jsxs","_Fragment","Fragment","_jsx","jsx","prev","next","ListViewContextMenu","contextMenuConfig","testId","contextMenuContext","menuProps","accessibleLabel","menuItems","isOpen","itemsRenderer","isMenuChildrenFalsy","Menu","menuPropGestureStates","mouse","initialFocus","placement","offsetValue","keyboard","touch","initialMenuProps","anchorRef","ListView","forwardRef","props","listRef","currentItemOverride","updateCurrentItemOverride","listOverrideRef","appOverrideRef","key","rowKey","useListViewCurrentItemOverride","dataMetadata","data","map","aData","metadata","getRowKey","loadRange","onLoadMore","dataState","offset","sizePrecision","hasMore","totalSize","length","useImperativeHandle","getScrollPosition","y","focus","isReorderEnabled","undefined","reorderProps","reorderItemProps","reorderContext","reorderInstructionsId","reorderInstructions","viewportConfig","useState","useReorderable","columns","reorderScrollIntoView","useEffect","rootElement","elem","findElementByKey","currentItemKey","scroller","scrollerRef","scrollToVisible","useMemo","mergeProps","onKeyDown","metaKey","ctrlKey","shiftKey","onDragOver","dragToScroll","useListViewReorder","triggerProps","notifyCurrentKeyChanged","scrollListRef","updateCurrentKey","setContextMenuContext","setMenuProps","currentKeyRef","useContextMenuGesture","gesture","anchor","target","anchorBasedOnGesture","context","findItemContext","keyExtractor","handleCloseContextMenu","detail","reason","preventScroll","onClose","value","useListViewContextMenu","onPersistCurrentItem","reorderableItemRenderer","ReorderableContext","Provider","List","contextMenuTriggerProps","onLoadRange","id","HiddenAccessible","loadingIndicator","skeletonRenderer","SkeletonContainer","minimumCount","index","loadingStatus","loadMoreIndicator","LOADMORE_STYLE_CLASS","customLoadMoreSkeleton"],"mappings":"k2CAgEO,MAAMA,EAAiCC,EAAAA,MAlD9B,UAAmDC,SACjEA,EAAQC,QACRA,EAAOC,WACPA,EAAUC,UACVA,EAASC,QACTA,EAAOC,QACPA,IAEA,MAAMC,EAAUC,SAA8B,MACxCC,EAAa,CACjBC,iBAAkBC,EAAMA,OAACC,4BACzBC,gBAAiBF,EAAMA,OAACG,2BACxBC,YAAaJ,EAAMA,OAACK,wBAGhBC,EAAkBC,eACrBC,IACCA,EAAMC,cAAcC,QAAQ,0BAA2BC,KAAKC,UAAUjB,GAAS,GAEjF,CAACA,KAEGkB,UAAEA,EAASC,UAAEA,EAASC,uBAAEA,EAAsBC,sBAAEA,GACpDC,EAAAA,mBAAmB,CACjBC,YAAYzB,EACZF,UACAC,aACAC,YACAC,UACAyB,IAAKvB,EACLwB,QAfY,IAAMxB,GAASyB,SAASC,QAAQC,EAAkBA,oBAgB9DjB,kBACAR,aACA0B,aAAcD,EAAkBA,mBAChCE,YAAY,IAEVC,EAAUC,EAAAA,WAAW,CAACd,GAAWe,MAAO5B,EAAMA,OAAC6B,qBAErD,OACEC,EAAAA,KAAA,MAAA,IAASjB,EAAWe,MAAOF,EAAOpC,SAAA,CAC/BA,GACCwB,GAAaiB,EAAAA,aAAaxC,IAC1BuC,EACEE,KAAAC,EAAAC,SAAA,CAAA5C,SAAA,CAAA6C,EAAAC,IAAA,MAAA,IAASrB,IACToB,EAASC,IAAA,MAAA,IAAApB,SAKnB,IAIE,CAAKqB,EAAmCC,OAClCD,IAAQC,KACHD,EAAK/C,WAAagD,EAAKhD,UAAY+C,EAAK9C,UAAY+C,EAAK/C,WC7CtD,SAAAgD,GAAkDC,kBAChEA,EAAiBC,OACjBA,EAAMC,mBACNA,KACGC,IAEH,MAAMC,EAAkBJ,EAAkBI,gBAE1C,IAAIC,EAEJ,GAAIF,EAAUG,QAEZ,GADAD,EAAYL,EAAkBO,cAAcL,GACxCM,EAAAA,oBAAoBH,GACtB,OAAO,UAGTA,EAAY,KAGd,OACEV,MAACc,EAAIA,KAAA,IACCN,KACCC,GAAmB,CACtB,aAAcA,GAEhBH,OAAQA,WACPI,GAGP,CCpCA,MAEMK,EAGF,CACFC,MAAO,CACLC,aAAc,OACdC,UAAW,eACXC,YAAa,GAEfC,SAAU,CACRH,aAAc,YACdC,UAAW,eACXC,YAAa,GAEfE,MAAO,CACLJ,aAAc,YACdC,UAAW,MACXC,YAnBuB,KAuBrBG,EAA8B,CAClCX,QAAQ,EACRM,aAAc,OACdC,UAAW,eACXC,YAAa,EACbI,UAAW,CAAErC,QAAS,OCyCXsC,EAAWC,EAAUA,YAChC,EACItE,cAAauE,GACf1C,KAEA,MAAMqB,kBAAEA,GAAsBqB,EACxBC,EAAUjE,SAA8B,OAExCkE,oBAAEA,EAAmBC,0BAAEA,GChFa,CAC5CD,IAGA,MAAME,EAAkBpE,EAAAA,SAGlBqE,EAAiBrE,EAAAA,SACnBqE,EAAe7C,UAAY0C,IAC7BG,EAAe7C,QAAU0C,EACzBE,EAAgB5C,QAAU0C,GAK5B,MAAMC,EAA4BzD,eAAa4D,IAC7CF,EAAgB5C,QAAU,CAAE+C,OAAQD,EAAK,GACxC,IAEH,MAAO,CACLJ,oBAAqBE,EAAgB5C,QACrC2C,4BACD,ED0D4DK,CACzDR,EAAME,qBAGFO,EAAeT,EAAMU,KACvBV,EAAMU,KAAKC,KAAKC,IAEP,CAAEF,KAAME,EAAOC,SAAU,CAAEP,IADtBN,EAAMc,UAAUF,QAG9B,KAEEG,EAAYf,EAAMgB,WAAahB,EAAMgB,WAAa,OAClDC,EAAYR,EACb,CACCS,OAAQ,EACRR,KAAMD,EACNU,cAAenB,EAAMoB,QAAU,UAAY,QAC3CC,UAAWZ,EAAaa,QAE1B,KAEJC,EAAmBA,oBAACjE,GAAM,KAAO,CAC/BkE,kBAAmB,IACbvB,EAAQzC,QACHgE,EAAiBA,kBAACvB,EAAQzC,SAE5B,CAAEiE,EAAG,GAEdC,MAAO,KACDzB,EAAQzC,SACVyC,EAAQzC,QAAQkE,OACjB,MAOL,MAAMC,EAAsCC,MAAnB5B,EAAMpE,WACzBiG,aACJA,EAAYC,iBACZA,EAAgBC,eAChBA,EAAcC,sBACdA,EAAqBC,oBACrBA,GE3H4B,GAChCrG,YACAC,UACAqG,qBAEA,MAAMP,EAAgCC,MAAbhG,GAElBF,EAASC,GAAcwG,EAAQA,cAAgBP,IAChDC,aAAEA,EAAYE,eAAEA,EAAcC,sBAAEA,EAAqBC,oBAAEA,GAC3DG,EAAAA,eAAe,CACbxG,YACAC,UACA8B,aAAcD,EAAkBA,mBAChCL,YAAasE,EACbU,QAAS,IAKPC,EAAwBtG,UAAO,GACrCuG,EAAAA,WAAU,KACR,GAAIZ,GAAoBW,EAAsB9E,QAAS,CACrD,MAAMgF,EAAc3G,EAAQ2B,QACtBiF,EAAOC,EAAAA,iBACXF,EACAT,EAAeY,eAAenF,QAC9BE,EAAAA,oBAEF,GAAI+E,EAAM,CACR,MAAMG,EAAWV,GAAgBW,YAAYrF,SAAWgF,EAExDM,EAAAA,gBAAgBL,EAAMG,EAAU,GAChCN,EAAsB9E,SAAU,CACjC,CACF,KAGH,MAAMsE,EAAmBiB,EAAAA,SAAQ,KACxB,CAAErH,UAASC,aAAYC,YAAWC,aACxC,CAACH,EAASE,EAAWC,IAExB,OAAK8F,EA+BE,CACLE,aAHwBmB,EAAAA,WAAW,CAAEC,UApBhBtG,IAGnBgF,IACe,YAAdhF,EAAM2D,KAAmC,cAAd3D,EAAM2D,OACjC3D,EAAMuG,SAAWvG,EAAMwG,UACxBxG,EAAMyG,WAENd,EAAsB9E,SAAU,EAChCqE,EAAaoB,YAAYtG,GAC1B,EAU8D0G,WAPzC1G,SACNiF,IAAZlG,IACF4G,EAAsB9E,SAAU,EAChC8F,EAAYA,aAAC3G,OAAmBiF,IAAZlG,EAAuBG,EAAQ2B,SACpD,IAODsE,mBACAC,iBACAC,wBACAC,uBAnCO,CACLJ,eACAE,iBACAC,wBACAC,sBAgCM,EF8CJsB,CAAmB,CACrB3H,UAAWoE,EAAMpE,UACjBC,QAASoE,EACTiC,eAAgBlC,EAAMkC,kBAGlBsB,aAAEA,EAAY1E,UAAEA,EAASD,mBAAEA,EAAkB4E,wBAAEA,GD/FnB,EACpCxC,EACAtC,EACA+E,EACAC,KAqBA,MAAO9E,EAAoB+E,GAAyBzB,EAAQA,YAErDrD,EAAW+E,GAAgB1B,EAAQA,SAAYvC,GAEhDkE,EAAgB9H,EAAAA,UAKhBwH,aAAEA,GAAiBO,EAAqBA,uBAC5C,EAAGC,UAASC,SAAQC,aAClB,IAAIC,EAAuBF,EAC3B,GAAgB,aAAZD,EAAwB,CAS1BG,EAPazB,EAAAA,iBACXgB,EAAclG,QACdsG,EAActG,QACdE,EAAAA,qBAImCuG,EAErC,MAAMG,EAAUC,EAAeA,gBAC7BP,EAActG,QACdyD,GAGF2C,EAAsBQ,EACvB,KAAM,CAEL,MAAM9D,EAAMgE,EAAAA,aAAaJ,EAAuBxG,EAAkBA,oBAE5D0G,EAAUC,EAAAA,gBAAgB/D,EAAKW,GAErC2C,EAAsBQ,GAGtBT,EAAiBrD,EAClB,CACDuD,EAAa,IACRxE,EAAsB2E,GACzBnE,UAAW,CAAErC,QAAS2G,GACtBlF,QAAQ,GACR,GAEJ,CACE5B,YAAasB,IAIX4F,EAAyB7H,eAC5B8H,IAQuB,cAAlBA,EAAOC,QAA4C,eAAlBD,EAAOC,QAC1Cf,EAAclG,SAASkE,MAAM,CAAEgD,eAAe,IAGhDb,EAAa,IAAKjE,GAAmB,GAEvC,CAAC8D,IAGH,MAAO,CACL5E,UAAW,IAAKA,EAAW6F,QAASJ,GACpCI,QAASJ,EACT1F,mBAAoBA,EACpB2E,eACAC,wBArE+Be,IAC/BV,EAActG,QAAUgH,EAAOI,KAAK,EAqE5B,ECJNC,CAAuB5D,EAAWtC,EAAmBsB,EAASE,GAE1D2E,EAAwBN,IAC5BxE,EAAM8E,uBAAuBN,GAC7Bf,EAAwBe,EAAO,EAG3BO,EAA0BrI,eAC7B0H,GACC9F,EAAAA,IAAC/C,EAA8B,IAAKuG,EAAkBhG,QAASsI,EAAQvD,SAASP,IAAG7E,SAChFA,EAAS2I,MAGd,CAAC3I,EAAUqG,IAGb,GAAIH,GAAoBG,EACtB,OACE7D,EAAAA,2BACEA,EAAAA,KAAC+G,EAAAA,mBAAmBC,SAAQ,CAACL,MAAO7C,YAClCzD,EAACC,IAAA2G,EAAIA,SACClF,EAAK,mBACSgC,EAClBmD,wBAAyB3B,EACzB3B,aAAcA,EACduD,YAAarE,EACb8B,YAAa5C,EACbS,KAAMO,EACNf,oBAAqBA,EACrB4E,qBAAsBA,EACrBrJ,SAAAsJ,IAEHzG,EAAAA,YAAM+G,GAAIrD,EACRvG,SAAA6C,MAACgH,EAAAA,iBAAkB,CAAA7J,SAAAwG,SAGtBtD,GACCL,MAACI,EAAmB,IACdI,EACJF,OAAQoB,EAAMpB,OAASoB,EAAMpB,OAAS,aAAUgD,EAChDjD,kBAAmBA,EACnBE,mBAAoBA,OAyC9B,OACEZ,EACEE,KAAAC,EAAAC,SAAA,CAAA5C,SAAA,CAAA6C,EAAAA,IAAC4G,EAAAA,KAAI,IACClF,EACJuF,iBACEvF,EAAMwF,kBAtCZA,EAsCqDxF,EAAMwF,iBAnCzDlH,EAAAA,IAACmH,EAAAA,kBAAkB,CAAAC,aAAc,GAC9BjK,SAACkK,GAKOH,EAJkC,CACvCI,cAAe,UACfD,MAAOA,YA+BgE/D,EAE3EiE,kBACE7F,EAAMwF,iBA1BiB,CAC7BA,GAGElH,EAAKC,IAAA,MAAA,CAAAR,MAAO+H,EAAoBA,8BAC9BxH,MAACmH,EAAAA,kBAAkB,CAAAC,aAAc,EAACjK,SAC9BkK,GAKOH,EAJkC,CACvCI,cAAe,WACfD,MAAOA,QAiBcI,CAAuB/F,EAAMwF,uBAAoB5D,EAE5EwD,YAAarE,EACb8B,YAAa5C,EACbS,KAAMO,EACNkE,wBAAyB3B,EACzBtD,oBAAqBA,EACrB4E,qBAAsBA,WACrBrJ,IAEFkD,GACCL,EAAAA,IAACI,EAAmB,IACdI,EACJH,kBAAmBA,EACnBE,mBAAoBA,EACpBD,OAAQoB,EAAMpB,OAASoB,EAAMpB,OAAS,aAAUgD,OAzD1B,IAC5B4D,CA4DA"}
1	+ {"version":3,"file":"ListView-e2d36a70.js","sources":["../../src/UNSAFE_ListView/ListViewReorderableItem.tsx","../../src/UNSAFE_ListView/ListViewContextMenu.tsx","../../src/UNSAFE_ListView/useListViewContextMenu.ts","../../src/UNSAFE_ListView/ListView.tsx","../../src/UNSAFE_ListView/useListViewCurrentItemOverride.tsx","../../src/UNSAFE_ListView/useListViewReorder.ts"],"sourcesContent":["import { memo } from 'preact/compat';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { LIST_ITEM_SELECTOR } from '../PRIVATE_List';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/ListViewStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\nexport type ListReorderableItemProps<K> = ReorderableItemProps<K>;\n\n/*\n A private item that will be used by ReorderableCardFlexView, location TBD (could be moved to PRIVATE_CardFlexView)\n /\nexport function ListViewReorderableItem<K extends string \| number>({\n children,\n dragKey,\n setDragKey,\n onReorder,\n rootRef,\n itemKey\n}: ListReorderableItemProps<K> & { itemKey: K }) {\n const itemRef = useRef<HTMLDivElement \| null>(null);\n const itemStyles = {\n itemOverlayFront: styles.reorderableItemOverlayFront,\n itemOverlayRear: styles.reorderableItemOverlayRear,\n itemDragger: styles.reorderableItemDragger\n };\n const getItem = () => itemRef?.current?.closest(LIST_ITEM_SELECTOR);\n const setTransferData = useCallback(\n (event: DragEvent) => {\n event.dataTransfer?.setData('text/listview-items-key', JSON.stringify(itemKey));\n },\n [itemKey]\n );\n const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n useReorderableItem({\n isDisabled: onReorder ? false : true,\n dragKey,\n setDragKey,\n onReorder,\n rootRef,\n ref: itemRef,\n getItem,\n setTransferData,\n itemStyles,\n itemSelector: LIST_ITEM_SELECTOR,\n isVertical: true\n });\n const classes = classNames([rootProps?.class, styles.reorderableItemDnd]);\n\n return (\n <div {...rootProps} class={classes}>\n {children}\n {!isDragged && isKeyDefined(dragKey) && (\n <>\n <div {...overlayZoneBeforeProps}></div>\n <div {...overlayZoneAfterProps}></div>\n </>\n )}\n </div>\n );\n}\n\nexport const MemoizeListViewReorderableItem = memo(\n ListViewReorderableItem,\n <K,>(prev: ListReorderableItemProps<K>, next: ListReorderableItemProps<K>) => {\n if (prev && next) {\n return prev.children === next.children && prev.dragKey === next.dragKey;\n }\n return false;\n }\n);\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentChildren, ComponentProps } from 'preact';\n\nimport { ListItemContext } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { ListViewContextMenuConfig } from './List.types';\nimport { isMenuChildrenFalsy } from '#UNSAFE_Menu/menuUtils';\n\nexport type Props<K extends string \| number, D> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n contextMenuConfig: ListViewContextMenuConfig<K, D>;\n} & { contextMenuContext: ListItemContext<K, D> } & {\n testId: ComponentProps<typeof Menu>['testId'];\n};\n\n/\n The internal component used to render a custom context menu\n /\nexport function ListViewContextMenu<K extends string \| number, D>({\n contextMenuConfig,\n testId,\n contextMenuContext,\n ...menuProps\n}: Props<K, D>) {\n const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n let menuItems: ComponentChildren;\n // Important to call items renderer only when isOpen is true so we know there is a contextMenuContext\n if (menuProps.isOpen) {\n menuItems = contextMenuConfig.itemsRenderer(contextMenuContext);\n if (isMenuChildrenFalsy(menuItems)) {\n return null;\n }\n } else {\n menuItems = null;\n }\n\n return (\n <Menu\n {...menuProps}\n {...(accessibleLabel && {\n 'aria-label': accessibleLabel\n })}\n testId={testId}>\n {menuItems}\n </Menu>\n );\n}\n","import type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useState, useRef } from 'preact/hooks';\n\nimport { DataState, ListItemContext, CurrentKeyDetail } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { findItemContext } from '#hooks/PRIVATE_useItemAction';\nimport { useContextMenuGesture } from '#hooks/UNSAFE_useContextMenuGesture';\nimport { findElementByKey, keyExtractor } from '#utils/PRIVATE_collectionUtils';\nimport { ListView } from './ListView';\nimport { LIST_ITEM_SELECTOR } from '#PRIVATE_List';\n\ntype MenuProps = Pick<\n ComponentProps<typeof Menu>,\n 'anchorRef' \| 'initialFocus' \| 'placement' \| 'offsetValue' \| 'isOpen'\n>;\n\nconst TOUCH_OFFSET_VALUE = 40;\n\nconst menuPropGestureStates: Record<\n 'mouse' \| 'keyboard' \| 'touch',\n Omit<Required<MenuProps>, 'anchorRef' \| 'isOpen'>\n> = {\n mouse: {\n initialFocus: 'menu',\n placement: 'bottom-start',\n offsetValue: 0\n },\n keyboard: {\n initialFocus: 'firstItem',\n placement: 'bottom-start',\n offsetValue: 0\n },\n touch: {\n initialFocus: 'firstItem',\n placement: 'end',\n offsetValue: TOUCH_OFFSET_VALUE\n }\n};\n\nconst initialMenuProps: MenuProps = {\n isOpen: false,\n initialFocus: 'menu',\n placement: 'bottom-start',\n offsetValue: 0,\n anchorRef: { current: null }\n};\n\ntype ListViewProps<K extends string \| number, D> = ComponentProps<typeof ListView<K, D>>;\n\nexport const useListViewContextMenu = <K extends string \| number, D>(\n dataState: DataState<K, D> \| null,\n contextMenuConfig: ListViewProps<K, D>['contextMenuConfig'],\n scrollListRef: RefObject<HTMLElement \| null>,\n updateCurrentKey: (key: K) => void\n) => {\n /Context Menu section\n TODO: A version of context Menu listview will be merged using useContextMenuGesture instead. Once it's merged we\n can go back to this to create a hook or utility that could be share among all collection comps. JET-60320\n /\n\n /\n Steps to open a menu:\n 1.- useContextMenu handler is called when menu is supposed to be opened.\n 2.- We set contextMenuContext when contextMenuRenderer is called.\n 3.- We dispatch opening the menu with the correct anchor.\n 5.- Menu receives updated props and updated contextMenuContext.\n 6.- Menu is opened.\n\n /\n\n //Supposed to be updated when menu is about to be opened\n //We set an initial key value for the context menu context, to allow user use object destructuring inside the\n //contextMenuRenderer. It doesn't matter if the key is not correct at the initial rendering since menu starts\n //being closed always\n const [contextMenuContext, setContextMenuContext] = useState<ListItemContext<K, D>>();\n\n const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n\n const currentKeyRef = useRef<K>();\n const notifyCurrentKeyChanged = (detail: CurrentKeyDetail<K>) => {\n currentKeyRef.current = detail.value;\n };\n\n const { triggerProps } = useContextMenuGesture(\n ({ gesture, anchor, target }) => {\n let anchorBasedOnGesture = anchor;\n if (gesture === 'keyboard') {\n //We find the element where the position of the menu is going to be based of\n const elem = findElementByKey(\n scrollListRef.current as HTMLElement,\n currentKeyRef.current as K,\n LIST_ITEM_SELECTOR\n );\n\n //We set the correct anchor\n anchorBasedOnGesture = elem ? elem : anchor;\n\n const context = findItemContext(\n currentKeyRef.current as K,\n dataState as DataState<string \| number \| null, D>\n );\n\n setContextMenuContext(context as ListItemContext<K, D>);\n } else {\n //We search for the key using the target of the event\n const key = keyExtractor(target as HTMLElement, LIST_ITEM_SELECTOR);\n\n const context = findItemContext(key, dataState as DataState<string \| number \| null, D>);\n\n setContextMenuContext(context as ListItemContext<K, D>);\n\n //We update the key so when we close logical focus is on the correct item\n updateCurrentKey(key as K);\n }\n setMenuProps({\n ...menuPropGestureStates[gesture],\n anchorRef: { current: anchorBasedOnGesture },\n isOpen: true\n });\n },\n {\n isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n }\n );\n\n const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n (detail) => {\n /\n TODO: Focus ring should be visible when context menu was closed because of selecting an item using keyboard,\n but should not be visible when the selection was done using mouse or touch. This would probably means menu\n onClose API is going to be changed a little bit so we can satisfy this requirement. JET-62372\n /\n //Focus has to be set on the current target that was obtained\n //during context menu gesture when menu is dismissed or item is \"selected\"\n if (detail.reason === 'dismissed' \|\| detail.reason === 'itemAction') {\n scrollListRef.current?.focus({ preventScroll: true });\n }\n // We close the menu.The only prop that matters here is isOpen\n setMenuProps({ ...initialMenuProps });\n },\n [scrollListRef]\n );\n\n return {\n menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n onClose: handleCloseContextMenu,\n contextMenuContext: contextMenuContext as ListItemContext<K, D>,\n triggerProps,\n notifyCurrentKeyChanged\n } as const;\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentChildren, JSX } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\nimport { ReorderableContext } from '../hooks/PRIVATE_useReorderable';\nimport { DataState, CurrentKeyDetail, ListItemRendererContext } from '../UNSAFE_Collection';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { List, SkeletonContainer } from '../PRIVATE_List';\nimport {\n ListProps,\n ListViewContextMenuConfig,\n ListViewHandle,\n SkeletonRendererContext\n} from './List.types';\nimport { getScrollPosition } from './ScrollPositionUtils';\nimport { MemoizeListViewReorderableItem } from './ListViewReorderableItem';\nimport { useListViewReorder } from './useListViewReorder';\nimport { ListViewContextMenu } from './ListViewContextMenu';\nimport { useListViewContextMenu } from './useListViewContextMenu';\nimport { useListViewCurrentItemOverride } from './useListViewCurrentItemOverride';\nimport { LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\n\n/\n Props specific to non-virtualized ListView\n /\ntype NonVirtualizedListProps<K, D> = {\n /\n The data that is used to render each item in ListView. If the value is null, then ListView will show nothing\n * if hasMore is false, or loading indicator if hasMore is true.\n /\n data: D[] \| null;\n /\n A callback function to extract the key which is used to identify the item.\n /\n getRowKey: (data: D) => K;\n /\n Whether there are more data available to load. By default this returns false.\n /\n hasMore?: boolean;\n /\n An optional callback function which is invoked when user scrolls to the end of the list.\n /\n onLoadMore?: () => void;\n\n /\n Configuration used to specify a context menu.\n /\n contextMenuConfig?: ListViewContextMenuConfig<K, D>;\n};\n\n/\n Props for the ListView Component\n /\nexport type Props<K, D> = Pick<\n ListProps<K, D>,\n \| 'aria-label'\n \| 'aria-labelledby'\n \| 'aria-describedby'\n \| 'children'\n \| 'gridlines'\n \| 'currentItemOverride'\n \| 'onPersistCurrentItem'\n \| 'onItemAction'\n \| 'onSelectionChange'\n \| 'promotedSection'\n \| 'selectedKeys'\n \| 'selectionMode'\n \| 'viewportConfig'\n \| 'testId'\n \| 'scrollPositionOverride'\n \| 'onReorder'\n \| 'itemPadding'\n \| 'itemEnterKeyFocusBehavior'\n \| 'skeletonRenderer'\n> &\n NonVirtualizedListProps<K, D>;\n/\n A list view displays data items as a list or a grid with highly interactive features.\n /\nexport const ListView = forwardRef(\n <K extends string \| number, D>(\n { children, ...props }: Props<K, D>,\n ref?: ForwardedRef<ListViewHandle<K>>\n ) => {\n const { contextMenuConfig } = props;\n const listRef = useRef<HTMLDivElement \| null>(null);\n\n const { currentItemOverride, updateCurrentItemOverride } = useListViewCurrentItemOverride(\n props.currentItemOverride\n );\n\n const dataMetadata = props.data\n ? props.data.map((aData: D) => {\n const key = props.getRowKey(aData);\n return { data: aData, metadata: { key } };\n })\n : null;\n\n const loadRange = props.onLoadMore ? props.onLoadMore : () => {};\n const dataState = dataMetadata\n ? ({\n offset: 0,\n data: dataMetadata,\n sizePrecision: props.hasMore ? 'atLeast' : 'exact',\n totalSize: dataMetadata.length\n } as DataState<K, D>)\n : null;\n\n useImperativeHandle(ref!, () => ({\n getScrollPosition: () => {\n if (listRef.current) {\n return getScrollPosition(listRef.current);\n }\n return { y: 0 };\n },\n focus: () => {\n if (listRef.current) {\n listRef.current.focus();\n }\n }\n }));\n\n /\n Reorder Section\n /\n const isReorderEnabled = props.onReorder != undefined;\n const {\n reorderProps,\n reorderItemProps,\n reorderContext,\n reorderInstructionsId,\n reorderInstructions\n } = useListViewReorder({\n onReorder: props.onReorder,\n rootRef: listRef,\n viewportConfig: props.viewportConfig\n });\n\n const { triggerProps, menuProps, contextMenuContext, notifyCurrentKeyChanged } =\n useListViewContextMenu(dataState, contextMenuConfig, listRef, updateCurrentItemOverride);\n\n const onPersistCurrentItem = (detail: CurrentKeyDetail<K>) => {\n props.onPersistCurrentItem?.(detail);\n notifyCurrentKeyChanged(detail);\n };\n\n const reorderableItemRenderer = useCallback(\n (context: ListItemRendererContext<K, D>) => (\n <MemoizeListViewReorderableItem {...reorderItemProps} itemKey={context.metadata.key}>\n {children(context)}\n </MemoizeListViewReorderableItem>\n ),\n [children, reorderItemProps]\n );\n\n if (isReorderEnabled && reorderItemProps) {\n return (\n <>\n <ReorderableContext.Provider value={reorderContext}>\n <List\n {...props}\n aria-describedby={reorderInstructionsId}\n contextMenuTriggerProps={triggerProps}\n reorderProps={reorderProps}\n onLoadRange={loadRange}\n scrollerRef={listRef}\n data={dataState}\n currentItemOverride={currentItemOverride}\n onPersistCurrentItem={onPersistCurrentItem}>\n {reorderableItemRenderer}\n </List>\n <span id={reorderInstructionsId}>\n <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n </span>\n </ReorderableContext.Provider>\n {contextMenuConfig && (\n <ListViewContextMenu\n {...menuProps}\n testId={props.testId ? props.testId + '-menu' : undefined}\n contextMenuConfig={contextMenuConfig}\n contextMenuContext={contextMenuContext}\n />\n )}\n </>\n );\n }\n\n const customInitialSkeleton = (\n skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n ) => {\n return (\n <SkeletonContainer minimumCount={25}>\n {(index) => {\n const context: SkeletonRendererContext = {\n loadingStatus: 'initial',\n index: index\n };\n return skeletonRenderer(context);\n }}\n </SkeletonContainer>\n );\n };\n\n const customLoadMoreSkeleton = (\n skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n ) => {\n return (\n <div class={LOADMORE_STYLE_CLASS}>\n <SkeletonContainer minimumCount={3}>\n {(index) => {\n const context: SkeletonRendererContext = {\n loadingStatus: 'loadMore',\n index: index\n };\n return skeletonRenderer(context);\n }}\n </SkeletonContainer>\n </div>\n );\n };\n\n return (\n <>\n <List\n {...props}\n loadingIndicator={\n props.skeletonRenderer ? customInitialSkeleton(props.skeletonRenderer) : undefined\n }\n loadMoreIndicator={\n props.skeletonRenderer ? customLoadMoreSkeleton(props.skeletonRenderer) : undefined\n }\n onLoadRange={loadRange}\n scrollerRef={listRef}\n data={dataState}\n contextMenuTriggerProps={triggerProps}\n currentItemOverride={currentItemOverride}\n onPersistCurrentItem={onPersistCurrentItem}>\n {children}\n </List>\n {contextMenuConfig && (\n <ListViewContextMenu\n {...menuProps}\n contextMenuConfig={contextMenuConfig}\n contextMenuContext={contextMenuContext}\n testId={props.testId ? props.testId + '-menu' : undefined}\n />\n )}\n </>\n );\n }\n) as <K extends string \| number, D>(\n props: Props<K, D> & { ref?: ForwardedRef<ListViewHandle<K>> }\n) => JSX.Element;\n","import { useCallback, useRef } from 'preact/hooks';\nimport { Item as CurrentItem } from '#UNSAFE_Collection';\nimport { ListProps } from './List.types';\n\n/\n This hook handles the currentItemOverride passing to PRIVATE_List layer.\n \n If the app provided new value for 'currentItemOverride', we pass that down to PRIVATE_List layer;\n * otherwise, we will pass down the value of internal override, which would be the value\n * updated by useListViewContextMenu hook\n \n @param currentItemOverride\n */\nexport const useListViewCurrentItemOverride = <K extends string \| number, D>(\n currentItemOverride: ListProps<K, D>['currentItemOverride']\n) => {\n // the override that will be passed down to PRIVATE_List layer\n const listOverrideRef = useRef<CurrentItem<K>>();\n\n // track the currentItemOverride attribute set by app\n const appOverrideRef = useRef<CurrentItem<K>>();\n if (appOverrideRef.current !== currentItemOverride) {\n appOverrideRef.current = currentItemOverride;\n listOverrideRef.current = currentItemOverride;\n }\n\n // track the internal override updated by useListViewContextMenu hook\n // we can just update ref here since the hook will trigger a state update for its context, which will trigger a rerender\n const updateCurrentItemOverride = useCallback((key: K) => {\n listOverrideRef.current = { rowKey: key };\n }, []);\n\n return {\n currentItemOverride: listOverrideRef.current,\n updateCurrentItemOverride\n };\n};\n","import type { RefObject } from 'preact';\nimport { useMemo, useState, useEffect, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { dragToScroll, findElementByKey } from '../utils/PRIVATE_collectionUtils';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { scrollToVisible, LIST_ITEM_SELECTOR } from '../PRIVATE_List';\nimport { ListProps } from './List.types';\n\ntype useListViewReorderProps<K, D> = Pick<ListProps<K, D>, 'onReorder'> & {\n rootRef: RefObject<HTMLDivElement>;\n viewportConfig?: ViewportConfig;\n};\n\nexport const useListViewReorder = <K extends string \| number, D>({\n onReorder,\n rootRef,\n viewportConfig\n}: useListViewReorderProps<K, D>) => {\n const isReorderEnabled = onReorder != undefined;\n\n const [dragKey, setDragKey] = useState<K \| undefined>(undefined);\n const { reorderProps, reorderContext, reorderInstructionsId, reorderInstructions } =\n useReorderable({\n onReorder,\n rootRef,\n itemSelector: LIST_ITEM_SELECTOR,\n isDisabled: !isReorderEnabled,\n columns: 1\n });\n\n // ensure the current item is scrolled into view during keyboard reordering,\n // disable that during mouse reordering\n const reorderScrollIntoView = useRef(false);\n useEffect(() => {\n if (isReorderEnabled && reorderScrollIntoView.current) {\n const rootElement = rootRef.current as HTMLElement;\n const elem = findElementByKey(\n rootElement,\n reorderContext.currentItemKey.current as K,\n LIST_ITEM_SELECTOR\n );\n if (elem) {\n const scroller = viewportConfig?.scrollerRef.current \|\| rootElement;\n // make sure item is visible\n scrollToVisible(elem, scroller, 0);\n reorderScrollIntoView.current = false;\n }\n }\n });\n\n const reorderItemProps = useMemo(() => {\n return { dragKey, setDragKey, onReorder, rootRef };\n }, [dragKey, onReorder, rootRef]);\n\n if (!isReorderEnabled) {\n return {\n reorderProps,\n reorderContext,\n reorderInstructionsId,\n reorderInstructions\n } as const;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n // listview only do keyboard reordering with arrow up/down keys\n if (\n isReorderEnabled &&\n (event.key === 'ArrowUp' \|\| event.key === 'ArrowDown') &&\n (event.metaKey \|\| event.ctrlKey) &&\n event.shiftKey\n ) {\n reorderScrollIntoView.current = true;\n reorderProps.onKeyDown?.(event);\n }\n };\n\n const handleDragOver = (event: DragEvent) => {\n if (dragKey !== undefined) {\n reorderScrollIntoView.current = false;\n dragToScroll(event, dragKey !== undefined, rootRef.current);\n }\n };\n\n const reorderEventProps = mergeProps({ onKeyDown: handleKeyDown, onDragOver: handleDragOver });\n\n return {\n reorderProps: reorderEventProps,\n reorderItemProps,\n reorderContext,\n reorderInstructionsId,\n reorderInstructions\n } as const;\n};\n"],"names":["MemoizeListViewReorderableItem","memo","children","dragKey","setDragKey","onReorder","rootRef","itemKey","itemRef","useRef","itemStyles","itemOverlayFront","styles","reorderableItemOverlayFront","itemOverlayRear","reorderableItemOverlayRear","itemDragger","reorderableItemDragger","setTransferData","useCallback","event","dataTransfer","setData","JSON","stringify","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","getItem","current","closest","LIST_ITEM_SELECTOR","itemSelector","isVertical","classes","classNames","class","reorderableItemDnd","_jsxs","isKeyDefined","jsxs","_Fragment","Fragment","_jsx","jsx","prev","next","ListViewContextMenu","contextMenuConfig","testId","contextMenuContext","menuProps","accessibleLabel","menuItems","isOpen","itemsRenderer","isMenuChildrenFalsy","Menu","menuPropGestureStates","mouse","initialFocus","placement","offsetValue","keyboard","touch","initialMenuProps","anchorRef","ListView","forwardRef","props","listRef","currentItemOverride","updateCurrentItemOverride","listOverrideRef","appOverrideRef","key","rowKey","useListViewCurrentItemOverride","dataMetadata","data","map","aData","metadata","getRowKey","loadRange","onLoadMore","dataState","offset","sizePrecision","hasMore","totalSize","length","useImperativeHandle","getScrollPosition","y","focus","isReorderEnabled","undefined","reorderProps","reorderItemProps","reorderContext","reorderInstructionsId","reorderInstructions","viewportConfig","useState","useReorderable","columns","reorderScrollIntoView","useEffect","rootElement","elem","findElementByKey","currentItemKey","scroller","scrollerRef","scrollToVisible","useMemo","mergeProps","onKeyDown","metaKey","ctrlKey","shiftKey","onDragOver","dragToScroll","useListViewReorder","triggerProps","notifyCurrentKeyChanged","scrollListRef","updateCurrentKey","setContextMenuContext","setMenuProps","currentKeyRef","useContextMenuGesture","gesture","anchor","target","anchorBasedOnGesture","context","findItemContext","keyExtractor","handleCloseContextMenu","detail","reason","preventScroll","onClose","value","useListViewContextMenu","onPersistCurrentItem","reorderableItemRenderer","ReorderableContext","Provider","List","contextMenuTriggerProps","onLoadRange","id","HiddenAccessible","loadingIndicator","skeletonRenderer","SkeletonContainer","minimumCount","index","loadingStatus","loadMoreIndicator","LOADMORE_STYLE_CLASS","customLoadMoreSkeleton"],"mappings":"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"}

package/amd/LiveRegion-1553833d.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'css!./LiveRegionStyles.styles.css', './useTestId-6160e7a2'], (function(e,t,s,i,n){"use strict";e.LiveRegion=function({testId:e,atomic:i="false",children:c="",timeout:o=100,type:a="polite"}){const u=function(e,t){const[i,n]=s.useState(""),c=s.useCallback((()=>n(e)),[e]),o=s.useCallback((()=>setTimeout(c,t)),[c,t]);return s.useEffect((()=>{const e=o();return()=>clearTimeout(e)}),[o]),i}(c,o),r=n.useTestId(e);return t.jsx("span",{"aria-live":a,"aria-atomic":i,class:"LiveRegionStyles_offScreenStyle__1uvpdtw0",...r,children:u})}}));
2	+ //# sourceMappingURL=LiveRegion-1553833d.js.map

package/amd/{LiveRegion-dbefb95b.js.map → LiveRegion-1553833d.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LiveRegion-~~dbefb95b~~.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n /*\n Whether this live region is atomic\n /\n atomic?: 'true' \| 'false';\n\n /\n The text to be read out in the live region\n /\n children?: string;\n\n /\n Timeout for updating the text\n /\n timeout?: number;\n\n /\n The value for the aria-live attribute\n /\n type?: 'assertive' \| 'polite' \| 'off';\n};\n\n/\n A helper component that renders an aria-live region\n \n TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n /\nfunction LiveRegion({\n testId,\n atomic = 'false',\n children = '',\n timeout = 100,\n type = 'polite'\n}: Props) {\n const ariaLiveText = useLiveText(children, timeout);\n const testIdProps = useTestId(testId);\n\n return (\n <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n {ariaLiveText}\n </span>\n );\n}\n\n/\n A custom hook for handling the aria-live region\n \n @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n const [liveText, setLiveText] = useState('');\n const updateText = useCallback(() => setLiveText(text), [text]);\n const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n useEffect(() => {\n const timeoutId = updateTextAsync();\n\n return () => clearTimeout(timeoutId);\n }, [updateTextAsync]);\n\n return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["testId","atomic","children","timeout","type","ariaLiveText","text","liveText","setLiveText","useState","updateText","useCallback","updateTextAsync","setTimeout","useEffect","timeoutId","clearTimeout","useLiveText","testIdProps","useTestId","_jsx","jsx","class"],"mappings":"6JAgCA,UAAoBA,OAClBA,EAAMC,OACNA,EAAS,QAAOC,SAChBA,EAAW,GAAEC,QACbA,EAAU,IAAGC,KACbA,EAAO,WAEP,MAAMC,EAiBR,SAAqBC,EAAcH,GACjC,MAAOI,EAAUC,GAAeC,EAAQA,SAAC,IACnCC,EAAaC,EAAAA,aAAY,IAAMH,EAAYF,IAAO,CAACA,IACnDM,EAAkBD,eAAY,IAAME,WAAWH,EAAYP,IAAU,CAACO,EAAYP,IAQxF,OANAW,EAAAA,WAAU,KACR,MAAMC,EAAYH,IAElB,MAAO,IAAMI,aAAaD,EAAU,GACnC,CAACH,IAEGL,CACT,CA7BuBU,CAAYf,EAAUC,GACrCe,EAAcC,YAAUnB,GAE9B,OACEoB,EAAAC,IAAA,OAAA,CAAA,YAAiBjB,EAAI,cAAeH,EAAQqB,qDAA2BJ,EAAWhB,SAC/EG,GAGP"}
1	+ {"version":3,"file":"LiveRegion-1553833d.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n /*\n Whether this live region is atomic\n /\n atomic?: 'true' \| 'false';\n\n /\n The text to be read out in the live region\n /\n children?: string;\n\n /\n Timeout for updating the text\n /\n timeout?: number;\n\n /\n The value for the aria-live attribute\n /\n type?: 'assertive' \| 'polite' \| 'off';\n};\n\n/\n A helper component that renders an aria-live region\n \n TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n /\nfunction LiveRegion({\n testId,\n atomic = 'false',\n children = '',\n timeout = 100,\n type = 'polite'\n}: Props) {\n const ariaLiveText = useLiveText(children, timeout);\n const testIdProps = useTestId(testId);\n\n return (\n <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n {ariaLiveText}\n </span>\n );\n}\n\n/\n A custom hook for handling the aria-live region\n \n @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n const [liveText, setLiveText] = useState('');\n const updateText = useCallback(() => setLiveText(text), [text]);\n const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n useEffect(() => {\n const timeoutId = updateTextAsync();\n\n return () => clearTimeout(timeoutId);\n }, [updateTextAsync]);\n\n return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["testId","atomic","children","timeout","type","ariaLiveText","text","liveText","setLiveText","useState","updateText","useCallback","updateTextAsync","setTimeout","useEffect","timeoutId","clearTimeout","useLiveText","testIdProps","useTestId","_jsx","jsx","class"],"mappings":"6JAgCA,UAAoBA,OAClBA,EAAMC,OACNA,EAAS,QAAOC,SAChBA,EAAW,GAAEC,QACbA,EAAU,IAAGC,KACbA,EAAO,WAEP,MAAMC,EAiBR,SAAqBC,EAAcH,GACjC,MAAOI,EAAUC,GAAeC,EAAQA,SAAC,IACnCC,EAAaC,EAAAA,aAAY,IAAMH,EAAYF,IAAO,CAACA,IACnDM,EAAkBD,eAAY,IAAME,WAAWH,EAAYP,IAAU,CAACO,EAAYP,IAQxF,OANAW,EAAAA,WAAU,KACR,MAAMC,EAAYH,IAElB,MAAO,IAAMI,aAAaD,EAAU,GACnC,CAACH,IAEGL,CACT,CA7BuBU,CAAYf,EAAUC,GACrCe,EAAcC,YAAUnB,GAE9B,OACEoB,EAAAC,IAAA,OAAA,CAAA,YAAiBjB,EAAI,cAAeH,EAAQqB,qDAA2BJ,EAAWhB,SAC/EG,GAGP"}

package/amd/{MaxLengthLiveRegion-8f9f7247.js → MaxLengthLiveRegion-5172c87a.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useDebounce-8b4d8cfb', './useTranslationBundle-e4dd341e', './LiveRegion-dbefb95b'], (function(e,n,t,i,o){"use strict";e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:r,testId:s,valueLength:d=0}){const a=t.useDebounce(r-d,500),c=i.useTranslationBundle("@oracle/oraclejet-preact"),u=c.formControl_maxLengthExceeded({MAX_LENGTH:`${r}`}),g=c.formControl_maxLengthRemaining({CHARACTER_COUNT:`${a}`});return n.jsxs(n.Fragment,{children:[n.jsx(o.LiveRegion,{testId:s?s+"_remainingChars":void 0,children:g}),e&&n.jsx(o.LiveRegion,{testId:s?s+"_exceeded":void 0,type:"assertive",children:u})]})}}));
-//# sourceMappingURL=MaxLengthLiveRegion-8f9f7247.js.map
+define(['exports', 'preact/jsx-runtime', './useDebounce-8b4d8cfb', './useTranslationBundle-db326955', './LiveRegion-1553833d'], (function(e,n,t,i,o){"use strict";e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:r,testId:s,valueLength:d=0}){const a=t.useDebounce(r-d,500),c=i.useTranslationBundle("@oracle/oraclejet-preact"),u=c.formControl_maxLengthExceeded({MAX_LENGTH:`${r}`}),g=c.formControl_maxLengthRemaining({CHARACTER_COUNT:`${a}`});return n.jsxs(n.Fragment,{children:[n.jsx(o.LiveRegion,{testId:s?s+"_remainingChars":void 0,children:g}),e&&n.jsx(o.LiveRegion,{testId:s?s+"_exceeded":void 0,type:"assertive",children:u})]})}}));
+//# sourceMappingURL=MaxLengthLiveRegion-5172c87a.js.map

package/amd/{MaxLengthLiveRegion-8f9f7247.js.map → MaxLengthLiveRegion-5172c87a.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MaxLengthLiveRegion-~~8f9f7247~~.js","sources":["../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx"],"sourcesContent":["import { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n isMaxLengthExceeded: boolean;\n maxLength: number;\n valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({\n isMaxLengthExceeded,\n maxLength,\n testId,\n valueLength = 0\n}: Props) {\n // Comment copied from InputBase.js in Big JET:\n // Only update the aria-live div when the user has paused for more than\n // 500 milliseconds. That way, we avoid queued up aria-live messages which\n // would be annoying and not helpful. The 500ms was agreed upon in the\n // accessibility review meeting.\n const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n MAX_LENGTH: `${maxLength}`\n });\n const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n CHARACTER_COUNT: `${debouncedRemainingChars}`\n });\n\n return (\n <>\n <LiveRegion testId={testId ? testId + '_remainingChars' : undefined}>\n {remainingCharsTranslatedString}\n </LiveRegion>\n {isMaxLengthExceeded && (\n <LiveRegion testId={testId ? testId + '_exceeded' : undefined} type=\"assertive\">\n {maxLengthExceededTranslatedString}\n </LiveRegion>\n )}\n </>\n );\n}\n"],"names":["isMaxLengthExceeded","maxLength","testId","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","_jsxs","_jsx","LiveRegion","undefined","type","children"],"mappings":"mLAcgB,UAAoBA,oBAClCA,EAAmBC,UACnBA,EAASC,OACTA,EAAMC,YACNA,EAAc,IAOd,MAAMC,EAA0BC,EAAWA,YAACJ,EAAYE,EAb1B,KAcxBG,EAAeC,uBAAiC,4BAChDC,EAAoCF,EAAaG,8BAA8B,CACnFC,WAAY,GAAGT,MAEXU,EAAiCL,EAAaM,+BAA+B,CACjFC,gBAAiB,GAAGT,MAGtB,OACEU,EAAAA,2BACEC,EAAAA,IAACC,EAAAA,YAAWd,OAAQA,EAASA,EAAS,uBAAoBe,WACvDN,IAEFX,GACCe,MAACC,EAAUA,WAAA,CAACd,OAAQA,EAASA,EAAS,iBAAce,EAAWC,KAAK,YAAWC,SAC5EX,MAKX"}
1	+ {"version":3,"file":"MaxLengthLiveRegion-5172c87a.js","sources":["../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx"],"sourcesContent":["import { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n isMaxLengthExceeded: boolean;\n maxLength: number;\n valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({\n isMaxLengthExceeded,\n maxLength,\n testId,\n valueLength = 0\n}: Props) {\n // Comment copied from InputBase.js in Big JET:\n // Only update the aria-live div when the user has paused for more than\n // 500 milliseconds. That way, we avoid queued up aria-live messages which\n // would be annoying and not helpful. The 500ms was agreed upon in the\n // accessibility review meeting.\n const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n MAX_LENGTH: `${maxLength}`\n });\n const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n CHARACTER_COUNT: `${debouncedRemainingChars}`\n });\n\n return (\n <>\n <LiveRegion testId={testId ? testId + '_remainingChars' : undefined}>\n {remainingCharsTranslatedString}\n </LiveRegion>\n {isMaxLengthExceeded && (\n <LiveRegion testId={testId ? testId + '_exceeded' : undefined} type=\"assertive\">\n {maxLengthExceededTranslatedString}\n </LiveRegion>\n )}\n </>\n );\n}\n"],"names":["isMaxLengthExceeded","maxLength","testId","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","_jsxs","_jsx","LiveRegion","undefined","type","children"],"mappings":"mLAcgB,UAAoBA,oBAClCA,EAAmBC,UACnBA,EAASC,OACTA,EAAMC,YACNA,EAAc,IAOd,MAAMC,EAA0BC,EAAWA,YAACJ,EAAYE,EAb1B,KAcxBG,EAAeC,uBAAiC,4BAChDC,EAAoCF,EAAaG,8BAA8B,CACnFC,WAAY,GAAGT,MAEXU,EAAiCL,EAAaM,+BAA+B,CACjFC,gBAAiB,GAAGT,MAGtB,OACEU,EAAAA,2BACEC,EAAAA,IAACC,EAAAA,YAAWd,OAAQA,EAASA,EAAS,uBAAoBe,WACvDN,IAEFX,GACCe,MAACC,EAAUA,WAAA,CAACd,OAAQA,EAASA,EAAS,iBAAce,EAAWC,KAAK,YAAWC,SAC5EX,MAKX"}

package/amd/Menu-0c230049.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Sheet-2f362cd6', 'preact/compat', './Dropdown-a26fb975', './mergeProps-bcfa6a92', './classNames-08d99695', './useUser-08901aba', './menuUtils-8e42385f', './MenuItem-8456d6e2', './UNSAFE_Menu/themes/MenuStyles.css', './useTestId-f4240cbd', './UNSAFE_Menu/themes/DropdownMenuStyles.css', './Flex-4b81b412', './Skeleton-a12452e9', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', './LiveRegion-dbefb95b', './useTranslationBundle-e4dd341e', './useComponentTheme-db55de25', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './unsafeDomAccess-602c5dde'], (function(e,n,t,s,o,r,a,i,u,c,l,d,m,f,h,p,b,M,x,y,g,C){"use strict";const v=({children:e,"aria-label":s,currentFocus:o="menu",display:r,closeSubmenu:f,menuId:h,menuLevel:p,anchorRef:b})=>{const{onClose:M,testId:x}=l.useMenuContext(),{direction:y}=u.useUser(),g=t.useRef(null),C=t.useRef({wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null,lastChangeKeyReason:void 0}),[v,S]=t.useState(),[k,E]=t.useState(!1),[j,w]=t.useState(!1),F=t.useCallback((e=>{C.current.lastChangeKeyReason=e.reason,S(e.key),"keyboard"===e.reason?E(!0):E(!1)}),[]),I=t.useCallback((()=>{const e=n=>{const t=c.keyElemExtractor(n.target),s=t?.key,o=t?.elem;if(s&&o){C.current.wasMouseMoved=!0;const n=new MouseEvent("mouseenter");o.dispatchEvent(n),g.current?.removeEventListener("mousemove",e)}};g.current?.addEventListener("mousemove",e)}),[]),{currentKeyProps:R}=function(e,n,s,o,r){const a=t.useMemo((()=>({ArrowDown:n,ArrowUp:e,Home:s,End:o})),[n,e,s,o]),i=t.useCallback((e=>{if(r){const n=a[e.key];if(n&&!e.shiftKey){const t=n();t&&r({key:t,reason:"keyboard"}),e.preventDefault()}}}),[r,a]);return{currentKeyProps:null==r?{}:{onKeyDown:i}}}(c.getPrevNext(g.current,!0,v),c.getPrevNext(g.current,!1,v),(()=>c.getNVisible(g.current,0)),(()=>c.getLastVisible(g.current)),F);t.useEffect((()=>{const e=g.current;if("none"!==o&&e)if("menu"===o){F({key:void 0,reason:"click"});const n=()=>{e.focus()};n()}else if("firstItem"===o){const e=c.getNVisible(g.current,0);e&&F({key:e,reason:"keyboard"})}else if("secondItem"===o){const e=c.getNVisible(g.current,1);e&&F({key:e,reason:"keyboard"})}else if("secondItemDueToTouch"===o){const e=c.getNVisible(g.current,1);e&&F({key:e,reason:"touch"})}return()=>{clearTimeout(undefined)}}),[F,o,p,r,b]),t.useEffect((()=>{I()}),[I]);const T=m.useTestId(x);return n.jsx("div",{...h&&{id:h},ref:g,tabIndex:v||"main"!==p&&"sheet"!==r?-1:0,role:"menu","aria-orientation":"vertical","aria-label":s,class:i.classNames([d.menuStyles.menuContainerStyle]),...a.mergeProps(R,c.getKeyboardCloseProps(M,p),c.getCloseSubmenuEvent(y,f),c.getMenuContainerFocusMethods((()=>{g.current?.contains(document.activeElement)||(E(!1),w(!1))}),(()=>{"touch"===C.current.lastChangeKeyReason?w(!1):w(!0)})),c.getMenuContainerMouseLeave((e=>{e.relatedTarget&&e.relatedTarget.isEqualNode(C.current.lastMouseLeaveMenuItemdRelatedTarget)||(F({key:void 0,reason:"mouseEnter"}),g.current?.focus())})),c.getMenuPointerDown()),...T,children:n.jsx(l.MenuContainerContext.Provider,{value:{menuContainerRef:g,currentKey:v,showFocusRing:k,changeKey:F,menuContainerGeneralInformation:C,isContainerFocused:j},children:e})})};function S({children:e}){const{baseTheme:t}=y.useComponentTheme(g.MenuItemRedwoodTheme),s=i.classNames([t,b.menuSkeletonStyles.container]);return n.jsx("div",{"oj-menu-skeleton":"true",class:s,role:"presentation",children:[...Array(4)].map(((n,t)=>e?.(t)))})}const k=()=>{t.useEffect((()=>{setTimeout((()=>{s(!0)}),E)}),[]);const[e,s]=t.useState(!1),o=x.useTranslationBundle("@oracle/oraclejet-preact");return n.jsxs(n.Fragment,{children:[e&&n.jsx(M.LiveRegion,{children:o.menu_stateLoading()}),n.jsx(S,{children:()=>n.jsx(h.Flex,{height:"11x",align:"center",children:e&&n.jsx(p.Skeleton,{height:"4x"})})})]})},E=50,j=o.forwardRef((({anchorRef:e,defaultPlacement:t,offsetValue:s,closeSubmenu:a,children:u,"aria-label":m,currentFocus:h,menuId:p,menuLevel:b,flipOptions:M,isOpen:x,isMenuLoading:y=!1,minWidth:g,onTransitionEnd:S},E)=>{const{onClose:j}=l.useMenuContext(),F=o.useCallback((n=>{if("sub"!==b&&"outsideMousedown"===n.reason){const t=c.keyElemExtractor(n.target)?.key;if(!t){const t=e.current?.contains?.(n.target)||e.current?.[C.UNSAFE_DOM_ACCESS]?.contains(n.target);j?.({reason:t?"anchorClick":"outsideClick"})}}}),[j,b]);return n.jsx(r.Dropdown,{minWidth:g?Math.max(w,g):w,onClose:F,isOpen:x,placement:t,anchorRef:e,flipOptions:M,offset:s,shiftOptions:{mainAxis:!0,crossAxis:!0},sizeOptions:{isMaxWidthAdjusted:!0,isMaxHeightAdjusted:!0,maxWidthCeiling:460},onTransitionEnd:S,children:n.jsx("div",{class:i.classNames([f.dropdownMenuStyles.base,d.menuStyles.dropdownMenuContainerStyle]),ref:E,children:y?n.jsx(k,{}):n.jsx(v,{menuLevel:b,closeSubmenu:a,"aria-label":m,currentFocus:h,menuId:p,display:"dropdown",anchorRef:e,children:u})})})})),w=140,F=c.getIsMobile();e.DropdownMenu=j,e.Menu=({onClose:e,isOpen:o,testId:r,initialFocus:a="menu",placement:u,offsetValue:m,minWidthBehavior:f,anchorRef:h,flipOptions:p,...b})=>{const M=t.useCallback((()=>{e?.({reason:"dismissed"})}),[e]),x=c.isMenuChildrenFalsy(b.children),y=x?"none":a,[g,S]=t.useState();t.useEffect((()=>{if(o&&"basedOnAnchorWidth"===f){const e=h.current?.offsetWidth||h.current?.[C.UNSAFE_DOM_ACCESS]?.offsetWidth;g!==e&&S(e)}}),[o,f,g,h]);return n.jsx(l.MenuContext.Provider,{value:{onClose:e,isMobile:F,testId:r},children:n.jsx(n.Fragment,{children:F?n.jsx(n.Fragment,{children:n.jsx(s.Sheet,{isOpen:o,onClose:M,children:n.jsx("div",{class:i.classNames([d.menuStyles.sheetMenuContainerStyle]),children:x?n.jsx(k,{}):n.jsx(v,{...b,anchorRef:h,currentFocus:y,menuLevel:"main",display:"sheet"})})})}):n.jsx(j,{...b,anchorRef:h,isMenuLoading:x,isOpen:o,currentFocus:y,menuLevel:"main",defaultPlacement:u,offsetValue:m,flipOptions:p||{crossAxis:!0,mainAxis:!0,fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","end-top","start-top","end-bottom","start-bottom"]},minWidth:g,onTransitionEnd:()=>{const e=document.activeElement;if(!e)return;const n=e.closest("[data-oj-menu-item-key]");n&&n.scrollIntoView({block:"nearest",inline:"nearest"})}})})})},e.MenuContainer=v}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Sheet-2f362cd6', 'preact/compat', './Dropdown-45cc6812', './mergeProps-bcfa6a92', './classNames-08d99695', './useUser-e0677e8d', './menuUtils-8e42385f', './MenuItem-8456d6e2', './UNSAFE_Menu/themes/MenuStyles.css', './useTestId-6160e7a2', './UNSAFE_Menu/themes/DropdownMenuStyles.css', './Flex-71f83c12', './Skeleton-a12452e9', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', './LiveRegion-1553833d', './useTranslationBundle-db326955', './useComponentTheme-db55de25', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './unsafeDomAccess-602c5dde'], (function(e,n,t,s,o,r,a,i,u,c,l,d,m,h,f,p,M,x,y,g,C,b){"use strict";const v=({children:e,"aria-label":s,currentFocus:o="menu",display:r,closeSubmenu:h,menuId:f,menuLevel:p,anchorRef:M})=>{const{onClose:x,testId:y}=l.useMenuContext(),{direction:g}=u.useUser(),C=t.useRef(null),b=t.useRef({wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null,lastChangeKeyReason:void 0}),[v,S]=t.useState(),[k,E]=t.useState(!1),[j,w]=t.useState(!1),F=t.useCallback((e=>{b.current.lastChangeKeyReason=e.reason,S(e.key),"keyboard"===e.reason?E(!0):E(!1)}),[]),I=t.useCallback((()=>{const e=n=>{const t=c.keyElemExtractor(n.target),s=t?.key,o=t?.elem;if(s&&o){b.current.wasMouseMoved=!0;const n=new MouseEvent("mouseenter");o.dispatchEvent(n),C.current?.removeEventListener("mousemove",e)}};C.current?.addEventListener("mousemove",e)}),[]),{currentKeyProps:R}=function(e,n,s,o,r){const a=t.useMemo((()=>({ArrowDown:n,ArrowUp:e,Home:s,End:o})),[n,e,s,o]),i=t.useCallback((e=>{if(r){const n=a[e.key];if(n&&!e.shiftKey){const t=n();t&&r({key:t,reason:"keyboard"}),e.preventDefault()}}}),[r,a]);return{currentKeyProps:null==r?{}:{onKeyDown:i}}}(c.getPrevNext(C.current,!0,v),c.getPrevNext(C.current,!1,v),(()=>c.getNVisible(C.current,0)),(()=>c.getLastVisible(C.current)),F);t.useEffect((()=>{const e=C.current;if("none"!==o&&e)if("menu"===o){F({key:void 0,reason:"click"});const n=()=>{e.focus()};n()}else if("firstItem"===o){const e=c.getNVisible(C.current,0);e&&F({key:e,reason:"keyboard"})}else if("secondItem"===o){const e=c.getNVisible(C.current,1);e&&F({key:e,reason:"keyboard"})}else if("secondItemDueToTouch"===o){const e=c.getNVisible(C.current,1);e&&F({key:e,reason:"touch"})}return()=>{clearTimeout(undefined)}}),[F,o,p,r,M]),t.useEffect((()=>{I()}),[I]);const T=m.useTestId(y);return n.jsx("div",{...f&&{id:f},ref:C,tabIndex:v||"main"!==p&&"sheet"!==r?-1:0,role:"menu","aria-orientation":"vertical","aria-label":s,class:i.classNames([d.menuStyles.menuContainerStyle]),...a.mergeProps(R,c.getKeyboardCloseProps(x,p),c.getCloseSubmenuEvent(g,h),c.getMenuContainerFocusMethods((()=>{C.current?.contains(document.activeElement)||(E(!1),w(!1))}),(()=>{"touch"===b.current.lastChangeKeyReason?w(!1):w(!0)})),c.getMenuContainerMouseLeave((e=>{e.relatedTarget&&e.relatedTarget.isEqualNode(b.current.lastMouseLeaveMenuItemdRelatedTarget)||(F({key:void 0,reason:"mouseEnter"}),C.current?.focus())})),c.getMenuPointerDown()),...T,children:n.jsx(l.MenuContainerContext.Provider,{value:{menuContainerRef:C,currentKey:v,showFocusRing:k,changeKey:F,menuContainerGeneralInformation:b,isContainerFocused:j},children:e})})};function S({children:e}){const{baseTheme:t}=g.useComponentTheme(C.MenuItemRedwoodTheme),s=i.classNames([t,M.menuSkeletonStyles.container]);return n.jsx("div",{"oj-menu-skeleton":"true",class:s,role:"presentation",children:[...Array(4)].map(((n,t)=>e?.(t)))})}const k=()=>{t.useEffect((()=>{setTimeout((()=>{s(!0)}),E)}),[]);const[e,s]=t.useState(!1),o=y.useTranslationBundle("@oracle/oraclejet-preact");return n.jsxs(n.Fragment,{children:[e&&n.jsx(x.LiveRegion,{children:o.menu_stateLoading()}),n.jsx(S,{children:()=>n.jsx(f.Flex,{height:"11x",align:"center",children:e&&n.jsx(p.Skeleton,{height:"4x"})})})]})},E=50,j=o.forwardRef((({anchorRef:e,defaultPlacement:t,offsetValue:s,closeSubmenu:a,children:u,"aria-label":m,currentFocus:f,menuId:p,menuLevel:M,flipOptions:x,isOpen:y,isMenuLoading:g=!1,minWidth:C,onTransitionEnd:S},E)=>{const{onClose:j}=l.useMenuContext(),F=o.useCallback((n=>{if("sub"!==M&&"outsideMousedown"===n.reason){const t=c.keyElemExtractor(n.target)?.key;if(!t){const t=e.current?.contains?.(n.target)||e.current?.[b.UNSAFE_DOM_ACCESS]?.contains(n.target);j?.({reason:t?"anchorClick":"outsideClick"})}}}),[j,M]);return n.jsx(r.Dropdown,{minWidth:C?Math.max(w,C):w,onClose:F,isOpen:y,placement:t,anchorRef:e,flipOptions:x,offset:s,shiftOptions:{mainAxis:!0,crossAxis:!0},sizeOptions:{isMaxWidthAdjusted:!0,isMaxHeightAdjusted:!0,maxWidthCeiling:460},onTransitionEnd:S,children:n.jsx("div",{class:i.classNames([h.dropdownMenuStyles.base,d.menuStyles.dropdownMenuContainerStyle]),ref:E,children:g?n.jsx(k,{}):n.jsx(v,{menuLevel:M,closeSubmenu:a,"aria-label":m,currentFocus:f,menuId:p,display:"dropdown",anchorRef:e,children:u})})})})),w=140,F=c.getIsMobile();e.DropdownMenu=j,e.Menu=({onClose:e,isOpen:o,testId:r,initialFocus:a="menu",placement:u,offsetValue:m,minWidthBehavior:h,anchorRef:f,flipOptions:p,...M})=>{const x=t.useCallback((()=>{e?.({reason:"dismissed"})}),[e]),y=c.isMenuChildrenFalsy(M.children),g=y?"none":a,[C,S]=t.useState();t.useEffect((()=>{if(o&&"basedOnAnchorWidth"===h){const e=f.current?.offsetWidth||f.current?.[b.UNSAFE_DOM_ACCESS]?.offsetWidth;C!==e&&S(e)}}),[o,h,C,f]);return n.jsx(l.MenuContext.Provider,{value:{onClose:e,isMobile:F,testId:r},children:n.jsx(n.Fragment,{children:F?n.jsx(n.Fragment,{children:n.jsx(s.Sheet,{isOpen:o,onClose:x,children:n.jsx("div",{class:i.classNames([d.menuStyles.sheetMenuContainerStyle]),children:y?n.jsx(k,{}):n.jsx(v,{...M,anchorRef:f,currentFocus:g,menuLevel:"main",display:"sheet"})})})}):n.jsx(j,{...M,anchorRef:f,isMenuLoading:y,isOpen:o,currentFocus:g,menuLevel:"main",defaultPlacement:u,offsetValue:m,flipOptions:p||{crossAxis:!0,mainAxis:!0,fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","end-top","start-top","end-bottom","start-bottom"]},minWidth:C,onTransitionEnd:()=>{const e=document.activeElement;if(!e)return;const n=e.closest("[data-oj-menu-item-key]");n&&n.scrollIntoView({block:"nearest",inline:"nearest"})}})})})},e.MenuContainer=v}));
 //# sourceMappingURL=Menu-0c230049.js.map

package/amd/MenuButton-10be141e.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-c93ed2fa', './ChevronDown-f8f4db0b', './Menu-0c230049', './MenuItem-8456d6e2', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './logger-00b673c5', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-d855e8f2', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './useMenuAction-26df747b', './BaseButton-d0f59de5'], (function(e,t,s,o,n,a,r,u,i,l,c,d,p,h,M,y,f,m,b,S,T,g,B,x,E,v){"use strict";const w=d.forwardRef((({children:e,label:a,suffix:l,variant:c="outlined",isDisabled:d=!1,isMenuOpen:p=!1,onToggleMenu:h,size:M="md",type:y="button",width:f,icon:m,testId:b,"aria-describedby":S,onBlur:T,onFocus:g,onMouseEnter:B,onMouseLeave:x,onTouchEnd:w,onTouchStart:F},A)=>{const I=r.useRef(null);r.useImperativeHandle(A,(()=>I.current),[I]);const{triggerProps:L,menuProps:N}=E.useMenuAction({isDisabled:d,onToggleMenu:h,isMenuOpen:p,anchorRef:I}),U={type:"button",buttonType:y},j={onBlur:T,onFocus:g,onMouseEnter:B,onMouseLeave:x,onTouchEnd:w,onTouchStart:F},C=t.jsx(v.BaseButton,{...i.mergeProps(L,j),styling:p?["min","active"]:["min"],elementDetails:U,isDisabled:d,variant:c,width:f,size:M,ref:I,testId:b,"aria-label":l?`${a} ${l}`:a,"aria-describedby":S,children:t.jsx(s.ButtonLabelLayout,{display:"all",suffix:l,startIcon:m,endIcon:t.jsx(o.SvgChevronDown,{}),size:M,children:a})});return d?C:t.jsxs(u.Fragment,{children:[C,t.jsx(n.Menu,{...N,"aria-label":a,offsetValue:4,children:e})]})}));w.displayName="MenuButton",e.MenuButton=w}));
+define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-c93ed2fa', './ChevronDown-f8f4db0b', './Menu-0c230049', './MenuItem-8456d6e2', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './logger-00b673c5', './LayerHost-1a734852', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2f3b01e4', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './useMenuAction-26df747b', './BaseButton-e92d9a48'], (function(e,t,s,o,n,a,r,u,i,l,c,d,p,h,M,y,m,b,f,S,T,g,B,x,E,v){"use strict";const w=d.forwardRef((({children:e,label:a,suffix:l,variant:c="outlined",isDisabled:d=!1,isMenuOpen:p=!1,onToggleMenu:h,size:M="md",type:y="button",width:m,icon:b,testId:f,"aria-describedby":S,onBlur:T,onFocus:g,onMouseEnter:B,onMouseLeave:x,onTouchEnd:w,onTouchStart:F},A)=>{const I=r.useRef(null);r.useImperativeHandle(A,(()=>I.current),[I]);const{triggerProps:L,menuProps:N}=E.useMenuAction({isDisabled:d,onToggleMenu:h,isMenuOpen:p,anchorRef:I}),U={type:"button",buttonType:y},j={onBlur:T,onFocus:g,onMouseEnter:B,onMouseLeave:x,onTouchEnd:w,onTouchStart:F},C=t.jsx(v.BaseButton,{...i.mergeProps(L,j),styling:p?["min","active"]:["min"],elementDetails:U,isDisabled:d,variant:c,width:m,size:M,ref:I,testId:f,"aria-label":l?`${a} ${l}`:a,"aria-describedby":S,children:t.jsx(s.ButtonLabelLayout,{display:"all",suffix:l,startIcon:b,endIcon:t.jsx(o.SvgChevronDown,{}),size:M,children:a})});return d?C:t.jsxs(u.Fragment,{children:[C,t.jsx(n.Menu,{...N,"aria-label":a,offsetValue:4,children:e})]})}));w.displayName="MenuButton",e.MenuButton=w}));
 //# sourceMappingURL=MenuButton-10be141e.js.map

package/amd/MenuItem-8456d6e2.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-31cabc49', './classNames-08d99695', './useId-c9578d26', './mergeProps-bcfa6a92', './usePress-949a0d03', './useUser-08901aba', './useComponentTheme-db55de25', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useInteractionStyle-15a2bdd0', 'preact', 'preact/compat', './menuUtils-8e42385f', './useToggle-a29f97af', './UNSAFE_Menu/themes/redwood/MenuItemTheme'], (function(e,n,t,s,o,r,a,u,i,c,l,d,m,p,h,C,b,f){"use strict";const g=p.createContext({isMobile:!1,onClose:()=>null,testId:""});function v(){return t.useContext(g)}const M=p.createContext({menuContainerRef:{current:null},currentKey:void 0,showFocusRing:!1,changeKey:()=>{},isContainerFocused:!1,menuContainerGeneralInformation:{current:{wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}}});function x(){return t.useContext(M)}const I=h.forwardRef((({id:e,label:r,onAction:p,startIcon:h,endIcon:g,role:M,isChecked:I,isDisabled:y=!1,variant:S="standard",type:T,hoverInfo:j,openSubmenu:R,menuItemLabelWeight:w="normal",isSubmenuOpen:F,submenuId:k,submenuRef:E,itemKey:P,keyboardShortcut:L},U)=>{const{onClose:K}=v(),{currentKey:O,changeKey:N,showFocusRing:A,menuContainerRef:z,menuContainerGeneralInformation:D,isContainerFocused:G}=x(),B=t.useRef(null);t.useImperativeHandle(U,(()=>B.current),[]);const{direction:H}=i.useUser(),W=O===e,$=t.useCallback((e=>{"submenu"!==T&&K?.({reason:"itemAction"}),p?.(e)}),[T,K,p]),{hoverProps:_}=function(e){const{bool:n,setTrue:t,setFalse:s}=b.useToggle(!1);return{hoverProps:{ontouchend:t,onMouseEnter:t=>{n?s():e.onMouseEnter(t)},onMouseLeave:n=>{e.onMouseLeave(n)}}}}({onMouseEnter:n=>{j?.hoverStatus.current.recentClose||j?.hoverStatus.current.pendingUnhover||(j&&D.current.wasMouseMoved&&(j.hoverStatus.current.pendingUnhover=!0),D.current.wasMouseMoved&&(j?.hoverProps.onMouseEnter(n),N({key:e,reason:"mouseEnter"})))},onMouseLeave:e=>{j&&(j.hoverStatus.current.pendingUnhover=!1),(z.current?.contains(e.relatedTarget)||E?.current?.parentElement?.contains(e.relatedTarget))&&(D.current.lastMouseLeaveMenuItemdRelatedTarget=e.relatedTarget)}}),{pressProps:q}=u.usePress(y?()=>{}:$);t.useEffect((()=>{W&&B.current?.focus()}),[W]);const{interactionProps:J}=m.useInteractionStyle({isDisabled:y}),{classes:Q,styles:{iconLabelContainer:V,iconContainer:X,startIconContainer:Y,labelContainer:Z,endIconContainer:ee}}=c.useComponentTheme(f.MenuItemRedwoodTheme,{current:W?"isCurrent":"notCurrent",focusRing:A?"isFocusRing":"notFocusRing",variant:y?"disabled":S,containerFocused:G?"isContainerFocused":"notContainerFocused",submenuOpen:F?"isSubmenuOpen":"notSubmenuOpen"}),ne=l.mergeInterpolations([...Object.values(d.flexitemInterpolations)]),{class:te,...se}=ne({flex:"1 1 auto",alignSelf:"center"}),{class:oe,...re}=ne({flex:"0 0 auto",alignSelf:"center"}),ae=o.classNames([oe,V,X,Y]),ue=o.classNames([te,V,Z]),ie=o.classNames([oe,V,X,ee]);return n.jsx("div",{role:"presentation",children:n.jsxs("a",{...void 0!==k&&"submenu"===T&&{"aria-owns":k},ref:B,"data-oj-label":r,"data-oj-key":P,class:Q,...a.mergeProps(J,_,q,C.getOpenSubmenuEvent(H,R),C.getMenuItemClickChangeKey(e,N)),role:M,"data-oj-menu-item-key":e,..."submenu"===T&&{"aria-haspopup":!0,"aria-expanded":"bold"===w||!!F},...y&&{"aria-disabled":!0},..."select"===T&&{"aria-checked":!!I},tabIndex:W?0:-1,children:[h&&n.jsx("span",{style:re,class:ae,children:h}),n.jsx("span",{style:se,class:ue,children:n.jsx(s.Text,{variant:"inherit",size:"md",weight:w,children:r})}),(g||L)&&n.jsx("span",{style:re,class:ie,children:g||n.jsx(s.Text,{variant:"inherit",size:"md",weight:"normal",children:L})})]})})}));e.BaseMenuItem=I,e.MenuContainerContext=M,e.MenuContext=g,e.MenuItem=function(e){const s=r.useId(),o=t.useMemo((()=>`oj-menu-item-${s}`),[s]);return n.jsx(I,{...e,role:"menuitem",type:"simple",id:o})},e.useMenuContainerContext=x,e.useMenuContext=v}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-31cabc49', './classNames-08d99695', './useId-c9578d26', './mergeProps-bcfa6a92', './usePress-949a0d03', './useUser-e0677e8d', './useComponentTheme-db55de25', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useInteractionStyle-15a2bdd0', 'preact', 'preact/compat', './menuUtils-8e42385f', './useToggle-a29f97af', './UNSAFE_Menu/themes/redwood/MenuItemTheme'], (function(e,n,t,s,o,r,a,u,i,c,l,d,m,p,h,C,b,f){"use strict";const g=p.createContext({isMobile:!1,onClose:()=>null,testId:""});function v(){return t.useContext(g)}const M=p.createContext({menuContainerRef:{current:null},currentKey:void 0,showFocusRing:!1,changeKey:()=>{},isContainerFocused:!1,menuContainerGeneralInformation:{current:{wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}}});function x(){return t.useContext(M)}const I=h.forwardRef((({id:e,label:r,onAction:p,startIcon:h,endIcon:g,role:M,isChecked:I,isDisabled:y=!1,variant:S="standard",type:T,hoverInfo:j,openSubmenu:R,menuItemLabelWeight:w="normal",isSubmenuOpen:F,submenuId:k,submenuRef:E,itemKey:P,keyboardShortcut:L},U)=>{const{onClose:K}=v(),{currentKey:O,changeKey:N,showFocusRing:A,menuContainerRef:z,menuContainerGeneralInformation:D,isContainerFocused:G}=x(),B=t.useRef(null);t.useImperativeHandle(U,(()=>B.current),[]);const{direction:H}=i.useUser(),W=O===e,$=t.useCallback((e=>{"submenu"!==T&&K?.({reason:"itemAction"}),p?.(e)}),[T,K,p]),{hoverProps:_}=function(e){const{bool:n,setTrue:t,setFalse:s}=b.useToggle(!1);return{hoverProps:{ontouchend:t,onMouseEnter:t=>{n?s():e.onMouseEnter(t)},onMouseLeave:n=>{e.onMouseLeave(n)}}}}({onMouseEnter:n=>{j?.hoverStatus.current.recentClose||j?.hoverStatus.current.pendingUnhover||(j&&D.current.wasMouseMoved&&(j.hoverStatus.current.pendingUnhover=!0),D.current.wasMouseMoved&&(j?.hoverProps.onMouseEnter(n),N({key:e,reason:"mouseEnter"})))},onMouseLeave:e=>{j&&(j.hoverStatus.current.pendingUnhover=!1),(z.current?.contains(e.relatedTarget)||E?.current?.parentElement?.contains(e.relatedTarget))&&(D.current.lastMouseLeaveMenuItemdRelatedTarget=e.relatedTarget)}}),{pressProps:q}=u.usePress(y?()=>{}:$);t.useEffect((()=>{W&&B.current?.focus()}),[W]);const{interactionProps:J}=m.useInteractionStyle({isDisabled:y}),{classes:Q,styles:{iconLabelContainer:V,iconContainer:X,startIconContainer:Y,labelContainer:Z,endIconContainer:ee}}=c.useComponentTheme(f.MenuItemRedwoodTheme,{current:W?"isCurrent":"notCurrent",focusRing:A?"isFocusRing":"notFocusRing",variant:y?"disabled":S,containerFocused:G?"isContainerFocused":"notContainerFocused",submenuOpen:F?"isSubmenuOpen":"notSubmenuOpen"}),ne=l.mergeInterpolations([...Object.values(d.flexitemInterpolations)]),{class:te,...se}=ne({flex:"1 1 auto",alignSelf:"center"}),{class:oe,...re}=ne({flex:"0 0 auto",alignSelf:"center"}),ae=o.classNames([oe,V,X,Y]),ue=o.classNames([te,V,Z]),ie=o.classNames([oe,V,X,ee]);return n.jsx("div",{role:"presentation",children:n.jsxs("a",{...void 0!==k&&"submenu"===T&&{"aria-owns":k},ref:B,"data-oj-label":r,"data-oj-key":P,class:Q,...a.mergeProps(J,_,q,C.getOpenSubmenuEvent(H,R),C.getMenuItemClickChangeKey(e,N)),role:M,"data-oj-menu-item-key":e,..."submenu"===T&&{"aria-haspopup":!0,"aria-expanded":"bold"===w||!!F},...y&&{"aria-disabled":!0},..."select"===T&&{"aria-checked":!!I},tabIndex:W?0:-1,children:[h&&n.jsx("span",{style:re,class:ae,children:h}),n.jsx("span",{style:se,class:ue,children:n.jsx(s.Text,{variant:"inherit",size:"md",weight:w,children:r})}),(g||L)&&n.jsx("span",{style:re,class:ie,children:g||n.jsx(s.Text,{variant:"inherit",size:"md",weight:"normal",children:L})})]})})}));e.BaseMenuItem=I,e.MenuContainerContext=M,e.MenuContext=g,e.MenuItem=function(e){const s=r.useId(),o=t.useMemo((()=>`oj-menu-item-${s}`),[s]);return n.jsx(I,{...e,role:"menuitem",type:"simple",id:o})},e.useMenuContainerContext=x,e.useMenuContext=v}));
 //# sourceMappingURL=MenuItem-8456d6e2.js.map