@oracle/oraclejet-preact 20.0.3 → 20.0.4

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 (182) hide show
  1. package/amd/{BarChart-f429b382.js → BarChart-994cb8f0.js} +2 -2
  2. package/amd/{BarChart-f429b382.js.map → BarChart-994cb8f0.js.map} +1 -1
  3. package/amd/BaseCardView-16fda4c3.js +2 -0
  4. package/amd/{BaseCardView-b8119561.js.map → BaseCardView-16fda4c3.js.map} +1 -1
  5. package/amd/CardFlexView-d3eb7373.js +2 -0
  6. package/amd/{CardFlexView-aa2f3de8.js.map → CardFlexView-d3eb7373.js.map} +1 -1
  7. package/amd/CardGridView-842f70cd.js +2 -0
  8. package/amd/{CardGridView-85f90c75.js.map → CardGridView-842f70cd.js.map} +1 -1
  9. package/amd/{Chart-57965de4.js → Chart-d9eafc7a.js} +2 -2
  10. package/amd/{Chart-57965de4.js.map → Chart-d9eafc7a.js.map} +1 -1
  11. package/amd/CheckboxSetContext-2e486ea8.js +2 -0
  12. package/amd/CheckboxSetContext-2e486ea8.js.map +1 -0
  13. package/amd/{ComboChart-c42ed049.js → ComboChart-5a6f6c8a.js} +2 -2
  14. package/amd/{ComboChart-c42ed049.js.map → ComboChart-5a6f6c8a.js.map} +1 -1
  15. package/amd/{LineAreaChart-48efb7f7.js → LineAreaChart-47fc17d2.js} +2 -2
  16. package/amd/{LineAreaChart-48efb7f7.js.map → LineAreaChart-47fc17d2.js.map} +1 -1
  17. package/amd/ListView-02a92d18.js +2 -0
  18. package/amd/{ListView-2678b2af.js.map → ListView-02a92d18.js.map} +1 -1
  19. package/amd/NavigationListItem-9df5446c.js +2 -0
  20. package/amd/NavigationListItem-9df5446c.js.map +1 -0
  21. package/amd/NavigationListLinkItem-161049bb.js +2 -0
  22. package/amd/NavigationListLinkItem-161049bb.js.map +1 -0
  23. package/amd/{OverflowTabBar-f8bf9356.js → OverflowTabBar-5ff68da7.js} +2 -2
  24. package/amd/{OverflowTabBar-f8bf9356.js.map → OverflowTabBar-5ff68da7.js.map} +1 -1
  25. package/amd/OverflowTabBarItem-926b0c8a.js +2 -0
  26. package/amd/{OverflowTabBarItem-0aa39512.js.map → OverflowTabBarItem-926b0c8a.js.map} +1 -1
  27. package/amd/PRIVATE_BaseCardView.js +1 -1
  28. package/amd/PRIVATE_Chart.js +1 -1
  29. package/amd/PRIVATE_TableList.js +1 -1
  30. package/amd/RemovableNavigationListItem-e298c5de.js +2 -0
  31. package/amd/{RemovableNavigationListItem-60593d4c.js.map → RemovableNavigationListItem-e298c5de.js.map} +1 -1
  32. package/amd/ReorderableTabBar-0c69bfd4.js +2 -0
  33. package/amd/{ReorderableTabBar-19a503c7.js.map → ReorderableTabBar-0c69bfd4.js.map} +1 -1
  34. package/amd/{ScatterChart-6427e7ec.js → ScatterChart-7bd0f601.js} +2 -2
  35. package/amd/{ScatterChart-6427e7ec.js.map → ScatterChart-7bd0f601.js.map} +1 -1
  36. package/amd/TabBar-de723fbc.js +2 -0
  37. package/amd/{TabBar-92bac52f.js.map → TabBar-de723fbc.js.map} +1 -1
  38. package/amd/TabBarMixed-cfd346bf.js +2 -0
  39. package/amd/{TabBarMixed-5b5a5047.js.map → TabBarMixed-cfd346bf.js.map} +1 -1
  40. package/amd/TextArea-4a3b8b56.js +2 -0
  41. package/amd/TextArea-4a3b8b56.js.map +1 -0
  42. package/amd/TextAreaAutosize-3a13ebb2.js +2 -0
  43. package/amd/{TextAreaAutosize-01dfd98e.js.map → TextAreaAutosize-3a13ebb2.js.map} +1 -1
  44. package/amd/Theme-redwood/theme.css +181 -181
  45. package/amd/Theme-stable/theme.css +182 -182
  46. package/amd/UNSAFE_BarChart/__test__/BarChart.spec.js +1 -1
  47. package/amd/UNSAFE_BarChart.js +1 -1
  48. package/amd/UNSAFE_CardFlexView.js +1 -1
  49. package/amd/UNSAFE_CardGridView.js +1 -1
  50. package/amd/UNSAFE_CheckboxItem.js +1 -1
  51. package/amd/UNSAFE_CheckboxItem.js.map +1 -1
  52. package/amd/UNSAFE_CheckboxSet.js +1 -1
  53. package/amd/UNSAFE_CheckboxSet.js.map +1 -1
  54. package/amd/UNSAFE_ComboChart.js +1 -1
  55. package/amd/UNSAFE_LineAreaChart.js +1 -1
  56. package/amd/UNSAFE_ListView.js +1 -1
  57. package/amd/UNSAFE_NavigationList.js +1 -1
  58. package/amd/UNSAFE_NavigationListCommon.js +1 -1
  59. package/amd/UNSAFE_OverflowTabBar.js +1 -1
  60. package/amd/UNSAFE_ReorderableTabBar.js +1 -1
  61. package/amd/UNSAFE_RichCheckboxSet.js +1 -1
  62. package/amd/UNSAFE_RichCheckboxSet.js.map +1 -1
  63. package/amd/UNSAFE_RichSelectionItem.js +1 -1
  64. package/amd/UNSAFE_RichSelectionItem.js.map +1 -1
  65. package/amd/UNSAFE_ScatterChart.js +1 -1
  66. package/amd/UNSAFE_TabBar.js +1 -1
  67. package/amd/UNSAFE_TabBarCommon.js +1 -1
  68. package/amd/UNSAFE_TabBarMixed.js +1 -1
  69. package/amd/UNSAFE_TextArea.js +1 -1
  70. package/amd/UNSAFE_TextAreaAutosize.js +1 -1
  71. package/amd/useTextAreaAltEnter-32272da6.js +2 -0
  72. package/amd/useTextAreaAltEnter-32272da6.js.map +1 -0
  73. package/cjs/{NavigationList-d0d74565.js → NavigationListItem-3b9eb0fb.js} +8 -21
  74. package/cjs/NavigationListItem-3b9eb0fb.js.map +1 -0
  75. package/cjs/{NavigationListLinkItem-317a5200.js → NavigationListLinkItem-62c3912e.js} +99 -8
  76. package/cjs/NavigationListLinkItem-62c3912e.js.map +1 -0
  77. package/cjs/{OverflowTabBarItem-19ad4971.js → OverflowTabBarItem-abcd2327.js} +4 -6
  78. package/cjs/{OverflowTabBarItem-19ad4971.js.map → OverflowTabBarItem-abcd2327.js.map} +1 -1
  79. package/cjs/{TabBar-d84e222e.js → TabBar-4bc753a9.js} +1 -7
  80. package/{es/TabBar-67ca442c.js.map → cjs/TabBar-4bc753a9.js.map} +1 -1
  81. package/cjs/{TabBarLinkItem-e924f83b.js → TabBarLinkItem-b0c4b100.js} +2 -2
  82. package/cjs/{TabBarLinkItem-e924f83b.js.map → TabBarLinkItem-b0c4b100.js.map} +1 -1
  83. package/cjs/Theme-redwood/theme.css +130 -130
  84. package/cjs/Theme-stable/theme.css +220 -220
  85. package/cjs/UNSAFE_NavigationList.js +15 -17
  86. package/cjs/UNSAFE_NavigationList.js.map +1 -1
  87. package/cjs/UNSAFE_NavigationListCommon.js +13 -14
  88. package/cjs/UNSAFE_NavigationListCommon.js.map +1 -1
  89. package/cjs/UNSAFE_OverflowTabBar.js +59 -62
  90. package/cjs/UNSAFE_OverflowTabBar.js.map +1 -1
  91. package/cjs/UNSAFE_ReorderableTabBar.js +19 -32
  92. package/cjs/UNSAFE_ReorderableTabBar.js.map +1 -1
  93. package/cjs/UNSAFE_TabBar.js +60 -63
  94. package/cjs/UNSAFE_TabBar.js.map +1 -1
  95. package/cjs/UNSAFE_TabBarCommon.js +75 -78
  96. package/cjs/UNSAFE_TabBarCommon.js.map +1 -1
  97. package/cjs/UNSAFE_TabBarMixed.js +33 -36
  98. package/cjs/UNSAFE_TabBarMixed.js.map +1 -1
  99. package/es/{BaseCardView-b3d8bae0.js → BaseCardView-85b9a71e.js} +1 -4
  100. package/es/{BaseCardView-b3d8bae0.js.map → BaseCardView-85b9a71e.js.map} +1 -1
  101. package/es/ButtonLayoutVariants.styles.css +2 -2
  102. package/es/ButtonLayoutVariants.styles2.css +2 -2
  103. package/es/CheckboxSetContext-1be56556.js +9 -0
  104. package/es/CheckboxSetContext-1be56556.js.map +1 -0
  105. package/es/{ColorPicker-ae648c4c.js → ColorPicker-fa103067.js} +2 -2
  106. package/es/{ColorPicker-ae648c4c.js.map → ColorPicker-fa103067.js.map} +1 -1
  107. package/es/PRIVATE_BaseCardView.js +1 -1
  108. package/es/PRIVATE_CollapsibleNavigationList.js +25 -25
  109. package/es/PRIVATE_TableList.js +4 -4
  110. package/es/SegmentStyles.styles.css +12 -9
  111. package/es/SegmentStyles.styles2.css +9 -12
  112. package/es/{TabBar-67ca442c.js → TabBar-10488830.js} +1 -3
  113. package/{cjs/TabBar-d84e222e.js.map → es/TabBar-10488830.js.map} +1 -1
  114. package/es/Theme-redwood/theme.css +401 -401
  115. package/es/Theme-stable/theme.css +451 -451
  116. package/es/UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutTheme.js +1 -1
  117. package/es/UNSAFE_ButtonLayout/themes/redwood/ButtonLayoutVariants.css.js +1 -1
  118. package/es/UNSAFE_ButtonLayout/themes/stable/ButtonLayoutTheme.js +1 -1
  119. package/es/UNSAFE_ButtonLayout/themes/stable/ButtonLayoutVariants.css.js +1 -1
  120. package/es/UNSAFE_ButtonLayout.js +1 -1
  121. package/es/UNSAFE_CardFlexView.js +1 -1
  122. package/es/UNSAFE_CardGridView.js +1 -1
  123. package/es/UNSAFE_CheckboxItem.js +61 -122
  124. package/es/UNSAFE_CheckboxItem.js.map +1 -1
  125. package/es/UNSAFE_CheckboxSet.js +49 -15
  126. package/es/UNSAFE_CheckboxSet.js.map +1 -1
  127. package/es/UNSAFE_ColorPicker.js +25 -25
  128. package/es/UNSAFE_FlatTreeView.js +14 -14
  129. package/es/UNSAFE_InputColor.js +2 -2
  130. package/es/UNSAFE_InputDateMask/themes/SegmentStyles.css.js +1 -1
  131. package/es/UNSAFE_InputDateMask.js +1 -1
  132. package/es/UNSAFE_InputDatePicker.js +1 -1
  133. package/es/UNSAFE_InputTimeMask/themes/SegmentStyles.css.js +1 -1
  134. package/es/UNSAFE_InputTimeMask.js +1 -1
  135. package/es/UNSAFE_ListView.js +53 -53
  136. package/es/UNSAFE_OverflowTabBar.js +10 -10
  137. package/es/UNSAFE_ReorderableTabBar.js +12 -12
  138. package/es/UNSAFE_RichCheckboxSet.js +42 -46
  139. package/es/UNSAFE_RichCheckboxSet.js.map +1 -1
  140. package/es/UNSAFE_RichSelectionItem.js +89 -152
  141. package/es/UNSAFE_RichSelectionItem.js.map +1 -1
  142. package/es/UNSAFE_TabBar.js +10 -10
  143. package/es/UNSAFE_TabBarMixed.js +8 -8
  144. package/es/UNSAFE_TextArea.js +226 -106
  145. package/es/UNSAFE_TextArea.js.map +1 -1
  146. package/es/UNSAFE_TextAreaAutosize.js +1 -1
  147. package/es/UNSAFE_Toolbar.js +1 -1
  148. package/es/useTextAreaAltEnter-ac460f4c.js +61 -0
  149. package/es/useTextAreaAltEnter-ac460f4c.js.map +1 -0
  150. package/package.json +2 -2
  151. package/amd/BaseCardView-b8119561.js +0 -2
  152. package/amd/CardFlexView-aa2f3de8.js +0 -2
  153. package/amd/CardGridView-85f90c75.js +0 -2
  154. package/amd/CheckboxSet-f000e5c2.js +0 -2
  155. package/amd/CheckboxSet-f000e5c2.js.map +0 -1
  156. package/amd/ListView-2678b2af.js +0 -2
  157. package/amd/NavigationList-a6bb123d.js +0 -2
  158. package/amd/NavigationList-a6bb123d.js.map +0 -1
  159. package/amd/NavigationListItem-10bf6656.js +0 -2
  160. package/amd/NavigationListItem-10bf6656.js.map +0 -1
  161. package/amd/NavigationListLinkItem-df1826e6.js +0 -2
  162. package/amd/NavigationListLinkItem-df1826e6.js.map +0 -1
  163. package/amd/OverflowTabBarItem-0aa39512.js +0 -2
  164. package/amd/RemovableNavigationListItem-60593d4c.js +0 -2
  165. package/amd/ReorderableTabBar-19a503c7.js +0 -2
  166. package/amd/TabBar-92bac52f.js +0 -2
  167. package/amd/TabBarMixed-5b5a5047.js +0 -2
  168. package/amd/TextArea-345f89d4.js +0 -2
  169. package/amd/TextArea-345f89d4.js.map +0 -1
  170. package/amd/TextAreaAutosize-01dfd98e.js +0 -2
  171. package/amd/useNavigationListItem-582f5564.js +0 -2
  172. package/amd/useNavigationListItem-582f5564.js.map +0 -1
  173. package/cjs/NavigationList-d0d74565.js.map +0 -1
  174. package/cjs/NavigationListItem-b0b03089.js +0 -12
  175. package/cjs/NavigationListItem-b0b03089.js.map +0 -1
  176. package/cjs/NavigationListLinkItem-317a5200.js.map +0 -1
  177. package/cjs/useNavigationListItem-b97e76d5.js +0 -104
  178. package/cjs/useNavigationListItem-b97e76d5.js.map +0 -1
  179. package/es/CheckboxSet-3aab5935.js +0 -51
  180. package/es/CheckboxSet-3aab5935.js.map +0 -1
  181. package/es/TextArea-93ce78a7.js +0 -225
  182. package/es/TextArea-93ce78a7.js.map +0 -1
