@oracle/oraclejet-preact 18.0.12 → 18.0.13

package/cjs/OverflowTabBar-3310457e.js

@@ -0,0 +1,71 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+var hooks = require('preact/hooks');
+var classNames = require('./classNames-c14c6ef3.js');
+var TabBar = require('./TabBar-bf94b95a.js');
+var UNSAFE_OverflowTabBar_themes_OverflowTabBarStyles_css = require('./UNSAFE_OverflowTabBar/themes/OverflowTabBarStyles.css.js');
+var useDetectHorizontalOverflow = require('./useDetectHorizontalOverflow-003f7c4a.js');
+var RemovableTabBarItem = require('./RemovableTabBarItem-31809ee8.js');
+var TabBarItem = require('./TabBarItem-00fcf601.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-ff9d5b73.js');
+
+/**
+ * OverflowTabBar handles the rendering of overflowing tab items.
+ */
+function OverflowTabBar({ items, layout = 'stretch', display = 'standard', size = 'md', edge = 'top', selection, truncation, onSelect, onRemove, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, testId }) {
+    const displayStackProps = {
+        display: display
+    };
+    const displayNonStackProps = {
+        display: display,
+        size: size
+    };
+    const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;
+    const rootRef = hooks.useRef(null);
+    const tabBarRef = preact.createRef();
+    const [isDropDownOpen, setIsDropDownOpen] = hooks.useState(false);
+    const isOutsideMouseDown = hooks.useRef(false);
+    const handleClose = (e) => {
+        if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {
+            tabBarRef?.current?.focus();
+        }
+        if (e.reason === 'outsideMousedown') {
+            isOutsideMouseDown.current = true;
+        }
+        setIsDropDownOpen(false);
+    };
+    const handleSelect = hooks.useCallback((e) => {
+        if (e.value === 'more') {
+            //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed
+            if (isOutsideMouseDown.current) {
+                setIsDropDownOpen(false);
+            }
+            else {
+                setIsDropDownOpen(true);
+            }
+        }
+        else {
+            onSelect?.(e);
+        }
+        isOutsideMouseDown.current = false;
+    }, [onSelect]);
+    const overflowItemKey = 'more';
+    const keysArray = hooks.useMemo(() => items.map((item) => item.itemKey), [items]);
+    const { visibleItemKeys, overflowItemKeys, maxWidths } = useDetectHorizontalOverflow.useDetectHorizontalOverflow({
+        rootRef: tabBarRef,
+        keysArray,
+        isTruncationDisabled: !(truncation && truncation === 'progressive')
+    });
+    const overflowTabBarClass = classNames.classNames([UNSAFE_OverflowTabBar_themes_OverflowTabBarStyles_css.styles.overflowTabBarBase]);
+    return (jsxRuntime.jsx("div", { ref: rootRef, class: overflowTabBarClass, children: jsxRuntime.jsxs(TabBar.TabBar, { ref: tabBarRef, selection: selection, onSelect: handleSelect, ...displayProps, layout: layout, edge: edge, onRemove: onRemove, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, testId: testId, children: [visibleItemKeys != null &&
+                    visibleItemKeys.length > 0 &&
+                    items
+                        .filter((item) => visibleItemKeys?.includes(item.itemKey))
+                        .map((item) => item.isRemovable ? (jsxRuntime.jsx(RemovableTabBarItem.RemovableTabBarItem, { itemKey: item.itemKey, label: item.label, icon: item.icon, badge: item.badge, metadata: item.metadata, severity: item.severity, "aria-controls": item.tabPanelId, labelMaxWidth: maxWidths?.get(item.itemKey) })) : (jsxRuntime.jsx(TabBarItem.TabBarItem, { itemKey: item.itemKey, label: item.label, icon: item.icon, badge: item.badge, metadata: item.metadata, severity: item.severity, "aria-controls": item.tabPanelId, labelMaxWidth: maxWidths?.get(item.itemKey) }))), overflowItemKeys != null && overflowItemKeys.length > 0 && (jsxRuntime.jsx(OverflowTabBarItem.OverflowTabBarItem, { isOpen: isDropDownOpen, onClose: handleClose, overflowItemKey: overflowItemKey, overflowItems: items.filter((item) => overflowItemKeys?.includes(item.itemKey)) }))] }) }));
+}
+
+exports.OverflowTabBar = OverflowTabBar;
+//# sourceMappingURL=OverflowTabBar-3310457e.js.map

