@oracle/oraclejet-preact 20.1.3 → 20.1.4

package/es/UNSAFE_TabBarMixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_TabBarMixed.js","sources":["../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts","../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/TabBarMixedSeparator.tsx"],"sourcesContent":["import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from '../UNSAFE_TabBar/TabBar';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n  contextMenuConfig?: ComponentProps<typeof TabBar>['contextMenuConfig'];\n};\n\n/**\n * A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n  return useTabBar(options);\n}\n","import type { ComponentChildren } from 'preact';\nimport { useMemo, useRef, useCallback, useState } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\nimport { REMOVABLE_ITEM_ATTRIBUTE, getItemAttribute } from '../hooks/PRIVATE_useTabBar/useTabBar';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps/mergeProps';\nimport { ConveyorBeltFocusContext } from '../UNSAFE_ConveyorBelt';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/**\n * Component props expected to be pased to **TabBarMixed**.\n *\n * @see {@link TabBarMixed}\n */\ntype TabBarMixedProps<K extends string | number> = {\n  /**\n   * Component children that will be rendered within the **TabBarMixed**\n   * root element.\n   *\n   * It is expected that **TabBarLayout** and **ConveyorBelt** elements are\n   * provided. The same **TabBarItem**, **RemovableTabBarItem**,\n   * and **OverflowTabBarItem** elements should also be used.\n   */\n  children?: ComponentChildren;\n  /**\n   * Callback fired when a tab item is removed.\n   */\n  onRemove?: UseTabBarOptions['onRemove'];\n  /**\n   * Callback fired when a tab item is selected.\n   */\n  onSelect?: UseTabBarOptions['onSelect'];\n  /**\n   * The item key of the selected tab item.\n   */\n  selection?: K;\n  /**\n   * The height of the the tab bar.\n   *\n   * @default \"md\"\n   */\n  size?: UseTabBarOptions['size'];\n  /**\n   * An aria-label which defines a string value that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\n/**\n * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n *\n * @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n */\nexport const TabBarMixed = forwardRef(\n  <K extends string | number>(\n    props: TabBarMixedProps<K>,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      children,\n      onRemove,\n      onSelect,\n      selection,\n      size,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<TabBarContextMenuConfig<string | number>>(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, rootRef.current!, REMOVABLE_ITEM_ATTRIBUTE) != null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\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: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    const [isSuppressOverflowFocus, setIsSuppressOverflowFocus] = useState(false);\n\n    const focusTabbarRoot = useCallback(() => {\n      rootRef.current?.focus();\n    }, []);\n\n    // Begin a short window where overflow div should not be focusable.\n    const beginTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(true);\n    }, []);\n\n    // End that window after focus moves away.\n    const endTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(false);\n    }, []);\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        // We only want to suppress overflow focus when the user is tabbing.\n        if (e.key === 'Tab' && !e.shiftKey) {\n          // Tell conveyor to make its overflow non-focusable (tabIndex = -1)\n          beginTabPass?.();\n        }\n      },\n      [beginTabPass]\n    );\n\n    const onBlur = useCallback(() => {\n      // End that suppress overflow after focus moves away.\n      endTabPass?.();\n    }, [endTabPass]);\n\n    const focusContext = useMemo(\n      () => ({\n        focusTabbarRoot,\n        isSuppressOverflowFocus,\n        beginTabPass,\n        endTabPass\n      }),\n      [isSuppressOverflowFocus, focusTabbarRoot, beginTabPass, endTabPass]\n    );\n\n    const mergedRootProps = mergeProps(rootProps, { onKeyDown, onBlur });\n\n    return (\n      <ConveyorBeltFocusContext.Provider value={focusContext}>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...mergedRootProps}>\n            {children}\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\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={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </ConveyorBeltFocusContext.Provider>\n    );\n  }\n);\n","import { View } from '../UNSAFE_View';\nimport { styles } from './themes/TabBarMixedSeparator.css';\n\nimport type { Size } from '../utils/UNSAFE_size';\n\ntype TabBarMixedSeparatorProps = {\n  /**\n   * Padding around the visual Separator line.\n   */\n  padding?: Size;\n};\n\n/**\n * TabBarMixedSeparator is a component that renders a visual separator (displayed\n * as a vertical line) between collections of tabs within TabBarMixed.\n *\n * @param {TabBarMixedSeparatorProps} props Component props for TabBarMixedSeparator.\n * @returns {JSX.Element} Component element for TabBarMixedSeparator.\n */\nexport function TabBarMixedSeparator(props: TabBarMixedSeparatorProps) {\n  const { padding = 0 } = props;\n\n  return (\n    <View padding={[0, padding, 0, padding]}>\n      <div class={styles.separator} role=\"presentation\" />\n    </View>\n  );\n}\n"],"names":["_jsx","_Fragment","useTabBar","_jsxs","styles"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_TabBarMixed.js","sources":["../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts","../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/TabBarMixedSeparator.tsx"],"sourcesContent":["import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from '../UNSAFE_TabBar/TabBar';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n  contextMenuConfig?: ComponentProps<typeof TabBar>['contextMenuConfig'];\n};\n\n/**\n * A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n  return useTabBar(options);\n}\n","import type { ComponentChildren } from 'preact';\nimport { useMemo, useRef, useCallback, useState } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\nimport { REMOVABLE_ITEM_ATTRIBUTE, getItemAttribute } from '../hooks/PRIVATE_useTabBar/useTabBar';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps/mergeProps';\nimport { ConveyorBeltFocusContext } from '../UNSAFE_ConveyorBelt';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/**\n * Component props expected to be pased to **TabBarMixed**.\n *\n * @see {@link TabBarMixed}\n */\ntype TabBarMixedProps<K extends string | number> = {\n  /**\n   * Component children that will be rendered within the **TabBarMixed**\n   * root element.\n   *\n   * It is expected that **TabBarLayout** and **ConveyorBelt** elements are\n   * provided. The same **TabBarItem**, **RemovableTabBarItem**,\n   * and **OverflowTabBarItem** elements should also be used.\n   */\n  children?: ComponentChildren;\n  /**\n   * Callback fired when a tab item is removed.\n   */\n  onRemove?: UseTabBarOptions['onRemove'];\n  /**\n   * Callback fired when a tab item is selected.\n   */\n  onSelect?: UseTabBarOptions['onSelect'];\n  /**\n   * The item key of the selected tab item.\n   */\n  selection?: K;\n  /**\n   * The height of the the tab bar.\n   *\n   * @default \"md\"\n   */\n  size?: UseTabBarOptions['size'];\n  /**\n   * An aria-label which defines a string value that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\n/**\n * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n *\n * @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n */\nexport const TabBarMixed = forwardRef(\n  <K extends string | number>(\n    props: TabBarMixedProps<K>,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      children,\n      onRemove,\n      onSelect,\n      selection,\n      size,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<TabBarContextMenuConfig<string | number>>(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, rootRef.current!, REMOVABLE_ITEM_ATTRIBUTE) != null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\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: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    const [isSuppressOverflowFocus, setIsSuppressOverflowFocus] = useState(false);\n\n    const focusTabbarRoot = useCallback(() => {\n      rootRef.current?.focus();\n    }, []);\n\n    // Begin a short window where overflow div should not be focusable.\n    const beginTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(true);\n    }, []);\n\n    // End that window after focus moves away.\n    const endTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(false);\n    }, []);\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        // We only want to suppress overflow focus when the user is tabbing.\n        if (e.key === 'Tab' && !e.shiftKey) {\n          // Tell conveyor to make its overflow non-focusable (tabIndex = -1)\n          beginTabPass?.();\n        }\n      },\n      [beginTabPass]\n    );\n\n    const onBlur = useCallback(() => {\n      // End that suppress overflow after focus moves away.\n      endTabPass?.();\n    }, [endTabPass]);\n\n    const focusContext = useMemo(\n      () => ({\n        focusTabbarRoot,\n        isSuppressOverflowFocus,\n        beginTabPass,\n        endTabPass\n      }),\n      [isSuppressOverflowFocus, focusTabbarRoot, beginTabPass, endTabPass]\n    );\n\n    const mergedRootProps = mergeProps(rootProps, { onKeyDown, onBlur });\n\n    return (\n      <ConveyorBeltFocusContext.Provider value={focusContext}>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...mergedRootProps}>\n            {children}\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\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={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </ConveyorBeltFocusContext.Provider>\n    );\n  }\n);\n","import { View } from '../UNSAFE_View';\nimport { styles } from './themes/TabBarMixedSeparator.css';\n\nimport type { Size } from '../utils/UNSAFE_size';\n\ntype TabBarMixedSeparatorProps = {\n  /**\n   * Padding around the visual Separator line.\n   */\n  padding?: Size;\n};\n\n/**\n * TabBarMixedSeparator is a component that renders a visual separator (displayed\n * as a vertical line) between collections of tabs within TabBarMixed.\n *\n * @param {TabBarMixedSeparatorProps} props Component props for TabBarMixedSeparator.\n * @returns {JSX.Element} Component element for TabBarMixedSeparator.\n */\nexport function TabBarMixedSeparator(props: TabBarMixedSeparatorProps) {\n  const { padding = 0 } = props;\n\n  return (\n    <View padding={[0, padding, 0, padding]}>\n      <div class={styles.separator} role=\"presentation\" />\n    </View>\n  );\n}\n"],"names":["_jsx","_Fragment","useTabBar","_jsxs","styles"],"mappings":"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"}

package/es/UNSAFE_TableView.js

@@ -5,7 +5,7 @@ import { c as classNames } from './classNames-4e12b00d.js';
 import { d as dimensionInterpolations } from './dimensions-e4fbc23d.js';
 import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
 import { tableViewStyles } from './UNSAFE_TableView/themes/TableViewStyles.css.js';
-import { T as Table } from './Table-5bc4bdb7.js';
+import { T as Table } from './Table-1195e284.js';
 import './size-af1e638c.js';
 import './utils-b1eb54f9.js';
 import './themeContract.css-1ffed3bf.js';
@@ -136,30 +136,7 @@ import './Collection-e1ef8b8d.js';
 import './useViewportIntersect-6ff65310.js';
 import './PRIVATE_Table/themes/TableSkeletonStyles.css.js';
 import './TableSkeletonStyles.styles.css';
-import './Dialog-5f3bd525.js';
-import './WindowOverlay-ee64634e.js';
-import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
-import './WindowOverlayStyles.styles.css';
-import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
-import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
-import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
-import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
-import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
-import './UNSAFE_Dialog/themes/redwood/DialogTheme.js';
-import './UNSAFE_Dialog/themes/DialogStyles.css.js';
-import './DialogStyles.styles.css';
-import './UNSAFE_Dialog/themes/redwood/DialogBaseTheme.css.js';
-import './ImageVars.styles.css';
-import './UNSAFE_Dialog/themes/redwood/DialogBaseTheme.styles.css';
-import './UNSAFE_Dialog/themes/redwood/DialogVariants.css.js';
-import './FocusTrap-b59d5752.js';
-import './Modal-c0f730b8.js';
-import './UNSAFE_Modal/themes/ModalStyles.css.js';
-import './ModalStyles.styles.css';
-import './popupUtils-51366a29.js';
-import './ImageVars.css-7b3180c8.js';
-import './useDraggable-e1aaa8f3.js';
-import './IconButton-bb390936.js';
+import './Button-1a5604c2.js';
 import './BaseButton-e8e5bfe4.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
 import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
@@ -184,6 +161,30 @@ import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css
 import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css';
 import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
 import './ButtonLabelLayoutVariants.styles.css';
+import './Dialog-5f3bd525.js';
+import './WindowOverlay-ee64634e.js';
+import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
+import './WindowOverlayStyles.styles.css';
+import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
+import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
+import './UNSAFE_Dialog/themes/redwood/DialogTheme.js';
+import './UNSAFE_Dialog/themes/DialogStyles.css.js';
+import './DialogStyles.styles.css';
+import './UNSAFE_Dialog/themes/redwood/DialogBaseTheme.css.js';
+import './ImageVars.styles.css';
+import './UNSAFE_Dialog/themes/redwood/DialogBaseTheme.styles.css';
+import './UNSAFE_Dialog/themes/redwood/DialogVariants.css.js';
+import './FocusTrap-b59d5752.js';
+import './Modal-c0f730b8.js';
+import './UNSAFE_Modal/themes/ModalStyles.css.js';
+import './ModalStyles.styles.css';
+import './popupUtils-51366a29.js';
+import './ImageVars.css-7b3180c8.js';
+import './useDraggable-e1aaa8f3.js';
+import './IconButton-bb390936.js';
 import './Close-4df029ac.js';
 import './Resizable-b88279bc.js';
 import './PRIVATE_Resizable/themes/ResizableStyles.css.js';
@@ -371,7 +372,6 @@ import './grid-65aa641c.js';
 import './GridStyles.styles.css';
 import './useSpinning-c2c54c7c.js';
 import './useSelectableTextField-949184a5.js';
-import './Button-1a5604c2.js';
 import './EventUtils-4a891c64.js';
 import './PRIVATE_Table/themes/redwood/TableTheme.js';
 import './PRIVATE_Table/themes/TableStyles.css.js';

package/es/useNavigationListItem-a481f274.js

@@ -0,0 +1,100 @@
+/* @oracle/oraclejet-preact: undefined */
+import { useContext, useCallback } from 'preact/hooks';
+import { u as usePress } from './usePress-051f5adb.js';
+import { m as mergeProps } from './mergeProps-88ea8306.js';
+import { c as classNames } from './classNames-4e12b00d.js';
+import { u as useInteractionStyle } from './useInteractionStyle-99e32c23.js';
+import { u as useComponentTheme } from './useComponentTheme-5f800588.js';
+import { createContext } from 'preact';
+import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
+import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
+import { NavigationListItemRedwoodTheme } from './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js';
+import { u as useUser } from './useUser-06d34d19.js';
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Context used to pass navlist information without having to pass it to navlist children props.
+ * We want to communicate information down to any interested navlist item children.
+ */
+const NavigationListContext = createContext(null);
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Utility hook for consuming the NavigationListContext
+ *
+ * @returns The value of NavigationListContext provider
+ */
+function useNavigationListContext() {
+    return useContext(NavigationListContext);
+}
+
+const flexItemStyleInterpolations = mergeInterpolations([
+    ...Object.values(flexitemInterpolations)
+]);
+const { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } = flexItemStyleInterpolations({
+    alignSelf: 'center'
+});
+function useNavigationListItem({ itemKey }) {
+    const { onSelectionChange, selection, currentKey, showFocusRing, navigationListItemPrefix, edge, display } = useNavigationListContext();
+    //Selection and focus state
+    const isCurrent = currentKey === itemKey;
+    const isSelected = selection === itemKey;
+    const isIconOnly = display === 'icons' ? true : false;
+    const isEdgeEnd = edge === 'end' ? true : false;
+    //Styling
+    const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } = useInteractionStyle();
+    const { direction } = useUser();
+    const isRtl = direction === 'rtl';
+    const { classes: listItemClasses, styles: { labelContainerClasses, navigationItemStackedBadge, navigationItemStackedBadgeRtl, startIconStacked } } = useComponentTheme(NavigationListItemRedwoodTheme, {
+        focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',
+        current: isCurrent ? 'isCurrent' : 'notCurrtent',
+        selected: isSelected ? 'isSelected' : 'notSelected',
+        direction: isRtl ? 'isRtl' : 'notRtl',
+        hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',
+        pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',
+        active: applyActiveStyle ? 'isActive' : 'notActive',
+        edgeEnd: edge === 'end' ? 'isEnd' : 'notEnd',
+        iconOnly: isIconOnly ? 'isIconOnly' : 'notIconOnly'
+    });
+    const navigationItemIconOnlyClasses = classNames([startIconStacked]);
+    const navigationItemStackedBadgeClasses = classNames([
+        navigationItemStackedBadge,
+        direction === 'rtl' && navigationItemStackedBadgeRtl
+    ]);
+    //Item handlers
+    const handlePress = useCallback(() => {
+        onSelectionChange?.({ value: itemKey, reason: 'pointer' });
+    }, [itemKey, onSelectionChange]);
+    //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same
+    //for preact navlist
+    const { pressProps } = usePress(handlePress);
+    return {
+        itemId: navigationListItemPrefix + itemKey,
+        itemHandlers: mergeProps(interactionProps, pressProps /*,onFocusProps*/),
+        itemClasses: classNames([listItemClasses]),
+        isSelected,
+        labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),
+        labelContainerStyle: labelContainerFlexItemStyle,
+        isIconOnly,
+        isEdgeEnd,
+        stackedBadgeClasses: classNames([navigationItemStackedBadgeClasses]),
+        iconOnlyClasses: classNames([navigationItemIconOnlyClasses]),
+        isCurrent,
+        showFocusRing
+    };
+}
+
+export { NavigationListContext as N, useNavigationListContext as a, useNavigationListItem as u };
+//# sourceMappingURL=useNavigationListItem-a481f274.js.map

package/{amd/useNavigationListItem-29bd087a.js.map → es/useNavigationListItem-a481f274.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useNavigationListItem-29bd087a.js","sources":["../../src/UNSAFE_NavigationListCommon/NavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListItem.ts"],"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 { createContext } from 'preact';\nimport { NavigationListProps } from './NavigationListProps';\n\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n\nexport type NavigationListContextProps<K extends string | number> = Pick<\n  NavigationListProps<K>,\n  'selection' | 'onSelectionChange' | 'onRemove' | 'edge' | 'display'\n> & {\n  currentKey?: K;\n  showFocusRing: boolean;\n  onCurrentKeyChange:\n    | (<K extends string | number>(detail: CurrentKeyDetail<K>) => void)\n    | undefined;\n  navigationListItemPrefix: string;\n};\n\n/**\n * Context used to pass navlist information without having to pass it to navlist children props.\n * We want to communicate information down to any interested navlist item children.\n */\n\nconst NavigationListContext = createContext<NavigationListContextProps<string | number>>(null!);\n\nexport { NavigationListContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { NavigationListContext } from './NavigationListContext';\n\n/**\n * Utility hook for consuming the NavigationListContext\n *\n * @returns The value of NavigationListContext provider\n */\nfunction useNavigationListContext() {\n  return useContext(NavigationListContext);\n}\n\nexport { useNavigationListContext };\n","import { useCallback } from 'preact/hooks';\n\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\nconst flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n  ...Object.values(flexitemInterpolations)\n]);\nconst { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } =\n  flexItemStyleInterpolations({\n    alignSelf: 'center'\n  });\n\nexport function useNavigationListItem<K extends string | number>({ itemKey }: { itemKey: K }) {\n  const {\n    onSelectionChange,\n    selection,\n    currentKey,\n    showFocusRing,\n    navigationListItemPrefix,\n    edge,\n    display\n  } = useNavigationListContext();\n\n  //Selection and focus state\n  const isCurrent = currentKey === itemKey;\n\n  const isSelected = selection === itemKey;\n\n  const isIconOnly = display === 'icons' ? true : false;\n  const isEdgeEnd = edge === 'end' ? true : false;\n\n  //Styling\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } =\n    useInteractionStyle();\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const {\n    classes: listItemClasses,\n    styles: {\n      labelContainerClasses,\n      navigationItemStackedBadge,\n      navigationItemStackedBadgeRtl,\n      startIconStacked\n    }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme,\n    {\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      current: isCurrent ? 'isCurrent' : 'notCurrtent',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      direction: isRtl ? 'isRtl' : 'notRtl',\n      hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      active: applyActiveStyle ? 'isActive' : 'notActive',\n      edgeEnd: edge === 'end' ? 'isEnd' : 'notEnd',\n      iconOnly: isIconOnly ? 'isIconOnly' : 'notIconOnly'\n    }\n  );\n\n  const navigationItemIconOnlyClasses = classNames([startIconStacked]);\n\n  const navigationItemStackedBadgeClasses = classNames([\n    navigationItemStackedBadge,\n    direction === 'rtl' && navigationItemStackedBadgeRtl\n  ]);\n\n  //Item handlers\n  const handlePress = useCallback(() => {\n    onSelectionChange?.({ value: itemKey as K, reason: 'pointer' });\n  }, [itemKey, onSelectionChange]);\n\n  //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same\n  //for preact navlist\n  const { pressProps } = usePress(handlePress);\n\n  return {\n    itemId: navigationListItemPrefix + itemKey,\n    itemHandlers: mergeProps(interactionProps, pressProps /*,onFocusProps*/),\n    itemClasses: classNames([listItemClasses]),\n    isSelected,\n    labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),\n    labelContainerStyle: labelContainerFlexItemStyle,\n    isIconOnly,\n    isEdgeEnd,\n    stackedBadgeClasses: classNames([navigationItemStackedBadgeClasses]),\n    iconOnlyClasses: classNames([navigationItemIconOnlyClasses]),\n    isCurrent,\n    showFocusRing\n  };\n}\n"],"names":["NavigationListContext","createContext","useNavigationListContext","useContext","flexItemStyleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","labelContainerFlexItemClasses","labelContainerFlexItemStyle","alignSelf","itemKey","onSelectionChange","selection","currentKey","showFocusRing","navigationListItemPrefix","edge","display","isCurrent","isSelected","isIconOnly","isEdgeEnd","interactionProps","applyPseudoHoverStyle","applyHoverStyle","applyActiveStyle","useInteractionStyle","direction","useUser","isRtl","classes","listItemClasses","styles","labelContainerClasses","navigationItemStackedBadge","navigationItemStackedBadgeRtl","startIconStacked","useComponentTheme","NavigationListItemRedwoodTheme","focusRing","current","selected","hybridHover","pseudoHover","active","edgeEnd","iconOnly","navigationItemIconOnlyClasses","classNames","navigationItemStackedBadgeClasses","handlePress","useCallback","value","reason","pressProps","usePress","itemId","itemHandlers","mergeProps","itemClasses","labelContainerStyle","stackedBadgeClasses","iconOnlyClasses"],"mappings":"oXAgCA,MAAMA,EAAwBC,EAAaA,cAA8C,MChBzF,SAASC,IACP,OAAOC,EAAAA,WAAWH,EACpB,CCAA,MAAMI,EAA8BC,EAAAA,oBAAmC,IAClEC,OAAOC,OAAOC,6BAEXC,MAAOC,KAAkCC,GAC/CP,EAA4B,CAC1BQ,UAAW,0FAGC,UAAiDC,QAAEA,IACjE,MAAMC,kBACJA,EAAiBC,UACjBA,EAASC,WACTA,EAAUC,cACVA,EAAaC,yBACbA,EAAwBC,KACxBA,EAAIC,QACJA,GACElB,IAGEmB,EAAYL,IAAeH,EAE3BS,EAAaP,IAAcF,EAE3BU,EAAyB,UAAZH,EACbI,EAAqB,QAATL,GAGZM,iBAAEA,EAAgBC,sBAAEA,EAAqBC,gBAAEA,EAAeC,iBAAEA,GAChEC,EAAAA,uBAEIC,UAAEA,GAAcC,EAAAA,UAChBC,EAAsB,QAAdF,GAGZG,QAASC,EACTC,QAAQC,sBACNA,EAAqBC,2BACrBA,EAA0BC,8BAC1BA,EAA6BC,iBAC7BA,IAEAC,EAAAA,kBACFC,EAAAA,+BACA,CACEC,UAAWzB,EAAgB,cAAgB,eAC3C0B,QAAStB,EAAY,YAAc,cACnCuB,SAAUtB,EAAa,aAAe,cACtCQ,UAAWE,EAAQ,QAAU,SAC7Ba,YAAalB,EAAkB,gBAAkB,iBACjDmB,YAAapB,EAAwB,gBAAkB,iBACvDqB,OAAQnB,EAAmB,WAAa,YACxCoB,QAAkB,QAAT7B,EAAiB,QAAU,SACpC8B,SAAU1B,EAAa,aAAe,gBAIpC2B,EAAgCC,EAAAA,WAAW,CAACZ,IAE5Ca,EAAoCD,EAAAA,WAAW,CACnDd,EACc,QAAdP,GAAuBQ,IAInBe,EAAcC,EAAAA,aAAY,KAC9BxC,IAAoB,CAAEyC,MAAO1C,EAAc2C,OAAQ,WAAY,GAC9D,CAAC3C,EAASC,KAIP2C,WAAEA,GAAeC,EAAQA,SAACL,GAEhC,MAAO,CACLM,OAAQzC,EAA2BL,EACnC+C,aAAcC,EAAAA,WAAWpC,EAAkBgC,GAC3CK,YAAaX,EAAAA,WAAW,CAACjB,IACzBZ,aACAc,sBAAuBe,EAAUA,WAAC,CAACf,EAAuB1B,IAC1DqD,oBAAqBpD,EACrBY,aACAC,YACAwC,oBAAqBb,EAAAA,WAAW,CAACC,IACjCa,gBAAiBd,EAAAA,WAAW,CAACD,IAC7B7B,YACAJ,gBAEJ"}
+{"version":3,"file":"useNavigationListItem-a481f274.js","sources":["../../src/UNSAFE_NavigationListCommon/NavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListItem.ts"],"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 { createContext } from 'preact';\nimport { NavigationListProps } from './NavigationListProps';\n\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n\nexport type NavigationListContextProps<K extends string | number> = Pick<\n  NavigationListProps<K>,\n  'selection' | 'onSelectionChange' | 'onRemove' | 'edge' | 'display'\n> & {\n  currentKey?: K;\n  showFocusRing: boolean;\n  onCurrentKeyChange:\n    | (<K extends string | number>(detail: CurrentKeyDetail<K>) => void)\n    | undefined;\n  navigationListItemPrefix: string;\n};\n\n/**\n * Context used to pass navlist information without having to pass it to navlist children props.\n * We want to communicate information down to any interested navlist item children.\n */\n\nconst NavigationListContext = createContext<NavigationListContextProps<string | number>>(null!);\n\nexport { NavigationListContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { NavigationListContext } from './NavigationListContext';\n\n/**\n * Utility hook for consuming the NavigationListContext\n *\n * @returns The value of NavigationListContext provider\n */\nfunction useNavigationListContext() {\n  return useContext(NavigationListContext);\n}\n\nexport { useNavigationListContext };\n","import { useCallback } from 'preact/hooks';\n\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\nconst flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n  ...Object.values(flexitemInterpolations)\n]);\nconst { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } =\n  flexItemStyleInterpolations({\n    alignSelf: 'center'\n  });\n\nexport function useNavigationListItem<K extends string | number>({ itemKey }: { itemKey: K }) {\n  const {\n    onSelectionChange,\n    selection,\n    currentKey,\n    showFocusRing,\n    navigationListItemPrefix,\n    edge,\n    display\n  } = useNavigationListContext();\n\n  //Selection and focus state\n  const isCurrent = currentKey === itemKey;\n\n  const isSelected = selection === itemKey;\n\n  const isIconOnly = display === 'icons' ? true : false;\n  const isEdgeEnd = edge === 'end' ? true : false;\n\n  //Styling\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } =\n    useInteractionStyle();\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const {\n    classes: listItemClasses,\n    styles: {\n      labelContainerClasses,\n      navigationItemStackedBadge,\n      navigationItemStackedBadgeRtl,\n      startIconStacked\n    }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme,\n    {\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      current: isCurrent ? 'isCurrent' : 'notCurrtent',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      direction: isRtl ? 'isRtl' : 'notRtl',\n      hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      active: applyActiveStyle ? 'isActive' : 'notActive',\n      edgeEnd: edge === 'end' ? 'isEnd' : 'notEnd',\n      iconOnly: isIconOnly ? 'isIconOnly' : 'notIconOnly'\n    }\n  );\n\n  const navigationItemIconOnlyClasses = classNames([startIconStacked]);\n\n  const navigationItemStackedBadgeClasses = classNames([\n    navigationItemStackedBadge,\n    direction === 'rtl' && navigationItemStackedBadgeRtl\n  ]);\n\n  //Item handlers\n  const handlePress = useCallback(() => {\n    onSelectionChange?.({ value: itemKey as K, reason: 'pointer' });\n  }, [itemKey, onSelectionChange]);\n\n  //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same\n  //for preact navlist\n  const { pressProps } = usePress(handlePress);\n\n  return {\n    itemId: navigationListItemPrefix + itemKey,\n    itemHandlers: mergeProps(interactionProps, pressProps /*,onFocusProps*/),\n    itemClasses: classNames([listItemClasses]),\n    isSelected,\n    labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),\n    labelContainerStyle: labelContainerFlexItemStyle,\n    isIconOnly,\n    isEdgeEnd,\n    stackedBadgeClasses: classNames([navigationItemStackedBadgeClasses]),\n    iconOnlyClasses: classNames([navigationItemIconOnlyClasses]),\n    isCurrent,\n    showFocusRing\n  };\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -5,7 +5,7 @@
   "scripts": {},
   "devDependencies": {},
   "dependencies": {
-    "@oracle/oraclejet-testing": "20.1.3",
+    "@oracle/oraclejet-testing": "20.1.4",
     "csstype": "3.1.1"
   },
   "peerDependencies": {
@@ -49,5 +49,5 @@
       ]
     }
   },
-  "version": "20.1.3"
+  "version": "20.1.4"
 }