@@ -1,2 +1,2 @@
1
- define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', './useComponentTheme-5aa41a8f', './useId-c9578d26', './TabbableModeContext-a9c97640', './useTestId-f4240cbd', './useUser-08901aba', './classNames-08d99695', './HiddenAccessible-037ef42d', './FocusTracker-90de4e7f', './ScrollUtils-9d466a44', './mergeProps-bcfa6a92', './useContextMenuGesture-750ef2c6', './collectionUtils-77dc5fa1', './tabbableUtils-f95361a6', './useReorderableItem-7b4b2c3d', 'css!./DragAndDropStyles.styles.css', './LayerHost-0b288129', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './EventUtils-3204c683', './keys-4755c121', './textSelectionUtils-3022f002', './unsafeDomAccess-602c5dde', './PRIVATE_TableList/themes/List.css', './PRIVATE_TableList/themes/redwood/ListTheme', './ImageVars.css-17386400', './useTheme-da27e1d1', './LoadMoreCollection-895f1ed5', './useTranslationBundle-e4dd341e', './PRIVATE_TableList/themes/ListRowStyles.css', './PRIVATE_TableList/themes/redwood/ListNoDataTheme', './useInteractionStyle-15a2bdd0', './Selector-b38f6c0c', './PRIVATE_TableCommon/themes/Common.css', './PRIVATE_TableList/themes/ListCellStyles.css', './PRIVATE_TableList/themes/ListSkeletonStyles.css', './dimensions-95c0c920', './mergeInterpolations-9ede4cf7', './Menu-1b8fefc5', './MenuItem-85e4ffdc', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', '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', 'css!./HiddenAccessibleStyles.styles.css', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './clientHints-6d361eaa', './head-9cb1a3da', './_arity-5a5f5f71', './_curry3-83878f86', './_curry1-df649359', './_curry2-86c52b86', './_isArray-32602db6', './_isString-d0ada3cb', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './index-055933ab', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', 'css!./ImageVars.styles.css', 'css!./Common.styles.css', 'css!./List.styles.css', './PRIVATE_TableList/themes/ListStyles.css', 'css!./ListStyles.styles2.css', './PRIVATE_TableList/themes/redwood/ListBaseTheme.css', 'module', './PRIVATE_TableList/themes/redwood/ListVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './Collection-121694cb', './useViewportIntersect-dbf8f6f0', 'css!./ListRowStyles.styles.css', './PRIVATE_TableList/themes/ListNoDataStyles.css', 'css!./ListNoDataStyles.styles.css', './PRIVATE_TableList/themes/redwood/ListNoDataVariants.css', './useHover-8b8a1496', './useToggle-a29f97af', './useActive-bb5dc069', './BaseSelector-8252d4fc', './useFocus-4194fc59', './StyledCheckbox-368fed68', './Check-40a9a3e6', './Icon-234f9eb8', './size-114c63df', './utils-9a3f9606', './themeContract.css-b6ec3943', './colorUtils-b9dc1bd1', './useTooltip-3a2fd217', './useTooltipControlled-6449a7e9', './useTouch-37489bb5', './useAnimation-d90c433f', './useThemeInterpolations-cc05b0f0', './useColorScheme-097c31ff', './useScale-04a448c3', './theme-a8f3d819', './Theme-d945adae', './useDensity-8a10fc70', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', './CheckboxOff-bf2be8d3', './CheckboxOn-0f83ba3d', './CheckboxMixed-7729bb05', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', './useTabbableMode-0a9ef009', 'css!./StyledCheckbox.styles.css', './PRIVATE_BaseSelector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', 'css!./ListCellStyles.styles.css', 'css!./ListSkeletonStyles.styles.css', './mergeDeepWithKey-aaab9019', './_isObject-42bafc94', './Sheet-1d02491d', './Modal-95bf034f', './useModal-536cb7ff', './Layer-1971eddb', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './popupUtils-d42db8bf', './WindowOverlay-11d88211', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_Sheet/themes/SheetStyles.css', 'css!./SheetStyles.styles.css', './refUtils-77e97004', './useAnimationStatus-0cae3dff', './animationUtils-716a9aa6', './Dropdown-7eca9554', './Floating-c3558e44', './useFloating-5cb85d2b', './positionUtils-6e4daa31', './useOutsideClick-e53a4b5a', './arrayUtils-6ee96a35', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './keyboardUtils-fb6219eb', './usePopupAnimation-dc282b02', './popupAnimationUtils-49b93365', './UNSAFE_Dropdown/themes/dropdownStyles.css', 'css!./dropdownStyles.styles.css', './useOutsideMousedown-cb88da60', './useEffectEvent-6aa4d559', './menuUtils-8e42385f', './UNSAFE_Menu/themes/MenuStyles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './Flex-4b81b412', './boxalignment-8d80de7e', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', 'css!./FlexStyles.styles.css', './Skeleton-3e52c94a', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', 'css!./MenuSkeletonStyles.styles.css', './LiveRegion-dbefb95b', 'css!./LiveRegionStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemStyles.styles.css', 'css!./MenuItemVariants.styles.css', './Text-31cabc49', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './usePress-949a0d03', './EnvironmentProvider-403bf554', './LayerManager-426c669d', 'css!./SeparatorStyles.styles.css'], (function(e,t,n,o,l,r,s,i,a,c,d,u,y,f,g,h,p,S,m,b,w,C,v,R,T,I,E,x,k,M,P,F,A,K,D,L,_,O,N,U,j,B,V,H,$,G,Y,W,q,X,z,Z,J,Q,ee,te,ne,oe,le,re,se,ie,ae,ce,de,ue,ye,fe,ge,he,pe,Se,me,be,we,Ce,ve,Re,Te,Ie,Ee,xe,ke,Me,Pe,Fe,Ae,Ke,De,Le,_e,Oe,Ne,Ue,je,Be,Ve,He,$e,Ge,Ye,We,qe,Xe,ze,Ze,Je,Qe,et,tt,nt,ot,lt,rt,st,it,at,ct,dt,ut,yt,ft,gt,ht,pt,St,mt,bt,wt,Ct,vt,Rt,Tt,It,Et,xt,kt,Mt,Pt,Ft,At,Kt,Dt,Lt,_t,Ot,Nt,Ut,jt,Bt,Vt,Ht,$t,Gt,Yt,Wt,qt,Xt,zt,Zt,Jt,Qt,en,tn,nn,on,ln,rn,sn,an,cn,dn,un,yn,fn,gn,hn,pn,Sn,mn,bn,wn,Cn,vn,Rn,Tn,In,En,xn,kn,Mn,Pn,Fn,An,Kn,Dn,Ln,_n,On,Nn,Un,jn,Bn,Vn,Hn,$n,Gn,Yn,Wn,qn,Xn,zn,Zn,Jn,Qn,eo,to,no){"use strict";const oo="data-oj-list-row",lo="data-oj-list-focusable",ro=(e,t,n)=>{const o=yo(e,t,n);return null!=o&&"enabled"===o.dataset.ojListAutoFocus},so=(e,t,n)=>{const o=e.querySelectorAll(`[${oo}='${t}']`);if(o.length>n)return h.getRowKey(o[n])},io=(e,t,n)=>h.getRowIndexForRowElement(e,t,n,oo);function ao(e,t,n){const o=e.querySelectorAll(`[${oo}='${t}']`);for(let e=0;e<o.length;e++)if(n===h.getRowKey(o[e]))return e}function co(e,t,n,o){const l=null!=n?n:`[${lo}='${t}']`,r=o?e.parentElement:e;if(null!=r){const e=r.closest(l);if(null!=e){const n=h.getCellType(e);if("data"===n)return{rowKey:m.keyExtractor(e,`[${oo}='${t}']`),type:n};if("noData"===n)return{type:n};if("loading"===n||"loadMore"===n)return{type:n}}}}function uo(e,t){const n=`[${oo}='${t}']`;return e.closest(n)}function yo(e,t,n){if("data"===n.type){const o=e.querySelectorAll(`[${oo}='${t}']`);for(const e of o)if(n.rowKey===h.getRowKey(e)){const n=e.querySelector(`[${lo}='${t}']`);if(null!=n)return n}}else{if("noData"===n.type)return po(e,t);if("loading"===n.type)return go(e,t);if("loadMore"===n.type)return ho(e,t)}}const fo=(e,t)=>{const n=e.querySelector(`[${lo}='${t}']`);if(null!=n){return"noData"===h.getCellType(n)?{type:"noData"}:{rowKey:m.keyExtractor(n,`[${oo}='${t}']`),type:"data"}}},go=(e,t)=>h.getElementBySelector(e,t,"data-oj-list-loading"),ho=(e,t)=>h.getElementBySelector(e,t,"data-oj-list-loadmore"),po=(e,t)=>h.getElementBySelector(e,t,"data-oj-list-nodata"),So=e=>e.scrollerOffsetTop??0,mo=(e,t)=>h.isHTMLScroller(e)?So(t):So(t)+e.getBoundingClientRect().top,bo=(e,t)=>{const n=(e=>e.scrollerOffsetBottom??0)(t);if(h.isHTMLScroller(e))return e.clientHeight-n;const o=h.getScrollbarHeight(e);return e.getBoundingClientRect().bottom-(n+o)},wo=(e,t,n,o)=>{const l=h.getVerticalOverflowDiff(e,mo(t,n.viewportConfig),bo(t,n.viewportConfig)),r=l.top,s=r>0,i=l.bottom,a=i>0;s&&a||(null==o||"inView"===o?a?Math.abs(r)>Math.abs(i)?t.scrollTop=Co(t.scrollTop+i,!0):t.scrollTop=Co(t.scrollTop-r,!1):s&&(Math.abs(i)>Math.abs(r)?t.scrollTop=Co(t.scrollTop-r,!1):t.scrollTop=Co(t.scrollTop+i,!0)):t.scrollTop="top"===o?Co(t.scrollTop-r,!1):Co(t.scrollTop+i,!0))},Co=(e,t)=>t?Math.ceil(e):Math.floor(e);function vo(e,t,n,o,l){const r=function(e,t,n,o,l){if(null!=l){let r,s=!1;if(null!=l.key?(s=!0,r=l.key):null!=l.offsetY&&null==l.y&&(s=!0,r=Ro(e,t,n,o).key),s){if(null!=r){const s=mo(t,n.viewportConfig),i=l.offsetY??0,a=e.querySelectorAll(`[${oo}='${o}']`);for(let e=0;e<a.length;e++)if(r===h.getRowKey(a[e])){const n=a[e].getBoundingClientRect().top;return t.scrollTop+n-s+i}}}else if(null!=l.y)return l.y}return}(e,t,n,o,l);t.scrollTop=r??0}function Ro(e,t,n,o){const l={y:Math.abs(t.scrollTop),key:void 0,offsetY:void 0},r=mo(t,n.viewportConfig),s=e.querySelectorAll(`[${oo}='${o}']`);for(let t=0;t<s.length;t++){const n=s[t].getBoundingClientRect();if(n.bottom>r||t===s.length-1){l.key=so(e,o,t),l.offsetY=r-n.top;break}}return l}function To(e,t,n,o,l){if("data"===l.cell.type){const r=m.findElementByKey(e,l.cell.rowKey,`[${oo}='${o}']`);null!=r&&null!=l.locationY&&wo(r,t,n,l.locationY)}else if("loadMore"===l.cell.type||"loading"===l.cell.type){const r=yo(e,o,l.cell);null!=r&&null!=l.locationY&&wo(r,t,n,"loading"===l.cell.type&&"inView"===l.locationY?"top":l.locationY)}}function Io(e){return null!=e&&("loadMore"===e.type||"loading"===e.type)}function Eo(e,t){return null==e?null==t:null!=t&&(e.type===t.type&&e.rowKey===t.rowKey)}function xo(e){let t,n;if(null!=e?.rowKey)return t="data",n=e.rowKey,{type:t,rowKey:n}}function ko(e,t,n){if(!(t.length>0))return"loading"===e.type&&n||"noData"===e.type&&!n;if("loadMore"===e.type)return n;if("data"===e.type)for(let n=0;n<t.length;n++)if(t[n].metadata.key===e.rowKey)return!0;return!1}function Mo(e){return e.length>0?{rowKey:e[0].metadata.key,type:"data"}:{type:"loading"}}const Po={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:2},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},Fo={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},Ao=(e,t,n,o)=>{const[r,s]=l.useState(),[i,a]=l.useState(Fo),c=l.useRef(),{triggerProps:d}=S.useContextMenuGesture((({gesture:o,anchor:l,target:r})=>{if(e.current){const i=r.closest(`[${lo}='${t}']`);if(null!=i){const r=co(i,t);if(null!=r){const d=function(e,t,n,o){if("data"===o?.type){const l={},r=void 0;for(const s of n)if(s.metadata.key===o.rowKey)return{allMenuItems:l,defaultMenuItems:r,data:s.data,metadata:{key:o.rowKey},index:ao(e,t,o.rowKey)}}}(e.current,t,n,r);if(null!=d){c.current=i;const e="keyboard"===o?i:l;s(d),a({...Po[o],anchorRef:{current:e},isOpen:!0})}}}}}),{isDisabled:!o});return{menuProps:{...i,onClose:l.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||c.current?.focus({preventScroll:!0}),a({...Fo})}),[])},contextMenuContext:r,contextMenuTriggerProps:d}},Ko=[" ","F2","Enter","Esc","Escape","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Home","End","PageUp","PageDown"],Do=[" ","F2","Enter","Esc","Escape"];function Lo({rootRef:e,viewportInfo:t,listId:n,listData:o,hasMore:r,selectionExtensionElementRef:s,currentItemOverride:i,onPersistCurrentItem:a,isEmbedded:c,itemEnterKeyFocusBehavior:d,isDataLoaded:u,reorderContext:y,deferredScrollDetail:f,deferredScrollDetailRef:g,updateDeferredScrollDetail:p}){const S=l.useRef(!1),w=l.useRef(!1),C=l.useRef(!0);C.current=!0;const v=l.useRef(null),R=l.useRef(!1),[T,I]=l.useState(!1),[E,x]=l.useState(!1),k=l.useRef(!1),M=l.useRef(null),P=l.useRef(null),[F,A]=l.useState(void 0),K=l.useRef({hasPendingCurrentCellOverride:!1,hasPendingCurrentCellOverrideScroll:!1}),D=Io(K.current.activeCell),L=function(e,t,n,o,l){const r=o?e.current.previousEmbeddedSelectCurrentCell:e.current.currentCell;if(e.current.hasPendingCurrentCellOverride||e.current.currentItemOverride!==l){if(null!=l){const e=xo(l);if(null!=e&&ko(e,t,n))return e;const o="data";if("data"===o){if(0===t.length&&n)return{type:"loading"}}else if("noData"===o&&0===t.length&&n)return{type:"loading"}}return Mo(t)}const s=e.current.activeCell;if(null!=s){if("loadMore"===s.type){const o=e.current.loadMoreInitialData;if(t.length>0&&t!==o){const e={type:"data",rowKey:null!=o&&t.length>o.length?t[o.length].metadata.key:t[t.length-1].metadata.key};if(ko(e,t,n))return e}else if(0===t.length)return n?{type:"loading"}:{type:"noData"}}if(ko(s,t,n))return s;if("loading"===s.type){if(null!=r&&("data"===r.type||"noData"===r.type)&&ko(r,t,n))return r;if(!(t.length>0))return{type:"noData"};{const e={type:"data",rowKey:t[0].metadata.key};if(ko(e,t,n))return e}}}if(null!=r){if(ko(r,t,n))return r;if("data"===r.type){if(0===t.length&&n)return{type:"loading"}}else if("noData"===r.type&&0===t.length&&n)return{type:"loading"}}return 0===t.length?n?{type:"loading"}:{type:"noData"}:Mo(t)}(K,o,r,c,i),_=l.useMemo((()=>(e,t,n,l)=>{const r=e.value;if(!Eo(K.current.activeCell,r)){if(A(r),K.current.activeCell=r,Io(r))"loadMore"===r?.type&&(K.current.loadMoreInitialData=o);else{const e=r;null!=a&&null!=e.rowKey&&a({value:e.rowKey}),K.current.currentCell=e,null!=e&&(K.current.previousEmbeddedSelectCurrentCell=e),K.current.currentItemOverride=i,K.current.hasPendingCurrentCellOverride=!1,K.current.hasPendingCurrentCellOverrideScroll=!1}n||(s.current=void 0,t&&null!=r?(I(!0),x(!1)):T&&I(!1))}null==r||k.current||l||p({cell:r,locationX:"inView",locationY:"inView"})}),[i,T,o,a,s,p]),O=l.useCallback((()=>{R.current=!1,I(!1),x(!1)}),[]),N=l.useCallback(((n,o)=>{const l=e.current,r=t.viewportConfig.scrollerRef.current;if(null!=l&&null!=r){I(!1);const e=null!==P.current?P.current:!k.current;x(e),_({value:n},!1,!1,o)}}),[e,t,_]),U=l.useCallback(((n,o,l)=>{const r=e.current,s=t.viewportConfig.scrollerRef.current;null!=r&&null!=s&&(I(!0),o||(x(!1),_({value:n},!0,!1,l)))}),[e,t,_]),j=l.useCallback((t=>{const o=e.current;if(null!=o){I(!1);const e=yo(o,n,t);null!=e?e.focus({preventScroll:!0}):o.focus({preventScroll:!0})}}),[e,n]),B=l.useCallback((e=>{null!=M.current&&clearTimeout(M.current),k.current=!0,M.current=setTimeout((()=>{k.current=!1}),e?200:100)}),[]),V=l.useCallback((e=>{E&&x(!1),"touch"!==e.pointerType&&B(!1)}),[E,B]),H=l.useCallback((e=>{B("touch"===e.pointerType)}),[B]),$=l.useCallback((t=>{const n=e.current;if(null!=n){t.target===document.activeElement&&(P.current=E);const e=t.relatedTarget,o=null==e;S.current=o,!o&&m.getElementContainsFunc(n,!0)(e)||(O(),C.current&&(v.current=t.target),w.current=!1)}}),[e,E,O]),G=l.useCallback((n=>{"Tab"===n.key&&(w.current=!0);const o=e.current,l=t.viewportConfig.scrollerRef.current;if(null!=o&&null!=l){const e=Ko.indexOf(n.key)>-1;e&&(null!=M.current&&clearTimeout(M.current),M.current=null,k.current=!1),null!=F&&("F2"===n.key?T?j(F):U(F,!0):"Esc"===n.key||"Escape"===n.key?j(F):"Enter"!==n.key||T||c||"focusWithin"!==d||U(F,!0),T||(e&&x(!0),Do.indexOf(n.key)>-1&&p({cell:F,locationX:"inView",locationY:"inView"})))}}),[e,t,T,c,F,U,j,p,d]),Y=l.useCallback((e=>{"Tab"===e.key&&(null==F||w.current||p({cell:F,locationX:"inView",locationY:"inView"}),w.current=!1)}),[F,p]),W=l.useCallback((t=>{const o=e.current;null!=o&&null!=F&&m.handleEnterActionableMode(t.hasFocusWithin&&null==h.getCellType(t.activeElement),b.allTabbableElements(yo(o,n,F)),(e=>{I(null!=e)}))}),[e,F,n]),q=l.useCallback((e=>{m.handleWrapActionableFocus(!0,e.tabbableElements,(e=>{I(null!=e)}))}),[]),X=l.useCallback((e=>{m.handleWrapActionableFocus(!1,e.tabbableElements,(e=>{I(null!=e)}))}),[]);return l.useEffect((()=>{null!=y&&(y.currentItemKey.current=F?.rowKey);const o=e.current,l=t.viewportConfig.scrollerRef.current;if(null!=o&&null!=l){const e=(e,o,r)=>{if(null!=L){const s=yo(e,n,L);if(null!=s){if(r&&To(e,l,t,n,{cell:L,locationX:"inView",locationY:"inView"}),!T&&o!==s)return void(D&&!Io(L)&&ro(e,n,L)?U(L):s.focus({preventScroll:!0}));if(T&&!m.getElementContainsFunc(s,!0)(o))return void(r?j(L):m.handleEnterActionableMode(!1,b.allTabbableElements(s),(t=>{I(null!=t),r&&e.focus({preventScroll:!0})}),!0))}}r&&e.focus({preventScroll:!0})};null!=f&&f===g.current&&(To(o,l,t,n,f),g.current=void 0),function(e,t,n,o,l,r,s,i,a){if(l.current.hasPendingCurrentCellOverride||l.current.currentItemOverride!==a)if(null!=a){const c=xo(a);null!=c?(r({value:c},ro(e,o,c),!1,!0),l.current.currentItemOverride=a,l.current.hasPendingCurrentCellOverride=!1,s?null!=yo(e,o,c)?(To(e,t,n,o,{cell:c,locationY:"inView"}),l.current.hasPendingCurrentCellOverrideScroll=!1):l.current.hasPendingCurrentCellOverrideScroll=!i:l.current.hasPendingCurrentCellOverrideScroll=!1):i?(l.current.currentItemOverride=a,l.current.hasPendingCurrentCellOverride=!1,l.current.hasPendingCurrentCellOverrideScroll=!1):l.current.hasPendingCurrentCellOverride=!0}else r({value:a}),l.current.currentItemOverride=a,l.current.hasPendingCurrentCellOverride=!1,s&&(e=>{e.scrollTop=0})(t),l.current.hasPendingCurrentCellOverrideScroll=!1;else l.current.hasPendingCurrentCellOverrideScroll&&(null!=l.current.currentCell?null!=yo(e,o,l.current.currentCell)?(To(e,t,n,o,{cell:l.current.currentCell,locationY:"inView"}),l.current.hasPendingCurrentCellOverrideScroll=!1):i&&(l.current.hasPendingCurrentCellOverrideScroll=!1):l.current.hasPendingCurrentCellOverrideScroll=!1)}(o,l,t,n,K,_,c,u,i);const r=v.current;v.current=null,C.current=!1;const s=b.getActiveElement(o);null==r||s!==b.getBodyElement(o)||m.getElementContainsFunc(o,!0)(r)&&b.isTabbableElement(r,!0)?R.current&&Eo(F,K.current.activeCell)&&e(o,s):(g.current=void 0,e(o,s,!0))}})),{focusHandlingProps:{onPointerDown:V,onPointerUp:H,onFocus:o=>{R.current=!0;const l=e.current,r=t.viewportConfig.scrollerRef.current;if(null!=l){const e=S.current;S.current=!1;const t=o.target;if(t===l||t===r)null!=L&&N(L,e);else{const o=co(t,n);null!=o&&(null!=h.getCellType(t)?N(o,e):U(o,!1,e))}}P.current=null},onBlur:$,onKeyDown:G,onKeyUp:Y},activeCell:F,onActiveCellChanged:_,currentCell:K.current.currentCell,currentActiveCell:L,isShowFocusRing:E,isTabbableMode:T,onStartFocusTracking:W,onFocusStartEdge:q,onFocusEndEdge:X,updateDeferredScrollDetail:p}}const _o=(e,t,n)=>({metadata:{key:t},data:n,index:e});function Oo(e,t,n,o,l,r,s){let i=n;const a=n.type;if("loadMore"===a){if(l){const n=((e,t)=>h.getLastRenderedRowKey(e,t,oo))(e,t);null!=n&&(i={rowKey:n,type:"data"},o({value:i},ro(e,t,i)))}}else if("data"===a){const s=n.rowKey,a=m.findElementByKey(e,s,`[${oo}='${t}']`);if(null!=a){const n=[...e.querySelectorAll(`[${oo}='${t}']`)],s=n.indexOf(a);let c;if(l&&s>0?c=n[s-1]:!l&&s<n.length-1&&(c=n[s+1]),null!=c){const n=h.getRowKey(c);null!=n&&(i={rowKey:n,type:"data"},o({value:i},ro(e,t,i),r))}else r||l||!((e,t)=>null!=ho(e,t))(e,t)||(i={type:"loadMore"},null!=yo(e,t,i)&&o({value:i},ro(e,t,i)))}}Eo(n,i)&&s({cell:i,locationX:"inView",locationY:"inView"})}function No(e,t,n,o,l,r,s,i){if("noData"!==l.type){const a=e.querySelectorAll(`[${oo}='${o}']`);if(a.length>0){const c=Ro(e,t,n,o),d=ao(e,o,c.key);let u;if(s)u=0===c.offsetY?Math.max(d-1,0):d;else{const e=bo(t,n.viewportConfig);for(u=d;a.length>u+1;){u+=1;if(a[u].getBoundingClientRect().bottom>e)break}}const y=so(e,o,u);if(null!=y){const t={rowKey:y,type:"data"};y!==l.rowKey&&r({value:t},ro(e,o,t),!1,!0),i({cell:t,locationX:"inView",locationY:s?"bottom":"top"})}}}}function Uo(e){return e.shiftKey&&I.isLogicalCtrl(e)}function jo(e,t,n,o,l,r,s){const i={all:!1,keys:new Set};let a=null!=s?s:i;const c=m.keyExtractor(t,`[${oo}='${e}']`);if(null!=c&&("single"===r||"multiple"===r||"multipleToggle"===r)){const e=n||(l||"multipleToggle"===r);a=null==a?{all:!1,keys:new Set([c])}:E.containsKey(a,c)?e?E.removeKey(a,c,!1):{all:!1,keys:new Set([c])}:e&&"single"!==r?E.addKey(a,c):{all:!1,keys:new Set([c])}}E.isSameKey(a,s)||o({value:a,target:t},!1)}function Bo(e,t,n,o,l,r,s,i,a,c,d){const u={all:!1,keys:new Set};let y=null!=c?c:u;if(r&&("multiple"===a||"multipleToggle"===a)){const n=i||"multipleToggle"===a;if(y=n?y:u,o<=l){for(let n=o;n<=l;n++){const o=so(e,t,n);y=E.addKey(y,o)}if(n&&null!=d)if(d>l)for(let n=d;n>l;n--){const o=so(e,t,n);y=E.removeKey(y,o,!1)}else if(d<o)for(let n=d;n<o;n++){const o=so(e,t,n);y=E.removeKey(y,o,!1)}}else{for(let n=o;n>=l;n--){const o=so(e,t,n);y=E.addKey(y,o)}if(n&&null!=d)if(d<l)for(let n=d;n<l;n++){const o=so(e,t,n);y=E.removeKey(y,o,!1)}else if(d>o)for(let n=d;n>o;n--){const o=so(e,t,n);y=E.removeKey(y,o,!1)}}}E.isSameKey(y,c)||s({value:y,target:n},!0)}function Vo(e,t,n,o,l,r,s,i,a,c,d){const u=yo(e,t,l);if(null!=u){let y,f;const g=i||"multipleToggle"===c,p="data"===l.type;if(p&&(f=g&&null!=r.current?r.current:u.parentElement,y=io(e,t,f)),null!=y){let S,b,w;const C=g&&p?u.parentElement:r.current;if(null!=C?(b=io(e,t,C),w=o?C.previousElementSibling:C.nextElementSibling,null!=w&&(!p||p&&null!=h.getRowKey(w))?(g&&p?null==r.current&&(r.current=u.parentElement):r.current=w,S=io(e,t,w)):S=io(e,t,C)):(w=o?f?.previousElementSibling:f?.nextElementSibling,null!=w&&(!p||p&&null!=h.getRowKey(w))?(r.current=w,S=io(e,t,w)):S=y),null!=S&&Bo(e,t,n,y,S,p,s,i,c,d,b),!p||!g){const e=null!=r.current?r.current:u;let n;if(p){const o=m.keyExtractor(e,`[${oo}='${t}']`);null!=o&&(n={type:l.type,rowKey:o})}else n=co(e,t);null!=n&&a({cell:n,locationX:"inView",locationY:"inView"})}}}}function Ho({rootRef:e,listId:t,listData:n,selectionExtensionElementRef:o,activeCell:r,onActiveCellChanged:s,isDropDownSelection:i,selectionMode:a,selectedKeys:c,onListSelectionChange:d,onItemAction:u}){const y=l.useRef(!1),f=l.useRef(),g=l.useCallback((t=>{null!=e.current&&(f.current={target:t.target,x:t.clientX,y:t.clientY})}),[e]),p=l.useCallback((t=>{null!=e.current&&(f.current={target:t.target,x:t.clientX,y:t.clientY})}),[e]),S=l.useCallback((n=>{const o=e.current;if(null!=o){y.current="touch"===n.pointerType;const e=n.target;if(null!=d&&null!=r&&n.shiftKey&&function(e,t,n,o,l){const r=uo(n,t);if(("multiple"===l||"multipleToggle"===l)&&"data"===o.type&&null!=r){const n=yo(e,t,o);if(null!=n&&null!=r)return null!=io(e,t,n.parentElement)&&null!=io(e,t,r)}return!1}(o,t,e,r,a))x.getIsSelectionPending()||n.preventDefault();else{const o=co(e,t);(null==o||"data"===o.type&&null==m.keyExtractor(e,`[${oo}='${t}']`))&&n.preventDefault()}}}),[e,t,r,a,d]),b=l.useCallback((()=>{f.current=void 0}),[]),w=l.useCallback((l=>{const g=e.current;if(null!=g&&(y.current||null!=f.current&&f.current.target===l.target&&Math.abs(f.current.x-l.clientX)<=1&&Math.abs(f.current.y-l.clientY)<=1)){let e=!1;const f=l.target;null==d||x.getIsSelectionPending()||(null!=r&&l.shiftKey&&(e=function(e,t,n,o,l,r,s,i,a,c){const d=uo(n,t);if(null!=d){const u=yo(e,t,o);if(null!=u&&("multiple"===a||"multipleToggle"===a)&&"data"===o.type){let o;const y=i||"multipleToggle"===a,f=d,g=y&&null!=r.current?r.current:u.parentElement,h=io(e,t,g),p=io(e,t,f),S=y?u.parentElement:r.current;if(null!=S&&(o=io(e,t,S)),null!=h&&null!=p){if(y){null==r.current&&(r.current=u.parentElement);let o=co(n,t);if(null==o&&(o=fo(d,t)),null!=o){l({value:o},!1,!0);const n=yo(e,t,o);n?.focus({preventScroll:!0})}}else r.current=f;return Bo(e,t,n,h,p,!0,s,i,a,c,o),!0}}}return!1}(g,t,f,r,s,o,d,i,a,c)),e||jo(t,f,I.isLogicalCtrl(l)||y.current,d,i,a,c)),null!=u&&!x.getIsSelectionPending()&&I.handleRowActionGesture(t,n,u,f,oo,_o)&&l.stopPropagation();if((!e||(i||"multipleToggle"===a))&&null!=h.getRowKey(f)){const e=fo(f,t);null!=e&&(s({value:e},!1,!0),yo(g,t,e)?.focus({preventScroll:!0}))}}}),[e,t,n,o,r,s,i,a,c,d,u]);return{pointerHandlingProps:{onPointerOver:p,onPointerMove:g,onPointerDown:S,onPointerLeave:b,onClick:w}}}const $o=["enter"];function Go({rootRef:e,viewportInfo:t,ref:n,listId:o,listData:r,hasMore:s,isEmbedded:i,isLayoutRequired:a,scrollPositionOverride:c,currentItemOverride:d,onPersistCurrentItem:u,selectionMode:y,selectedKeys:f,onSelectionChange:g,onItemAction:h,itemEnterKeyFocusBehavior:S,contextMenuConfig:b,onReorder:C}){const v=i?void 0:$o,R=l.useRef(),T=l.useMemo((()=>null!=g?(e,t)=>{t||(R.current=void 0),g(e)}:void 0),[g]),[E,x]=l.useState(void 0),k=l.useRef(),M=l.useCallback((e=>{x(e),k.current=e}),[]),{reorderProps:P,reorderKeyboardProps:F,reorderItemProps:A,reorderContext:K,reorderInstructions:D,reorderInstructionsId:L}=(({rootRef:e,scrollerRef:t,onReorder:n,itemSelector:o})=>{const r=null!=n,[s,i]=l.useState(void 0),{reorderProps:a,reorderContext:c,reorderInstructionsId:d,reorderInstructions:u}=w.useReorderable({onReorder:n,rootRef:e,itemSelector:o,isDisabled:!r,columns:1}),y=l.useMemo((()=>({dragKey:s,setDragKey:i,onReorder:n,rootRef:e})),[s,n,e]);return r?{reorderProps:{onDragOver:e=>{void 0!==s&&m.dragToScroll(e,void 0!==s,t.current)}},reorderKeyboardProps:a,reorderItemProps:y,reorderContext:c,reorderInstructionsId:d,reorderInstructions:u}:{reorderProps:{},reorderKeyboardProps:a,reorderContext:c,reorderInstructionsId:d,reorderInstructions:u}})({rootRef:e,scrollerRef:t.viewportConfig.scrollerRef,itemSelector:`[${oo}='${o}']`,onReorder:C}),{focusHandlingProps:_,activeCell:O,onActiveCellChanged:N,currentActiveCell:U,currentCell:j,isShowFocusRing:B,isTabbableMode:V,onStartFocusTracking:H,onFocusStartEdge:$,onFocusEndEdge:G}=Lo({rootRef:e,viewportInfo:t,listId:o,listData:r,hasMore:s,selectionExtensionElementRef:R,currentItemOverride:d,onPersistCurrentItem:u,isEmbedded:i,itemEnterKeyFocusBehavior:S,isDataLoaded:!s||r.length>0,reorderContext:K,deferredScrollDetail:E,deferredScrollDetailRef:k,updateDeferredScrollDetail:M}),Y=function({rootRef:e,viewportInfo:t,listId:n,listData:o,isTabbableMode:r,selectionExtensionElementRef:s,activeCell:i,onActiveCellChanged:a,isDropDownSelection:c,selectionMode:d,selectedKeys:u,onListSelectionChange:y,onItemAction:f,updateDeferredScrollDetail:g,reorderKeyboardProps:h,isReorderEnabled:p}){const S=l.useRef();return{onKeyDown:l.useCallback((l=>{const m=e.current,b=t.viewportConfig.scrollerRef.current;if(null!=m&&null!=b){const e={" ":function(){null!=i&&(S.current=i.rowKey,r||l.preventDefault(),null!=f&&null!=I.getRowActionGestureContext(n,o,l.target,oo,_o,i)&&l.stopPropagation())},Enter:function(){null!=i&&(S.current=i.rowKey,"data"===i.type&&(c&&!r&&l.preventDefault(),null!=f&&null!=I.getRowActionGestureContext(n,o,l.target,oo,_o,i)&&l.stopPropagation()))},ArrowUp:function(){if(p&&!r&&Uo(l))"data"===i?.type&&(h.onKeyDown?.(l),g({cell:i,locationX:"inView",locationY:"inView"}));else if(null!=i&&(!r||ro(m,n,i))){let e=!1;r||"data"!==i.type||!l.shiftKey||null==y||"multiple"!==d&&"multipleToggle"!==d||(Vo(m,n,m,!0,i,s,y,c,g,d,u),e=!0),e&&!c&&"multipleToggle"!==d||Oo(m,n,i,a,!0,e,g),l.preventDefault()}},ArrowDown:function(){if(p&&!r&&Uo(l))"data"===i?.type&&(h.onKeyDown?.(l),g({cell:i,locationX:"inView",locationY:"inView"}));else if(null!=i&&(!r||ro(m,n,i))){let e=!1;r||"data"!==i.type||!l.shiftKey||null==y||"multiple"!==d&&"multipleToggle"!==d||(Vo(m,n,m,!1,i,s,y,c,g,d,u),e=!0),e&&!c&&"multipleToggle"!==d||Oo(m,n,i,a,!1,e,g),l.preventDefault()}},PageUp:function(){null==i||r&&!ro(m,n,i)||(No(m,b,t,n,i,a,!0,g),l.preventDefault())},PageDown:function(){null==i||r&&!ro(m,n,i)||(No(m,b,t,n,i,a,!1,g),l.preventDefault())},Home:function(){null==i||r&&!ro(m,n,i)||l.preventDefault()},End:function(){null==i||r&&!ro(m,n,i)||l.preventDefault()}};Object.keys(e).includes(l.key)&&e[l.key]()}}),[e,t,n,o,r,s,i,a,c,d,u,y,f,g,h,p]),onKeyUp:l.useCallback((l=>{const s=e.current,a=t.viewportConfig.scrollerRef.current;if(null!=s&&null!=a){const e={" ":function(){null!=i&&(S.current===i.rowKey&&(r||null!=y&&jo(n,yo(s,n,i),!0,y,c,d,u),null!=f&&I.handleRowActionGesture(n,o,f,l.target,oo,_o,i)&&l.stopPropagation()),S.current=void 0)},Enter:function(){null!=i&&S.current===i.rowKey&&"data"===i.type&&(c&&!r&&null!=y&&jo(n,yo(s,n,i),!0,y,c,d,u),null!=f&&I.handleRowActionGesture(n,o,f,l.target,oo,_o,i)&&l.stopPropagation()),S.current=void 0}};Object.keys(e).includes(l.key)&&e[l.key]()}}),[e,t,n,o,r,i,c,d,u,y,f])}}({rootRef:e,viewportInfo:t,listId:o,listData:r,isTabbableMode:V,selectionExtensionElementRef:R,activeCell:O,onActiveCellChanged:N,isDropDownSelection:i,selectionMode:y,selectedKeys:f,onListSelectionChange:T,onItemAction:h,updateDeferredScrollDetail:M,reorderKeyboardProps:F,isReorderEnabled:null!=C}),{pointerHandlingProps:W}=Ho({rootRef:e,listId:o,listData:r,selectionExtensionElementRef:R,activeCell:O,onActiveCellChanged:N,isDropDownSelection:i,selectionMode:y,selectedKeys:f,onListSelectionChange:T,onItemAction:h}),q=function({rootRef:e,viewportInfo:t,listId:n,isLayoutRequired:o,scrollPositionOverride:r}){const s=l.useRef();return l.useLayoutEffect((()=>{const l=e.current,i=t.viewportConfig.scrollerRef.current;s.current===r||null==l||null==i||o||(vo(l,i,t,n,r),s.current=r)})),t.isExternalScroller,{}}({rootRef:e,viewportInfo:t,listId:o,isLayoutRequired:a,scrollPositionOverride:c}),{contextMenuTriggerProps:X,menuProps:z,contextMenuContext:Z}=Ao(e,o,r,b),J=p.mergeProps(_,Y,W,P,X);return l.useImperativeHandle(n,(()=>{const n=e.current,l=t.viewportConfig.scrollerRef.current;return{focus:()=>{if(null!=n){if(null!=U){const e=yo(n,o,U);if(null!=e)return void e.focus()}n.focus()}},getScrollPosition:()=>null==n||null==l||a?{}:Ro(n,l,t,o)}}),[e,t,o,U,a]),{interactionManagerProps:J,scrollHandlingProps:q,onListSelectionChange:T,isShowFocusRing:B,isTabbableMode:V,currentCell:j,currentActiveCell:U,contextMenuContext:Z,menuProps:z,onStartFocusTracking:H,onFocusStartEdge:$,onFocusEndEdge:G,disabledRowInteractionKeys:v,reorderItemProps:A,reorderInstructions:D,reorderInstructionsId:L}}function Yo(){const e=y.classNames([M.sparkleStyles.base]);return t.jsx("div",{class:e})}function Wo({listId:e,isShowFocusRing:n,hasTabIndex:o,isTabbableMode:l,ariaRowIndex:r,renderer:s}){const a=D.useTranslationBundle("@oracle/oraclejet-preact"),c=y.classNames([L.listRowStyles.base]),{classes:d}=i.useComponentTheme(_.ListNoDataRedwoodTheme,{defaultRenderer:null==s?"isDefaultRenderer":"notDefaultRenderer",showFocusRing:n?"isShowFocusRing":"notShowFocusRing"}),u=y.classNames([d]);const f=null!=s?s:function(){return a.collection_noData()};return t.jsx("div",{"aria-rowindex":r,class:c,style:"height:100%;width:100%;",role:"row",children:t.jsx("div",{"aria-colindex":1,class:u,tabIndex:o?0:-1,role:"gridcell","data-oj-cell-type":"noData","data-oj-list-focusable":e,"data-oj-list-nodata":e,children:f({isTabbable:l})})})}const qo=e=>{const t="enabled"===e,n=e instanceof Object,o=t||n&&"enabled"===e?.bottom,l=t||n&&"enabled"===e?.end,r=t||n&&"enabled"===e?.start;return{isTopPadding:t||n&&"enabled"===e?.top,isBottomPadding:o,isStartPadding:r,isEndPadding:l}},Xo=(e,t,n)=>{n&&e.push(t.focused)};function zo(){}function Zo({listId:e,rowData:n,rowKey:o,rowIndex:l,hasTabIndex:r,isSelectionEnabled:s,isSelected:i,isTabbableMode:a,renderer:c=zo,selectorRenderer:d,isHighContrast:u}){const f=y.classNames((({isHighContrast:e})=>[(e?j.listCellStylesHC:j.listCellStyles).base])({isHighContrast:u})),g={data:n,metadata:{key:o},selector:d,isSelected:i,index:l,isTabbable:a};return t.jsx("div",{"aria-colindex":1,class:f,tabIndex:r?0:-1,role:"gridcell","data-oj-cell-type":"data","data-oj-list-focusable":e,"data-oj-list-data":e,...s?i?{"aria-selected":!0}:{"aria-selected":!1}:{},children:c(g)})}function Jo({listId:e,rowKey:n,rowData:o,rowIndex:l,isFinalRow:r,children:s,padding:i,hasTopGridline:a,hasBottomGridline:c,isSelected:d,isPreviousSelected:u,isSelectionEnabled:f,isSingleSelectionEnabled:g,selectedRowKeys:h,isShowFocusRing:p,isActive:S,isTabbableMode:m,isSuggestion:b,variant:w,disabledInteractionKeys:C,onSelectionChange:v,isRtl:R,isHighContrast:T}){const I=D.useTranslationBundle("@oracle/oraclejet-preact"),{interactionProps:E,applyActiveStyle:x,applyHoverStyle:k,applyPseudoHoverStyle:M}=O.useInteractionStyle({disabledKeys:C}),P=y.classNames((({isFinalRowIndex:e,hasTopGridline:t,hasBottomGridline:n,isSelected:o,isPreviousSelected:l,isShowFocusRing:r,isSelectionEnabled:s,isSingleSelection:i,isActive:a,isHover:c,isPseudoHover:d,isHighContrast:u,variant:y,padding:f})=>{const g=u?L.listRowStylesHC:L.listRowStyles,h=[g.base],{isTopPadding:p,isBottomPadding:S,isStartPadding:m,isEndPadding:b}=qo(f);h.push(m?g.startPadding:g.startNoPadding),h.push(b?g.endPadding:g.endNoPadding),Xo(h,g,r),h.push(U.textAlignStyles.start),h.push(U.verticalAlignStyles.center),s&&(a?h.push(g.active):c?h.push(g.hover):d&&h.push(g.pseudoHover)),"highlight"===y&&h.push(g.rowHighlight);let w=!1;return o&&(w=!0,h.push(g.selectedBackground)),i&&(o||l)?(h.push(g.horizontalSelectedGridTop),h.push(p?g.selectedBorderTopPadding:g.selectedBorderTopNoPadding)):t?(h.push(g.horizontalGridTop),h.push(p?g.borderTopPadding:g.borderTopNoPadding)):h.push(p?g.topSpacerPadding:g.topSpacerNoPadding),e?(h.push(g.lastRow),i&&o?(h.push(g.horizontalSelectedGridBottom),h.push(S?g.selectedBorderBottomPadding:g.selectedBorderBottomNoPadding)):n?(h.push(g.horizontalGridBottom),h.push(S?g.borderBottomPadding:g.borderBottomNoPadding)):h.push(S?g.bottomSpacerPadding:g.bottomSpacerNoPadding)):(h.push(g.notLastRow),h.push(S?g.bottomPadding:g.bottomNoPadding)),w||h.push(g.background),h})({isFinalRowIndex:r,hasTopGridline:a,hasBottomGridline:c,isSelected:d,isPreviousSelected:u,isShowFocusRing:p,isSelectionEnabled:f,isSingleSelection:g,isActive:x,isHover:k,isPseudoHover:M,isHighContrast:T,variant:w,padding:i})),F=(l+2).toString(),A=e=>{null!=v&&v({value:e.value,target:e.target},!1)},K={listId:e,rowData:o,rowKey:n,rowIndex:l,isSelectionEnabled:f,isSelected:d,hasTabIndex:S&&!m,isTabbableMode:m,renderer:s,selectorRenderer:f&&!g?()=>t.jsx(N.Selector,{"aria-label":I.collection_selectRow({ROW_NAME:F}),onChange:A,rowKey:n,selectedKeys:h}):void 0,isRtl:R,isHighContrast:T};return t.jsx("div",{"aria-rowindex":l+1,class:P,role:"row","data-oj-key":n,"data-oj-list-row":e,..."number"==typeof n&&{"data-oj-key-type":"number"},...b&&{"data-oj-suggestion":!0},...f&&E,children:t.jsx(Zo,{...K})},n)}const Qo=o.memo(Jo,((e,t)=>!(!e||!t)&&(e.listId===t.listId&&e.rowKey===t.rowKey&&e.rowData===t.rowData&&e.rowIndex===t.rowIndex&&e.isFinalRow===t.isFinalRow&&e.children===t.children&&e.padding===t.padding&&e.hasTopGridline===t.hasTopGridline&&e.hasBottomGridline===t.hasBottomGridline&&e.isSelected===t.isSelected&&e.isPreviousSelected===t.isPreviousSelected&&e.isSelectionEnabled===t.isSelectionEnabled&&e.isSingleSelectionEnabled===t.isSingleSelectionEnabled&&(!(e.isSelectionEnabled&&!e.isSingleSelectionEnabled)||E.isSameKey(e.selectedRowKeys,t.selectedRowKeys))&&e.isShowFocusRing===t.isShowFocusRing&&e.isActive===t.isActive&&e.isTabbableMode===t.isTabbableMode&&e.isSuggestion===t.isSuggestion&&e.variant===t.variant&&e.onSelectionChange===t.onSelectionChange&&e.isRtl===t.isRtl&&e.isHighContrast===t.isHighContrast&&e.disabledInteractionKeys===t.disabledInteractionKeys)));const el=o.memo((function({children:e,dragKey:n,setDragKey:o,rootRef:r,onReorder:s,...i}){const a=l.useRef(null),c={itemOverlayFront:M.reorderableStyles.reorderableItemOverlayFront,itemOverlayRear:M.reorderableStyles.reorderableItemOverlayRear,itemDragger:M.reorderableStyles.reorderableItemDragger},d=`[${oo}='${i.listId}']`,u=l.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(i.rowKey))}),[i.rowKey]),{rootProps:f,isDragged:g,overlayZoneBeforeProps:h,overlayZoneAfterProps:p}=w.useReorderableItem({isDisabled:!s,dragKey:n,setDragKey:o,onReorder:s,rootRef:r,ref:a,getItem:()=>a?.current?.closest(d),setTransferData:u,itemStyles:c,itemSelector:d,isVertical:!0}),S=[];null!=f?.class&&S.push(f.class),S.push(M.reorderableStyles.reorderableItemDnd);const m=y.classNames(S);return t.jsx(Jo,{...i,children:o=>t.jsxs("div",{...f,class:m,children:[e(o),!g&&E.isKeyDefined(n)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{...h}),t.jsx("div",{...p})]})]})})}),((e,t)=>!(!e||!t)&&(e.listId===t.listId&&e.rowKey===t.rowKey&&e.rowData===t.rowData&&e.rowIndex===t.rowIndex&&e.isFinalRow===t.isFinalRow&&e.children===t.children&&e.padding===t.padding&&e.hasTopGridline===t.hasTopGridline&&e.hasBottomGridline===t.hasBottomGridline&&e.isSelected===t.isSelected&&e.isPreviousSelected===t.isPreviousSelected&&e.isSelectionEnabled===t.isSelectionEnabled&&e.isSingleSelectionEnabled===t.isSingleSelectionEnabled&&(!(e.isSelectionEnabled&&!e.isSingleSelectionEnabled)||E.isSameKey(e.selectedRowKeys,t.selectedRowKeys))&&e.isShowFocusRing===t.isShowFocusRing&&e.isActive===t.isActive&&e.isTabbableMode===t.isTabbableMode&&e.isSuggestion===t.isSuggestion&&e.variant===t.variant&&e.onSelectionChange===t.onSelectionChange&&e.isRtl===t.isRtl&&e.isHighContrast===t.isHighContrast&&e.disabledInteractionKeys===t.disabledInteractionKeys&&e.dragKey===t.dragKey&&e.setDragKey===t.setDragKey&&e.onReorder===t.onReorder&&e.rootRef===t.rootRef))),tl=Array.from(["height","width"],(e=>V.dimensionInterpolations[e])),nl=[...Object.values(tl)],ol=H.mergeInterpolations(nl);function ll({...e}){const n=e.isHighContrast?B.listSkeletonStylesHC:B.listSkeletonStyles,o=y.classNames([n.bar]),l=ol({width:"100%",...e});return t.jsx("div",{style:l,class:o})}function rl({listId:e,hasTabIndex:n,isShowFocusRing:o,isLoadMore:l=!1,isHighContrast:r,skeletonRenderer:s}){const i=D.useTranslationBundle("@oracle/oraclejet-preact"),a=r?B.listSkeletonStylesHC:B.listSkeletonStyles,c=[a.cell];o&&c.push(a.focus);const d=y.classNames(c),u=y.classNames([a.innerCell]),f=y.classNames([a.row,a.rowHeight]),g=f,h=t.jsx("div",{style:"width:1px;height:0px;overflow:hidden;",children:i.collection_loading()});return t.jsx("div",{class:K.LOADMORE_STYLE_CLASS,role:"row",children:t.jsx("div",{class:d,role:"gridcell",tabIndex:n?0:-1,"data-oj-cell-type":l?"loadMore":"loading",...l?{"data-oj-list-loadmore":e}:{"data-oj-list-loading":e},"data-oj-list-focusable":e,children:t.jsxs("div",{class:null!=s?void 0:u,children:[h,[...Array(l?3:25)].map(((e,n)=>null!=s?s({loadingStatus:l?"loadMore":"initial",index:n}):t.jsx("div",{class:0===n?g:f,children:t.jsx(ll,{height:"4x",isHighContrast:r})})))]})})})}function sl({viewportInfo:e,listId:n,listData:o,children:r,itemPadding:s,hasItemGridlines:i,hasTopGridline:a,hasBottomGridline:c,isShowFocusRing:d,isTabbableMode:u,hasMore:f,onLoadMore:g,activeCell:h,currentItemKey:p,currentItemVariant:S,selectedKeys:m,isSelectionEnabled:b,isSingleSelectionEnabled:w,disabledInteractionKeys:C,onSelectionChange:v,promotedSection:R,noDataRenderer:T,skeletonRenderer:I,isRtl:x,isHighContrast:k,reorderItemProps:P}){const D=l.useCallback((e=>({index:e.index,data:e.data.data,key:e.data.metadata.key})),[]);let L=!1,_=!1;const O=0===o.length&&f,N=0===o.length&&!f,U=t.jsx(rl,{listId:n,hasTabIndex:O?"loading"===h?.type:"loadMore"===h?.type,isLoadMore:!O,isShowFocusRing:d&&(O?"loading"===h?.type:"loadMore"===h?.type),isHighContrast:k,skeletonRenderer:I}),{name:j}=A.useTheme(),B=y.classNames([M.sparkleStyles.container,"redwood"===j&&F.globalImages]);return N?t.jsx(Wo,{...(()=>{const e="noData"===h?.type;return{listId:n,isShowFocusRing:d&&e,hasTabIndex:e&&!u,isTabbableMode:u,ariaRowIndex:1,renderer:T}})()}):t.jsx(K.LoadMoreCollection,{data:o,loadMoreIndicator:U,suggestions:t.jsx(Yo,{}),suggestionsContainerClasses:B,suggestionCount:R?.count,hasMore:f,onLoadMore:g,viewportConfig:e.viewportConfig,children:e=>{const l=D(e),y=!!R&&R.count>l.index,g=l.key,T=h?.rowKey===g,I=E.containsKey(m,g),M=l.index===o.length-1,F=0===l.index?a:i||!y&&_,A={listId:n,children:r,padding:s,isSuggestion:y,hasTopGridline:F,hasBottomGridline:M&&(f?i:c),isSelected:I,isPreviousSelected:L,disabledInteractionKeys:C,onSelectionChange:v,isSelectionEnabled:b,isSingleSelectionEnabled:w,variant:p===g?S:"none",isShowFocusRing:d&&T,isActive:T,isTabbableMode:u,selectedRowKeys:m,rowIndex:l.index,rowKey:g,rowData:l.data,isFinalRow:M,isRtl:x,isHighContrast:k};return L=I,_=y,null!=P?t.jsx(el,{...A,...P}):t.jsx(Qo,{...A})}})}function il({contextMenuConfig:e,contextMenuContext:n,...o}){const l=D.useTranslationBundle("@oracle/oraclejet-preact"),r=null!=e.accessibleLabel?e.accessibleLabel:l.accContextMenuLabel();return null!=e.itemsRenderer(n)?t.jsx($.Menu,{"aria-label":r,...o,children:o.isOpen&&e.itemsRenderer(n)}):t.jsx(t.Fragment,{})}const al={all:!1,keys:new Set},cl=o.forwardRef((function({"aria-label":e,"aria-labelledby":o,"aria-describedby":r,children:p=()=>{},contextMenuConfig:S,viewportConfig:m,data:b,getRowKey:w,hasMore:C=!1,onLoadMore:v=()=>{},currentItemOverride:R,onPersistCurrentItem:T,currentItemVariant:I,itemPadding:E="disabled",itemEnterKeyFocusBehavior:x="focusWithin",gridlines:F={item:"hidden",top:"hidden",bottom:"hidden"},selectionMode:A,selectedKeys:K=al,onSelectionChange:D,onItemAction:L,scrollPositionOverride:_,promotedSection:O,skeletonRenderer:N,noDataRenderer:U,scrollerRef:j,onReorder:B,testId:V},H){const $=a.useId(),G=d.useTestId(V),[Y,W]=l.useState(n.createRef()),q=l.useCallback((e=>{W({current:e})}),[]),{direction:X,forcedColors:z}=u.useUser(),Z="active"===z,J="rtl"===X,Q="embedded"===s.useCollectionInteractionContext(),ee=I??Q?"highlight":"none",{managedData:te,onManagedLoadMore:ne}=h.useDataManager({data:b,getRowKey:w,hasMore:C,onLoadMore:v}),{viewportInfo:oe,scrollerRefCallback:le}=function({viewportConfig:e,externalScrollerAccessRef:t}){const[o,r]=l.useState(n.createRef()),s=l.useCallback((e=>{r({current:e})}),[]);return l.useImperativeHandle(t,(()=>null!=e?{[k.UNSAFE_DOM_ACCESS]:e.scrollerRef.current}:{[k.UNSAFE_DOM_ACCESS]:o.current}),[o,e]),{viewportInfo:l.useMemo((()=>{const t=((e,t)=>t??{scrollerRef:e})(o,e);return{isExternalScroller:null!=e,viewportConfig:t}}),[o,e]),scrollerRefCallback:s}}({viewportConfig:m,externalScrollerAccessRef:j}),re=C?-1:te.length,{interactionManagerProps:se,scrollHandlingProps:ie,onListSelectionChange:ae,isShowFocusRing:ce,isTabbableMode:de,currentCell:ue,currentActiveCell:ye,onStartFocusTracking:fe,onFocusStartEdge:ge,onFocusEndEdge:he,contextMenuContext:pe,menuProps:Se,disabledRowInteractionKeys:me,reorderItemProps:be,reorderInstructions:we,reorderInstructionsId:Ce}=Go({rootRef:Y,viewportInfo:oe,ref:H,listId:$,listData:te,hasMore:C,isEmbedded:Q,isLayoutRequired:!1,scrollPositionOverride:_,currentItemOverride:R,onPersistCurrentItem:T,selectionMode:A,selectedKeys:K,onSelectionChange:D,onItemAction:L,itemEnterKeyFocusBehavior:x,contextMenuConfig:S,onReorder:B}),{classes:ve}=i.useComponentTheme(P.ListRedwoodTheme,{showFocusRing:ce?"isShowFocusRing":"notShowFocusRing",externalScroller:oe.isExternalScroller?"isExternalScroller":"notExternalScroller"}),Re=[M.scrollerStyles.base];oe.isExternalScroller?Re.push(M.scrollerStyles.externalScroller):Re.push(M.scrollerStyles.autoScroll);const Te=y.classNames(Re),Ie=y.classNames([ve]),Ee="visible"===F?.item,xe="visible"===F?.top,ke="visible"===F?.bottom,Me="single"===A||"multiple"===A||"multipleToggle"===A,Pe="multiple"===A||"multipleToggle"===A,{isTabbable:Fe}=l.useContext(c.TabbableModeContext),Ae=null!=B,Ke=null!=r?Ae?`${r} ${Ce}`:r:Ae?Ce:void 0,De=Pe?{"aria-multiselectable":!0}:Me?{"aria-multiselectable":!1}:{};return t.jsxs(t.Fragment,{children:[t.jsx("div",{...G,ref:q,"aria-colcount":1,"aria-label":e,"aria-labelledby":o,"aria-describedby":Ke,"aria-rowcount":re,...De,class:Ie,id:$,role:"grid",tabIndex:null==ye&&Fe?0:-1,...se,children:t.jsx("div",{ref:le,class:Te,role:"rowgroup",tabIndex:-1,...ie,children:t.jsx(g.FocusTracker,{isDisabled:!de,onFocusStartEdge:ge,onFocusEndEdge:he,onStartTracking:fe,children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:de},children:t.jsx(sl,{viewportInfo:oe,listId:$,listData:te,children:p,itemPadding:E,hasItemGridlines:Ee,hasTopGridline:xe,hasBottomGridline:ke,selectedKeys:K,isSelectionEnabled:Me,isSingleSelectionEnabled:"single"===A,activeCell:ye,currentItemKey:"data"===ue?.type?ue.rowKey:void 0,currentItemVariant:ee,isShowFocusRing:ce,isTabbableMode:Fe&&de,hasMore:C,onLoadMore:ne,promotedSection:O,noDataRenderer:U,skeletonRenderer:N,disabledInteractionKeys:me,onSelectionChange:ae,isRtl:J,isHighContrast:Z,reorderItemProps:be})})})})}),Ae&&t.jsx("span",{id:Ce,children:t.jsx(f.HiddenAccessible,{children:we})}),null!=S&&null!=pe&&t.jsx(il,{...Se,contextMenuConfig:S,contextMenuContext:pe})]})}));e.List=cl,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', './useComponentTheme-5aa41a8f', './useId-c9578d26', './TabbableModeContext-a9c97640', './useTestId-f4240cbd', './useUser-08901aba', './classNames-08d99695', './HiddenAccessible-037ef42d', './FocusTracker-90de4e7f', './ScrollUtils-9d466a44', './mergeProps-bcfa6a92', './useContextMenuGesture-750ef2c6', './collectionUtils-77dc5fa1', './tabbableUtils-f95361a6', './useReorderableItem-7b4b2c3d', 'css!./DragAndDropStyles.styles.css', './LayerHost-0b288129', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './EventUtils-3204c683', './keys-4755c121', './textSelectionUtils-3022f002', './unsafeDomAccess-602c5dde', './PRIVATE_TableList/themes/List.css', './PRIVATE_TableList/themes/redwood/ListTheme', './ImageVars.css-17386400', './useTheme-da27e1d1', './LoadMoreCollection-895f1ed5', './useTranslationBundle-e4dd341e', './PRIVATE_TableList/themes/ListRowStyles.css', './PRIVATE_TableList/themes/redwood/ListNoDataTheme', './useInteractionStyle-15a2bdd0', './Selector-b38f6c0c', './PRIVATE_TableCommon/themes/Common.css', './PRIVATE_TableList/themes/ListCellStyles.css', './StyledCheckbox-368fed68', 'css!./SelectorStyles.styles.css', './PRIVATE_TableList/themes/ListSkeletonStyles.css', './dimensions-95c0c920', './mergeInterpolations-9ede4cf7', './Menu-1b8fefc5', './MenuItem-85e4ffdc', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', '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', 'css!./HiddenAccessibleStyles.styles.css', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './clientHints-6d361eaa', './head-9cb1a3da', './_arity-5a5f5f71', './_curry3-83878f86', './_curry1-df649359', './_curry2-86c52b86', './_isArray-32602db6', './_isString-d0ada3cb', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './index-055933ab', './UNSAFE_Layer/themes/LayerHostStyles.css', 'css!./LayerHostStyles.styles.css', 'css!./ImageVars.styles.css', 'css!./Common.styles.css', 'css!./List.styles.css', './PRIVATE_TableList/themes/ListStyles.css', 'css!./ListStyles.styles2.css', './PRIVATE_TableList/themes/redwood/ListBaseTheme.css', 'module', './PRIVATE_TableList/themes/redwood/ListVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './Collection-121694cb', './useViewportIntersect-dbf8f6f0', 'css!./ListRowStyles.styles.css', './PRIVATE_TableList/themes/ListNoDataStyles.css', 'css!./ListNoDataStyles.styles.css', './PRIVATE_TableList/themes/redwood/ListNoDataVariants.css', './useHover-8b8a1496', './useToggle-a29f97af', './useActive-bb5dc069', './BaseSelector-8252d4fc', './useFocus-4194fc59', './PRIVATE_BaseSelector/themes/SelectorStyles.css', 'css!./ListCellStyles.styles.css', './Check-40a9a3e6', './Icon-234f9eb8', './size-114c63df', './utils-9a3f9606', './themeContract.css-b6ec3943', './colorUtils-b9dc1bd1', './useTooltip-3a2fd217', './useTooltipControlled-6449a7e9', './useTouch-37489bb5', './useAnimation-d90c433f', './useThemeInterpolations-cc05b0f0', './useColorScheme-097c31ff', './useScale-04a448c3', './theme-a8f3d819', './Theme-d945adae', './useDensity-8a10fc70', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', './CheckboxOff-bf2be8d3', './CheckboxOn-0f83ba3d', './CheckboxMixed-7729bb05', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', './useTabbableMode-0a9ef009', 'css!./StyledCheckbox.styles.css', 'css!./ListSkeletonStyles.styles.css', './mergeDeepWithKey-aaab9019', './_isObject-42bafc94', './Sheet-1d02491d', './Modal-95bf034f', './useModal-536cb7ff', './Layer-1971eddb', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './popupUtils-d42db8bf', './WindowOverlay-11d88211', './vanilla-extract-dynamic.esm-6065bbd7', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_Sheet/themes/SheetStyles.css', 'css!./SheetStyles.styles.css', './refUtils-77e97004', './useAnimationStatus-0cae3dff', './animationUtils-716a9aa6', './Dropdown-7eca9554', './Floating-c3558e44', './useFloating-5cb85d2b', './positionUtils-6e4daa31', './useOutsideClick-e53a4b5a', './arrayUtils-6ee96a35', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './UNSAFE_Floating/themes/FloatingContract.css', './useUnsafeDomElementRef-75afb461', './keyboardUtils-fb6219eb', './usePopupAnimation-dc282b02', './popupAnimationUtils-49b93365', './UNSAFE_Dropdown/themes/dropdownStyles.css', 'css!./dropdownStyles.styles.css', './useOutsideMousedown-cb88da60', './useEffectEvent-6aa4d559', './menuUtils-8e42385f', './UNSAFE_Menu/themes/MenuStyles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './Flex-4b81b412', './boxalignment-8d80de7e', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', 'css!./FlexStyles.styles.css', './Skeleton-3e52c94a', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', 'css!./MenuSkeletonStyles.styles.css', './LiveRegion-dbefb95b', 'css!./LiveRegionStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemStyles.styles.css', 'css!./MenuItemVariants.styles.css', './Text-31cabc49', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './usePress-949a0d03', './EnvironmentProvider-403bf554', './LayerManager-426c669d', 'css!./SeparatorStyles.styles.css'], (function(e,t,n,o,l,r,s,i,a,c,d,u,y,f,g,h,p,S,m,b,w,C,v,R,T,I,E,x,k,M,P,F,A,K,D,L,_,O,N,U,j,B,V,H,$,G,Y,W,q,X,z,Z,J,Q,ee,te,ne,oe,le,re,se,ie,ae,ce,de,ue,ye,fe,ge,he,pe,Se,me,be,we,Ce,ve,Re,Te,Ie,Ee,xe,ke,Me,Pe,Fe,Ae,Ke,De,Le,_e,Oe,Ne,Ue,je,Be,Ve,He,$e,Ge,Ye,We,qe,Xe,ze,Ze,Je,Qe,et,tt,nt,ot,lt,rt,st,it,at,ct,dt,ut,yt,ft,gt,ht,pt,St,mt,bt,wt,Ct,vt,Rt,Tt,It,Et,xt,kt,Mt,Pt,Ft,At,Kt,Dt,Lt,_t,Ot,Nt,Ut,jt,Bt,Vt,Ht,$t,Gt,Yt,Wt,qt,Xt,zt,Zt,Jt,Qt,en,tn,nn,on,ln,rn,sn,an,cn,dn,un,yn,fn,gn,hn,pn,Sn,mn,bn,wn,Cn,vn,Rn,Tn,In,En,xn,kn,Mn,Pn,Fn,An,Kn,Dn,Ln,_n,On,Nn,Un,jn,Bn,Vn,Hn,$n,Gn,Yn,Wn,qn,Xn,zn,Zn,Jn,Qn,eo,to,no){"use strict";const oo="data-oj-list-row",lo="data-oj-list-focusable",ro=(e,t,n)=>{const o=yo(e,t,n);return null!=o&&"enabled"===o.dataset.ojListAutoFocus},so=(e,t,n)=>{const o=e.querySelectorAll(`[${oo}='${t}']`);if(o.length>n)return h.getRowKey(o[n])},io=(e,t,n)=>h.getRowIndexForRowElement(e,t,n,oo);function ao(e,t,n){const o=e.querySelectorAll(`[${oo}='${t}']`);for(let e=0;e<o.length;e++)if(n===h.getRowKey(o[e]))return e}function co(e,t,n,o){const l=null!=n?n:`[${lo}='${t}']`,r=o?e.parentElement:e;if(null!=r){const e=r.closest(l);if(null!=e){const n=h.getCellType(e);if("data"===n)return{rowKey:m.keyExtractor(e,`[${oo}='${t}']`),type:n};if("noData"===n)return{type:n};if("loading"===n||"loadMore"===n)return{type:n}}}}function uo(e,t){const n=`[${oo}='${t}']`;return e.closest(n)}function yo(e,t,n){if("data"===n.type){const o=e.querySelectorAll(`[${oo}='${t}']`);for(const e of o)if(n.rowKey===h.getRowKey(e)){const n=e.querySelector(`[${lo}='${t}']`);if(null!=n)return n}}else{if("noData"===n.type)return po(e,t);if("loading"===n.type)return go(e,t);if("loadMore"===n.type)return ho(e,t)}}const fo=(e,t)=>{const n=e.querySelector(`[${lo}='${t}']`);if(null!=n){return"noData"===h.getCellType(n)?{type:"noData"}:{rowKey:m.keyExtractor(n,`[${oo}='${t}']`),type:"data"}}},go=(e,t)=>h.getElementBySelector(e,t,"data-oj-list-loading"),ho=(e,t)=>h.getElementBySelector(e,t,"data-oj-list-loadmore"),po=(e,t)=>h.getElementBySelector(e,t,"data-oj-list-nodata"),So=e=>e.scrollerOffsetTop??0,mo=(e,t)=>h.isHTMLScroller(e)?So(t):So(t)+e.getBoundingClientRect().top,bo=(e,t)=>{const n=(e=>e.scrollerOffsetBottom??0)(t);if(h.isHTMLScroller(e))return e.clientHeight-n;const o=h.getScrollbarHeight(e);return e.getBoundingClientRect().bottom-(n+o)},wo=(e,t,n,o)=>{const l=h.getVerticalOverflowDiff(e,mo(t,n.viewportConfig),bo(t,n.viewportConfig)),r=l.top,s=r>0,i=l.bottom,a=i>0;s&&a||(null==o||"inView"===o?a?Math.abs(r)>Math.abs(i)?t.scrollTop=Co(t.scrollTop+i,!0):t.scrollTop=Co(t.scrollTop-r,!1):s&&(Math.abs(i)>Math.abs(r)?t.scrollTop=Co(t.scrollTop-r,!1):t.scrollTop=Co(t.scrollTop+i,!0)):t.scrollTop="top"===o?Co(t.scrollTop-r,!1):Co(t.scrollTop+i,!0))},Co=(e,t)=>t?Math.ceil(e):Math.floor(e);function vo(e,t,n,o,l){const r=function(e,t,n,o,l){if(null!=l){let r,s=!1;if(null!=l.key?(s=!0,r=l.key):null!=l.offsetY&&null==l.y&&(s=!0,r=Ro(e,t,n,o).key),s){if(null!=r){const s=mo(t,n.viewportConfig),i=l.offsetY??0,a=e.querySelectorAll(`[${oo}='${o}']`);for(let e=0;e<a.length;e++)if(r===h.getRowKey(a[e])){const n=a[e].getBoundingClientRect().top;return t.scrollTop+n-s+i}}}else if(null!=l.y)return l.y}return}(e,t,n,o,l);t.scrollTop=r??0}function Ro(e,t,n,o){const l={y:Math.abs(t.scrollTop),key:void 0,offsetY:void 0},r=mo(t,n.viewportConfig),s=e.querySelectorAll(`[${oo}='${o}']`);for(let t=0;t<s.length;t++){const n=s[t].getBoundingClientRect();if(n.bottom>r||t===s.length-1){l.key=so(e,o,t),l.offsetY=r-n.top;break}}return l}function To(e,t,n,o,l){if("data"===l.cell.type){const r=m.findElementByKey(e,l.cell.rowKey,`[${oo}='${o}']`);null!=r&&null!=l.locationY&&wo(r,t,n,l.locationY)}else if("loadMore"===l.cell.type||"loading"===l.cell.type){const r=yo(e,o,l.cell);null!=r&&null!=l.locationY&&wo(r,t,n,"loading"===l.cell.type&&"inView"===l.locationY?"top":l.locationY)}}function Io(e){return null!=e&&("loadMore"===e.type||"loading"===e.type)}function Eo(e,t){return null==e?null==t:null!=t&&(e.type===t.type&&e.rowKey===t.rowKey)}function xo(e){let t,n;if(null!=e?.rowKey)return t="data",n=e.rowKey,{type:t,rowKey:n}}function ko(e,t,n){if(!(t.length>0))return"loading"===e.type&&n||"noData"===e.type&&!n;if("loadMore"===e.type)return n;if("data"===e.type)for(let n=0;n<t.length;n++)if(t[n].metadata.key===e.rowKey)return!0;return!1}function Mo(e){return e.length>0?{rowKey:e[0].metadata.key,type:"data"}:{type:"loading"}}const Po={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:2},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},Fo={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},Ao=(e,t,n,o)=>{const[r,s]=l.useState(),[i,a]=l.useState(Fo),c=l.useRef(),{triggerProps:d}=S.useContextMenuGesture((({gesture:o,anchor:l,target:r})=>{if(e.current){const i=r.closest(`[${lo}='${t}']`);if(null!=i){const r=co(i,t);if(null!=r){const d=function(e,t,n,o){if("data"===o?.type){const l={},r=void 0;for(const s of n)if(s.metadata.key===o.rowKey)return{allMenuItems:l,defaultMenuItems:r,data:s.data,metadata:{key:o.rowKey},index:ao(e,t,o.rowKey)}}}(e.current,t,n,r);if(null!=d){c.current=i;const e="keyboard"===o?i:l;s(d),a({...Po[o],anchorRef:{current:e},isOpen:!0})}}}}}),{isDisabled:!o});return{menuProps:{...i,onClose:l.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||c.current?.focus({preventScroll:!0}),a({...Fo})}),[])},contextMenuContext:r,contextMenuTriggerProps:d}},Ko=[" ","F2","Enter","Esc","Escape","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Home","End","PageUp","PageDown"],Do=[" ","F2","Enter","Esc","Escape"];function Lo({rootRef:e,viewportInfo:t,listId:n,listData:o,hasMore:r,selectionExtensionElementRef:s,currentItemOverride:i,onPersistCurrentItem:a,isEmbedded:c,itemEnterKeyFocusBehavior:d,isDataLoaded:u,reorderContext:y,deferredScrollDetail:f,deferredScrollDetailRef:g,updateDeferredScrollDetail:p}){const S=l.useRef(!1),w=l.useRef(!1),C=l.useRef(!0);C.current=!0;const v=l.useRef(null),R=l.useRef(!1),[T,I]=l.useState(!1),[E,x]=l.useState(!1),k=l.useRef(!1),M=l.useRef(null),P=l.useRef(null),[F,A]=l.useState(void 0),K=l.useRef({hasPendingCurrentCellOverride:!1,hasPendingCurrentCellOverrideScroll:!1}),D=Io(K.current.activeCell),L=function(e,t,n,o,l){const r=o?e.current.previousEmbeddedSelectCurrentCell:e.current.currentCell;if(e.current.hasPendingCurrentCellOverride||e.current.currentItemOverride!==l){if(null!=l){const e=xo(l);if(null!=e&&ko(e,t,n))return e;const o="data";if("data"===o){if(0===t.length&&n)return{type:"loading"}}else if("noData"===o&&0===t.length&&n)return{type:"loading"}}return Mo(t)}const s=e.current.activeCell;if(null!=s){if("loadMore"===s.type){const o=e.current.loadMoreInitialData;if(t.length>0&&t!==o){const e={type:"data",rowKey:null!=o&&t.length>o.length?t[o.length].metadata.key:t[t.length-1].metadata.key};if(ko(e,t,n))return e}else if(0===t.length)return n?{type:"loading"}:{type:"noData"}}if(ko(s,t,n))return s;if("loading"===s.type){if(null!=r&&("data"===r.type||"noData"===r.type)&&ko(r,t,n))return r;if(!(t.length>0))return{type:"noData"};{const e={type:"data",rowKey:t[0].metadata.key};if(ko(e,t,n))return e}}}if(null!=r){if(ko(r,t,n))return r;if("data"===r.type){if(0===t.length&&n)return{type:"loading"}}else if("noData"===r.type&&0===t.length&&n)return{type:"loading"}}return 0===t.length?n?{type:"loading"}:{type:"noData"}:Mo(t)}(K,o,r,c,i),_=l.useMemo((()=>(e,t,n,l)=>{const r=e.value;if(!Eo(K.current.activeCell,r)){if(A(r),K.current.activeCell=r,Io(r))"loadMore"===r?.type&&(K.current.loadMoreInitialData=o);else{const e=r;null!=a&&null!=e.rowKey&&a({value:e.rowKey}),K.current.currentCell=e,null!=e&&(K.current.previousEmbeddedSelectCurrentCell=e),K.current.currentItemOverride=i,K.current.hasPendingCurrentCellOverride=!1,K.current.hasPendingCurrentCellOverrideScroll=!1}n||(s.current=void 0,t&&null!=r?(I(!0),x(!1)):T&&I(!1))}null==r||k.current||l||p({cell:r,locationX:"inView",locationY:"inView"})}),[i,T,o,a,s,p]),O=l.useCallback((()=>{R.current=!1,I(!1),x(!1)}),[]),N=l.useCallback(((n,o)=>{const l=e.current,r=t.viewportConfig.scrollerRef.current;if(null!=l&&null!=r){I(!1);const e=null!==P.current?P.current:!k.current;x(e),_({value:n},!1,!1,o)}}),[e,t,_]),U=l.useCallback(((n,o,l)=>{const r=e.current,s=t.viewportConfig.scrollerRef.current;null!=r&&null!=s&&(I(!0),o||(x(!1),_({value:n},!0,!1,l)))}),[e,t,_]),j=l.useCallback((t=>{const o=e.current;if(null!=o){I(!1);const e=yo(o,n,t);null!=e?e.focus({preventScroll:!0}):o.focus({preventScroll:!0})}}),[e,n]),B=l.useCallback((e=>{null!=M.current&&clearTimeout(M.current),k.current=!0,M.current=setTimeout((()=>{k.current=!1}),e?200:100)}),[]),V=l.useCallback((e=>{E&&x(!1),"touch"!==e.pointerType&&B(!1)}),[E,B]),H=l.useCallback((e=>{B("touch"===e.pointerType)}),[B]),$=l.useCallback((t=>{const n=e.current;if(null!=n){t.target===document.activeElement&&(P.current=E);const e=t.relatedTarget,o=null==e;S.current=o,!o&&m.getElementContainsFunc(n,!0)(e)||(O(),C.current&&(v.current=t.target),w.current=!1)}}),[e,E,O]),G=l.useCallback((n=>{"Tab"===n.key&&(w.current=!0);const o=e.current,l=t.viewportConfig.scrollerRef.current;if(null!=o&&null!=l){const e=Ko.indexOf(n.key)>-1;e&&(null!=M.current&&clearTimeout(M.current),M.current=null,k.current=!1),null!=F&&("F2"===n.key?T?j(F):U(F,!0):"Esc"===n.key||"Escape"===n.key?j(F):"Enter"!==n.key||T||c||"focusWithin"!==d||U(F,!0),T||(e&&x(!0),Do.indexOf(n.key)>-1&&p({cell:F,locationX:"inView",locationY:"inView"})))}}),[e,t,T,c,F,U,j,p,d]),Y=l.useCallback((e=>{"Tab"===e.key&&(null==F||w.current||p({cell:F,locationX:"inView",locationY:"inView"}),w.current=!1)}),[F,p]),W=l.useCallback((t=>{const o=e.current;null!=o&&null!=F&&m.handleEnterActionableMode(t.hasFocusWithin&&null==h.getCellType(t.activeElement),b.allTabbableElements(yo(o,n,F)),(e=>{I(null!=e)}))}),[e,F,n]),q=l.useCallback((e=>{m.handleWrapActionableFocus(!0,e.tabbableElements,(e=>{I(null!=e)}))}),[]),X=l.useCallback((e=>{m.handleWrapActionableFocus(!1,e.tabbableElements,(e=>{I(null!=e)}))}),[]);return l.useEffect((()=>{null!=y&&(y.currentItemKey.current=F?.rowKey);const o=e.current,l=t.viewportConfig.scrollerRef.current;if(null!=o&&null!=l){const e=(e,o,r)=>{if(null!=L){const s=yo(e,n,L);if(null!=s){if(r&&To(e,l,t,n,{cell:L,locationX:"inView",locationY:"inView"}),!T&&o!==s)return void(D&&!Io(L)&&ro(e,n,L)?U(L):s.focus({preventScroll:!0}));if(T&&!m.getElementContainsFunc(s,!0)(o))return void(r?j(L):m.handleEnterActionableMode(!1,b.allTabbableElements(s),(t=>{I(null!=t),r&&e.focus({preventScroll:!0})}),!0))}}r&&e.focus({preventScroll:!0})};null!=f&&f===g.current&&(To(o,l,t,n,f),g.current=void 0),function(e,t,n,o,l,r,s,i,a){if(l.current.hasPendingCurrentCellOverride||l.current.currentItemOverride!==a)if(null!=a){const c=xo(a);null!=c?(r({value:c},ro(e,o,c),!1,!0),l.current.currentItemOverride=a,l.current.hasPendingCurrentCellOverride=!1,s?null!=yo(e,o,c)?(To(e,t,n,o,{cell:c,locationY:"inView"}),l.current.hasPendingCurrentCellOverrideScroll=!1):l.current.hasPendingCurrentCellOverrideScroll=!i:l.current.hasPendingCurrentCellOverrideScroll=!1):i?(l.current.currentItemOverride=a,l.current.hasPendingCurrentCellOverride=!1,l.current.hasPendingCurrentCellOverrideScroll=!1):l.current.hasPendingCurrentCellOverride=!0}else r({value:a}),l.current.currentItemOverride=a,l.current.hasPendingCurrentCellOverride=!1,s&&(e=>{e.scrollTop=0})(t),l.current.hasPendingCurrentCellOverrideScroll=!1;else l.current.hasPendingCurrentCellOverrideScroll&&(null!=l.current.currentCell?null!=yo(e,o,l.current.currentCell)?(To(e,t,n,o,{cell:l.current.currentCell,locationY:"inView"}),l.current.hasPendingCurrentCellOverrideScroll=!1):i&&(l.current.hasPendingCurrentCellOverrideScroll=!1):l.current.hasPendingCurrentCellOverrideScroll=!1)}(o,l,t,n,K,_,c,u,i);const r=v.current;v.current=null,C.current=!1;const s=b.getActiveElement(o);null==r||s!==b.getBodyElement(o)||m.getElementContainsFunc(o,!0)(r)&&b.isTabbableElement(r,!0)?R.current&&Eo(F,K.current.activeCell)&&e(o,s):(g.current=void 0,e(o,s,!0))}})),{focusHandlingProps:{onPointerDown:V,onPointerUp:H,onFocus:o=>{R.current=!0;const l=e.current,r=t.viewportConfig.scrollerRef.current;if(null!=l){const e=S.current;S.current=!1;const t=o.target;if(t===l||t===r)null!=L&&N(L,e);else{const o=co(t,n);null!=o&&(null!=h.getCellType(t)?N(o,e):U(o,!1,e))}}P.current=null},onBlur:$,onKeyDown:G,onKeyUp:Y},activeCell:F,onActiveCellChanged:_,currentCell:K.current.currentCell,currentActiveCell:L,isShowFocusRing:E,isTabbableMode:T,onStartFocusTracking:W,onFocusStartEdge:q,onFocusEndEdge:X,updateDeferredScrollDetail:p}}const _o=(e,t,n)=>({metadata:{key:t},data:n,index:e});function Oo(e,t,n,o,l,r,s){let i=n;const a=n.type;if("loadMore"===a){if(l){const n=((e,t)=>h.getLastRenderedRowKey(e,t,oo))(e,t);null!=n&&(i={rowKey:n,type:"data"},o({value:i},ro(e,t,i)))}}else if("data"===a){const s=n.rowKey,a=m.findElementByKey(e,s,`[${oo}='${t}']`);if(null!=a){const n=[...e.querySelectorAll(`[${oo}='${t}']`)],s=n.indexOf(a);let c;if(l&&s>0?c=n[s-1]:!l&&s<n.length-1&&(c=n[s+1]),null!=c){const n=h.getRowKey(c);null!=n&&(i={rowKey:n,type:"data"},o({value:i},ro(e,t,i),r))}else r||l||!((e,t)=>null!=ho(e,t))(e,t)||(i={type:"loadMore"},null!=yo(e,t,i)&&o({value:i},ro(e,t,i)))}}Eo(n,i)&&s({cell:i,locationX:"inView",locationY:"inView"})}function No(e,t,n,o,l,r,s,i){if("noData"!==l.type){const a=e.querySelectorAll(`[${oo}='${o}']`);if(a.length>0){const c=Ro(e,t,n,o),d=ao(e,o,c.key);let u;if(s)u=0===c.offsetY?Math.max(d-1,0):d;else{const e=bo(t,n.viewportConfig);for(u=d;a.length>u+1;){u+=1;if(a[u].getBoundingClientRect().bottom>e)break}}const y=so(e,o,u);if(null!=y){const t={rowKey:y,type:"data"};y!==l.rowKey&&r({value:t},ro(e,o,t),!1,!0),i({cell:t,locationX:"inView",locationY:s?"bottom":"top"})}}}}function Uo(e){return e.shiftKey&&I.isLogicalCtrl(e)}function jo(e,t,n,o,l,r,s){const i={all:!1,keys:new Set};let a=null!=s?s:i;const c=m.keyExtractor(t,`[${oo}='${e}']`);if(null!=c&&("single"===r||"multiple"===r||"multipleToggle"===r)){const e=n||(l||"multipleToggle"===r);a=null==a?{all:!1,keys:new Set([c])}:E.containsKey(a,c)?e?E.removeKey(a,c,!1):{all:!1,keys:new Set([c])}:e&&"single"!==r?E.addKey(a,c):{all:!1,keys:new Set([c])}}E.isSameKey(a,s)||o({value:a,target:t},!1)}function Bo(e,t,n,o,l,r,s,i,a,c,d){const u={all:!1,keys:new Set};let y=null!=c?c:u;if(r&&("multiple"===a||"multipleToggle"===a)){const n=i||"multipleToggle"===a;if(y=n?y:u,o<=l){for(let n=o;n<=l;n++){const o=so(e,t,n);y=E.addKey(y,o)}if(n&&null!=d)if(d>l)for(let n=d;n>l;n--){const o=so(e,t,n);y=E.removeKey(y,o,!1)}else if(d<o)for(let n=d;n<o;n++){const o=so(e,t,n);y=E.removeKey(y,o,!1)}}else{for(let n=o;n>=l;n--){const o=so(e,t,n);y=E.addKey(y,o)}if(n&&null!=d)if(d<l)for(let n=d;n<l;n++){const o=so(e,t,n);y=E.removeKey(y,o,!1)}else if(d>o)for(let n=d;n>o;n--){const o=so(e,t,n);y=E.removeKey(y,o,!1)}}}E.isSameKey(y,c)||s({value:y,target:n},!0)}function Vo(e,t,n,o,l,r,s,i,a,c,d){const u=yo(e,t,l);if(null!=u){let y,f;const g=i||"multipleToggle"===c,p="data"===l.type;if(p&&(f=g&&null!=r.current?r.current:u.parentElement,y=io(e,t,f)),null!=y){let S,b,w;const C=g&&p?u.parentElement:r.current;if(null!=C?(b=io(e,t,C),w=o?C.previousElementSibling:C.nextElementSibling,null!=w&&(!p||p&&null!=h.getRowKey(w))?(g&&p?null==r.current&&(r.current=u.parentElement):r.current=w,S=io(e,t,w)):S=io(e,t,C)):(w=o?f?.previousElementSibling:f?.nextElementSibling,null!=w&&(!p||p&&null!=h.getRowKey(w))?(r.current=w,S=io(e,t,w)):S=y),null!=S&&Bo(e,t,n,y,S,p,s,i,c,d,b),!p||!g){const e=null!=r.current?r.current:u;let n;if(p){const o=m.keyExtractor(e,`[${oo}='${t}']`);null!=o&&(n={type:l.type,rowKey:o})}else n=co(e,t);null!=n&&a({cell:n,locationX:"inView",locationY:"inView"})}}}}function Ho({rootRef:e,listId:t,listData:n,selectionExtensionElementRef:o,activeCell:r,onActiveCellChanged:s,isDropDownSelection:i,selectionMode:a,selectedKeys:c,onListSelectionChange:d,onItemAction:u}){const y=l.useRef(!1),f=l.useRef(),g=l.useCallback((t=>{null!=e.current&&(f.current={target:t.target,x:t.clientX,y:t.clientY})}),[e]),p=l.useCallback((t=>{null!=e.current&&(f.current={target:t.target,x:t.clientX,y:t.clientY})}),[e]),S=l.useCallback((n=>{const o=e.current;if(null!=o){y.current="touch"===n.pointerType;const e=n.target;if(null!=d&&null!=r&&n.shiftKey&&function(e,t,n,o,l){const r=uo(n,t);if(("multiple"===l||"multipleToggle"===l)&&"data"===o.type&&null!=r){const n=yo(e,t,o);if(null!=n&&null!=r)return null!=io(e,t,n.parentElement)&&null!=io(e,t,r)}return!1}(o,t,e,r,a))x.getIsSelectionPending()||n.preventDefault();else{const o=co(e,t);(null==o||"data"===o.type&&null==m.keyExtractor(e,`[${oo}='${t}']`))&&n.preventDefault()}}}),[e,t,r,a,d]),b=l.useCallback((()=>{f.current=void 0}),[]),w=l.useCallback((l=>{const g=e.current;if(null!=g&&(y.current||null!=f.current&&f.current.target===l.target&&Math.abs(f.current.x-l.clientX)<=1&&Math.abs(f.current.y-l.clientY)<=1)){let e=!1;const f=l.target;null==d||x.getIsSelectionPending()||(null!=r&&l.shiftKey&&(e=function(e,t,n,o,l,r,s,i,a,c){const d=uo(n,t);if(null!=d){const u=yo(e,t,o);if(null!=u&&("multiple"===a||"multipleToggle"===a)&&"data"===o.type){let o;const y=i||"multipleToggle"===a,f=d,g=y&&null!=r.current?r.current:u.parentElement,h=io(e,t,g),p=io(e,t,f),S=y?u.parentElement:r.current;if(null!=S&&(o=io(e,t,S)),null!=h&&null!=p){if(y){null==r.current&&(r.current=u.parentElement);let o=co(n,t);if(null==o&&(o=fo(d,t)),null!=o){l({value:o},!1,!0);const n=yo(e,t,o);n?.focus({preventScroll:!0})}}else r.current=f;return Bo(e,t,n,h,p,!0,s,i,a,c,o),!0}}}return!1}(g,t,f,r,s,o,d,i,a,c)),e||jo(t,f,I.isLogicalCtrl(l)||y.current,d,i,a,c)),null!=u&&!x.getIsSelectionPending()&&I.handleRowActionGesture(t,n,u,f,oo,_o)&&l.stopPropagation();if((!e||(i||"multipleToggle"===a))&&null!=h.getRowKey(f)){const e=fo(f,t);null!=e&&(s({value:e},!1,!0),yo(g,t,e)?.focus({preventScroll:!0}))}}}),[e,t,n,o,r,s,i,a,c,d,u]);return{pointerHandlingProps:{onPointerOver:p,onPointerMove:g,onPointerDown:S,onPointerLeave:b,onClick:w}}}const $o=["enter"];function Go({rootRef:e,viewportInfo:t,ref:n,listId:o,listData:r,hasMore:s,isEmbedded:i,isLayoutRequired:a,scrollPositionOverride:c,currentItemOverride:d,onPersistCurrentItem:u,selectionMode:y,selectedKeys:f,onSelectionChange:g,onItemAction:h,itemEnterKeyFocusBehavior:S,contextMenuConfig:b,onReorder:C}){const v=i?void 0:$o,R=l.useRef(),T=l.useMemo((()=>null!=g?(e,t)=>{t||(R.current=void 0),g(e)}:void 0),[g]),[E,x]=l.useState(void 0),k=l.useRef(),M=l.useCallback((e=>{x(e),k.current=e}),[]),{reorderProps:P,reorderKeyboardProps:F,reorderItemProps:A,reorderContext:K,reorderInstructions:D,reorderInstructionsId:L}=(({rootRef:e,scrollerRef:t,onReorder:n,itemSelector:o})=>{const r=null!=n,[s,i]=l.useState(void 0),{reorderProps:a,reorderContext:c,reorderInstructionsId:d,reorderInstructions:u}=w.useReorderable({onReorder:n,rootRef:e,itemSelector:o,isDisabled:!r,columns:1}),y=l.useMemo((()=>({dragKey:s,setDragKey:i,onReorder:n,rootRef:e})),[s,n,e]);return r?{reorderProps:{onDragOver:e=>{void 0!==s&&m.dragToScroll(e,void 0!==s,t.current)}},reorderKeyboardProps:a,reorderItemProps:y,reorderContext:c,reorderInstructionsId:d,reorderInstructions:u}:{reorderProps:{},reorderKeyboardProps:a,reorderContext:c,reorderInstructionsId:d,reorderInstructions:u}})({rootRef:e,scrollerRef:t.viewportConfig.scrollerRef,itemSelector:`[${oo}='${o}']`,onReorder:C}),{focusHandlingProps:_,activeCell:O,onActiveCellChanged:N,currentActiveCell:U,currentCell:j,isShowFocusRing:B,isTabbableMode:V,onStartFocusTracking:H,onFocusStartEdge:$,onFocusEndEdge:G}=Lo({rootRef:e,viewportInfo:t,listId:o,listData:r,hasMore:s,selectionExtensionElementRef:R,currentItemOverride:d,onPersistCurrentItem:u,isEmbedded:i,itemEnterKeyFocusBehavior:S,isDataLoaded:!s||r.length>0,reorderContext:K,deferredScrollDetail:E,deferredScrollDetailRef:k,updateDeferredScrollDetail:M}),Y=function({rootRef:e,viewportInfo:t,listId:n,listData:o,isTabbableMode:r,selectionExtensionElementRef:s,activeCell:i,onActiveCellChanged:a,isDropDownSelection:c,selectionMode:d,selectedKeys:u,onListSelectionChange:y,onItemAction:f,updateDeferredScrollDetail:g,reorderKeyboardProps:h,isReorderEnabled:p}){const S=l.useRef();return{onKeyDown:l.useCallback((l=>{const m=e.current,b=t.viewportConfig.scrollerRef.current;if(null!=m&&null!=b){const e={" ":function(){null!=i&&(S.current=i.rowKey,r||l.preventDefault(),null!=f&&null!=I.getRowActionGestureContext(n,o,l.target,oo,_o,i)&&l.stopPropagation())},Enter:function(){null!=i&&(S.current=i.rowKey,"data"===i.type&&(c&&!r&&l.preventDefault(),null!=f&&null!=I.getRowActionGestureContext(n,o,l.target,oo,_o,i)&&l.stopPropagation()))},ArrowUp:function(){if(p&&!r&&Uo(l))"data"===i?.type&&(h.onKeyDown?.(l),g({cell:i,locationX:"inView",locationY:"inView"}));else if(null!=i&&(!r||ro(m,n,i))){let e=!1;r||"data"!==i.type||!l.shiftKey||null==y||"multiple"!==d&&"multipleToggle"!==d||(Vo(m,n,m,!0,i,s,y,c,g,d,u),e=!0),e&&!c&&"multipleToggle"!==d||Oo(m,n,i,a,!0,e,g),l.preventDefault()}},ArrowDown:function(){if(p&&!r&&Uo(l))"data"===i?.type&&(h.onKeyDown?.(l),g({cell:i,locationX:"inView",locationY:"inView"}));else if(null!=i&&(!r||ro(m,n,i))){let e=!1;r||"data"!==i.type||!l.shiftKey||null==y||"multiple"!==d&&"multipleToggle"!==d||(Vo(m,n,m,!1,i,s,y,c,g,d,u),e=!0),e&&!c&&"multipleToggle"!==d||Oo(m,n,i,a,!1,e,g),l.preventDefault()}},PageUp:function(){null==i||r&&!ro(m,n,i)||(No(m,b,t,n,i,a,!0,g),l.preventDefault())},PageDown:function(){null==i||r&&!ro(m,n,i)||(No(m,b,t,n,i,a,!1,g),l.preventDefault())},Home:function(){null==i||r&&!ro(m,n,i)||l.preventDefault()},End:function(){null==i||r&&!ro(m,n,i)||l.preventDefault()}};Object.keys(e).includes(l.key)&&e[l.key]()}}),[e,t,n,o,r,s,i,a,c,d,u,y,f,g,h,p]),onKeyUp:l.useCallback((l=>{const s=e.current,a=t.viewportConfig.scrollerRef.current;if(null!=s&&null!=a){const e={" ":function(){null!=i&&(S.current===i.rowKey&&(r||null!=y&&jo(n,yo(s,n,i),!0,y,c,d,u),null!=f&&I.handleRowActionGesture(n,o,f,l.target,oo,_o,i)&&l.stopPropagation()),S.current=void 0)},Enter:function(){null!=i&&S.current===i.rowKey&&"data"===i.type&&(c&&!r&&null!=y&&jo(n,yo(s,n,i),!0,y,c,d,u),null!=f&&I.handleRowActionGesture(n,o,f,l.target,oo,_o,i)&&l.stopPropagation()),S.current=void 0}};Object.keys(e).includes(l.key)&&e[l.key]()}}),[e,t,n,o,r,i,c,d,u,y,f])}}({rootRef:e,viewportInfo:t,listId:o,listData:r,isTabbableMode:V,selectionExtensionElementRef:R,activeCell:O,onActiveCellChanged:N,isDropDownSelection:i,selectionMode:y,selectedKeys:f,onListSelectionChange:T,onItemAction:h,updateDeferredScrollDetail:M,reorderKeyboardProps:F,isReorderEnabled:null!=C}),{pointerHandlingProps:W}=Ho({rootRef:e,listId:o,listData:r,selectionExtensionElementRef:R,activeCell:O,onActiveCellChanged:N,isDropDownSelection:i,selectionMode:y,selectedKeys:f,onListSelectionChange:T,onItemAction:h}),q=function({rootRef:e,viewportInfo:t,listId:n,isLayoutRequired:o,scrollPositionOverride:r}){const s=l.useRef();return l.useLayoutEffect((()=>{const l=e.current,i=t.viewportConfig.scrollerRef.current;s.current===r||null==l||null==i||o||(vo(l,i,t,n,r),s.current=r)})),t.isExternalScroller,{}}({rootRef:e,viewportInfo:t,listId:o,isLayoutRequired:a,scrollPositionOverride:c}),{contextMenuTriggerProps:X,menuProps:z,contextMenuContext:Z}=Ao(e,o,r,b),J=p.mergeProps(_,Y,W,P,X);return l.useImperativeHandle(n,(()=>{const n=e.current,l=t.viewportConfig.scrollerRef.current;return{focus:()=>{if(null!=n){if(null!=U){const e=yo(n,o,U);if(null!=e)return void e.focus()}n.focus()}},getScrollPosition:()=>null==n||null==l||a?{}:Ro(n,l,t,o)}}),[e,t,o,U,a]),{interactionManagerProps:J,scrollHandlingProps:q,onListSelectionChange:T,isShowFocusRing:B,isTabbableMode:V,currentCell:j,currentActiveCell:U,contextMenuContext:Z,menuProps:z,onStartFocusTracking:H,onFocusStartEdge:$,onFocusEndEdge:G,disabledRowInteractionKeys:v,reorderItemProps:A,reorderInstructions:D,reorderInstructionsId:L}}function Yo(){const e=y.classNames([M.sparkleStyles.base]);return t.jsx("div",{class:e})}function Wo({listId:e,isShowFocusRing:n,hasTabIndex:o,isTabbableMode:l,ariaRowIndex:r,renderer:s}){const a=D.useTranslationBundle("@oracle/oraclejet-preact"),c=y.classNames([L.listRowStyles.base]),{classes:d}=i.useComponentTheme(_.ListNoDataRedwoodTheme,{defaultRenderer:null==s?"isDefaultRenderer":"notDefaultRenderer",showFocusRing:n?"isShowFocusRing":"notShowFocusRing"}),u=y.classNames([d]);const f=null!=s?s:function(){return a.collection_noData()};return t.jsx("div",{"aria-rowindex":r,class:c,style:"height:100%;width:100%;",role:"row",children:t.jsx("div",{"aria-colindex":1,class:u,tabIndex:o?0:-1,role:"gridcell","data-oj-cell-type":"noData","data-oj-list-focusable":e,"data-oj-list-nodata":e,children:f({isTabbable:l})})})}const qo=e=>{const t="enabled"===e,n=e instanceof Object,o=t||n&&"enabled"===e?.bottom,l=t||n&&"enabled"===e?.end,r=t||n&&"enabled"===e?.start;return{isTopPadding:t||n&&"enabled"===e?.top,isBottomPadding:o,isStartPadding:r,isEndPadding:l}},Xo=(e,t,n)=>{n&&e.push(t.focused)};function zo(){}function Zo({listId:e,rowData:n,rowKey:o,rowIndex:l,hasTabIndex:r,isSelectionEnabled:s,isSelected:i,isTabbableMode:a,renderer:c=zo,selectorRenderer:d,isHighContrast:u}){const f=y.classNames((({isHighContrast:e})=>[(e?j.listCellStylesHC:j.listCellStyles).base])({isHighContrast:u})),g={data:n,metadata:{key:o},selector:d,isSelected:i,index:l,isTabbable:a};return t.jsx("div",{"aria-colindex":1,class:f,tabIndex:r?0:-1,role:"gridcell","data-oj-cell-type":"data","data-oj-list-focusable":e,"data-oj-list-data":e,...s?i?{"aria-selected":!0}:{"aria-selected":!1}:{},children:c(g)})}function Jo({listId:e,rowKey:n,rowData:o,rowIndex:l,isFinalRow:r,children:s,padding:i,hasTopGridline:a,hasBottomGridline:c,isSelected:d,isPreviousSelected:u,isSelectionEnabled:f,isSingleSelectionEnabled:g,selectedRowKeys:h,isShowFocusRing:p,isActive:S,isTabbableMode:m,isSuggestion:b,variant:w,disabledInteractionKeys:C,onSelectionChange:v,isRtl:R,isHighContrast:T}){const I=D.useTranslationBundle("@oracle/oraclejet-preact"),{interactionProps:E,applyActiveStyle:x,applyHoverStyle:k,applyPseudoHoverStyle:M}=O.useInteractionStyle({disabledKeys:C}),P=y.classNames((({isFinalRowIndex:e,hasTopGridline:t,hasBottomGridline:n,isSelected:o,isPreviousSelected:l,isShowFocusRing:r,isSelectionEnabled:s,isSingleSelection:i,isActive:a,isHover:c,isPseudoHover:d,isHighContrast:u,variant:y,padding:f})=>{const g=u?L.listRowStylesHC:L.listRowStyles,h=[g.base],{isTopPadding:p,isBottomPadding:S,isStartPadding:m,isEndPadding:b}=qo(f);h.push(m?g.startPadding:g.startNoPadding),h.push(b?g.endPadding:g.endNoPadding),Xo(h,g,r),h.push(U.textAlignStyles.start),h.push(U.verticalAlignStyles.center),s&&(a?h.push(g.active):c?h.push(g.hover):d&&h.push(g.pseudoHover)),"highlight"===y&&h.push(g.rowHighlight);let w=!1;return o&&(w=!0,h.push(g.selectedBackground)),i&&(o||l)?(h.push(g.horizontalSelectedGridTop),h.push(p?g.selectedBorderTopPadding:g.selectedBorderTopNoPadding)):t?(h.push(g.horizontalGridTop),h.push(p?g.borderTopPadding:g.borderTopNoPadding)):h.push(p?g.topSpacerPadding:g.topSpacerNoPadding),e?(h.push(g.lastRow),i&&o?(h.push(g.horizontalSelectedGridBottom),h.push(S?g.selectedBorderBottomPadding:g.selectedBorderBottomNoPadding)):n?(h.push(g.horizontalGridBottom),h.push(S?g.borderBottomPadding:g.borderBottomNoPadding)):h.push(S?g.bottomSpacerPadding:g.bottomSpacerNoPadding)):(h.push(g.notLastRow),h.push(S?g.bottomPadding:g.bottomNoPadding)),w||h.push(g.background),h})({isFinalRowIndex:r,hasTopGridline:a,hasBottomGridline:c,isSelected:d,isPreviousSelected:u,isShowFocusRing:p,isSelectionEnabled:f,isSingleSelection:g,isActive:x,isHover:k,isPseudoHover:M,isHighContrast:T,variant:w,padding:i})),F=(l+2).toString(),A=e=>{null!=v&&v({value:e.value,target:e.target},!1)},K={listId:e,rowData:o,rowKey:n,rowIndex:l,isSelectionEnabled:f,isSelected:d,hasTabIndex:S&&!m,isTabbableMode:m,renderer:s,selectorRenderer:f&&!g?()=>t.jsx(N.Selector,{"aria-label":I.collection_selectRow({ROW_NAME:F}),onChange:A,rowKey:n,selectedKeys:h}):void 0,isRtl:R,isHighContrast:T};return t.jsx("div",{"aria-rowindex":l+1,class:P,role:"row","data-oj-key":n,"data-oj-list-row":e,..."number"==typeof n&&{"data-oj-key-type":"number"},...b&&{"data-oj-suggestion":!0},...f&&E,children:t.jsx(Zo,{...K})},n)}const Qo=o.memo(Jo,((e,t)=>!(!e||!t)&&(e.listId===t.listId&&e.rowKey===t.rowKey&&e.rowData===t.rowData&&e.rowIndex===t.rowIndex&&e.isFinalRow===t.isFinalRow&&e.children===t.children&&e.padding===t.padding&&e.hasTopGridline===t.hasTopGridline&&e.hasBottomGridline===t.hasBottomGridline&&e.isSelected===t.isSelected&&e.isPreviousSelected===t.isPreviousSelected&&e.isSelectionEnabled===t.isSelectionEnabled&&e.isSingleSelectionEnabled===t.isSingleSelectionEnabled&&(!(e.isSelectionEnabled&&!e.isSingleSelectionEnabled)||E.isSameKey(e.selectedRowKeys,t.selectedRowKeys))&&e.isShowFocusRing===t.isShowFocusRing&&e.isActive===t.isActive&&e.isTabbableMode===t.isTabbableMode&&e.isSuggestion===t.isSuggestion&&e.variant===t.variant&&e.onSelectionChange===t.onSelectionChange&&e.isRtl===t.isRtl&&e.isHighContrast===t.isHighContrast&&e.disabledInteractionKeys===t.disabledInteractionKeys)));const el=o.memo((function({children:e,dragKey:n,setDragKey:o,rootRef:r,onReorder:s,...i}){const a=l.useRef(null),c={itemOverlayFront:M.reorderableStyles.reorderableItemOverlayFront,itemOverlayRear:M.reorderableStyles.reorderableItemOverlayRear,itemDragger:M.reorderableStyles.reorderableItemDragger},d=`[${oo}='${i.listId}']`,u=l.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(i.rowKey))}),[i.rowKey]),{rootProps:f,isDragged:g,overlayZoneBeforeProps:h,overlayZoneAfterProps:p}=w.useReorderableItem({isDisabled:!s,dragKey:n,setDragKey:o,onReorder:s,rootRef:r,ref:a,getItem:()=>a?.current?.closest(d),setTransferData:u,itemStyles:c,itemSelector:d,isVertical:!0}),S=[];null!=f?.class&&S.push(f.class),S.push(M.reorderableStyles.reorderableItemDnd);const m=y.classNames(S);return t.jsx(Jo,{...i,children:o=>t.jsxs("div",{...f,class:m,children:[e(o),!g&&E.isKeyDefined(n)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{...h}),t.jsx("div",{...p})]})]})})}),((e,t)=>!(!e||!t)&&(e.listId===t.listId&&e.rowKey===t.rowKey&&e.rowData===t.rowData&&e.rowIndex===t.rowIndex&&e.isFinalRow===t.isFinalRow&&e.children===t.children&&e.padding===t.padding&&e.hasTopGridline===t.hasTopGridline&&e.hasBottomGridline===t.hasBottomGridline&&e.isSelected===t.isSelected&&e.isPreviousSelected===t.isPreviousSelected&&e.isSelectionEnabled===t.isSelectionEnabled&&e.isSingleSelectionEnabled===t.isSingleSelectionEnabled&&(!(e.isSelectionEnabled&&!e.isSingleSelectionEnabled)||E.isSameKey(e.selectedRowKeys,t.selectedRowKeys))&&e.isShowFocusRing===t.isShowFocusRing&&e.isActive===t.isActive&&e.isTabbableMode===t.isTabbableMode&&e.isSuggestion===t.isSuggestion&&e.variant===t.variant&&e.onSelectionChange===t.onSelectionChange&&e.isRtl===t.isRtl&&e.isHighContrast===t.isHighContrast&&e.disabledInteractionKeys===t.disabledInteractionKeys&&e.dragKey===t.dragKey&&e.setDragKey===t.setDragKey&&e.onReorder===t.onReorder&&e.rootRef===t.rootRef))),tl=Array.from(["height","width"],(e=>$.dimensionInterpolations[e])),nl=[...Object.values(tl)],ol=G.mergeInterpolations(nl);function ll({...e}){const n=e.isHighContrast?H.listSkeletonStylesHC:H.listSkeletonStyles,o=y.classNames([n.bar]),l=ol({width:"100%",...e});return t.jsx("div",{style:l,class:o})}function rl({listId:e,hasTabIndex:n,isShowFocusRing:o,isLoadMore:l=!1,isHighContrast:r,skeletonRenderer:s}){const i=D.useTranslationBundle("@oracle/oraclejet-preact"),a=r?H.listSkeletonStylesHC:H.listSkeletonStyles,c=[a.cell];o&&c.push(a.focus);const d=y.classNames(c),u=y.classNames([a.innerCell]),f=y.classNames([a.row,a.rowHeight]),g=f,h=t.jsx("div",{style:"width:1px;height:0px;overflow:hidden;",children:i.collection_loading()});return t.jsx("div",{class:K.LOADMORE_STYLE_CLASS,role:"row",children:t.jsx("div",{class:d,role:"gridcell",tabIndex:n?0:-1,"data-oj-cell-type":l?"loadMore":"loading",...l?{"data-oj-list-loadmore":e}:{"data-oj-list-loading":e},"data-oj-list-focusable":e,children:t.jsxs("div",{class:null!=s?void 0:u,children:[h,[...Array(l?3:25)].map(((e,n)=>null!=s?s({loadingStatus:l?"loadMore":"initial",index:n}):t.jsx("div",{class:0===n?g:f,children:t.jsx(ll,{height:"4x",isHighContrast:r})})))]})})})}function sl({viewportInfo:e,listId:n,listData:o,children:r,itemPadding:s,hasItemGridlines:i,hasTopGridline:a,hasBottomGridline:c,isShowFocusRing:d,isTabbableMode:u,hasMore:f,onLoadMore:g,activeCell:h,currentItemKey:p,currentItemVariant:S,selectedKeys:m,isSelectionEnabled:b,isSingleSelectionEnabled:w,disabledInteractionKeys:C,onSelectionChange:v,promotedSection:R,noDataRenderer:T,skeletonRenderer:I,isRtl:x,isHighContrast:k,reorderItemProps:P}){const D=l.useCallback((e=>({index:e.index,data:e.data.data,key:e.data.metadata.key})),[]);let L=!1,_=!1;const O=0===o.length&&f,N=0===o.length&&!f,U=t.jsx(rl,{listId:n,hasTabIndex:O?"loading"===h?.type:"loadMore"===h?.type,isLoadMore:!O,isShowFocusRing:d&&(O?"loading"===h?.type:"loadMore"===h?.type),isHighContrast:k,skeletonRenderer:I}),{name:j}=A.useTheme(),B=y.classNames([M.sparkleStyles.container,"redwood"===j&&F.globalImages]);return N?t.jsx(Wo,{...(()=>{const e="noData"===h?.type;return{listId:n,isShowFocusRing:d&&e,hasTabIndex:e&&!u,isTabbableMode:u,ariaRowIndex:1,renderer:T}})()}):t.jsx(K.LoadMoreCollection,{data:o,loadMoreIndicator:U,suggestions:t.jsx(Yo,{}),suggestionsContainerClasses:B,suggestionCount:R?.count,hasMore:f,onLoadMore:g,viewportConfig:e.viewportConfig,children:e=>{const l=D(e),y=!!R&&R.count>l.index,g=l.key,T=h?.rowKey===g,I=E.containsKey(m,g),M=l.index===o.length-1,F=0===l.index?a:i||!y&&_,A={listId:n,children:r,padding:s,isSuggestion:y,hasTopGridline:F,hasBottomGridline:M&&(f?i:c),isSelected:I,isPreviousSelected:L,disabledInteractionKeys:C,onSelectionChange:v,isSelectionEnabled:b,isSingleSelectionEnabled:w,variant:p===g?S:"none",isShowFocusRing:d&&T,isActive:T,isTabbableMode:u,selectedRowKeys:m,rowIndex:l.index,rowKey:g,rowData:l.data,isFinalRow:M,isRtl:x,isHighContrast:k};return L=I,_=y,null!=P?t.jsx(el,{...A,...P}):t.jsx(Qo,{...A})}})}function il({contextMenuConfig:e,contextMenuContext:n,...o}){const l=D.useTranslationBundle("@oracle/oraclejet-preact"),r=null!=e.accessibleLabel?e.accessibleLabel:l.accContextMenuLabel();return null!=e.itemsRenderer(n)?t.jsx(Y.Menu,{"aria-label":r,...o,children:o.isOpen&&e.itemsRenderer(n)}):t.jsx(t.Fragment,{})}const al={all:!1,keys:new Set},cl=o.forwardRef((function({"aria-label":e,"aria-labelledby":o,"aria-describedby":r,children:p=()=>{},contextMenuConfig:S,viewportConfig:m,data:b,getRowKey:w,hasMore:C=!1,onLoadMore:v=()=>{},currentItemOverride:R,onPersistCurrentItem:T,currentItemVariant:I,itemPadding:E="disabled",itemEnterKeyFocusBehavior:x="focusWithin",gridlines:F={item:"hidden",top:"hidden",bottom:"hidden"},selectionMode:A,selectedKeys:K=al,onSelectionChange:D,onItemAction:L,scrollPositionOverride:_,promotedSection:O,skeletonRenderer:N,noDataRenderer:U,scrollerRef:j,onReorder:B,testId:V},H){const $=a.useId(),G=d.useTestId(V),[Y,W]=l.useState(n.createRef()),q=l.useCallback((e=>{W({current:e})}),[]),{direction:X,forcedColors:z}=u.useUser(),Z="active"===z,J="rtl"===X,Q="embedded"===s.useCollectionInteractionContext(),ee=I??Q?"highlight":"none",{managedData:te,onManagedLoadMore:ne}=h.useDataManager({data:b,getRowKey:w,hasMore:C,onLoadMore:v}),{viewportInfo:oe,scrollerRefCallback:le}=function({viewportConfig:e,externalScrollerAccessRef:t}){const[o,r]=l.useState(n.createRef()),s=l.useCallback((e=>{r({current:e})}),[]);return l.useImperativeHandle(t,(()=>null!=e?{[k.UNSAFE_DOM_ACCESS]:e.scrollerRef.current}:{[k.UNSAFE_DOM_ACCESS]:o.current}),[o,e]),{viewportInfo:l.useMemo((()=>{const t=((e,t)=>t??{scrollerRef:e})(o,e);return{isExternalScroller:null!=e,viewportConfig:t}}),[o,e]),scrollerRefCallback:s}}({viewportConfig:m,externalScrollerAccessRef:j}),re=C?-1:te.length,{interactionManagerProps:se,scrollHandlingProps:ie,onListSelectionChange:ae,isShowFocusRing:ce,isTabbableMode:de,currentCell:ue,currentActiveCell:ye,onStartFocusTracking:fe,onFocusStartEdge:ge,onFocusEndEdge:he,contextMenuContext:pe,menuProps:Se,disabledRowInteractionKeys:me,reorderItemProps:be,reorderInstructions:we,reorderInstructionsId:Ce}=Go({rootRef:Y,viewportInfo:oe,ref:H,listId:$,listData:te,hasMore:C,isEmbedded:Q,isLayoutRequired:!1,scrollPositionOverride:_,currentItemOverride:R,onPersistCurrentItem:T,selectionMode:A,selectedKeys:K,onSelectionChange:D,onItemAction:L,itemEnterKeyFocusBehavior:x,contextMenuConfig:S,onReorder:B}),{classes:ve}=i.useComponentTheme(P.ListRedwoodTheme,{showFocusRing:ce?"isShowFocusRing":"notShowFocusRing",externalScroller:oe.isExternalScroller?"isExternalScroller":"notExternalScroller"}),Re=[M.scrollerStyles.base];oe.isExternalScroller?Re.push(M.scrollerStyles.externalScroller):Re.push(M.scrollerStyles.autoScroll);const Te=y.classNames(Re),Ie=y.classNames([ve]),Ee="visible"===F?.item,xe="visible"===F?.top,ke="visible"===F?.bottom,Me="single"===A||"multiple"===A||"multipleToggle"===A,Pe="multiple"===A||"multipleToggle"===A,{isTabbable:Fe}=l.useContext(c.TabbableModeContext),Ae=null!=B,Ke=null!=r?Ae?`${r} ${Ce}`:r:Ae?Ce:void 0,De=Pe?{"aria-multiselectable":!0}:Me?{"aria-multiselectable":!1}:{};return t.jsxs(t.Fragment,{children:[t.jsx("div",{...G,ref:q,"aria-colcount":1,"aria-label":e,"aria-labelledby":o,"aria-describedby":Ke,"aria-rowcount":re,...De,class:Ie,id:$,role:"grid",tabIndex:null==ye&&Fe?0:-1,...se,children:t.jsx("div",{ref:le,class:Te,role:"rowgroup",tabIndex:-1,...ie,children:t.jsx(g.FocusTracker,{isDisabled:!de,onFocusStartEdge:ge,onFocusEndEdge:he,onStartTracking:fe,children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:de},children:t.jsx(sl,{viewportInfo:oe,listId:$,listData:te,children:p,itemPadding:E,hasItemGridlines:Ee,hasTopGridline:xe,hasBottomGridline:ke,selectedKeys:K,isSelectionEnabled:Me,isSingleSelectionEnabled:"single"===A,activeCell:ye,currentItemKey:"data"===ue?.type?ue.rowKey:void 0,currentItemVariant:ee,isShowFocusRing:ce,isTabbableMode:Fe&&de,hasMore:C,onLoadMore:ne,promotedSection:O,noDataRenderer:U,skeletonRenderer:N,disabledInteractionKeys:me,onSelectionChange:ae,isRtl:J,isHighContrast:Z,reorderItemProps:be})})})})}),Ae&&t.jsx("span",{id:Ce,children:t.jsx(f.HiddenAccessible,{children:we})}),null!=S&&null!=pe&&t.jsx(il,{...Se,contextMenuConfig:S,contextMenuContext:pe})]})}));e.List=cl,Object.defineProperty(e,"__esModule",{value:!0})}));
2
2
  //# sourceMappingURL=PRIVATE_TableList.js.map