package/cjs/OverflowTabBar-3310457e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowTabBar-3310457e.js","sources":["../../src/UNSAFE_OverflowTabBar/OverflowTabBar.tsx"],"sourcesContent":["import { ComponentProps, createRef } from 'preact';\nimport { useCallback, useMemo, useRef, useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { OverflowTabBarItem, RemovableTabBarItem, TabBar, TabBarItem } from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\n\ntype OverflowTabBarProps<K extends string | number> = {\n  /**\n   * An array of data to render individual tabs\n   */\n  items: Item<K>[];\n  /**\n   * The truncation configuration for tab labels.\n   * 'progressive' will restrict the width of each tab label to allow all tabs to fit if enough space is not available to display all of the tabs.\n   * Labels that are truncated are displayed with ellipses. However the width of each tab label will not be truncated below a specific threshold.\n   * 'none' tabs always take up the space needed by the labels even if enough space is not available to display all of the tabs.\n   */\n  truncation?: 'none' | 'progressive';\n} & Omit<ComponentProps<typeof TabBar>, 'children' | 'aria-describedby' | 'ref'>;\n\n/**\n * OverflowTabBar handles the rendering of overflowing tab items.\n */\nexport function OverflowTabBar<K extends string | number>({\n  items,\n  layout = 'stretch',\n  display = 'standard',\n  size = 'md',\n  edge = 'top',\n  selection,\n  truncation,\n  onSelect,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n  const displayStackProps = {\n    display: display\n  };\n  const displayNonStackProps = {\n    display: display,\n    size: size\n  };\n\n  const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const tabBarRef = createRef<HTMLDivElement>();\n\n  const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n  const isOutsideMouseDown = useRef<boolean>(false);\n\n  const handleClose = (e: CloseDetail) => {\n    if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {\n      tabBarRef?.current?.focus();\n    }\n    if (e.reason === 'outsideMousedown') {\n      isOutsideMouseDown.current = true;\n    }\n    setIsDropDownOpen(false);\n  };\n\n  const handleSelect = useCallback<Required<ComponentProps<typeof TabBar>>['onSelect']>(\n    (e: { value: string | number }) => {\n      if (e.value === 'more') {\n        //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed\n        if (isOutsideMouseDown.current) {\n          setIsDropDownOpen(false);\n        } else {\n          setIsDropDownOpen(true);\n        }\n      } else {\n        onSelect?.(e);\n      }\n      isOutsideMouseDown.current = false;\n    },\n    [onSelect]\n  );\n\n  const overflowItemKey = 'more' as K;\n\n  const keysArray = useMemo(() => items.map((item) => item.itemKey) as K[], [items]);\n\n  const { visibleItemKeys, overflowItemKeys, maxWidths } = useDetectHorizontalOverflow({\n    rootRef: tabBarRef,\n    keysArray,\n    isTruncationDisabled: !(truncation && truncation === 'progressive')\n  });\n\n  const overflowTabBarClass = classNames([styles.overflowTabBarBase]);\n\n  return (\n    <div ref={rootRef} class={overflowTabBarClass}>\n      <TabBar\n        ref={tabBarRef}\n        selection={selection}\n        onSelect={handleSelect}\n        {...displayProps}\n        layout={layout}\n        edge={edge}\n        onRemove={onRemove}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        testId={testId}>\n        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.isRemovable ? (\n                <RemovableTabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              ) : (\n                <TabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              )\n            )}\n        {overflowItemKeys != null && overflowItemKeys.length > 0 && (\n          <OverflowTabBarItem\n            isOpen={isDropDownOpen}\n            onClose={handleClose}\n            overflowItemKey={overflowItemKey}\n            overflowItems={items.filter((item) => overflowItemKeys?.includes(item.itemKey))}\n          />\n        )}\n      </TabBar>\n    </div>\n  );\n}\n"],"names":["useRef","createRef","useState","useCallback","useMemo","useDetectHorizontalOverflow","classNames","styles","_jsx","_jsxs","TabBar","RemovableTabBarItem","TabBarItem","OverflowTabBarItem"],"mappings":"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"}

package/cjs/OverflowTabBarItem-ff9d5b73.js

@@ -0,0 +1,88 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+var hooks = require('preact/hooks');
+var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
+var clientHints = require('./clientHints-a0f8f4d2.js');
+var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
+var flexitem = require('./flexitem-fee13e26.js');
+var classNames = require('./classNames-c14c6ef3.js');
+var Icon = require('./Icon-c024b93c.js');
+var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
+var Dropdown = require('./Dropdown-00e73e4d.js');
+var Sheet = require('./Sheet-73cb51b2.js');
+var TabBarItem = require('./TabBarItem-00fcf601.js');
+var UNSAFE_TabBarCommon_themes_OverflowTabBarItemStyles_css = require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
+var NavigationListItem = require('./NavigationListItem-4c4e804d.js');
+var RemovableNavigationListItem = require('./RemovableNavigationListItem-1505f520.js');
+
+const SvgOverflowH = (props) => (jsxRuntime.jsx(Icon.Icon, { viewBox: "0 0 24 24", ...props, children: jsxRuntime.jsx("g", { fill: "none", children: jsxRuntime.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" }) }) }));
+
+/**
+ * An OverflowTabBarItem renders TabBarItems in a device appropriate popup. OverflowTabBarItem is used internally in an OverflowTabBar.
+ */
+function OverflowTabBarItem({ overflowItemKey, icon, badge, overflowItems, isOpen, onClose }) {
+    const { selection, showFocusRing, isEdgeBottom, onSelect, onRemove, layout } = useTabBarContext.useTabBarContext();
+    const isPointerSelection = hooks.useRef(false);
+    const overflowTabBarItemRef = hooks.useRef(null);
+    const navigationListRef = preact.createRef();
+    const handleSelectionChange = hooks.useCallback((detail) => {
+        if (detail.reason === 'pointer') {
+            isPointerSelection.current = true;
+        }
+        onSelect?.({ value: detail.value });
+        onClose?.({ reason: 'itemAction' });
+    }, [onSelect, onClose]);
+    const handleDropdownClose = hooks.useCallback((e) => {
+        onClose?.({ reason: e.reason });
+    }, [onClose]);
+    const handleSheetClose = hooks.useCallback(() => {
+        onClose?.({ reason: 'dismissed' });
+    }, [onClose]);
+    //When NavigationList steals focus the app resets it. Not always would it be reset to
+    //parent of OverflowTabBarItem. Though currentKey would be correct, but focusRing would would not be visible
+    //Hence we check for isPointerSelection.current
+    const focusRingRequirement = showFocusRing && !isPointerSelection.current && !getIsMobile();
+    const overflowContainsKey = (searchKey) => {
+        return overflowItems?.find((item) => item.itemKey === searchKey) != null;
+    };
+    const currentPanelId = overflowItems?.find((item) => item.itemKey === selection)?.tabPanelId;
+    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const isSelected = selection !== undefined && overflowContainsKey(selection);
+    //instead of specifying flex: '1 0 auto' in cssProps var
+    const styleInterpolations = mergeInterpolations.mergeInterpolations([
+        ...Object.values(flexitem.flexitemInterpolations)
+    ]);
+    const flexDimensions = styleInterpolations({
+        flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'
+    });
+    const navContainerClasses = classNames.classNames([UNSAFE_TabBarCommon_themes_OverflowTabBarItemStyles_css.styles.navContainerBase]);
+    const navContainerRef = hooks.useRef(null);
+    const handleKeyDown = hooks.useCallback((event) => {
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            navigationListRef.current?.focus();
+        }
+    }, [navigationListRef]);
+    const getNavigationList = hooks.useCallback(() => {
+        return (jsxRuntime.jsx("div", { onKeyDown: handleKeyDown, tabIndex: 0, ref: navContainerRef, class: navContainerClasses, children: jsxRuntime.jsx(NavigationListItem.NavigationList, { ref: navigationListRef, selection: selection, onSelectionChange: handleSelectionChange, onRemove: onRemove, children: overflowItems?.map((item) => item.isRemovable ? (jsxRuntime.jsx(RemovableNavigationListItem.RemovableNavigationListItem, { itemKey: item.itemKey, label: item.label, badge: item.badge, metadata: item.metadata, severity: item.severity })) : (jsxRuntime.jsx(NavigationListItem.NavigationListItem, { itemKey: item.itemKey, label: item.label, badge: item.badge, metadata: item.metadata, severity: item.severity }))) }) }));
+    }, [
+        handleKeyDown,
+        navContainerClasses,
+        navigationListRef,
+        selection,
+        handleSelectionChange,
+        onRemove,
+        overflowItems
+    ]);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [overflowItems && overflowItems.length > 0 && (jsxRuntime.jsx("div", { ref: overflowTabBarItemRef, style: flexDimensions, children: jsxRuntime.jsx(TabBarItem.BaseTabBarItem, { "aria-controls": currentPanelId, itemKey: overflowItemKey, label: translations.overflowItemLabel(), icon: icon ? icon : jsxRuntime.jsx(SvgOverflowH, {}), badge: badge, showFocusRingOverride: focusRingRequirement, selectionOverride: isSelected, displayOverride: 'icons', "aria-haspopup": true }) })), getIsMobile() ? (jsxRuntime.jsx(Sheet.Sheet, { isOpen: isOpen, onClose: handleSheetClose, children: getNavigationList() })) : (jsxRuntime.jsx(Dropdown.Dropdown, { initialFocus: "firstFocusable", isOpen: isOpen, onClose: handleDropdownClose, placement: isEdgeBottom ? 'top-end' : 'bottom-end', anchorRef: overflowTabBarItemRef, children: getNavigationList() }))] }));
+}
+const getIsMobile = () => {
+    const { deviceType } = clientHints.getClientHints();
+    return deviceType === 'phone';
+};
+
+exports.OverflowTabBarItem = OverflowTabBarItem;
+//# sourceMappingURL=OverflowTabBarItem-ff9d5b73.js.map

package/cjs/OverflowTabBarItem-ff9d5b73.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowTabBarItem-ff9d5b73.js","sources":["../../src/UNSAFE_RedwoodIcons/OverflowH/OverflowH.tsx","../../src/UNSAFE_TabBarCommon/OverflowTabBarItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates. All rights reserved.\n * https://www.oracle.com/contracts/docs/cloud_csa_online_v062223_us_eng.pdf?download=false&er=221886\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox' | 'children'>;\nconst SvgOverflowH = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <g fill=\"none\">\n      <path\n        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\"\n        fill=\"currentcolor\"\n      />\n    </g>\n  </Icon>\n);\nexport { SvgOverflowH as OverflowH };\n","import { ComponentChild, ComponentProps, createRef } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  NavigationListItem,\n  NavigationList,\n  RemovableNavigationListItem,\n  FocusableHandle\n} from '../UNSAFE_NavigationList';\nimport { OverflowH } from '../UNSAFE_RedwoodIcons/OverflowH';\nimport { useTabBarContext } from './useTabBarContext';\nimport { Dropdown } from '../UNSAFE_Dropdown';\nimport { Sheet } from '../UNSAFE_Sheet';\nimport { BaseTabBarItem } from './BaseTabBarItem';\nimport { styles } from './themes/OverflowTabBarItemStyles.css';\nimport { TabBarItem } from './TabBarItem';\n\nexport type OverflowSelectionDetail<K> = {\n  value: K;\n};\n\nexport type CloseDetail = {\n  /**\n   * dismissed represents dismissing the DropDown\n   */\n  reason: 'dismissed' | 'itemAction' | 'outsideMousedown';\n};\n\nexport type Item<K extends string | number> = Omit<\n  ComponentProps<typeof TabBarItem<K>>,\n  'testId' | 'aria-controls'\n> & {\n  isRemovable?: boolean;\n  /**\n   * Accepts the tabpanel element's ID associated with the tab item\n   **/\n  tabPanelId?: string;\n};\n\nexport type OverflowTabBarItemProps<K extends string | number> = {\n  /**\n   * Key of the TabBarItem\n   */\n  overflowItemKey: K;\n  /**\n   * Whether to open the popup\n   */\n  isOpen: boolean;\n  /**\n   * Property that triggers a callback when DropDown is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * The icon of the OverflowTabBarItem\n   */\n  icon?: ComponentChild;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * An array of data used by NavigationList to render individual overflow items.\n   */\n  overflowItems?: Item<K>[];\n};\n\n/**\n * An OverflowTabBarItem renders TabBarItems in a device appropriate popup. OverflowTabBarItem is used internally in an OverflowTabBar.\n */\n\nexport function OverflowTabBarItem<K extends string | number>({\n  overflowItemKey,\n  icon,\n  badge,\n  overflowItems,\n  isOpen,\n  onClose\n}: OverflowTabBarItemProps<K>) {\n  const { selection, showFocusRing, isEdgeBottom, onSelect, onRemove, layout } = useTabBarContext();\n\n  const isPointerSelection = useRef<boolean>(false);\n\n  const overflowTabBarItemRef = useRef<HTMLDivElement>(null);\n  const navigationListRef = createRef<FocusableHandle>();\n\n  const handleSelectionChange = useCallback<\n    Required<ComponentProps<typeof NavigationList>>['onSelectionChange']\n  >(\n    (detail: { value: string | number; reason?: 'pointer' | 'keyboard' }) => {\n      if (detail.reason === 'pointer') {\n        isPointerSelection.current = true;\n      }\n      onSelect?.({ value: detail.value });\n      onClose?.({ reason: 'itemAction' });\n    },\n    [onSelect, onClose]\n  );\n\n  const handleDropdownClose = useCallback(\n    (e: CloseDetail) => {\n      onClose?.({ reason: e.reason });\n    },\n    [onClose]\n  );\n\n  const handleSheetClose = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  //When NavigationList steals focus the app resets it. Not always would it be reset to\n  //parent of OverflowTabBarItem. Though currentKey would be correct, but focusRing would would not be visible\n  //Hence we check for isPointerSelection.current\n\n  const focusRingRequirement = showFocusRing && !isPointerSelection.current && !getIsMobile();\n\n  const overflowContainsKey = (searchKey: K) => {\n    return overflowItems?.find((item) => item.itemKey === searchKey) != null;\n  };\n\n  const currentPanelId = overflowItems?.find((item) => item.itemKey === selection)?.tabPanelId;\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const isSelected = selection !== undefined && overflowContainsKey(selection as K);\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const navContainerClasses = classNames([styles.navContainerBase]);\n\n  const navContainerRef = useRef<HTMLDivElement>(null);\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        navigationListRef.current?.focus();\n      }\n    },\n    [navigationListRef]\n  );\n  const getNavigationList = useCallback(() => {\n    return (\n      <div onKeyDown={handleKeyDown} tabIndex={0} ref={navContainerRef} class={navContainerClasses}>\n        <NavigationList\n          ref={navigationListRef}\n          selection={selection}\n          onSelectionChange={handleSelectionChange}\n          onRemove={onRemove}>\n          {overflowItems?.map((item) =>\n            item.isRemovable ? (\n              <RemovableNavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            ) : (\n              <NavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            )\n          )}\n        </NavigationList>\n      </div>\n    );\n  }, [\n    handleKeyDown,\n    navContainerClasses,\n    navigationListRef,\n    selection,\n    handleSelectionChange,\n    onRemove,\n    overflowItems\n  ]);\n\n  return (\n    <>\n      {overflowItems && overflowItems.length > 0 && (\n        <div ref={overflowTabBarItemRef} style={flexDimensions}>\n          <BaseTabBarItem\n            aria-controls={currentPanelId}\n            itemKey={overflowItemKey}\n            label={translations.overflowItemLabel()}\n            icon={icon ? icon : <OverflowH />}\n            badge={badge}\n            showFocusRingOverride={focusRingRequirement}\n            selectionOverride={isSelected}\n            displayOverride={'icons'}\n            aria-haspopup={true}\n          />\n        </div>\n      )}\n      {getIsMobile() ? (\n        <Sheet isOpen={isOpen} onClose={handleSheetClose}>\n          {getNavigationList()}\n        </Sheet>\n      ) : (\n        <Dropdown\n          initialFocus=\"firstFocusable\"\n          isOpen={isOpen}\n          onClose={handleDropdownClose}\n          placement={isEdgeBottom ? 'top-end' : 'bottom-end'}\n          anchorRef={overflowTabBarItemRef}>\n          {getNavigationList()}\n        </Dropdown>\n      )}\n    </>\n  );\n}\n\nconst getIsMobile = () => {\n  const { deviceType } = getClientHints();\n  return deviceType === 'phone';\n};\n"],"names":["_jsx","Icon","useTabBarContext","useRef","createRef","useCallback","useTranslationBundle","mergeInterpolations","flexitemInterpolations","classNames","styles","NavigationList","RemovableNavigationListItem","NavigationListItem","_jsxs","_Fragment","BaseTabBarItem","OverflowH","Sheet","Dropdown","getClientHints"],"mappings":"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"}

package/cjs/PRIVATE_BaseCardView.js

@@ -12,14 +12,14 @@ require('./mergeProps-e3da7237.js');
 require('./keys-25710458.js');
 require('./collectionUtils-d9fdec19.js');
 require('./clientHints-a0f8f4d2.js');
-require('./useCurrentKey-88495da2.js');
-require('./useUser-a4bfc560.js');
-require('./LayerHost-a8c7f182.js');
+require('./useCurrentKey-d8d41864.js');
+require('./useUser-8aaad5a7.js');
+require('./LayerHost-7182bfaf.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
 require('./useCollectionFocusRing-5af82f66.js');
 require('./useTabbableModeSet-a57413a0.js');
-require('./useSelection-228ef3ce.js');
+require('./useSelection-0dbc2f40.js');
 require('./textSelectionUtils-432ab66b.js');
 
 
@@ -35,8 +35,8 @@ require('./size-37b7af59.js');
 require('./utils-7c0b6a81.js');
 require('./colorUtils-fe6f2fbf.js');
 require('./_curry1-e8f0d7ea.js');
-require('./useTooltip-81b7b753.js');
-require('./useTooltipControlled-33832163.js');
+require('./useTooltip-ea036f82.js');
+require('./useTooltipControlled-61581889.js');
 require('./useId-6c0eeb27.js');
 require('./useHover-c099039f.js');
 require('./useToggle-3ebba7d8.js');
@@ -45,10 +45,10 @@ require('./useTouch-4dec8729.js');
 require('./useAnimation-fb11e4cc.js');
 require('./useComponentTheme-082fc8e4.js');
 require('./logger-2b636482.js');
-require('./useTestId-5e6af45d.js');
-require('./useThemeInterpolations-28ca9a13.js');
-require('./useColorScheme-ce2a88b1.js');
-require('./useScale-a681a5cb.js');
+require('./useTestId-e267a39d.js');
+require('./useThemeInterpolations-316c1636.js');
+require('./useColorScheme-e6bef5a4.js');
+require('./useScale-a47864b4.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
 require('./mergeInterpolations-6727b536.js');
@@ -57,7 +57,7 @@ require('./mergeDeepWithKey-210b024d.js');
 require('./_curry3-18677bca.js');
 require('./_curry2-c15d89cd.js');
 require('./_isObject-28636267.js');
-require('./useDensity-1f8cc921.js');
+require('./useDensity-38283c57.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
 
@@ -65,16 +65,16 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./tooltipUtils-669c2ae0.js');
-require('./EnvironmentProvider-75eb79f3.js');
-require('./LayerManager-2d0b83ac.js');
-require('./Floating-56621d20.js');
-require('./useFloating-480d365a.js');
+require('./tooltipUtils-2228b0f7.js');
+require('./EnvironmentProvider-bfd5febc.js');
+require('./LayerManager-db087520.js');
+require('./Floating-3a80c067.js');
+require('./useFloating-c9e127d3.js');
 require('./positionUtils-a780137e.js');
 require('./refUtils-915b985d.js');
-require('./useOutsideClick-03a6c38c.js');
+require('./useOutsideClick-ad999b14.js');
 require('./arrayUtils-7d8dcfc3.js');
-require('./Layer-0053053a.js');
+require('./Layer-49394ca6.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('./useModal-0739a528.js');
@@ -125,18 +125,18 @@ require('./FocusTrap-bfe96498.js');
 require('./FocusTracker-3d885919.js');
 require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
 
-require('./useReorderableItem-0dbb8843.js');
-require('./useTranslationBundle-51f4c22c.js');
+require('./useReorderableItem-5fc4d599.js');
+require('./useTranslationBundle-6b0281a9.js');
 require('./dndUtils-21d97036.js');
 require('./hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css.js');
 require('./useReorderableContext-92514102.js');
-require('./Grid-a7316edd.js');
+require('./Grid-b8fadf4a.js');
 require('./grid-7c06084e.js');
 require('./boxalignment-5fe0cc94.js');
 
 require('./vanilla-extract-sprinkles-createRuntimeSprinkles.esm-d68f3e0f.js');
 
-require('./Flex-e7a85bef.js');
+require('./Flex-ce16a2fa.js');
 require('./dimensions-10159104.js');
 require('./flexbox-2cae9a01.js');
 

package/cjs/PRIVATE_Chart.js

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Chart = require('./Chart-c8be3e1d.js');
+var Chart = require('./Chart-40c840e7.js');
 require('preact/jsx-runtime');
 require('./PRIVATE_Chart/themes/ChartStyles.css.js');
 
@@ -22,15 +22,15 @@ require('./colorUtils-fe6f2fbf.js');
 require('./_curry1-e8f0d7ea.js');
 require('./useTextDimensions-a651f0d4.js');
 require('./clientHints-a0f8f4d2.js');
-require('./useCssVars-bd95e715.js');
-require('./useUser-a4bfc560.js');
-require('./LayerHost-a8c7f182.js');
+require('./useCssVars-9bea15a9.js');
+require('./useUser-8aaad5a7.js');
+require('./LayerHost-7182bfaf.js');
 require('./Common/themes/redwood/theme.js');
 require('preact/compat');
-require('./useTheme-8fb5546b.js');
-require('./useColorScheme-ce2a88b1.js');
-require('./useScale-a681a5cb.js');
-require('./Gridlines-ef3af190.js');
+require('./useTheme-6cedf9c8.js');
+require('./useColorScheme-e6bef5a4.js');
+require('./useScale-a47864b4.js');
+require('./Gridlines-22c46764.js');
 require('./PRIVATE_PlotArea/themes/PlotAreaStyles.css.js');
 
 require('./hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css.js');
@@ -67,18 +67,21 @@ require('./stringUtils-4e4a6b2b.js');
 require('./useChartNav-50215440.js');
 require('./layoutUtils-4cfc9f05.js');
 require('./useVisHover-ad36112d.js');
-require('./useSelectDrill-b8d4eee2.js');
+require('./ScrollBar-dc5cf205.js');
+require('./PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js');
+
+require('./useSelectDrill-93a57ed6.js');
 require('./useChartDataCursor-4363392a.js');
 require('./hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js');
 
 require('./Marker-fd400f9a.js');
 
-require('./useChartDatatip-c6107d63.js');
-require('./useDatatip-83ab0540.js');
-require('./Layer-0053053a.js');
+require('./useChartDatatip-538a4577.js');
+require('./useDatatip-1dda9a86.js');
+require('./Layer-49394ca6.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('./useThemeInterpolations-28ca9a13.js');
+require('./useThemeInterpolations-316c1636.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
 require('./mergeInterpolations-6727b536.js');
@@ -86,12 +89,12 @@ require('./mergeDeepWithKey-210b024d.js');
 require('./_curry3-18677bca.js');
 require('./_curry2-c15d89cd.js');
 require('./_isObject-28636267.js');
-require('./useDensity-1f8cc921.js');
-require('./Floating-56621d20.js');
-require('./useFloating-480d365a.js');
+require('./useDensity-38283c57.js');
+require('./Floating-3a80c067.js');
+require('./useFloating-c9e127d3.js');
 require('./positionUtils-a780137e.js');
 require('./refUtils-915b985d.js');
-require('./useOutsideClick-03a6c38c.js');
+require('./useOutsideClick-ad999b14.js');
 require('./arrayUtils-7d8dcfc3.js');
 require('./useModal-0739a528.js');
 require('./UNSAFE_Floating/themes/redwood/FloatingTheme.js');
@@ -104,14 +107,14 @@ require('./vanilla-extract-dynamic.esm-d5dffce7.js');
 require('./UNSAFE_Floating/themes/FloatingContract.css.js');
 require('./hooks/PRIVATE_useDatatip/themes/useDatatip.css.js');
 
-require('./VisTabularDatatip-eca8aa8f.js');
+require('./VisTabularDatatip-a06f4ca3.js');
 require('./PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css.js');
 
 require('./colorUtils-8e657d89.js');
 require('./useChartDrill-e2ec7f64.js');
 require('./useVisDrill-b9f35c86.js');
 require('./useDoubleTap-d3937fb6.js');
-require('./useSelection-6386b3f2.js');
+require('./useSelection-c7c0f533.js');
 require('./BaseButton-6b9f7463.js');
 require('./usePress-886180e4.js');
 require('./usePressClick-7a34624a.js');
@@ -126,25 +129,25 @@ require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
 
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js');
 
-require('./useTestId-5e6af45d.js');
+require('./useTestId-e267a39d.js');
 require('./Text-5ed5f710.js');
 require('./UNSAFE_Text/themes/TextStyles.css.js');
 
-require('./useTranslationBundle-51f4c22c.js');
+require('./useTranslationBundle-6b0281a9.js');
 require('./hooks/PRIVATE_useVisSelection/themes/ClearSelection.css.js');
 
 require('./cssUtils-85f87580.js');
 require('./useChartContextMenu-d114824a.js');
 require('./useContextMenu-3ebf8f80.js');
 require('./Menu-658212ed.js');
-require('./Dropdown-34b8f141.js');
+require('./Dropdown-00e73e4d.js');
 require('./keyboardUtils-691337c0.js');
 require('./tabbableUtils-39e647b7.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
 require('./_isArray-73160ad5.js');
 require('./_isString-f4443c9e.js');
-require('./usePopupAnimation-2afacc4b.js');
+require('./usePopupAnimation-b911e9ed.js');
 require('./useAnimationStatus-e55dfa64.js');
 require('./useAnimation-fb11e4cc.js');
 require('./popupAnimationUtils-dcace427.js');
@@ -169,11 +172,11 @@ require('./UNSAFE_Menu/themes/MenuStyles.css.js');
 
 require('./UNSAFE_Menu/themes/DropdownMenuStyles.css.js');
 
-require('./Sheet-86989265.js');
-require('./Modal-b9987f2d.js');
+require('./Sheet-73cb51b2.js');
+require('./Modal-76b3a4d9.js');
 require('./UNSAFE_Modal/themes/ModalStyles.css.js');
 
-require('./WindowOverlay-06408f56.js');
+require('./WindowOverlay-de3bd373.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
@@ -189,9 +192,9 @@ require('./UNSAFE_Menu/themes/SheetMenuStyles.css.js');
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./tooltipUtils-669c2ae0.js');
-require('./EnvironmentProvider-75eb79f3.js');
-require('./LayerManager-2d0b83ac.js');
+require('./tooltipUtils-2228b0f7.js');
+require('./EnvironmentProvider-bfd5febc.js');
+require('./LayerManager-db087520.js');
 
 require('./SelectMenuGroupContext-bbb4f7e0.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
@@ -205,8 +208,8 @@ require('./useChartDnd-bbe16ef4.js');
 require('./utils-6f32ac40.js');
 require('./pathUtils-ba10ce25.js');
 require('./useDnd-a7d9b60c.js');
-require('./useTooltip-81b7b753.js');
-require('./useTooltipControlled-33832163.js');
+require('./useTooltip-ea036f82.js');
+require('./useTooltipControlled-61581889.js');
 require('./useFocus-1b288fb9.js');
 require('./useTouch-4dec8729.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
@@ -228,7 +231,7 @@ require('./UNSAFE_ButtonSet/themes/ButtonSetStyles.css.js');
 
 require('./ButtonSetPositionContext-6a358667.js');
 require('./toggleButtonUtils-16aa521b.js');
-require('./useRovingTabIndexContainer-dc12b802.js');
+require('./useRovingTabIndexContainer-bbdf3acd.js');
 require('./buttonUtils-1f339a8e.js');
 require('./id-86356250.js');
 require('./ButtonSetItem-f66bd186.js');
@@ -257,9 +260,6 @@ require('./OverviewSlidingWindow-aafdca27.js');
 require('./PRIVATE_VisOverview/themes/VisOverview.css.js');
 
 require('./DragH-73d4ed35.js');
-require('./ScrollBar-dc5cf205.js');
-require('./PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js');
-
 
 
 

package/cjs/PRIVATE_CheckboxControl.js

@@ -19,16 +19,16 @@ require('./classNames-c14c6ef3.js');
 require('./TabbableModeContext-e99d527e.js');
 require('./useTabbableMode-5c8fd9e5.js');
 require('./useId-6c0eeb27.js');
-require('./useTranslationBundle-51f4c22c.js');
-require('./LayerHost-a8c7f182.js');
+require('./useTranslationBundle-6b0281a9.js');
+require('./LayerHost-7182bfaf.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
 
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
-require('./Flex-e7a85bef.js');
-require('./useTestId-5e6af45d.js');
+require('./Flex-ce16a2fa.js');
+require('./useTestId-e267a39d.js');
 require('./boxalignment-5fe0cc94.js');
 require('./size-37b7af59.js');
 require('./utils-7c0b6a81.js');
@@ -56,24 +56,24 @@ require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./tooltipUtils-669c2ae0.js');
-require('./EnvironmentProvider-75eb79f3.js');
-require('./LayerManager-2d0b83ac.js');
-require('./Floating-56621d20.js');
-require('./useFloating-480d365a.js');
-require('./useUser-a4bfc560.js');
+require('./tooltipUtils-2228b0f7.js');
+require('./EnvironmentProvider-bfd5febc.js');
+require('./LayerManager-db087520.js');
+require('./Floating-3a80c067.js');
+require('./useFloating-c9e127d3.js');
+require('./useUser-8aaad5a7.js');
 require('./positionUtils-a780137e.js');
 require('./refUtils-915b985d.js');
-require('./useOutsideClick-03a6c38c.js');
-require('./Layer-0053053a.js');
+require('./useOutsideClick-ad999b14.js');
+require('./Layer-49394ca6.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('./useThemeInterpolations-28ca9a13.js');
-require('./useColorScheme-ce2a88b1.js');
-require('./useScale-a681a5cb.js');
+require('./useThemeInterpolations-316c1636.js');
+require('./useColorScheme-e6bef5a4.js');
+require('./useScale-a47864b4.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
-require('./useDensity-1f8cc921.js');
+require('./useDensity-38283c57.js');
 require('./useModal-0739a528.js');
 require('./UNSAFE_Floating/themes/redwood/FloatingTheme.js');
 require('./UNSAFE_Floating/themes/FloatingStyles.css.js');
@@ -109,8 +109,8 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
 
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
 
-require('./useTooltip-81b7b753.js');
-require('./useTooltipControlled-33832163.js');
+require('./useTooltip-ea036f82.js');
+require('./useTooltipControlled-61581889.js');
 require('./useTouch-4dec8729.js');
 require('./useAnimation-fb11e4cc.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
@@ -130,7 +130,7 @@ require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.j
 require('./FormContext-9452bd30.js');
 require('./FormFieldContext-8418dc68.js');
 require('./InputGroupContext-05f2a46f.js');
-require('./Popup-84ce41d3.js');
+require('./Popup-3e6b37ba.js');
 require('./tabbableUtils-39e647b7.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -140,10 +140,10 @@ require('./FocusTrap-bfe96498.js');
 require('./FocusTracker-3d885919.js');
 require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
 
-require('./Modal-b9987f2d.js');
+require('./Modal-76b3a4d9.js');
 require('./UNSAFE_Modal/themes/ModalStyles.css.js');
 
-require('./WindowOverlay-06408f56.js');
+require('./WindowOverlay-de3bd373.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
@@ -151,7 +151,7 @@ require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js');
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js');
-require('./usePopupAnimation-2afacc4b.js');
+require('./usePopupAnimation-b911e9ed.js');
 require('./useAnimationStatus-e55dfa64.js');
 require('./popupAnimationUtils-dcace427.js');
 require('./UNSAFE_Popup/themes/PopupContract.css.js');
@@ -166,7 +166,7 @@ require('./useFocusWithin-eb7f956a.js');
 
 
 require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
-require('./IconUserAssistance-52208fde.js');
+require('./IconUserAssistance-3faf6a09.js');
 require('./Help-cb7bb9c5.js');
 require('./Icon-c024b93c.js');
 require('./UNSAFE_Icon/themes/IconStyle.css.js');