package/amd/BaseCardView-131755ff.js

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

package/amd/ListView-7af453a0.js

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

package/amd/NavigationList-8cd4ad71.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './clientUtils-f1eea2db', './useId-c9578d26', './UNSAFE_NavigationList/themes/NavigationListStyles.css', './collectionUtils-89bc31e1', './useCollectionFocusRing-39368fdd', './useCurrentKey-5749e7fb', './useContextMenuGesture-750ef2c6', './useTranslationBundle-e4dd341e', './TabBarContextMenu-6f38f6ab', 'preact/compat', './useTestId-f4240cbd', './HiddenAccessible-037ef42d', './LiveRegion-dbefb95b', './useNavigationListItem-29bd087a'], (function(e,t,n,o,r,s,i,a,c,l,u,d,f,m,y,b,g,v,x){"use strict";const C='[role="tab"]',h="[data-oj-navigationlist-item-remove-icon]",p={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},K={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}};const R=(e,t,n)=>{const o=c.findElementByKey(t,e,C);if(o){return o.querySelector(n)}},I=(e,t)=>{const n=c.findElementByKey(t,e,C);if(n)return n.innerText},M=(e,t,n)=>{const o=e.closest(t),r=e.closest(n);return o?.contains(r)?null:c.keyExtractor(e,t)},k=(e,t,n)=>{const o=n.indexOf(e);if(o>0){const e=n[o===n.length-1?o-1:o+1];if(-1!==t.indexOf(e))return e}return t[0]},S=y.forwardRef((({children:e,selection:S,edge:F="start",onSelectionChange:w,onRemove:D,"aria-label":E,"aria-labelledby":N,testId:j,display:A="standard"},L)=>{const P=n.useRef(null),B=s.isMobile(),H=n.useMemo((()=>B?{itemsRenderer:e=>{if(e){if(null!=R(e.itemKey,P.current,h)){const n=e.defaultMenuItems;return t.jsx(t.Fragment,{children:n})}}return null}}:void 0),[B]),{showFocusRing:V,currentKey:T,onCurrentKeyChange:O,containerHandlers:U,onKeyDown:_,contextMenuContext:q,menuProps:G,contextMenuDescription:$,contextMenuDescriptionId:z,accStatusInfo:J}=function({containerRef:e,selection:t,onRemove:r,onSelectionChange:s,children:i,contextMenuConfig:a}){const y=f.useTranslationBundle("@oracle/oraclejet-preact"),[b,g]=n.useState(t),v=n.useCallback((e=>{g(e.value)}),[]),{currentKeyProps:x}=u.useCurrentKey((e=>r?M(e,C,h):c.keyExtractor(e,C)),!1,!1,c.getPrevNextKeyUsingRef(e,b,!0,C),c.getPrevNextKeyUsingRef(e,b,!1,C),void 0,void 0,b,v),[S,F]=l.useCollectionFocusRing(e,["Home","End","ArrowUp","ArrowDown"]),w={onFocus:n.useCallback((()=>{if(e.current&&void 0===b){const t=c.getFirstVisibleKey(e.current,C);t&&g(t)}}),[b,e])},D=n.useRef();n.useEffect((()=>{if(e.current){const t=Array.from(e.current.querySelectorAll(C),(e=>c.getKey(e)));if(null!=b&&-1!==t.indexOf(b)){const t=c.findElementByKey(e.current,b,C);t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded():t.scrollIntoView({block:"nearest"})}else b&&-1===t.indexOf(b)&&(D.current?g(k(b,t,D.current)):g(t[0])),D.current=t}}),[i,b,e]);const E=n.useCallback((t=>{if(("Home"===t.key||"End"===t.key)&&e.current&&b){const n=Array.from(e.current.querySelectorAll(C),(e=>c.getKey(e)));v?.({value:n["Home"===t.key?0:n.length-1]})}!b||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),s?.({value:b,reason:"keyboard"})),b&&"Delete"===t.key&&r?.({value:b})}),[b,s,r,v,e]),[N,j]=n.useState(),[A,L]=n.useState(K),[P,B]=n.useState(),{triggerProps:H}=d.useContextMenuGesture((({gesture:t,anchor:n,target:o})=>{let s=n,i=b;if("keyboard"===t){s=c.findElementByKey(e.current,b,C)||n}else{const e=c.keyExtractor(o,C);i=null!=e?e:b}let l=!1;e.current&&(l=null!=R(i,e.current,h));const u=m.getDefaultContextMenu({isRemovable:l,handleRemove:r,handleReorder:void 0,itemKey:i,tabKeys:void 0,direction:void 0,itemLabels:{labelRemove:l?y.tabbar_labelRemove():void 0},handleAccStatus:t=>{const n=I(t.removedKey,e.current),o=l&&t.removedKey?` Removed ${n}`:"";B(o)}});j(u),L({...p[t],anchorRef:{current:s},isOpen:null!=a})}),{isDisabled:!a}),V=n.useCallback((t=>{"dismissed"!==t.reason&&"itemAction"!==t.reason||(g(N?.itemKey),e.current?.focus()),L({...K})}),[e,N?.itemKey]),T="contextMenu_"+n.useId(),O=y.tabbar_labelContextMenu();return{showFocusRing:S,currentKey:b,onCurrentKeyChange:v,onKeyDown:E,menuProps:{...A,onClose:V},contextMenuContext:N,contextMenuDescription:O,contextMenuDescriptionId:T,accStatusInfo:P,containerHandlers:o.mergeProps(F,x,w,H)}}({containerRef:P,selection:S,onRemove:D,onSelectionChange:w,children:e,contextMenuConfig:H}),Q={onKeyDown:_},W=r.classNames([a.navigationListStyles.uListStyle]),X=i.useId()+"_",Y=b.useTestId(j);return y.useImperativeHandle(L,(()=>({focus:()=>{P.current&&P.current.focus()},blur:()=>{P.current&&P.current.focus()}}))),t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-label":E,"aria-labelledby":N,role:"tablist",ref:P,"aria-orientation":"vertical",tabIndex:0,"aria-activedescendant":T?X+T:"",...o.mergeProps(Q,U),...Y,class:W,children:t.jsx(x.NavigationListContext.Provider,{value:{selection:S,display:A,onSelectionChange:w,onCurrentKeyChange:O,currentKey:T,showFocusRing:V,navigationListItemPrefix:X,onRemove:D,edge:F},children:e})}),H&&z&&$&&t.jsx("span",{id:z,children:t.jsx(g.HiddenAccessible,{children:$})}),H&&J&&t.jsx(v.LiveRegion,{children:J}),H&&t.jsx(m.TabBarContextMenu,{...G,contextMenuConfig:H,contextMenuContext:q})]})}));e.NavigationList=S}));
-//# sourceMappingURL=NavigationList-8cd4ad71.js.map

package/amd/NavigationListItem-dbb3ad30.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './NavigationListLinkItem-5f82f3c2'], (function(e,t,i){"use strict";e.NavigationListItem=function({itemKey:e,label:a,badge:n,metadata:s,severity:m,icon:o}){return t.jsx(i.BaseNavigationListItem,{itemKey:e,label:a,badge:n,metadata:s,severity:m,icon:o})}}));
-//# sourceMappingURL=NavigationListItem-dbb3ad30.js.map