@@ -0,0 +1,2 @@
1
+ define(['exports', 'preact/jsx-runtime', './NavigationListLinkItem-161049bb', './Close-36cbae0d', './EmbeddedIconButton-d1472ac1', 'preact/hooks', './useHover-8b8a1496', './useTranslationBundle-e4dd341e'], (function(e,t,a,i,o,n,s,r){"use strict";e.RemovableNavigationListItem=function({itemKey:e,label:l,badge:c,metadata:d,severity:v}){const{selection:u,currentKey:m,onRemove:b}=a.useNavigationListContext(),x=u===e,g=m===e,j=n.useCallback((()=>{b?.({value:e})}),[b,e]),{hoverProps:p,isHover:B}=s.useHover({}),I=r.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{...p,children:t.jsx(a.BaseNavigationListItem,{itemKey:e,label:l,badge:c,metadata:d,severity:v,removeIcon:t.jsx("span",{"data-oj-navigationlist-item-remove-icon":!0,children:t.jsx(o.EmbeddedIconButton,{"aria-label":I.tabBarNavigationList_removeCueText(),size:"xs",onAction:j,children:(B||x||g)&&t.jsx(i.SvgClose,{})})})})})}}));
2
+ //# sourceMappingURL=RemovableNavigationListItem-e298c5de.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"RemovableNavigationListItem-60593d4c.js","sources":["../../src/UNSAFE_NavigationListCommon/RemovableNavigationListItem.tsx"],"sourcesContent":["import { BaseNavigationListItem, BaseNavigationListItemProps } from './BaseNavigationListItem';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { useCallback } from 'preact/hooks';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype RemovableNavigationListItemProps<K extends string | number> = Omit<\n BaseNavigationListItemProps<K>,\n 'removeIcon'\n>;\n\nexport function RemovableNavigationListItem<K extends string | number>({\n itemKey,\n label,\n badge,\n metadata,\n severity\n}: RemovableNavigationListItemProps<K>) {\n const { selection, currentKey, onRemove } = useNavigationListContext();\n const isSelected = selection === itemKey;\n const isCurrent = currentKey === itemKey;\n\n const handleRemove = useCallback(() => {\n onRemove?.({ value: itemKey as K });\n }, [onRemove, itemKey]);\n\n const { hoverProps, isHover } = useHover({});\n\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n //instead of specifying flex: '1 0 auto' in cssProps var\n return (\n <div {...hoverProps}>\n <BaseNavigationListItem\n itemKey={itemKey}\n label={label}\n badge={badge}\n metadata={metadata}\n severity={severity}\n removeIcon={\n <span data-oj-navigationlist-item-remove-icon={true}>\n <EmbeddedIconButton\n aria-label={translations.tabBarNavigationList_removeCueText()}\n size=\"xs\"\n onAction={handleRemove}>\n {(isHover || isSelected || isCurrent) && <Close />}\n </EmbeddedIconButton>\n </span>\n }\n />\n </div>\n );\n}\n"],"names":["itemKey","label","badge","metadata","severity","selection","currentKey","onRemove","useNavigationListContext","isSelected","isCurrent","handleRemove","useCallback","value","hoverProps","isHover","useHover","translations","useTranslationBundle","_jsx","children","jsx","BaseNavigationListItem","removeIcon","EmbeddedIconButton","tabBarNavigationList_removeCueText","size","onAction","Close","SvgClose"],"mappings":"iTAcgB,UAAuDA,QACrEA,EAAOC,MACPA,EAAKC,MACLA,EAAKC,SACLA,EAAQC,SACRA,IAEA,MAAMC,UAAEA,EAASC,WAAEA,EAAUC,SAAEA,GAAaC,EAAwBA,2BAC9DC,EAAaJ,IAAcL,EAC3BU,EAAYJ,IAAeN,EAE3BW,EAAeC,EAAAA,aAAY,KAC/BL,IAAW,CAAEM,MAAOb,GAAe,GAClC,CAACO,EAAUP,KAERc,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,SAAC,CAAE,GAErCC,EAAeC,uBAAiC,4BAGtD,OACEC,MAAA,MAAA,IAASL,EAAUM,SACjBD,EAACE,IAAAC,yBACC,CAAAtB,QAASA,EACTC,MAAOA,EACPC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVmB,WACEJ,yDAA+C,EAAIC,SACjDD,MAACK,EAAAA,mBACa,CAAA,aAAAP,EAAaQ,qCACzBC,KAAK,KACLC,SAAUhB,EACTS,UAACL,GAAWN,GAAcC,IAAcS,EAAAA,IAACS,EAAKC,SAAA,WAO7D"}
1
+ {"version":3,"file":"RemovableNavigationListItem-e298c5de.js","sources":["../../src/UNSAFE_NavigationListCommon/RemovableNavigationListItem.tsx"],"sourcesContent":["import { BaseNavigationListItem, BaseNavigationListItemProps } from './BaseNavigationListItem';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { useCallback } from 'preact/hooks';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype RemovableNavigationListItemProps<K extends string | number> = Omit<\n BaseNavigationListItemProps<K>,\n 'removeIcon'\n>;\n\nexport function RemovableNavigationListItem<K extends string | number>({\n itemKey,\n label,\n badge,\n metadata,\n severity\n}: RemovableNavigationListItemProps<K>) {\n const { selection, currentKey, onRemove } = useNavigationListContext();\n const isSelected = selection === itemKey;\n const isCurrent = currentKey === itemKey;\n\n const handleRemove = useCallback(() => {\n onRemove?.({ value: itemKey as K });\n }, [onRemove, itemKey]);\n\n const { hoverProps, isHover } = useHover({});\n\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n //instead of specifying flex: '1 0 auto' in cssProps var\n return (\n <div {...hoverProps}>\n <BaseNavigationListItem\n itemKey={itemKey}\n label={label}\n badge={badge}\n metadata={metadata}\n severity={severity}\n removeIcon={\n <span data-oj-navigationlist-item-remove-icon={true}>\n <EmbeddedIconButton\n aria-label={translations.tabBarNavigationList_removeCueText()}\n size=\"xs\"\n onAction={handleRemove}>\n {(isHover || isSelected || isCurrent) && <Close />}\n </EmbeddedIconButton>\n </span>\n }\n />\n </div>\n );\n}\n"],"names":["itemKey","label","badge","metadata","severity","selection","currentKey","onRemove","useNavigationListContext","isSelected","isCurrent","handleRemove","useCallback","value","hoverProps","isHover","useHover","translations","useTranslationBundle","_jsx","children","jsx","BaseNavigationListItem","removeIcon","EmbeddedIconButton","tabBarNavigationList_removeCueText","size","onAction","Close","SvgClose"],"mappings":"4QAcgB,UAAuDA,QACrEA,EAAOC,MACPA,EAAKC,MACLA,EAAKC,SACLA,EAAQC,SACRA,IAEA,MAAMC,UAAEA,EAASC,WAAEA,EAAUC,SAAEA,GAAaC,EAAwBA,2BAC9DC,EAAaJ,IAAcL,EAC3BU,EAAYJ,IAAeN,EAE3BW,EAAeC,EAAAA,aAAY,KAC/BL,IAAW,CAAEM,MAAOb,GAAe,GAClC,CAACO,EAAUP,KAERc,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,SAAC,CAAE,GAErCC,EAAeC,uBAAiC,4BAGtD,OACEC,MAAA,MAAA,IAASL,EAAUM,SACjBD,EAACE,IAAAC,yBACC,CAAAtB,QAASA,EACTC,MAAOA,EACPC,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVmB,WACEJ,yDAA+C,EAAIC,SACjDD,MAACK,EAAAA,mBACa,CAAA,aAAAP,EAAaQ,qCACzBC,KAAK,KACLC,SAAUhB,EACTS,UAACL,GAAWN,GAAcC,IAAcS,EAAAA,IAACS,EAAKC,SAAA,WAO7D"}
@@ -0,0 +1,2 @@
1
+ define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-dbefb95b', './TabBar-de723fbc', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-77dc5fa1', './useUser-08901aba', './LayerHost-0b288129', './useReorderableItem-7b4b2c3d', './ReorderableContext-6d10a1b7', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './keys-4755c121', './classNames-08d99695', 'css!./DragAndDropStyles.styles.css', './StyledCheckbox-368fed68', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-0b4ed98b', 'css!./ReorderableItemStyles.styles.css'], (function(e,r,t,s,a,o,l,i,d,n,c,y,b,m,u,f,R,g,x,v,p,I,h){"use strict";const S='[role="tab"]';function j({children:e,dragKey:t,setDragKey:s,onReorder:o,layout:l,rootRef:i,isFirstItem:b,isLastItem:u}){const x=a.useRef(null),v=a.useCallback((()=>x?.current?.querySelector(S)),[]),p=a.useCallback((e=>{e.dataTransfer?.setData("text/tabbar-item-key",c.getKey(v())+"")}),[v]),{direction:I}=y.useUser(),h="rtl"===I,j=d.mergeInterpolations([...Object.values(n.flexitemInterpolations)])({flex:"stretch"===l?"1 0 auto":"0 0 auto"}),{rootProps:D,isDragged:C,overlayZoneBeforeProps:F,overlayZoneAfterProps:K}=m.useReorderableItem({isDisabled:!o,dragKey:t,setDragKey:s,onReorder:o,rootRef:i,ref:x,getItem:v,setTransferData:p,itemStyles:{itemOverlayFront:f.styles.itemOverlayFront,itemOverlayRear:f.styles.itemOverlayRear,itemDragger:f.styles.itemDragger},itemSelector:S}),O=g.classNames([F?.class,!h&&b&&f.styles.itemOverlayFrontFirst,h&&u&&f.styles.itemOverlayFrontFirst]),k=g.classNames([K?.class,!h&&u&&f.styles.itemOverlayRearLast,h&&b&&f.styles.itemOverlayRearLast]);return r.jsxs("div",{...D,draggable:!!o,"data-oj-draggable":o?"":void 0,style:j,children:[e,!C&&R.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...F,class:O}),r.jsx("div",{...K,class:k})]})]})}const D=s.forwardRef((({"aria-label":e,"aria-labelledby":s,children:d,layout:n="stretch",display:c="standard",size:y="md",edge:b="top",selection:f,onSelect:R,onRemove:g,onReorder:x,contextMenuConfig:v,testId:p},I)=>{const h=a.useRef(null),[D,C]=a.useState(void 0),F=t.toChildArray(d),K="stacked"===c?{display:c}:{display:c,size:y},{reorderProps:O,reorderContext:k,reorderInstructionsId:L,reorderStatus:T,reorderInstructions:A}=m.useReorderable({onReorder:x,rootRef:h,itemSelector:S}),B={currentItemKey:k.currentItemKey,onReorder:x};return r.jsxs("div",{ref:h,...O,children:[r.jsx(u.ReorderableContext.Provider,{value:B,children:r.jsx(i.TabBar,{ref:I,"aria-label":e,"aria-labelledby":s,layout:n,edge:b,selection:f,onSelect:R,onRemove:g,testId:p,...K,"aria-describedby":L,contextMenuConfig:v,children:F.map(((e,t)=>r.jsx(j,{dragKey:D,setDragKey:C,onReorder:x,layout:n,rootRef:h,isFirstItem:0===t,isLastItem:t===F.length-1,children:e})))})}),r.jsx("span",{id:L,children:r.jsx(o.HiddenAccessible,{children:A})}),r.jsx(l.LiveRegion,{children:T})]})}));e.ReorderableTabBar=D}));
2
+ //# sourceMappingURL=ReorderableTabBar-0c69bfd4.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ReorderableTabBar-19a503c7.js","sources":["../../src/UNSAFE_ReorderableTabBar/ReorderableTabBarItem.tsx","../../src/UNSAFE_ReorderableTabBar/ReorderableTabBar.tsx"],"sourcesContent":["import { useRef, useCallback } from 'preact/hooks';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string | number> = ReorderableItemProps<K> & {\n layout: 'stretch' | 'condense' | undefined;\n isFirstItem?: boolean;\n isLastItem?: boolean;\n};\n\n/**\n * A private item that will be used by ReorderableTabBar, location TBD (could be moved to PRIVATE_TabBar)\n */\nexport function ReorderableTabBarItem<K extends string | number>({\n children,\n dragKey,\n setDragKey,\n onReorder,\n layout,\n rootRef,\n isFirstItem,\n isLastItem\n}: ReorderableTabBarItem<K>) {\n const tabBarItemRef = useRef<HTMLDivElement | null>(null);\n const getItem = useCallback(\n () => tabBarItemRef?.current?.querySelector(ITEM_SELECTOR) as HTMLElement,\n []\n );\n const setTransferData = useCallback(\n (event: DragEvent) => {\n event.dataTransfer?.setData('text/tabbar-item-key', getKey(getItem()) + '');\n },\n [getItem]\n );\n\n const { direction } = useUser();\n const isRtl = direction === 'rtl';\n\n // Flex dimensions\n const styleInterpolations = mergeInterpolations<FlexitemProps>([\n ...Object.values(flexitemInterpolations)\n ]);\n const flexDimensions = styleInterpolations({\n flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n });\n\n const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n useReorderableItem({\n isDisabled: onReorder ? false : true,\n dragKey,\n setDragKey,\n onReorder,\n rootRef,\n ref: tabBarItemRef,\n getItem,\n setTransferData,\n itemStyles: {\n itemOverlayFront: styles.itemOverlayFront,\n itemOverlayRear: styles.itemOverlayRear,\n itemDragger: styles.itemDragger\n },\n itemSelector: ITEM_SELECTOR\n });\n\n const overlayZoneBeforeClass = classNames([\n overlayZoneBeforeProps?.class,\n // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n !isRtl && isFirstItem && styles.itemOverlayFrontFirst,\n isRtl && isLastItem && styles.itemOverlayFrontFirst\n ]);\n\n const overlayZoneAfterClass = classNames([\n overlayZoneAfterProps?.class,\n // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n !isRtl && isLastItem && styles.itemOverlayRearLast,\n isRtl && isFirstItem && styles.itemOverlayRearLast\n ]);\n\n return (\n <div\n {...rootProps}\n draggable={onReorder ? true : false}\n data-oj-draggable={onReorder ? '' : undefined}\n style={flexDimensions}>\n {children}\n {!isDragged && isKeyDefined(dragKey) && (\n <>\n <div {...overlayZoneBeforeProps} class={overlayZoneBeforeClass}></div>\n <div {...overlayZoneAfterProps} class={overlayZoneAfterClass}></div>\n </>\n )}\n </div>\n );\n}\n","import { toChildArray, Ref, ContextType } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useRef, useState } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { TabBar, TabBarProps } from '../UNSAFE_TabBar';\nimport { ReorderableTabBarItem, ITEM_SELECTOR } from './ReorderableTabBarItem';\nimport { ReorderableContext, useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\n\nexport type ReorderableTabBarProps<K extends string | number> = Omit<\n TabBarProps<K>,\n 'aria-describedby'\n> &\n ReorderProps<K> &\n TestIdProps;\n\ntype TabBarReorderContextProps = ContextType<typeof ReorderableContext>;\n/**\n * A component that allows reordering of tabs within a TabBar.\n */\nexport const ReorderableTabBar = forwardRef(\n <K extends string | number>(\n {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n children,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n onSelect,\n onRemove,\n onReorder,\n contextMenuConfig,\n testId\n }: ReorderableTabBarProps<K>,\n ref: Ref<HTMLDivElement>\n ) => {\n const rootRef = useRef<HTMLDivElement>(null);\n const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n const childrenArray = toChildArray(children);\n\n const displayStackProps = {\n display: display\n };\n const displayNonStackProps = {\n display: display,\n size: size\n };\n const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n\n const {\n reorderProps,\n reorderContext,\n reorderInstructionsId,\n reorderStatus,\n reorderInstructions\n } = useReorderable({\n onReorder,\n rootRef,\n itemSelector: ITEM_SELECTOR\n });\n\n const tabBarReorderContext = {\n currentItemKey: reorderContext.currentItemKey,\n onReorder: onReorder as TabBarReorderContextProps['onReorder']\n };\n\n return (\n <div ref={rootRef} {...reorderProps}>\n <ReorderableContext.Provider value={tabBarReorderContext}>\n <TabBar\n ref={ref}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n layout={layout}\n edge={edge}\n selection={selection}\n onSelect={onSelect}\n onRemove={onRemove}\n testId={testId}\n {...displayProps}\n aria-describedby={reorderInstructionsId}\n contextMenuConfig={contextMenuConfig as TabBarContextMenuConfig<string | number>}>\n {childrenArray.map((child, idx) => {\n return (\n <ReorderableTabBarItem\n dragKey={dragKey}\n setDragKey={setDragKey}\n onReorder={onReorder}\n layout={layout}\n rootRef={rootRef}\n isFirstItem={idx === 0}\n isLastItem={idx === childrenArray.length - 1}>\n {child}\n </ReorderableTabBarItem>\n );\n })}\n </TabBar>\n </ReorderableContext.Provider>\n <span id={reorderInstructionsId}>\n <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n </span>\n <LiveRegion>{reorderStatus}</LiveRegion>\n </div>\n );\n }\n);\n"],"names":["ITEM_SELECTOR","ReorderableTabBarItem","children","dragKey","setDragKey","onReorder","layout","rootRef","isFirstItem","isLastItem","tabBarItemRef","useRef","getItem","useCallback","current","querySelector","setTransferData","event","dataTransfer","setData","getKey","direction","useUser","isRtl","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","itemStyles","itemOverlayFront","styles","itemOverlayRear","itemDragger","itemSelector","overlayZoneBeforeClass","classNames","class","itemOverlayFrontFirst","overlayZoneAfterClass","itemOverlayRearLast","_jsxs","jsxs","draggable","undefined","style","isKeyDefined","_Fragment","_jsx","jsx","ReorderableTabBar","forwardRef","ariaLabel","ariaLabelledby","display","size","edge","selection","onSelect","onRemove","contextMenuConfig","testId","useState","childrenArray","toChildArray","displayProps","reorderProps","reorderContext","reorderInstructionsId","reorderStatus","reorderInstructions","useReorderable","tabBarReorderContext","currentItemKey","ReorderableContext","Provider","value","TabBar","map","child","idx","length","id","HiddenAccessible","LiveRegion"],"mappings":"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"}
1
+ {"version":3,"file":"ReorderableTabBar-0c69bfd4.js","sources":["../../src/UNSAFE_ReorderableTabBar/ReorderableTabBarItem.tsx","../../src/UNSAFE_ReorderableTabBar/ReorderableTabBar.tsx"],"sourcesContent":["import { useRef, useCallback } from 'preact/hooks';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string | number> = ReorderableItemProps<K> & {\n layout: 'stretch' | 'condense' | undefined;\n isFirstItem?: boolean;\n isLastItem?: boolean;\n};\n\n/**\n * A private item that will be used by ReorderableTabBar, location TBD (could be moved to PRIVATE_TabBar)\n */\nexport function ReorderableTabBarItem<K extends string | number>({\n children,\n dragKey,\n setDragKey,\n onReorder,\n layout,\n rootRef,\n isFirstItem,\n isLastItem\n}: ReorderableTabBarItem<K>) {\n const tabBarItemRef = useRef<HTMLDivElement | null>(null);\n const getItem = useCallback(\n () => tabBarItemRef?.current?.querySelector(ITEM_SELECTOR) as HTMLElement,\n []\n );\n const setTransferData = useCallback(\n (event: DragEvent) => {\n event.dataTransfer?.setData('text/tabbar-item-key', getKey(getItem()) + '');\n },\n [getItem]\n );\n\n const { direction } = useUser();\n const isRtl = direction === 'rtl';\n\n // Flex dimensions\n const styleInterpolations = mergeInterpolations<FlexitemProps>([\n ...Object.values(flexitemInterpolations)\n ]);\n const flexDimensions = styleInterpolations({\n flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n });\n\n const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n useReorderableItem({\n isDisabled: onReorder ? false : true,\n dragKey,\n setDragKey,\n onReorder,\n rootRef,\n ref: tabBarItemRef,\n getItem,\n setTransferData,\n itemStyles: {\n itemOverlayFront: styles.itemOverlayFront,\n itemOverlayRear: styles.itemOverlayRear,\n itemDragger: styles.itemDragger\n },\n itemSelector: ITEM_SELECTOR\n });\n\n const overlayZoneBeforeClass = classNames([\n overlayZoneBeforeProps?.class,\n // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n !isRtl && isFirstItem && styles.itemOverlayFrontFirst,\n isRtl && isLastItem && styles.itemOverlayFrontFirst\n ]);\n\n const overlayZoneAfterClass = classNames([\n overlayZoneAfterProps?.class,\n // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n !isRtl && isLastItem && styles.itemOverlayRearLast,\n isRtl && isFirstItem && styles.itemOverlayRearLast\n ]);\n\n return (\n <div\n {...rootProps}\n draggable={onReorder ? true : false}\n data-oj-draggable={onReorder ? '' : undefined}\n style={flexDimensions}>\n {children}\n {!isDragged && isKeyDefined(dragKey) && (\n <>\n <div {...overlayZoneBeforeProps} class={overlayZoneBeforeClass}></div>\n <div {...overlayZoneAfterProps} class={overlayZoneAfterClass}></div>\n </>\n )}\n </div>\n );\n}\n","import { toChildArray, Ref, ContextType } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useRef, useState } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { TabBar, TabBarProps } from '../UNSAFE_TabBar';\nimport { ReorderableTabBarItem, ITEM_SELECTOR } from './ReorderableTabBarItem';\nimport { ReorderableContext, useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\n\nexport type ReorderableTabBarProps<K extends string | number> = Omit<\n TabBarProps<K>,\n 'aria-describedby'\n> &\n ReorderProps<K> &\n TestIdProps;\n\ntype TabBarReorderContextProps = ContextType<typeof ReorderableContext>;\n/**\n * A component that allows reordering of tabs within a TabBar.\n */\nexport const ReorderableTabBar = forwardRef(\n <K extends string | number>(\n {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n children,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n onSelect,\n onRemove,\n onReorder,\n contextMenuConfig,\n testId\n }: ReorderableTabBarProps<K>,\n ref: Ref<HTMLDivElement>\n ) => {\n const rootRef = useRef<HTMLDivElement>(null);\n const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n const childrenArray = toChildArray(children);\n\n const displayStackProps = {\n display: display\n };\n const displayNonStackProps = {\n display: display,\n size: size\n };\n const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n\n const {\n reorderProps,\n reorderContext,\n reorderInstructionsId,\n reorderStatus,\n reorderInstructions\n } = useReorderable({\n onReorder,\n rootRef,\n itemSelector: ITEM_SELECTOR\n });\n\n const tabBarReorderContext = {\n currentItemKey: reorderContext.currentItemKey,\n onReorder: onReorder as TabBarReorderContextProps['onReorder']\n };\n\n return (\n <div ref={rootRef} {...reorderProps}>\n <ReorderableContext.Provider value={tabBarReorderContext}>\n <TabBar\n ref={ref}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n layout={layout}\n edge={edge}\n selection={selection}\n onSelect={onSelect}\n onRemove={onRemove}\n testId={testId}\n {...displayProps}\n aria-describedby={reorderInstructionsId}\n contextMenuConfig={contextMenuConfig as TabBarContextMenuConfig<string | number>}>\n {childrenArray.map((child, idx) => {\n return (\n <ReorderableTabBarItem\n dragKey={dragKey}\n setDragKey={setDragKey}\n onReorder={onReorder}\n layout={layout}\n rootRef={rootRef}\n isFirstItem={idx === 0}\n isLastItem={idx === childrenArray.length - 1}>\n {child}\n </ReorderableTabBarItem>\n );\n })}\n </TabBar>\n </ReorderableContext.Provider>\n <span id={reorderInstructionsId}>\n <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n </span>\n <LiveRegion>{reorderStatus}</LiveRegion>\n </div>\n );\n }\n);\n"],"names":["ITEM_SELECTOR","ReorderableTabBarItem","children","dragKey","setDragKey","onReorder","layout","rootRef","isFirstItem","isLastItem","tabBarItemRef","useRef","getItem","useCallback","current","querySelector","setTransferData","event","dataTransfer","setData","getKey","direction","useUser","isRtl","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","itemStyles","itemOverlayFront","styles","itemOverlayRear","itemDragger","itemSelector","overlayZoneBeforeClass","classNames","class","itemOverlayFrontFirst","overlayZoneAfterClass","itemOverlayRearLast","_jsxs","jsxs","draggable","undefined","style","isKeyDefined","_Fragment","_jsx","jsx","ReorderableTabBar","forwardRef","ariaLabel","ariaLabelledby","display","size","edge","selection","onSelect","onRemove","contextMenuConfig","testId","useState","childrenArray","toChildArray","displayProps","reorderProps","reorderContext","reorderInstructionsId","reorderStatus","reorderInstructions","useReorderable","tabBarReorderContext","currentItemKey","ReorderableContext","Provider","value","TabBar","map","child","idx","length","id","HiddenAccessible","LiveRegion"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './MarkersWithLabel-2960e007', './dataStyleUtils-1a157bd8', './useUser-08901aba', './colorUtils-1c8d0c00', './accUtils-7e057eef', './ReferenceLineArea-450530dd', 'preact/compat', './Chart-57965de4'], (function(e,t,i,n,r,s,a,o,d,l,g){"use strict";const h=l.forwardRef((({width:e,height:o,selectedIds:l=[],hiddenIds:h=[],highlightedIds:c,hideAndShowBehavior:f="none",orientation:x="vertical",yAxis:I,series:u,groups:m,getDataItem:p,selectionMode:S="none",drilling:y="off",dataLabelEffect:v="outline",...A},C)=>{const{direction:b,forcedColors:D}=s.useUser(),L="active"===D,T=void 0!==A.testId,w="rtl"===b,M="log"===I?.scale,E=A.xAxis?.timeAxisType,R=new Set(h),k=new Set(l),U=new Set(c),W="horizontal"===x,j=a.getColorRamp(),F=i.getSeriesData(u?.length,m?.length,p,R,M),z=(e,t)=>p(e,t),N=i.getMarkers();return t.jsx(g.Chart,{ref:C,width:e,height:o,selectedIds:k,hiddenIds:h,hideAndShowBehavior:f,orientation:x,yAxis:I,series:u,groups:m,overview:"off",defaultOverviewContentRenderer:()=>null,selectionMode:S,drilling:y,getDataItem:p,findNearest:(e,t)=>i.findNearestDataPoint(u,m,e,t,z,!1,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),M,0,R,E),getDataItemPos:(e,t)=>(i,n)=>{const r=F[i][n];if(null==r?.x&&r?.y)return;return{x:e.transform(r?.x),y:t.transform(r?.y),height:0,width:0}},getMarkerInfo:(e,t)=>({color:r.getItemColor(e,t,u,p),type:r.getMarkerType(e,t,p)}),renderGridLinesInFront:!1,isDataXAxis:!0,getNavUtil:(e,t)=>r.getLineAreaChartNavUtil(p,u.length,e,t,!1,w,W),getGapRatio:()=>1,getStartAndEndAxesOffset:()=>({startOffset:0,endOffset:0}),isRtl:w,...A,children:({xStartIndex:e,xEndIndex:r,xScale:s,yScale:a,activeId:o,focusedItemInfo:l,hoveredItemInfo:g,isPointInsideMarquee:h,defaultFontSize:f,getTextDimensions:I,axisStepWidth:C,getItemAriaLabel:b})=>t.jsx(t.Fragment,{children:F.map(((D,R)=>{if(0===D.length)return;const F=u[R],O=F.lineType&&"none"!==F.lineType,P=i.getLineAreaSegments(a,s,D,e,r,M,m,R,z,E,!0),H=void 0===c||0===c.length||U.has(F.id);return t.jsxs(t.Fragment,{children:[O&&t.jsx(d.LineSeries,{lineType:F.lineType,lineColor:F.lineColor,lineWidth:F.lineWidth,lineStyle:F.lineStyle,color:F.lineColor||j[R%j.length],lineSegmentCoords:P,isHorizontal:W,isHighlighted:H,seriesIndex:R,groupWidth:C,isRtl:w,timeAxisType:E}),t.jsx(n.MarkersWithLabel,{yScale:a,xScale:s,groups:m,series:F,timeAxisType:E,color:F.lineColor||j[R%j.length],seriesIndex:R,startIndex:e,endIndex:r,markerType:N[R%N.length],orientation:x,isLog:M,activeId:o,getDataItem:p,isPointInsideMarquee:h,selectedIds:k,highlightedIds:void 0!==c?U:void 0,focusedItemIndex:l.seriesIndex!==R||!l.isFocusVisible||A.isDataCursorEnabled&&A.dataCursorStyle?.isMarkerDisplayed?void 0:l.groupIndex,hoveredItemIndex:g?.isCurrent&&g.seriesIndex===R?g.groupIndex:void 0,isSelectionEnabled:"single"===S||"multiple"===S,isDrillEnabled:"on"===y,defaultFontSize:f,dataLabelEffect:v,isHighContrast:L,isTestEnv:T,isDataXAxis:!0,getItemAriaLabel:b,getTextDimensions:I,isRtl:w})]})}))})})}));e.ScatterChart=h}));
2
- //# sourceMappingURL=ScatterChart-6427e7ec.js.map
1
+ define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './MarkersWithLabel-2960e007', './dataStyleUtils-1a157bd8', './useUser-08901aba', './colorUtils-1c8d0c00', './accUtils-7e057eef', './ReferenceLineArea-450530dd', 'preact/compat', './Chart-d9eafc7a'], (function(e,t,i,n,r,s,a,o,d,l,g){"use strict";const h=l.forwardRef((({width:e,height:o,selectedIds:l=[],hiddenIds:h=[],highlightedIds:c,hideAndShowBehavior:f="none",orientation:x="vertical",yAxis:I,series:u,groups:m,getDataItem:p,selectionMode:S="none",drilling:y="off",dataLabelEffect:v="outline",...A},C)=>{const{direction:b,forcedColors:D}=s.useUser(),L="active"===D,T=void 0!==A.testId,w="rtl"===b,M="log"===I?.scale,E=A.xAxis?.timeAxisType,R=new Set(h),k=new Set(l),U=new Set(c),W="horizontal"===x,j=a.getColorRamp(),F=i.getSeriesData(u?.length,m?.length,p,R,M),z=(e,t)=>p(e,t),N=i.getMarkers();return t.jsx(g.Chart,{ref:C,width:e,height:o,selectedIds:k,hiddenIds:h,hideAndShowBehavior:f,orientation:x,yAxis:I,series:u,groups:m,overview:"off",defaultOverviewContentRenderer:()=>null,selectionMode:S,drilling:y,getDataItem:p,findNearest:(e,t)=>i.findNearestDataPoint(u,m,e,t,z,!1,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),M,0,R,E),getDataItemPos:(e,t)=>(i,n)=>{const r=F[i][n];if(null==r?.x&&r?.y)return;return{x:e.transform(r?.x),y:t.transform(r?.y),height:0,width:0}},getMarkerInfo:(e,t)=>({color:r.getItemColor(e,t,u,p),type:r.getMarkerType(e,t,p)}),renderGridLinesInFront:!1,isDataXAxis:!0,getNavUtil:(e,t)=>r.getLineAreaChartNavUtil(p,u.length,e,t,!1,w,W),getGapRatio:()=>1,getStartAndEndAxesOffset:()=>({startOffset:0,endOffset:0}),isRtl:w,...A,children:({xStartIndex:e,xEndIndex:r,xScale:s,yScale:a,activeId:o,focusedItemInfo:l,hoveredItemInfo:g,isPointInsideMarquee:h,defaultFontSize:f,getTextDimensions:I,axisStepWidth:C,getItemAriaLabel:b})=>t.jsx(t.Fragment,{children:F.map(((D,R)=>{if(0===D.length)return;const F=u[R],O=F.lineType&&"none"!==F.lineType,P=i.getLineAreaSegments(a,s,D,e,r,M,m,R,z,E,!0),H=void 0===c||0===c.length||U.has(F.id);return t.jsxs(t.Fragment,{children:[O&&t.jsx(d.LineSeries,{lineType:F.lineType,lineColor:F.lineColor,lineWidth:F.lineWidth,lineStyle:F.lineStyle,color:F.lineColor||j[R%j.length],lineSegmentCoords:P,isHorizontal:W,isHighlighted:H,seriesIndex:R,groupWidth:C,isRtl:w,timeAxisType:E}),t.jsx(n.MarkersWithLabel,{yScale:a,xScale:s,groups:m,series:F,timeAxisType:E,color:F.lineColor||j[R%j.length],seriesIndex:R,startIndex:e,endIndex:r,markerType:N[R%N.length],orientation:x,isLog:M,activeId:o,getDataItem:p,isPointInsideMarquee:h,selectedIds:k,highlightedIds:void 0!==c?U:void 0,focusedItemIndex:l.seriesIndex!==R||!l.isFocusVisible||A.isDataCursorEnabled&&A.dataCursorStyle?.isMarkerDisplayed?void 0:l.groupIndex,hoveredItemIndex:g?.isCurrent&&g.seriesIndex===R?g.groupIndex:void 0,isSelectionEnabled:"single"===S||"multiple"===S,isDrillEnabled:"on"===y,defaultFontSize:f,dataLabelEffect:v,isHighContrast:L,isTestEnv:T,isDataXAxis:!0,getItemAriaLabel:b,getTextDimensions:I,isRtl:w})]})}))})})}));e.ScatterChart=h}));
2
+ //# sourceMappingURL=ScatterChart-7bd0f601.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ScatterChart-6427e7ec.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps, SizeHandle } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { forwardRef, Ref } from 'preact/compat';\nimport { VNode } from 'preact';\n\nexport type ForwardRefScatterChart = <K extends string | number, D extends ScatterItem<K>>(\n props: ScatterChartProps<K, D> & {\n ref?: Ref<SizeHandle>;\n }\n) => VNode | null;\n\n/**\n * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n */\nexport const ScatterChart = forwardRef(\n <K extends string | number, D extends ScatterItem<K>>(\n {\n width,\n height,\n selectedIds = [],\n hiddenIds = [],\n highlightedIds,\n hideAndShowBehavior = 'none',\n orientation = 'vertical',\n yAxis,\n series,\n groups,\n getDataItem,\n selectionMode = 'none',\n drilling = 'off',\n dataLabelEffect = 'outline',\n ...props\n }: ScatterChartProps<K, D>,\n ref: Ref<SizeHandle>\n ) => {\n const { direction, forcedColors } = useUser();\n const isHighContrast = forcedColors === 'active';\n const isTestEnv = props.testId !== undefined;\n const isRtl = direction === 'rtl';\n const isLog = yAxis?.scale === 'log';\n const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n const hiddenSet = new Set(hiddenIds);\n const selectedSet = new Set(selectedIds);\n const highlightedSet = new Set(highlightedIds);\n const isHoriz = orientation === 'horizontal';\n const colors = getColorRamp();\n const renderedSeries = getSeriesData<K, D>(\n series?.length,\n groups?.length,\n getDataItem,\n hiddenSet,\n isLog\n );\n\n const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined =>\n getDataItem(seriesIndex, groupIndex);\n\n const getGapRatio = () => {\n return 1;\n };\n\n const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n // TODO: JET-71301\n return getLineAreaChartNavUtil<D>(\n getDataItem,\n series.length,\n startIndex,\n endIndex,\n false,\n isRtl,\n isHoriz\n );\n };\n\n const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n return (seriesIndex: number, groupIndex: number) => {\n // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n // TODO: JET-71332\n const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n if (item?.x == null && item?.y) {\n return;\n }\n const x = xScale.transform(item?.x!);\n const y = yScale.transform(item?.y!);\n return { x, y, height: 0, width: 0 };\n };\n };\n\n const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n return {\n color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n };\n };\n\n const findNearest = (xScale: Scale, yScale: Scale) => {\n const getSeriesDataInfo = () => {\n return {\n offset: 0,\n dataWidth: 0\n };\n };\n\n const getYCoord = (value: number, yScale: Scale) => {\n return yScale.transform(value);\n };\n\n return findNearestDataPoint<K, D>(\n series,\n groups,\n xScale,\n yScale,\n renderedGetDataItem,\n false,\n getSeriesDataInfo,\n getYCoord,\n isLog,\n 0,\n hiddenSet,\n timeAxisType\n );\n };\n const markers = getMarkers();\n const getOffset = () => {\n return { startOffset: 0, endOffset: 0 };\n };\n return (\n <Chart\n ref={ref}\n width={width}\n height={height}\n selectedIds={selectedSet}\n hiddenIds={hiddenIds}\n hideAndShowBehavior={hideAndShowBehavior}\n orientation={orientation}\n yAxis={yAxis}\n series={series}\n groups={groups}\n overview=\"off\"\n defaultOverviewContentRenderer={() => null}\n selectionMode={selectionMode}\n drilling={drilling}\n getDataItem={getDataItem}\n findNearest={findNearest}\n getDataItemPos={getDataItemPos}\n getMarkerInfo={getMarkerColorAndType}\n renderGridLinesInFront={false}\n isDataXAxis={true}\n getNavUtil={getNextChartItemFunc}\n getGapRatio={getGapRatio}\n getStartAndEndAxesOffset={getOffset}\n isRtl={isRtl}\n {...props}>\n {({\n xStartIndex,\n xEndIndex,\n xScale,\n yScale,\n activeId,\n focusedItemInfo,\n hoveredItemInfo,\n isPointInsideMarquee,\n defaultFontSize,\n getTextDimensions,\n axisStepWidth,\n getItemAriaLabel\n }) => {\n return (\n <>\n {renderedSeries.map((lineAreaSeries, index) => {\n if (lineAreaSeries.length === 0) {\n /* TODO: need a better way to handle when a series is hidden. */\n return;\n }\n const seriesItem = series[index];\n const isLineRendered = seriesItem.lineType && seriesItem.lineType !== 'none';\n const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n yScale,\n xScale,\n lineAreaSeries,\n xStartIndex,\n xEndIndex,\n isLog,\n groups,\n index,\n renderedGetDataItem,\n timeAxisType,\n true\n );\n\n const isHighlighted =\n highlightedIds === undefined ||\n highlightedIds.length === 0 ||\n highlightedSet.has(seriesItem.id);\n\n return (\n <>\n {isLineRendered && (\n <LineSeries\n lineType={seriesItem.lineType}\n /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n It's always white in legacy.*/\n lineColor={seriesItem.lineColor}\n /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n generates this curve.\n */\n lineWidth={seriesItem.lineWidth}\n lineStyle={seriesItem.lineStyle}\n color={seriesItem.lineColor || colors[index % colors.length]}\n lineSegmentCoords={lineSegmentCoords}\n isHorizontal={isHoriz}\n isHighlighted={isHighlighted}\n seriesIndex={index}\n groupWidth={axisStepWidth}\n isRtl={isRtl}\n timeAxisType={timeAxisType}\n />\n )}\n <MarkersWithLabel\n yScale={yScale}\n xScale={xScale}\n groups={groups}\n series={seriesItem}\n timeAxisType={timeAxisType}\n color={\n seriesItem.lineColor ||\n colors[\n index % colors.length\n ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n }\n seriesIndex={index}\n startIndex={xStartIndex}\n endIndex={xEndIndex}\n markerType={markers[index % markers.length]}\n orientation={orientation}\n isLog={isLog}\n activeId={activeId}\n getDataItem={getDataItem}\n isPointInsideMarquee={isPointInsideMarquee}\n selectedIds={selectedSet}\n highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n focusedItemIndex={\n focusedItemInfo.seriesIndex === index &&\n focusedItemInfo.isFocusVisible &&\n !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n ? focusedItemInfo.groupIndex\n : undefined\n }\n hoveredItemIndex={\n hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n ? hoveredItemInfo.groupIndex\n : undefined\n }\n isSelectionEnabled={\n selectionMode === 'single' || selectionMode === 'multiple'\n }\n isDrillEnabled={drilling === 'on'}\n defaultFontSize={defaultFontSize}\n dataLabelEffect={dataLabelEffect}\n isHighContrast={isHighContrast}\n isTestEnv={isTestEnv}\n isDataXAxis={true}\n getItemAriaLabel={getItemAriaLabel}\n getTextDimensions={getTextDimensions}\n isRtl={isRtl}\n />\n </>\n );\n })}\n </>\n );\n }}\n </Chart>\n );\n }\n) as ForwardRefScatterChart;\n"],"names":["ScatterChart","forwardRef","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","getDataItem","selectionMode","drilling","dataLabelEffect","props","ref","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","markers","getMarkers","_jsx","Chart","overview","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","value","transform","getDataItemPos","item","x","y","getMarkerInfo","color","getItemColor","type","getMarkerType","renderGridLinesInFront","isDataXAxis","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","getStartAndEndAxesOffset","startOffset","endOffset","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","axisStepWidth","getItemAriaLabel","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineType","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","groupWidth","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}
1
+ {"version":3,"file":"ScatterChart-7bd0f601.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps, SizeHandle } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { forwardRef, Ref } from 'preact/compat';\nimport { VNode } from 'preact';\n\nexport type ForwardRefScatterChart = <K extends string | number, D extends ScatterItem<K>>(\n props: ScatterChartProps<K, D> & {\n ref?: Ref<SizeHandle>;\n }\n) => VNode | null;\n\n/**\n * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n */\nexport const ScatterChart = forwardRef(\n <K extends string | number, D extends ScatterItem<K>>(\n {\n width,\n height,\n selectedIds = [],\n hiddenIds = [],\n highlightedIds,\n hideAndShowBehavior = 'none',\n orientation = 'vertical',\n yAxis,\n series,\n groups,\n getDataItem,\n selectionMode = 'none',\n drilling = 'off',\n dataLabelEffect = 'outline',\n ...props\n }: ScatterChartProps<K, D>,\n ref: Ref<SizeHandle>\n ) => {\n const { direction, forcedColors } = useUser();\n const isHighContrast = forcedColors === 'active';\n const isTestEnv = props.testId !== undefined;\n const isRtl = direction === 'rtl';\n const isLog = yAxis?.scale === 'log';\n const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n const hiddenSet = new Set(hiddenIds);\n const selectedSet = new Set(selectedIds);\n const highlightedSet = new Set(highlightedIds);\n const isHoriz = orientation === 'horizontal';\n const colors = getColorRamp();\n const renderedSeries = getSeriesData<K, D>(\n series?.length,\n groups?.length,\n getDataItem,\n hiddenSet,\n isLog\n );\n\n const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined =>\n getDataItem(seriesIndex, groupIndex);\n\n const getGapRatio = () => {\n return 1;\n };\n\n const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n // TODO: JET-71301\n return getLineAreaChartNavUtil<D>(\n getDataItem,\n series.length,\n startIndex,\n endIndex,\n false,\n isRtl,\n isHoriz\n );\n };\n\n const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n return (seriesIndex: number, groupIndex: number) => {\n // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n // TODO: JET-71332\n const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n if (item?.x == null && item?.y) {\n return;\n }\n const x = xScale.transform(item?.x!);\n const y = yScale.transform(item?.y!);\n return { x, y, height: 0, width: 0 };\n };\n };\n\n const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n return {\n color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n };\n };\n\n const findNearest = (xScale: Scale, yScale: Scale) => {\n const getSeriesDataInfo = () => {\n return {\n offset: 0,\n dataWidth: 0\n };\n };\n\n const getYCoord = (value: number, yScale: Scale) => {\n return yScale.transform(value);\n };\n\n return findNearestDataPoint<K, D>(\n series,\n groups,\n xScale,\n yScale,\n renderedGetDataItem,\n false,\n getSeriesDataInfo,\n getYCoord,\n isLog,\n 0,\n hiddenSet,\n timeAxisType\n );\n };\n const markers = getMarkers();\n const getOffset = () => {\n return { startOffset: 0, endOffset: 0 };\n };\n return (\n <Chart\n ref={ref}\n width={width}\n height={height}\n selectedIds={selectedSet}\n hiddenIds={hiddenIds}\n hideAndShowBehavior={hideAndShowBehavior}\n orientation={orientation}\n yAxis={yAxis}\n series={series}\n groups={groups}\n overview=\"off\"\n defaultOverviewContentRenderer={() => null}\n selectionMode={selectionMode}\n drilling={drilling}\n getDataItem={getDataItem}\n findNearest={findNearest}\n getDataItemPos={getDataItemPos}\n getMarkerInfo={getMarkerColorAndType}\n renderGridLinesInFront={false}\n isDataXAxis={true}\n getNavUtil={getNextChartItemFunc}\n getGapRatio={getGapRatio}\n getStartAndEndAxesOffset={getOffset}\n isRtl={isRtl}\n {...props}>\n {({\n xStartIndex,\n xEndIndex,\n xScale,\n yScale,\n activeId,\n focusedItemInfo,\n hoveredItemInfo,\n isPointInsideMarquee,\n defaultFontSize,\n getTextDimensions,\n axisStepWidth,\n getItemAriaLabel\n }) => {\n return (\n <>\n {renderedSeries.map((lineAreaSeries, index) => {\n if (lineAreaSeries.length === 0) {\n /* TODO: need a better way to handle when a series is hidden. */\n return;\n }\n const seriesItem = series[index];\n const isLineRendered = seriesItem.lineType && seriesItem.lineType !== 'none';\n const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n yScale,\n xScale,\n lineAreaSeries,\n xStartIndex,\n xEndIndex,\n isLog,\n groups,\n index,\n renderedGetDataItem,\n timeAxisType,\n true\n );\n\n const isHighlighted =\n highlightedIds === undefined ||\n highlightedIds.length === 0 ||\n highlightedSet.has(seriesItem.id);\n\n return (\n <>\n {isLineRendered && (\n <LineSeries\n lineType={seriesItem.lineType}\n /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n It's always white in legacy.*/\n lineColor={seriesItem.lineColor}\n /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n generates this curve.\n */\n lineWidth={seriesItem.lineWidth}\n lineStyle={seriesItem.lineStyle}\n color={seriesItem.lineColor || colors[index % colors.length]}\n lineSegmentCoords={lineSegmentCoords}\n isHorizontal={isHoriz}\n isHighlighted={isHighlighted}\n seriesIndex={index}\n groupWidth={axisStepWidth}\n isRtl={isRtl}\n timeAxisType={timeAxisType}\n />\n )}\n <MarkersWithLabel\n yScale={yScale}\n xScale={xScale}\n groups={groups}\n series={seriesItem}\n timeAxisType={timeAxisType}\n color={\n seriesItem.lineColor ||\n colors[\n index % colors.length\n ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n }\n seriesIndex={index}\n startIndex={xStartIndex}\n endIndex={xEndIndex}\n markerType={markers[index % markers.length]}\n orientation={orientation}\n isLog={isLog}\n activeId={activeId}\n getDataItem={getDataItem}\n isPointInsideMarquee={isPointInsideMarquee}\n selectedIds={selectedSet}\n highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n focusedItemIndex={\n focusedItemInfo.seriesIndex === index &&\n focusedItemInfo.isFocusVisible &&\n !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n ? focusedItemInfo.groupIndex\n : undefined\n }\n hoveredItemIndex={\n hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n ? hoveredItemInfo.groupIndex\n : undefined\n }\n isSelectionEnabled={\n selectionMode === 'single' || selectionMode === 'multiple'\n }\n isDrillEnabled={drilling === 'on'}\n defaultFontSize={defaultFontSize}\n dataLabelEffect={dataLabelEffect}\n isHighContrast={isHighContrast}\n isTestEnv={isTestEnv}\n isDataXAxis={true}\n getItemAriaLabel={getItemAriaLabel}\n getTextDimensions={getTextDimensions}\n isRtl={isRtl}\n />\n </>\n );\n })}\n </>\n );\n }}\n </Chart>\n );\n }\n) as ForwardRefScatterChart;\n"],"names":["ScatterChart","forwardRef","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","getDataItem","selectionMode","drilling","dataLabelEffect","props","ref","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","markers","getMarkers","_jsx","Chart","overview","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","value","transform","getDataItemPos","item","x","y","getMarkerInfo","color","getItemColor","type","getMarkerType","renderGridLinesInFront","isDataXAxis","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","getStartAndEndAxesOffset","startOffset","endOffset","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","axisStepWidth","getItemAriaLabel","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineType","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","groupWidth","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ define(['exports', 'preact/jsx-runtime', './HiddenAccessible-037ef42d', './LiveRegion-dbefb95b', 'preact/hooks', './LayerHost-0b288129', 'preact/compat', './UNSAFE_Text/themes/TextStyles.css', './Flex-4b81b412', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-95c0c920', './boxalignment-8d80de7e', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', 'css!./BadgeStyles.styles.css', 'module', './UNSAFE_Badge/themes/redwood/BadgeVariants.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './TabbableModeContext-a9c97640', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './BaseButton-5a0ad529', './ButtonLabelLayout-6464870c', './Floating-c3558e44', 'css!./LayerStyles.styles.css', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-1d02491d', 'css!./OverflowTabBarItemStyles.styles.css', './TabBarLayout-4eb6c732', './StyledCheckbox-368fed68', 'css!./SelectorStyles.styles.css', './UNSAFE_TabBar/themes/TabBarStyles.css', './useTabBar-b05edef0', './TabBarContextMenu-6a167e27'], (function(e,t,s,a,o,n,l,r,c,d,i,b,y,x,B,u,m,T,h,S,p,C,f,g,F,U,A,M,j,v,w,E,I,L,N,_,k,R,H,P,V,z,D,$,O){"use strict";const q=l.forwardRef((({children:e,layout:o="stretch",display:n="standard",size:l="md",edge:r="top",selection:c,onSelect:i,onRemove:b,"aria-describedby":y,"aria-label":x,"aria-labelledby":B,contextMenuConfig:u},m)=>{const T=m,{rootProps:h,tabBarContext:S,menuProps:p,contextMenuContext:C,contextMenuDescription:f,contextMenuDescriptionId:g,accStatusInfo:F}=$.useTabBar({class:D.styles.tabBarBase,edge:r,onRemove:b,onSelect:i,ref:T,selection:c,size:l,children:e,contextMenuConfig:u}),U=null!=u;return t.jsxs(t.Fragment,{children:[t.jsx(d.TabBarContext.Provider,{value:S,children:t.jsx("div",{...h,"aria-label":x,"aria-labelledby":B,"aria-haspopup":null!=u,"aria-describedby":U&&g?y?`${y} ${g}`:g:y,children:t.jsx(P.TabBarLayout,{layout:o,display:n,children:e})})}),U&&g&&t.jsx("span",{id:g,children:t.jsx(s.HiddenAccessible,{children:f})}),U&&F&&t.jsx(a.LiveRegion,{children:F}),U&&t.jsx(O.TabBarContextMenu,{...p,contextMenuConfig:u,contextMenuContext:C})]})}));e.TabBar=q}));
2
+ //# sourceMappingURL=TabBar-de723fbc.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabBar-92bac52f.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n TabBarItem,\n RemovableTabBarItem,\n OverflowTabBarItem,\n TabBarContext,\n useTabBarContext,\n TabBarLayout,\n useProgressiveTruncation,\n TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n value: K;\n};\n\ntype DisplayProps =\n | {\n /**\n * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n *'icons' hides the label,\n */\n display?: 'standard' | 'icons';\n /**\n * The size indicates how tall the TabBarItem is rendered.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n */\n size?: 'md' | 'lg';\n }\n | {\n /**\n *'stacked' stacks the icon on top of the label.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n */\n display?: 'stacked';\n size?: 'never';\n };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n /**\n * A set of TabBarItem(s) that TabBar will hold\n */\n children: ComponentChildren;\n /**\n * Whether to stretch the tab bar items to occupy available space or to condense items\n */\n layout?: 'stretch' | 'condense';\n /**\n * The position of the TabBar. Valid Values: top and bottom.\n * 'top' is used when TabBar is placed on top of content section and the selection\n * indicator would be placed below the TabBarItem.\n * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n * indicator would be placed above the TabBarItem.\n */\n edge?: 'top' | 'bottom';\n /**\n * Key of the selected item.\n */\n selection?: K;\n /**\n * Callback function to handle when user selects a tab.\n * The callback is also invoked when a user selects a tab that is already selected.\n */\n onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n /**\n * Callback function to handle remove\n */\n onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n /**\n * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n */\n 'aria-describedby'?: string;\n /**\n * An aria-label which defines a string value that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n */\n 'aria-label'?: string;\n\n /**\n * An aria-labelledby which identifies the element(s) that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n */\n 'aria-labelledby'?: string;\n\n /**\n * Configuration used to specify a context menu.\n */\n contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n <K extends string | number>(\n {\n children,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n onSelect,\n onRemove,\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n contextMenuConfig\n }: TabBarProps<K> & TestIdProps,\n ref?: Ref<HTMLDivElement>\n ) => {\n const rootRef = ref as RefObject<HTMLDivElement>;\n\n const {\n rootProps,\n tabBarContext,\n menuProps,\n contextMenuContext,\n contextMenuDescription,\n contextMenuDescriptionId,\n accStatusInfo\n } = useTabBar({\n class: styles.tabBarBase,\n edge: edge,\n onRemove,\n onSelect,\n ref: rootRef,\n selection,\n size,\n children,\n contextMenuConfig\n });\n\n const isContextMenuAvailable = contextMenuConfig != null;\n\n return (\n <>\n <TabBarContext.Provider value={tabBarContext}>\n <div\n {...rootProps}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-haspopup={contextMenuConfig != null ? true : false}\n aria-describedby={\n isContextMenuAvailable && contextMenuDescriptionId\n ? ariaDescribedBy\n ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n : contextMenuDescriptionId\n : ariaDescribedBy\n }>\n <TabBarLayout layout={layout} display={display}>\n {children}\n </TabBarLayout>\n </div>\n </TabBarContext.Provider>\n {isContextMenuAvailable && contextMenuDescriptionId && (\n <span id={contextMenuDescriptionId}>\n <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n </span>\n )}\n {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n {isContextMenuAvailable && (\n <TabBarContextMenu\n {...menuProps}\n contextMenuConfig={contextMenuConfig}\n contextMenuContext={contextMenuContext!}\n />\n )}\n </>\n );\n }\n);\n"],"names":["TabBar","forwardRef","children","layout","display","size","edge","selection","onSelect","onRemove","ariaDescribedBy","ariaLabel","ariaLabelledby","contextMenuConfig","ref","rootRef","rootProps","tabBarContext","menuProps","contextMenuContext","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","useTabBar","class","styles","tabBarBase","isContextMenuAvailable","_jsxs","jsxs","_Fragment","Fragment","_jsx","TabBarContext","Provider","value","jsx","TabBarLayout","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"2xDAqHa,MAAAA,EAASC,EAAUA,YAC9B,EAEIC,WACAC,SAAS,UACTC,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EACnBC,qBAEFC,KAEA,MAAMC,EAAUD,GAEVE,UACJA,EAASC,cACTA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,uBAClBA,EAAsBC,yBACtBA,EAAwBC,cACxBA,GACEC,YAAU,CACZC,MAAOC,EAAMA,OAACC,WACdpB,KAAMA,EACNG,WACAD,WACAM,IAAKC,EACLR,YACAF,OACAH,WACAW,sBAGIc,EAA8C,MAArBd,EAE/B,OACEe,EAAAC,KAAAC,EAAAC,SAAA,CAAA7B,SAAA,CACE8B,EAAAA,IAACC,EAAAA,cAAcC,SAAQ,CAACC,MAAOlB,EAAaf,SAC1C8B,EACMI,IAAA,MAAA,IAAApB,eACQL,EAAS,kBACJC,EAAc,gBACK,MAArBC,EAEb,mBAAAc,GAA0BN,EACtBX,EACE,GAAGA,KAAmBW,IACtBA,EACFX,EAENR,SAAA8B,MAACK,EAAAA,aAAY,CAAClC,OAAQA,EAAQC,QAASA,EACpCF,SAAAA,QAINyB,GAA0BN,GACzBW,MAAM,OAAA,CAAAM,GAAIjB,EACRnB,SAAA8B,EAAAA,IAACO,EAAAA,iBAAkB,CAAArC,SAAAkB,MAGtBO,GAA0BL,GAAiBU,EAACI,IAAAI,aAAY,CAAAtC,SAAAoB,IACxDK,GACCK,EAAAA,IAACS,EAAiBA,kBACZ,IAAAvB,EACJL,kBAAmBA,EACnBM,mBAAoBA,MAI1B"}
1
+ {"version":3,"file":"TabBar-de723fbc.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n TabBarItem,\n RemovableTabBarItem,\n OverflowTabBarItem,\n TabBarContext,\n useTabBarContext,\n TabBarLayout,\n useProgressiveTruncation,\n TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n value: K;\n};\n\ntype DisplayProps =\n | {\n /**\n * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n *'icons' hides the label,\n */\n display?: 'standard' | 'icons';\n /**\n * The size indicates how tall the TabBarItem is rendered.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n */\n size?: 'md' | 'lg';\n }\n | {\n /**\n *'stacked' stacks the icon on top of the label.\n * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n */\n display?: 'stacked';\n size?: 'never';\n };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n /**\n * A set of TabBarItem(s) that TabBar will hold\n */\n children: ComponentChildren;\n /**\n * Whether to stretch the tab bar items to occupy available space or to condense items\n */\n layout?: 'stretch' | 'condense';\n /**\n * The position of the TabBar. Valid Values: top and bottom.\n * 'top' is used when TabBar is placed on top of content section and the selection\n * indicator would be placed below the TabBarItem.\n * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n * indicator would be placed above the TabBarItem.\n */\n edge?: 'top' | 'bottom';\n /**\n * Key of the selected item.\n */\n selection?: K;\n /**\n * Callback function to handle when user selects a tab.\n * The callback is also invoked when a user selects a tab that is already selected.\n */\n onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n /**\n * Callback function to handle remove\n */\n onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n /**\n * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n */\n 'aria-describedby'?: string;\n /**\n * An aria-label which defines a string value that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n */\n 'aria-label'?: string;\n\n /**\n * An aria-labelledby which identifies the element(s) that labels this TabBar.\n * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n */\n 'aria-labelledby'?: string;\n\n /**\n * Configuration used to specify a context menu.\n */\n contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n <K extends string | number>(\n {\n children,\n layout = 'stretch',\n display = 'standard',\n size = 'md',\n edge = 'top',\n selection,\n onSelect,\n onRemove,\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n contextMenuConfig\n }: TabBarProps<K> & TestIdProps,\n ref?: Ref<HTMLDivElement>\n ) => {\n const rootRef = ref as RefObject<HTMLDivElement>;\n\n const {\n rootProps,\n tabBarContext,\n menuProps,\n contextMenuContext,\n contextMenuDescription,\n contextMenuDescriptionId,\n accStatusInfo\n } = useTabBar({\n class: styles.tabBarBase,\n edge: edge,\n onRemove,\n onSelect,\n ref: rootRef,\n selection,\n size,\n children,\n contextMenuConfig\n });\n\n const isContextMenuAvailable = contextMenuConfig != null;\n\n return (\n <>\n <TabBarContext.Provider value={tabBarContext}>\n <div\n {...rootProps}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-haspopup={contextMenuConfig != null ? true : false}\n aria-describedby={\n isContextMenuAvailable && contextMenuDescriptionId\n ? ariaDescribedBy\n ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n : contextMenuDescriptionId\n : ariaDescribedBy\n }>\n <TabBarLayout layout={layout} display={display}>\n {children}\n </TabBarLayout>\n </div>\n </TabBarContext.Provider>\n {isContextMenuAvailable && contextMenuDescriptionId && (\n <span id={contextMenuDescriptionId}>\n <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n </span>\n )}\n {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n {isContextMenuAvailable && (\n <TabBarContextMenu\n {...menuProps}\n contextMenuConfig={contextMenuConfig}\n contextMenuContext={contextMenuContext!}\n />\n )}\n </>\n );\n }\n);\n"],"names":["TabBar","forwardRef","children","layout","display","size","edge","selection","onSelect","onRemove","ariaDescribedBy","ariaLabel","ariaLabelledby","contextMenuConfig","ref","rootRef","rootProps","tabBarContext","menuProps","contextMenuContext","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","useTabBar","class","styles","tabBarBase","isContextMenuAvailable","_jsxs","jsxs","_Fragment","Fragment","_jsx","TabBarContext","Provider","value","jsx","TabBarLayout","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"ihDAqHa,MAAAA,EAASC,EAAUA,YAC9B,EAEIC,WACAC,SAAS,UACTC,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EACnBC,qBAEFC,KAEA,MAAMC,EAAUD,GAEVE,UACJA,EAASC,cACTA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,uBAClBA,EAAsBC,yBACtBA,EAAwBC,cACxBA,GACEC,YAAU,CACZC,MAAOC,EAAMA,OAACC,WACdpB,KAAMA,EACNG,WACAD,WACAM,IAAKC,EACLR,YACAF,OACAH,WACAW,sBAGIc,EAA8C,MAArBd,EAE/B,OACEe,EAAAC,KAAAC,EAAAC,SAAA,CAAA7B,SAAA,CACE8B,EAAAA,IAACC,EAAAA,cAAcC,SAAQ,CAACC,MAAOlB,EAAaf,SAC1C8B,EACMI,IAAA,MAAA,IAAApB,eACQL,EAAS,kBACJC,EAAc,gBACK,MAArBC,EAEb,mBAAAc,GAA0BN,EACtBX,EACE,GAAGA,KAAmBW,IACtBA,EACFX,EAENR,SAAA8B,MAACK,EAAAA,aAAY,CAAClC,OAAQA,EAAQC,QAASA,EACpCF,SAAAA,QAINyB,GAA0BN,GACzBW,MAAM,OAAA,CAAAM,GAAIjB,EACRnB,SAAA8B,EAAAA,IAACO,EAAAA,iBAAkB,CAAArC,SAAAkB,MAGtBO,GAA0BL,GAAiBU,EAACI,IAAAI,aAAY,CAAAtC,SAAAoB,IACxDK,GACCK,EAAAA,IAACS,EAAiBA,kBACZ,IAAAvB,EACJL,kBAAmBA,EACnBM,mBAAoBA,MAI1B"}
@@ -0,0 +1,2 @@
1
+ define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './LayerHost-0b288129', './UNSAFE_Text/themes/TextStyles.css', './Flex-4b81b412', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-95c0c920', './boxalignment-8d80de7e', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', 'css!./BadgeStyles.styles.css', 'module', './UNSAFE_Badge/themes/redwood/BadgeVariants.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './TabbableModeContext-a9c97640', 'preact', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './HiddenAccessible-037ef42d', './BaseButton-5a0ad529', './ButtonLabelLayout-6464870c', './Floating-c3558e44', 'css!./LayerStyles.styles.css', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-1d02491d', 'css!./OverflowTabBarItemStyles.styles.css', './StyledCheckbox-368fed68', 'css!./SelectorStyles.styles.css', './clientUtils-f1eea2db', './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css', './useTabBar-b05edef0', './LiveRegion-dbefb95b', './TabBarContextMenu-6a167e27', './ConveyorBeltFocusContext-7d718341'], (function(e,t,s,o,a,n,r,l,c,i,b,d,u,m,x,y,B,T,C,f,h,S,p,g,M,v,F,A,I,U,E,k,w,R,_,j,N,P,L,H,V,D,K,O,z,q,G){"use strict";const J=o.forwardRef(((e,a)=>{const{children:n,onRemove:r,onSelect:c,selection:i,size:b,"aria-label":d,"aria-labelledby":u}=e,m=s.useRef(null),x=D.isMobile(),y=s.useMemo((()=>({itemsRenderer:e=>{if(e){if(null!=O.getItemAttribute(e.itemKey,m.current,O.REMOVABLE_ITEM_ATTRIBUTE)&&x){const s=e.defaultMenuItems;return t.jsx(t.Fragment,{children:s})}}return null}})),[]),{rootProps:B,tabBarContext:T,menuProps:C,contextMenuContext:f,contextMenuDescription:h,contextMenuDescriptionId:S,accStatusInfo:g}=(M={class:K.styles.tabBarBase,edge:"bottom",onRemove:r,onSelect:c,ref:m,selection:i,size:b,children:n,contextMenuConfig:y},O.useTabBar(M));var M;const v=null!=y&&x;o.useImperativeHandle(a,(()=>({focus:()=>{m.current&&m.current.focus()},blur:()=>{m.current&&m.current.blur()}})));const[F,A]=s.useState(!1),U=s.useCallback((()=>{m.current?.focus()}),[]),E=s.useCallback((()=>{A(!0)}),[]),k=s.useCallback((()=>{A(!1)}),[]),w=s.useCallback((e=>{"Tab"!==e.key||e.shiftKey||E?.()}),[E]),R=s.useCallback((()=>{k?.()}),[k]),_=s.useMemo((()=>({focusTabbarRoot:U,isSuppressOverflowFocus:F,beginTabPass:E,endTabPass:k})),[F,U,E,k]),j=p.mergeProps(B,{onKeyDown:w,onBlur:R});return t.jsxs(G.ConveyorBeltFocusContext.Provider,{value:_,children:[t.jsx(l.TabBarContext.Provider,{value:T,children:t.jsx("div",{"aria-label":d,"aria-labelledby":u,...j,children:n})}),v&&S&&h&&t.jsx("span",{id:S,children:t.jsx(I.HiddenAccessible,{children:h})}),v&&g&&t.jsx(z.LiveRegion,{children:g}),v&&t.jsx(q.TabBarContextMenu,{...C,contextMenuConfig:y,contextMenuContext:f})]})}));e.TabBarMixed=J}));
2
+ //# sourceMappingURL=TabBarMixed-cfd346bf.js.map