package/amd/NavigationListLinkItem-5f82f3c2.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-31cabc49', './useNavigationListItem-29bd087a', './Flex-4b81b412', './Badge-5d689f6d', './useComponentTheme-db55de25', './classNames-08d99695', './WarningS-a7423be4', './ErrorS-22529095', './InformationS-0d400067', './SuccessS-894179a0', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './useTabBarItemTooltip-6c6fb512', './mergeProps-bcfa6a92', './safeHref-e764caa8'], (function(e,s,a,n,t,i,r,l,o,c,d,m,h,x,u,g,j){"use strict";const v=e=>{e.preventDefault()};function f({itemKey:e,label:f,badge:b,metadata:p,severity:y="none",removeIcon:I,icon:S,href:C,"aria-controls":N}){const L=a.useRef(null),{itemId:T,itemHandlers:F,itemClasses:w,isSelected:B,labelContainerClasses:k,labelContainerStyle:E,isIconOnly:P,isEdgeEnd:R,stackedBadgeClasses:z,iconOnlyClasses:H,isCurrent:K,showFocusRing:W}=t.useNavigationListItem({itemKey:e}),D=!("none"===y||void 0===y),O=e=>{switch(e){case"error":return s.jsx(d.SvgErrorS,{color:"danger"});case"warning":return s.jsx(c.SvgWarningS,{color:"warning"});case"info":return s.jsx(m.SvgInformationS,{color:"info"});case"confirmation":return s.jsx(h.SvgSuccessS,{color:"success"});default:return null}},{styles:{iconLabelContainer:A,iconContainer:M,startIconPadding:U,endContentPadding:_,removeIconPaddingWithEndContent:q,navigationItemMetadata:G,navigationListItemLink:J}}=l.useComponentTheme(x.NavigationListItemRedwoodTheme),Q=o.classNames([G,_]),V=o.classNames([J]),X=o.classNames([A,M,_]),Y=o.classNames([!P&&A,M,!P&&U,P&&H]),{styles:{navigationlistRemoveIcon:Z}}=l.useComponentTheme(x.NavigationListItemRedwoodTheme),$=p||D||b,ee=o.classNames([Z,$&&q,!$&&_]),se=null!=C,ae=f&&!(" "===f&&void 0===f),ne=S&&null!=S&&P,te=ne,{tooltipContent:ie,tooltipEventHandlerProps:re,onLogicalFocus:le,onLogicalBlur:oe}=u.useTabBarItemTooltip({label:f,isDisabled:!te,position:R?"start":"end"});te&&(K&&W||B?le(L.current):K&&W||oe());const ce=()=>s.jsxs(s.Fragment,{children:[S&&s.jsx(i.Flex,{justify:"start",children:s.jsx("span",{class:Y,children:S})}),!P&&ae&&s.jsx(i.Flex,{align:"center",justify:"start",flex:"1 1 auto",children:s.jsx("span",{class:k,style:E,children:s.jsx(n.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:f})})}),I&&!se&&s.jsx("span",{class:ee,children:I})]}),de=()=>s.jsxs(s.Fragment,{children:[ne&&s.jsxs("div",{class:Y,children:[S,s.jsx("span",{class:z,children:b?s.jsx(r.Badge,{size:"xs",variant:"neutral",children:b}):null})]}),!P&&S&&s.jsx(i.Flex,{justify:"start",children:s.jsx("span",{class:Y,children:S})}),(!P||P&&!ne)&&ae&&s.jsx(i.Flex,{align:"center",justify:"start",flex:"1 1 auto",children:s.jsx("span",{class:k,style:E,children:s.jsx(n.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:f})})}),(p||D||b||I)&&s.jsxs(i.Flex,{align:"center",justify:"end",children:[" ",(!P||P&&!ne)&&b&&s.jsx("span",{class:X,children:s.jsx(r.Badge,{size:"md",variant:"neutralSubtle",children:b})}),p&&s.jsx("span",{class:Q,children:s.jsx(n.Text,{children:"( "+p+" )"})}),D&&s.jsx("span",{class:X,children:O(y)}),I&&!se&&s.jsx("span",{class:ee,children:I})]})]});return se?(()=>{const a=j.getSafeHref(C,"NavigationList");return s.jsx("div",{...F,class:w,children:s.jsx("a",{tabindex:-1,role:"tab","data-oj-key":e,id:T,class:V,"aria-selected":B,"aria-controls":N,href:a,onClick:v,children:$?de():ce()})})})():s.jsxs("div",{role:"tab",...g.mergeProps(re,F),"data-oj-key":e,id:T,class:w,"aria-selected":B,ref:L,"aria-controls":N,children:[$?de():ce(),P&&ie]})}e.BaseNavigationListItem=f,e.NavigationListLinkItem=function({itemKey:e,badge:a,metadata:n,severity:t,href:i,label:r,"aria-controls":l}){return s.jsx(f,{"aria-controls":l,itemKey:e,label:r,badge:a,metadata:n,severity:t,href:i})}}));
-//# sourceMappingURL=NavigationListLinkItem-5f82f3c2.js.map

package/amd/NavigationListLinkItem-5f82f3c2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationListLinkItem-5f82f3c2.js","sources":["../../src/UNSAFE_NavigationListCommon/BaseNavigationListItem.tsx","../../src/UNSAFE_NavigationListCommon/NavigationListLinkItem.tsx"],"sourcesContent":["import { useRef } from 'preact/hooks';\n\nimport { Text } from '../UNSAFE_Text';\n\nimport { useNavigationListItem } from './useNavigationListItem';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Badge } from '../UNSAFE_Badge';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { WarningS } from '../UNSAFE_RedwoodIcons/WarningS';\nimport { ErrorS } from '../UNSAFE_RedwoodIcons/ErrorS';\nimport { InformationS } from '../UNSAFE_RedwoodIcons/InformationS';\nimport { SuccessS } from '../UNSAFE_RedwoodIcons/SuccessS';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\nimport { ComponentChild, ComponentChildren } from 'preact';\nimport { useTabBarItemTooltip } from '#UNSAFE_TabBarCommon/useTabBarItemTooltip';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { getSafeHref } from '#utils/PRIVATE_safeHref';\n\ntype Severity = 'warning' | 'info' | 'none' | 'error' | 'confirmation';\ntype AriaProps = {\n  /**\n   * Accepts the panel element's ID associated with the item\n   **/\n  'aria-controls'?: string;\n};\n\nexport type BaseNavigationListItemProps<K extends string | number> = {\n  /**\n   * Key of the NavigationListItem.\n   */\n  itemKey: K;\n  /**\n   * Label of the NavigationListItem.\n   */\n  label: string;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * The content to be rendered inside the Text component as a metadata.\n   */\n  metadata?: string;\n  /**\n   * The status icon to be rendered after the label.\n   */\n  severity?: Severity;\n  /**\n   * The content to be rendered for remove icon\n   */\n  removeIcon?: ComponentChildren;\n  /**\n   * The icon before the label or the stand alone icon\n   */\n  icon?: ComponentChild;\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL use \"#\" for href value to navigate to the top of the page.\n   */\n  href?: string;\n} & AriaProps;\n\nconst onClickLink = (event: MouseEvent) => {\n  event.preventDefault();\n};\n/*TODO: JET-58535. Add ripple effect when touching navigationListItem. */\nexport function BaseNavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity = 'none',\n  removeIcon,\n  icon,\n  href,\n  'aria-controls': ariaControls\n}: BaseNavigationListItemProps<K>) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n\n  //Logic of the component handled here\n  const {\n    itemId,\n    itemHandlers,\n    itemClasses,\n    isSelected,\n    labelContainerClasses,\n    labelContainerStyle,\n    isIconOnly,\n    isEdgeEnd,\n    stackedBadgeClasses,\n    iconOnlyClasses,\n    isCurrent,\n    showFocusRing\n  } = useNavigationListItem({\n    itemKey\n  });\n\n  const severityRequirement = !(severity === 'none' || severity === undefined);\n\n  const IconComponent = (severityValue: Severity) => {\n    switch (severityValue) {\n      case 'error':\n        return <ErrorS color=\"danger\" />;\n      case 'warning':\n        return <WarningS color=\"warning\" />;\n      case 'info':\n        return <InformationS color=\"info\" />;\n      case 'confirmation':\n        return <SuccessS color=\"success\" />;\n      default:\n        return null;\n    }\n  };\n\n  const {\n    styles: {\n      iconLabelContainer,\n      iconContainer,\n      startIconPadding,\n      endContentPadding,\n      removeIconPaddingWithEndContent,\n      navigationItemMetadata,\n      navigationListItemLink\n    }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const navigationItemMatadata = classNames([navigationItemMetadata, endContentPadding]);\n  const navigationItemLinkClass = classNames([navigationListItemLink]);\n\n  const endIconContainerClasses = classNames([\n    iconLabelContainer,\n    iconContainer,\n    endContentPadding\n  ]);\n  const startIconContainerClasses = classNames([\n    !isIconOnly && iconLabelContainer,\n    iconContainer,\n    //For icon only icon to label padding is not required.\n    !isIconOnly && startIconPadding,\n    isIconOnly && iconOnlyClasses\n  ]);\n  const {\n    styles: { navigationlistRemoveIcon }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme\n  );\n\n  const isComplexItem = metadata || severityRequirement || badge;\n  const removeClass = classNames([\n    navigationlistRemoveIcon,\n    isComplexItem && removeIconPaddingWithEndContent,\n    !isComplexItem && endContentPadding\n  ]);\n\n  const isLinkItem = href != null;\n  const labelRequirement = label && !(label === ' ' && label === undefined);\n  const iconOnlyRequirement = icon && icon != null && isIconOnly;\n  const showTooltip = iconOnlyRequirement;\n\n  const { tooltipContent, tooltipEventHandlerProps, onLogicalFocus, onLogicalBlur } =\n    useTabBarItemTooltip({\n      label,\n      isDisabled: !showTooltip,\n      // For edge end the tooltip will appear after icon in the order tooltip, icon, selection when navlist is placed at end of page.\n      position: !isEdgeEnd ? 'end' : 'start'\n    });\n  if (showTooltip) {\n    if ((isCurrent && showFocusRing) || isSelected) {\n      onLogicalFocus(itemRef.current as HTMLElement);\n    } else if (!isCurrent || !showFocusRing) {\n      onLogicalBlur();\n    }\n  }\n\n  const labelRenderer = () => {\n    return (\n      <>\n        {icon && (\n          <Flex justify=\"start\">\n            <span class={startIconContainerClasses}>{icon}</span>\n          </Flex>\n        )}\n        {!isIconOnly && labelRequirement && (\n          <Flex align=\"center\" justify=\"start\" flex=\"1 1 auto\">\n            <span class={labelContainerClasses} style={labelContainerStyle}>\n              <Text size=\"inherit\" weight=\"inherit\" variant=\"inherit\">\n                {label}\n              </Text>\n            </span>\n          </Flex>\n        )}\n        {removeIcon && !isLinkItem && <span class={removeClass}>{removeIcon}</span>}\n      </>\n    );\n  };\n\n  const complexItemRenderer = () => {\n    return (\n      <>\n        {iconOnlyRequirement && (\n          <div class={startIconContainerClasses}>\n            {icon}\n            <span class={stackedBadgeClasses}>\n              {badge ? (\n                <Badge size=\"xs\" variant=\"neutral\">\n                  {badge}\n                </Badge>\n              ) : null}\n            </span>\n          </div>\n        )}\n        {!isIconOnly && icon && (\n          <Flex justify=\"start\">\n            <span class={startIconContainerClasses}>{icon}</span>\n          </Flex>\n        )}\n        {(!isIconOnly || /* This covers invalid cases*/ (isIconOnly && !iconOnlyRequirement)) &&\n          labelRequirement && (\n            <Flex align=\"center\" justify=\"start\" flex=\"1 1 auto\">\n              <span class={labelContainerClasses} style={labelContainerStyle}>\n                <Text size=\"inherit\" weight=\"inherit\" variant=\"inherit\">\n                  {label}\n                </Text>\n              </span>\n            </Flex>\n          )}\n        {(metadata || severityRequirement || badge || removeIcon) && (\n          <Flex align=\"center\" justify=\"end\">\n            {' '}\n            {(!isIconOnly || /* This covers invalid cases*/ (isIconOnly && !iconOnlyRequirement)) &&\n              badge && (\n                <span class={endIconContainerClasses}>\n                  <Badge size=\"md\" variant=\"neutralSubtle\">\n                    {badge}\n                  </Badge>\n                </span>\n              )}\n            {metadata && (\n              <span class={navigationItemMatadata}>\n                <Text>{'( ' + metadata + ' )'}</Text>\n              </span>\n            )}\n            {severityRequirement && (\n              <span class={endIconContainerClasses}>{IconComponent(severity)}</span>\n            )}\n            {removeIcon && !isLinkItem && <span class={removeClass}>{removeIcon}</span>}\n          </Flex>\n        )}\n      </>\n    );\n  };\n  const navlistItemRenderer = () => {\n    return (\n      <div\n        role=\"tab\"\n        {...mergeProps(tooltipEventHandlerProps, itemHandlers)}\n        data-oj-key={itemKey}\n        id={itemId}\n        class={itemClasses}\n        aria-selected={isSelected}\n        ref={itemRef}\n        aria-controls={ariaControls}>\n        {isComplexItem ? complexItemRenderer() : labelRenderer()}\n        {isIconOnly && tooltipContent}\n      </div>\n    );\n  };\n  const navlistLinkItemRenderer = () => {\n    const safeHref = getSafeHref(href, 'NavigationList');\n    return (\n      <div {...itemHandlers} class={itemClasses}>\n        <a\n          tabindex={-1}\n          role=\"tab\"\n          data-oj-key={itemKey}\n          id={itemId}\n          class={navigationItemLinkClass}\n          aria-selected={isSelected}\n          aria-controls={ariaControls}\n          href={safeHref}\n          onClick={onClickLink}>\n          {isComplexItem ? complexItemRenderer() : labelRenderer()}\n        </a>\n      </div>\n    );\n  };\n  return isLinkItem ? navlistLinkItemRenderer() : navlistItemRenderer();\n}\n","import { BaseNavigationListItem, BaseNavigationListItemProps } from './BaseNavigationListItem';\n\ntype Link = {\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL do not use NavigationListLinkItem, use other types of NavigationListItem instead.\n   */\n  href: string;\n};\nexport type NavigationListLinkItemProps<K extends string | number> = Link &\n  Pick<\n    BaseNavigationListItemProps<K>,\n    'label' | 'itemKey' | 'badge' | 'metadata' | 'severity' | 'aria-controls'\n  >;\n/**\n * NavigationListLinkItem is used to render links in a NavigationList. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function NavigationListLinkItem<K extends string | number>({\n  itemKey,\n  badge,\n  metadata,\n  severity,\n  href,\n  label,\n  'aria-controls': ariaControls\n}: NavigationListLinkItemProps<K>) {\n  return (\n    <BaseNavigationListItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      href={href}></BaseNavigationListItem>\n  );\n}\n"],"names":["onClickLink","event","preventDefault","BaseNavigationListItem","itemKey","label","badge","metadata","severity","removeIcon","icon","href","ariaControls","itemRef","useRef","itemId","itemHandlers","itemClasses","isSelected","labelContainerClasses","labelContainerStyle","isIconOnly","isEdgeEnd","stackedBadgeClasses","iconOnlyClasses","isCurrent","showFocusRing","useNavigationListItem","severityRequirement","undefined","IconComponent","severityValue","_jsx","ErrorS","SvgErrorS","color","WarningS","SvgWarningS","InformationS","SvgInformationS","SuccessS","SvgSuccessS","styles","iconLabelContainer","iconContainer","startIconPadding","endContentPadding","removeIconPaddingWithEndContent","navigationItemMetadata","navigationListItemLink","useComponentTheme","NavigationListItemRedwoodTheme","navigationItemMatadata","classNames","navigationItemLinkClass","endIconContainerClasses","startIconContainerClasses","navigationlistRemoveIcon","isComplexItem","removeClass","isLinkItem","labelRequirement","iconOnlyRequirement","showTooltip","tooltipContent","tooltipEventHandlerProps","onLogicalFocus","onLogicalBlur","useTabBarItemTooltip","isDisabled","position","current","labelRenderer","_jsxs","_Fragment","children","Flex","justify","jsx","class","align","flex","style","Text","size","weight","variant","complexItemRenderer","Badge","jsxs","safeHref","getSafeHref","tabindex","role","id","onClick","navlistLinkItemRenderer","mergeProps","ref"],"mappings":"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"}

package/amd/OverflowTabBarItem-51015785.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './useTranslationBundle-e4dd341e', './clientHints-6d361eaa', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './classNames-08d99695', './NavigationList-8cd4ad71', './NavigationListItem-dbb3ad30', 'css!./NavigationListSeparator.styles.css', './Icon-1e9e773e', './useTabBarContext-15a23bb6', './Dropdown-a26fb975', './Sheet-2f362cd6', './BaseTabBarItem-bdd9ea3b', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './NavigationListLinkItem-5f82f3c2', './RemovableNavigationListItem-69964f9b'], (function(e,a,t,s,n,i,o,l,r,c,d,m,b,u,v,f,g,p,h,y){"use strict";const x=e=>a.jsx(b.Icon,{viewBox:"0 0 24 24",...e,children:a.jsx("g",{fill:"none",children:a.jsx("path",{d:"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z",fill:"currentcolor"})})});const I=()=>{const{deviceRenderMode:e}=i.getClientHints();return"phone"===e};e.OverflowTabBarItem=function({overflowItemKey:e,icon:i,badge:m,overflowItems:b,isOpen:j,onClose:B}){const{selection:C,showFocusRing:w,isEdgeBottom:R,onSelect:L,onRemove:N,layout:K}=u.useTabBarContext(),k=s.useRef(!1);s.useEffect((()=>{j||(k.current=!1)}),[j]);const O=s.useRef(null),T=t.createRef(),F=s.useCallback((e=>{"pointer"===e.reason&&(k.current=!0),L?.({value:e.value}),B?.({reason:"itemAction"})}),[L,B]),S=s.useCallback((e=>{B?.({reason:e.reason})}),[B]),D=s.useCallback((()=>{B?.({reason:"dismissed"})}),[B]),z=w&&!k.current&&!I(),A=b?.find((e=>e.itemKey===C))?.tabPanelId,E=n.useTranslationBundle("@oracle/oraclejet-preact"),H=void 0!==C&&(M=C,null!=b?.find((e=>e.itemKey===M)));var M;const P=o.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===K?"1 0 auto":"0 0 auto"}),U=r.classNames([p.styles.navContainerBase]),_=s.useRef(null),q=s.useCallback((e=>{"ArrowDown"===e.key&&(e.preventDefault(),T.current?.focus())}),[T]),G=s.useCallback((()=>a.jsx("div",{onKeyDown:q,tabIndex:0,ref:_,class:U,children:a.jsx(c.NavigationList,{ref:T,selection:C,onSelectionChange:F,onRemove:N,children:b?.map((e=>null!=e.href?a.jsx(h.NavigationListLinkItem,{href:e.href,itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity}):e.isRemovable?a.jsx(y.RemovableNavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity}):a.jsx(d.NavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity})))})})),[q,U,T,C,F,N,b]);return a.jsxs(a.Fragment,{children:[b&&b.length>0&&a.jsx("div",{ref:O,style:P,children:a.jsx(g.BaseTabBarItem,{"aria-controls":A,itemKey:e,label:E.overflowItemLabel(),icon:i||a.jsx(x,{}),badge:m,showFocusRingOverride:z,selectionOverride:H,displayOverride:"icons","aria-haspopup":!0})}),I()?a.jsx(f.Sheet,{isOpen:j,onClose:D,initialFocus:"firstFocusable",children:G()}):a.jsx(v.Dropdown,{initialFocus:"firstFocusable",isOpen:j,onClose:S,placement:R?"top-end":"bottom-end",anchorRef:O,children:G()})]})}}));
-//# sourceMappingURL=OverflowTabBarItem-51015785.js.map

package/amd/RemovableNavigationListItem-69964f9b.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './NavigationListLinkItem-5f82f3c2', './useNavigationListItem-29bd087a', './Close-bd28ab5e', './EmbeddedIconButton-49aab46c', 'preact/hooks', './useHover-8b8a1496', './useTranslationBundle-e4dd341e'], (function(e,t,a,i,o,n,s,r,l){"use strict";e.RemovableNavigationListItem=function({itemKey:e,label:c,badge:d,metadata:v,severity:u}){const{selection:m,currentKey:b,onRemove:g}=i.useNavigationListContext(),x=m===e,j=b===e,I=s.useCallback((()=>{g?.({value:e})}),[g,e]),{hoverProps:L,isHover:p}=r.useHover({}),B=l.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{...L,children:t.jsx(a.BaseNavigationListItem,{itemKey:e,label:c,badge:d,metadata:v,severity:u,removeIcon:t.jsx("span",{"data-oj-navigationlist-item-remove-icon":!0,children:t.jsx(n.EmbeddedIconButton,{"aria-label":B.tabBarNavigationList_removeCueText(),size:"xs",onAction:I,children:(p||x||j)&&t.jsx(o.SvgClose,{})})})})})}}));
-//# sourceMappingURL=RemovableNavigationListItem-69964f9b.js.map

package/amd/ReorderableTabBar-88812623.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-dbefb95b', './TabBar-71251f08', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-89bc31e1', './useUser-08901aba', './LayerHost-0b288129', './useReorderableItem-565edeff', './ReorderableContext-6d10a1b7', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './keys-4755c121', './classNames-08d99695', 'css!./DragAndDropStyles.styles.css', './StyledCheckbox-09af2883', '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}));
-//# sourceMappingURL=ReorderableTabBar-88812623.js.map

package/amd/TabBar-71251f08.js

@@ -1,2 +0,0 @@
-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-00b673c5', '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-d855e8f2', 'css!./IconStyle.styles.css', './safeHref-e764caa8', './BaseButton-d0f59de5', './ButtonLabelLayout-c93ed2fa', './NavigationList-8cd4ad71', './useNavigationListItem-29bd087a', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', 'css!./NavigationListSeparator.styles.css', './Floating-eca152d7', 'css!./LayerStyles.styles.css', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-2f362cd6', 'css!./OverflowTabBarItemStyles.styles.css', './TabBarLayout-4eb6c732', './StyledCheckbox-09af2883', 'css!./SelectorStyles.styles.css', './UNSAFE_TabBar/themes/TabBarStyles.css', './useTabBar-0161bf67', './TabBarContextMenu-6f38f6ab'], (function(e,t,s,a,o,n,i,l,r,c,d,b,y,m,x,B,u,h,S,T,g,f,p,C,N,v,L,F,U,A,I,w,E,_,M,j,k,R,H,V,P,z,D,$,O,q,G,J,K,Q,W,X){"use strict";const Y=i.forwardRef((({children:e,layout:o="stretch",display:n="standard",size:i="md",edge:l="top",selection:r,onSelect:d,onRemove:b,"aria-describedby":y,"aria-label":m,"aria-labelledby":x,contextMenuConfig:B},u)=>{const h=u,{rootProps:S,tabBarContext:T,menuProps:g,contextMenuContext:f,contextMenuDescription:p,contextMenuDescriptionId:C,accStatusInfo:N}=W.useTabBar({class:Q.styles.tabBarBase,edge:l,onRemove:b,onSelect:d,ref:h,selection:r,size:i,children:e,contextMenuConfig:B}),v=null!=B;return t.jsxs(t.Fragment,{children:[t.jsx(c.TabBarContext.Provider,{value:T,children:t.jsx("div",{...S,"aria-label":m,"aria-labelledby":x,"aria-haspopup":null!=B,"aria-describedby":v&&C?y?`${y} ${C}`:C:y,children:t.jsx(G.TabBarLayout,{layout:o,display:n,children:e})})}),v&&C&&t.jsx("span",{id:C,children:t.jsx(s.HiddenAccessible,{children:p})}),v&&N&&t.jsx(a.LiveRegion,{children:N}),v&&t.jsx(X.TabBarContextMenu,{...g,contextMenuConfig:B,contextMenuContext:f})]})}));e.TabBar=Y}));
-//# sourceMappingURL=TabBar-71251f08.js.map

package/amd/TabBarMixed-ec5c495d.js

@@ -1,2 +0,0 @@
-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-00b673c5', '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-d855e8f2', 'css!./IconStyle.styles.css', './HiddenAccessible-037ef42d', './safeHref-e764caa8', './BaseButton-d0f59de5', './ButtonLabelLayout-c93ed2fa', './NavigationList-8cd4ad71', './useNavigationListItem-29bd087a', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', 'css!./NavigationListSeparator.styles.css', './Floating-eca152d7', 'css!./LayerStyles.styles.css', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-2f362cd6', 'css!./OverflowTabBarItemStyles.styles.css', './StyledCheckbox-09af2883', 'css!./SelectorStyles.styles.css', './clientUtils-f1eea2db', './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css', './useTabBar-0161bf67', './LiveRegion-dbefb95b', './TabBarContextMenu-6f38f6ab', './ConveyorBeltFocusContext-7d718341'], (function(e,t,s,a,o,n,r,l,i,c,d,b,u,m,y,x,B,f,T,S,h,C,g,v,p,N,M,F,I,A,L,U,E,w,_,k,R,j,P,H,V,D,K,O,z,q,G,J,Q,W,X,Y,Z,$){"use strict";const ee=a.forwardRef(((e,o)=>{const{children:n,onRemove:r,onSelect:i,selection:c,size:d,"aria-label":b,"aria-labelledby":u}=e,m=s.useRef(null),y=Q.isMobile(),x=s.useMemo((()=>({itemsRenderer:e=>{if(e){if(null!=X.getItemAttribute(e.itemKey,m.current,X.REMOVABLE_ITEM_ATTRIBUTE)&&y){const s=e.defaultMenuItems;return t.jsx(t.Fragment,{children:s})}}return null}})),[]),{rootProps:B,tabBarContext:f,menuProps:T,contextMenuContext:S,contextMenuDescription:h,contextMenuDescriptionId:C,accStatusInfo:v}=(p={class:W.styles.tabBarBase,edge:"bottom",onRemove:r,onSelect:i,ref:m,selection:c,size:d,children:n,contextMenuConfig:x},X.useTabBar(p));var p;const N=null!=x&&y;a.useImperativeHandle(o,(()=>({focus:()=>{m.current&&m.current.focus()},blur:()=>{m.current&&m.current.blur()}})));const[M,F]=s.useState(!1),A=s.useCallback((()=>{m.current?.focus()}),[]),L=s.useCallback((()=>{F(!0)}),[]),U=s.useCallback((()=>{F(!1)}),[]),E=s.useCallback((e=>{"Tab"!==e.key||e.shiftKey||L?.()}),[L]),w=s.useCallback((()=>{U?.()}),[U]),_=s.useMemo((()=>({focusTabbarRoot:A,isSuppressOverflowFocus:M,beginTabPass:L,endTabPass:U})),[M,A,L,U]),k=g.mergeProps(B,{onKeyDown:E,onBlur:w});return t.jsxs($.ConveyorBeltFocusContext.Provider,{value:_,children:[t.jsx(l.TabBarContext.Provider,{value:f,children:t.jsx("div",{"aria-label":b,"aria-labelledby":u,...k,children:n})}),N&&C&&h&&t.jsx("span",{id:C,children:t.jsx(I.HiddenAccessible,{children:h})}),N&&v&&t.jsx(Y.LiveRegion,{children:v}),N&&t.jsx(Z.TabBarContextMenu,{...T,contextMenuConfig:x,contextMenuContext:S})]})}));e.TabBarMixed=ee}));
-//# sourceMappingURL=TabBarMixed-ec5c495d.js.map

package/amd/useNavigationListItem-29bd087a.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './usePress-949a0d03', './mergeProps-bcfa6a92', './classNames-08d99695', './useInteractionStyle-15a2bdd0', './useComponentTheme-db55de25', 'preact', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme', './useUser-08901aba'], (function(e,s,t,n,o,i,a,r,l,c,d,u){"use strict";const m=r.createContext(null);function g(){return s.useContext(m)}const v=l.mergeInterpolations([...Object.values(c.flexitemInterpolations)]),{class:p,...y}=v({alignSelf:"center"});e.NavigationListContext=m,e.useNavigationListContext=g,e.useNavigationListItem=function({itemKey:e}){const{onSelectionChange:r,selection:l,currentKey:c,showFocusRing:m,navigationListItemPrefix:v,edge:C,display:I}=g(),S=c===e,N=l===e,b="icons"===I,f="end"===C,{interactionProps:H,applyPseudoHoverStyle:h,applyHoverStyle:P,applyActiveStyle:R}=i.useInteractionStyle(),{direction:x}=u.useUser(),L="rtl"===x,{classes:k,styles:{labelContainerClasses:E,navigationItemStackedBadge:O,navigationItemStackedBadgeRtl:F,startIconStacked:w}}=a.useComponentTheme(d.NavigationListItemRedwoodTheme,{focusRing:m?"isFocusRing":"notFocusRing",current:S?"isCurrent":"notCurrtent",selected:N?"isSelected":"notSelected",direction:L?"isRtl":"notRtl",hybridHover:P?"isHybridHover":"notHybridHover",pseudoHover:h?"isPseudoHover":"notPseudoHover",active:R?"isActive":"notActive",edgeEnd:"end"===C?"isEnd":"notEnd",iconOnly:b?"isIconOnly":"notIconOnly"}),A=o.classNames([w]),T=o.classNames([O,"rtl"===x&&F]),B=s.useCallback((()=>{r?.({value:e,reason:"pointer"})}),[e,r]),{pressProps:U}=t.usePress(B);return{itemId:v+e,itemHandlers:n.mergeProps(H,U),itemClasses:o.classNames([k]),isSelected:N,labelContainerClasses:o.classNames([E,p]),labelContainerStyle:y,isIconOnly:b,isEdgeEnd:f,stackedBadgeClasses:o.classNames([T]),iconOnlyClasses:o.classNames([A]),isCurrent:S,showFocusRing:m}}}));
-//# sourceMappingURL=useNavigationListItem-29bd087a.js.map