@oracle/oraclejet-preact 18.1.5 → 18.1.6

package/es/useVisDragModeControls-ed260d12.js

@@ -0,0 +1,87 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
+import { useRef, useEffect, useState } from 'preact/hooks';
+import { S as SvgButton } from './Button-a57d82a7.js';
+import { S as SvgMove } from './Move-cf6a8bb2.js';
+import { styles } from './hooks/PRIVATE_useVisDragModeControls/themes/useVisDragModeControls.css.js';
+import { u as useTranslationBundle } from './useTranslationBundle-2df40edf.js';
+import { S as SvgZoomAlt } from './ZoomAlt-df2dab3a.js';
+import { B as ButtonSetSingle } from './ButtonSetSingle-8a4c0e0c.js';
+import { B as ButtonSetItem } from './ButtonSetItem-eb2d43d4.js';
+import { I as IconToggleButton } from './IconToggleButton-94cbea2b.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
+ */
+/**
+ * Returns the dragMode during initial render or when dragMode props
+ * change (i.e when user hasn't selected yet) based on available dragModes.
+ */
+function getInitialDragMode(dragMode, showPanButton, showZoomButton, showSelectButton) {
+    return showPanButton && (dragMode === 'pan' || dragMode === 'user')
+        ? 'pan'
+        : showZoomButton && dragMode === 'zoom'
+            ? 'zoom'
+            : showSelectButton && dragMode === 'select'
+                ? 'select'
+                : undefined;
+}
+
+function VisDragModeControls({ position, divRef, dragMode, onDragModeChange, showZoomButton, showPanButton, showSelectButton }) {
+    const { right, left, top, bottom } = position;
+    const onButtonAction = ({ value }) => {
+        onDragModeChange(value === dragMode ? undefined : value);
+    };
+    const showOnlyOne = (showPanButton && !showSelectButton && !showZoomButton) ||
+        (!showPanButton && !showSelectButton && showZoomButton) ||
+        (!showPanButton && showSelectButton && !showZoomButton);
+    const translations = useTranslationBundle('@oracle/oraclejet-preact');
+    const zoomAriaLabel = translations.vis_marqueeZoomTooltip();
+    const panAriaLabel = translations.vis_panTooltip();
+    const selectAriaLabel = translations.vis_marqueeSelectTooltip();
+    return showZoomButton || showPanButton || showSelectButton ? (jsx("div", { ref: divRef, class: styles.background, "data-oj-private-object": "dragModeControls", style: {
+            right,
+            left,
+            top,
+            bottom
+        }, children: !showOnlyOne ? (jsxs(ButtonSetSingle, { size: "sm", value: dragMode, onCommit: onButtonAction, display: "icons", variant: "outlined", children: [showPanButton && (jsx(ButtonSetItem, { value: "pan", label: panAriaLabel, startIcon: jsx(SvgMove, {}) })), showZoomButton && (jsx(ButtonSetItem, { value: "zoom", label: zoomAriaLabel, startIcon: jsx(SvgZoomAlt, {}) })), showSelectButton && (jsx(ButtonSetItem, { value: "select", label: selectAriaLabel, startIcon: jsx(SvgButton, {}) }))] })) : (jsxs(Fragment, { children: [showPanButton && (jsx(IconToggleButton, { accessibleLabel: panAriaLabel, isSelected: dragMode === 'pan', onToggle: () => {
+                        onDragModeChange(dragMode === 'pan' ? undefined : 'pan');
+                    }, variant: "outlined", size: "sm", children: jsx(SvgMove, {}) })), showZoomButton && (jsx(IconToggleButton, { accessibleLabel: zoomAriaLabel, isSelected: dragMode === 'zoom', onToggle: () => {
+                        onDragModeChange(dragMode === 'zoom' ? undefined : 'zoom');
+                    }, variant: "outlined", size: "sm", children: jsx(SvgZoomAlt, {}) })), showSelectButton && (jsx(IconToggleButton, { accessibleLabel: selectAriaLabel, isSelected: dragMode === 'select', onToggle: () => {
+                        onDragModeChange(dragMode === 'select' ? undefined : 'select');
+                    }, variant: "outlined", size: "sm", children: jsx(SvgButton, {}) }))] })) })) : null;
+}
+
+function useVisDragModeControls({ componentWidth, plotAreaSpace, isRtl, showPanButton, showZoomButton, showSelectButton, isDisabled = false, dragMode }) {
+    const dragButtonDivRef = useRef(null);
+    const originalDragModeRef = useRef(dragMode);
+    const isInitialRenderRef = useRef(true);
+    useEffect(() => {
+        isInitialRenderRef.current = false;
+    }, []);
+    const [userDragMode, setUserDragMode] = useState();
+    const initialSelection = getInitialDragMode(dragMode, showPanButton, showZoomButton, showSelectButton);
+    const dragModeChanged = originalDragModeRef.current != dragMode;
+    if (dragModeChanged || isInitialRenderRef.current) {
+        originalDragModeRef.current = dragMode;
+        setUserDragMode(initialSelection);
+    }
+    const toggleButtonContent = isDisabled ? undefined : (jsx(VisDragModeControls, { position: {
+            top: `${plotAreaSpace.y}px`,
+            right: isRtl ? undefined : `${componentWidth - plotAreaSpace.x - plotAreaSpace.width}px`,
+            left: isRtl ? `${plotAreaSpace.x}px` : undefined
+        }, divRef: dragButtonDivRef, showSelectButton: showSelectButton, showZoomButton: showZoomButton, showPanButton: showPanButton, dragMode: userDragMode, onDragModeChange: setUserDragMode }));
+    return {
+        dragButtonDivRef: dragButtonDivRef,
+        toggleButtonContent: toggleButtonContent,
+        userDragMode
+    };
+}
+
+export { useVisDragModeControls as u };
+//# sourceMappingURL=useVisDragModeControls-ed260d12.js.map

package/es/useVisDragModeControls-ed260d12.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisDragModeControls-ed260d12.js","sources":["../../src/hooks/PRIVATE_useVisDragModeControls/util.ts","../../src/hooks/PRIVATE_useVisDragModeControls/VisDragModeControls.tsx","../../src/hooks/PRIVATE_useVisDragModeControls/useVisDragModeControls.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\n/**\n * Returns the dragMode during initial render or when dragMode props\n * change (i.e when user hasn't selected yet) based on available dragModes.\n */\nexport function getInitialDragMode(\n  dragMode: 'pan' | 'user' | 'zoom' | 'select' | 'off' | undefined,\n  showPanButton: boolean,\n  showZoomButton: boolean,\n  showSelectButton: boolean\n) {\n  return showPanButton && (dragMode === 'pan' || dragMode === 'user')\n    ? 'pan'\n    : showZoomButton && dragMode === 'zoom'\n    ? 'zoom'\n    : showSelectButton && dragMode === 'select'\n    ? 'select'\n    : undefined;\n}\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 { Ref } from 'preact';\nimport { ChartMarqueeSelectIcon } from '#PRIVATE_ThemedIcons/ChartMarqueeSelectIcon';\nimport { ChartPanIcon } from '#PRIVATE_ThemedIcons/ChartPanIcon';\nimport { styles } from './themes/useVisDragModeControls.css';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ChartZoomIcon } from '#PRIVATE_ThemedIcons/ChartZoomIcon';\nimport { ButtonSetSingle } from '#UNSAFE_ButtonSetSingle';\nimport { ButtonSetItem } from '#UNSAFE_ButtonSetItem';\nimport { IconToggleButton } from '#UNSAFE_IconToggleButton';\n\ntype Props = {\n  divRef: Ref<HTMLDivElement>;\n  position: {\n    top?: string;\n    bottom?: string;\n    right?: string;\n    left?: string;\n  };\n  dragMode?: 'select' | 'zoom' | 'pan';\n  showZoomButton: boolean;\n  showPanButton: boolean;\n  showSelectButton: boolean;\n  onDragModeChange: (mode?: 'select' | 'zoom' | 'pan') => void;\n};\n\nexport function VisDragModeControls({\n  position,\n  divRef,\n  dragMode,\n  onDragModeChange,\n  showZoomButton,\n  showPanButton,\n  showSelectButton\n}: Props) {\n  const { right, left, top, bottom } = position;\n  const onButtonAction = ({ value }: { value: 'zoom' | 'pan' | 'select' }) => {\n    onDragModeChange(value === dragMode ? undefined : value);\n  };\n\n  const showOnlyOne =\n    (showPanButton && !showSelectButton && !showZoomButton) ||\n    (!showPanButton && !showSelectButton && showZoomButton) ||\n    (!showPanButton && showSelectButton && !showZoomButton);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const zoomAriaLabel = translations.vis_marqueeZoomTooltip();\n  const panAriaLabel = translations.vis_panTooltip();\n  const selectAriaLabel = translations.vis_marqueeSelectTooltip();\n  return showZoomButton || showPanButton || showSelectButton ? (\n    <div\n      ref={divRef}\n      class={styles.background}\n      data-oj-private-object=\"dragModeControls\"\n      style={{\n        right,\n        left,\n        top,\n        bottom\n      }}>\n      {!showOnlyOne ? (\n        <ButtonSetSingle\n          size=\"sm\"\n          value={dragMode}\n          onCommit={onButtonAction as (detail: { value?: string }) => void}\n          display=\"icons\"\n          variant=\"outlined\">\n          {showPanButton && (\n            <ButtonSetItem\n              value=\"pan\"\n              label={panAriaLabel}\n              startIcon={<ChartPanIcon />}></ButtonSetItem>\n          )}\n          {showZoomButton && (\n            <ButtonSetItem\n              value=\"zoom\"\n              label={zoomAriaLabel}\n              startIcon={<ChartZoomIcon />}></ButtonSetItem>\n          )}\n          {showSelectButton && (\n            <ButtonSetItem\n              value=\"select\"\n              label={selectAriaLabel}\n              startIcon={<ChartMarqueeSelectIcon />}></ButtonSetItem>\n          )}\n        </ButtonSetSingle>\n      ) : (\n        <>\n          {showPanButton && (\n            <IconToggleButton\n              accessibleLabel={panAriaLabel}\n              isSelected={dragMode === 'pan'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'pan' ? undefined : 'pan');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartPanIcon />\n            </IconToggleButton>\n          )}\n          {showZoomButton && (\n            <IconToggleButton\n              accessibleLabel={zoomAriaLabel}\n              isSelected={dragMode === 'zoom'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'zoom' ? undefined : 'zoom');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartZoomIcon />\n            </IconToggleButton>\n          )}\n          {showSelectButton && (\n            <IconToggleButton\n              accessibleLabel={selectAriaLabel}\n              isSelected={dragMode === 'select'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'select' ? undefined : 'select');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartMarqueeSelectIcon />\n            </IconToggleButton>\n          )}\n        </>\n      )}\n    </div>\n  ) : null;\n}\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 { useEffect, useRef, useState } from 'preact/hooks';\nimport { getInitialDragMode } from './util';\nimport { VisDragModeControls } from './VisDragModeControls';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\ntype Props = {\n  plotAreaSpace: Dimension;\n  componentWidth: number;\n  isRtl: boolean;\n  showPanButton: boolean;\n  showZoomButton: boolean;\n  showSelectButton: boolean;\n  isDisabled?: boolean;\n  dragMode?: 'zoom' | 'pan' | 'user' | 'select' | 'off';\n};\n\nexport function useVisDragModeControls({\n  componentWidth,\n  plotAreaSpace,\n  isRtl,\n  showPanButton,\n  showZoomButton,\n  showSelectButton,\n  isDisabled = false,\n  dragMode\n}: Props) {\n  const dragButtonDivRef = useRef<HTMLDivElement>(null);\n  const originalDragModeRef = useRef<'select' | 'zoom' | 'pan' | 'off' | 'user' | undefined>(dragMode);\n\n  const isInitialRenderRef = useRef(true);\n  useEffect(() => {\n    isInitialRenderRef.current = false;\n  }, []);\n\n  const [userDragMode, setUserDragMode] = useState<'select' | 'zoom' | 'pan' | undefined>();\n  const initialSelection = getInitialDragMode(\n    dragMode,\n    showPanButton,\n    showZoomButton,\n    showSelectButton\n  );\n\n  const dragModeChanged = originalDragModeRef.current != dragMode;\n\n  if (dragModeChanged || isInitialRenderRef.current) {\n    originalDragModeRef.current = dragMode;\n    setUserDragMode(initialSelection);\n  }\n\n  const toggleButtonContent = isDisabled ? undefined : (\n    <VisDragModeControls\n      position={{\n        top: `${plotAreaSpace.y}px`,\n        right: isRtl ? undefined : `${componentWidth - plotAreaSpace.x - plotAreaSpace.width}px`,\n        left: isRtl ? `${plotAreaSpace.x}px` : undefined\n      }}\n      divRef={dragButtonDivRef}\n      showSelectButton={showSelectButton}\n      showZoomButton={showZoomButton}\n      showPanButton={showPanButton}\n      dragMode={userDragMode}\n      onDragModeChange={setUserDragMode}\n    />\n  );\n\n  return {\n    dragButtonDivRef: dragButtonDivRef,\n    toggleButtonContent: toggleButtonContent,\n    userDragMode\n  };\n}\n"],"names":["_jsx","_jsxs","ChartPanIcon","ChartZoomIcon","ChartMarqueeSelectIcon","_Fragment"],"mappings":"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"}

package/es/useVisEvents-d8652100.js

@@ -0,0 +1,153 @@
+/* @oracle/oraclejet-preact: undefined */
+import { useRef, useState } from 'preact/hooks';
+import { u as useUser } from './useUser-6b2e271a.js';
+import { g as getRandomId } from './layoutUtils-d7613d0c.js';
+import { c as cancelEvent } from './eventsUtils-e5fc62d5.js';
+import { u as useVisHover } from './useVisHover-d7a0b2f3.js';
+import { m as mergeProps } from './mergeProps-88ea8306.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
+ */
+function useVisEvent(touchResponse, isInteractive, isItemActionable, getKeyUpHandler, getDetailFromInfo, getPrevItemInfo, getNextItemInfo, onItemAction, onItemHover, onItemFocus, isEqualItem, getItemInfo, initItemInfo, isHideShow) {
+    const activeIdRef = useRef();
+    const [focusedItemInfo, setfocusedItemInfo] = useState(initItemInfo);
+    const [hoveredItemInfo, sethoveredItemInfo] = useState();
+    const onHover = (event) => {
+        const itemInfo = getItemInfo(event.target);
+        if (!isEqualItem(itemInfo, hoveredItemInfo)) {
+            sethoveredItemInfo(itemInfo && { ...itemInfo, isCurrent: true });
+            activeIdRef.current = getRandomId();
+            if (isInteractive) {
+                focusedItemInfo ? setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false }) : '';
+                onItemHover?.(getDetailFromInfo(itemInfo));
+            }
+        }
+    };
+    const onHoverLeave = () => {
+        sethoveredItemInfo(undefined);
+        activeIdRef.current = undefined;
+        if (isInteractive) {
+            onItemHover?.(getDetailFromInfo());
+        }
+    };
+    const hoverHandlers = useVisHover(onHover, undefined, onHoverLeave, touchResponse);
+    const { direction } = useUser();
+    const isRtl = direction === 'rtl';
+    if (!isInteractive) {
+        return {
+            isInteractive: false,
+            focusedItemInfo,
+            hoveredItemInfo,
+            // include relevant hover handlers for datatip
+            eventsProps: hoverHandlers
+        };
+    }
+    const updatefocusedItemInfo = (itemInfo) => {
+        onItemFocus?.(getDetailFromInfo(itemInfo));
+        activeIdRef.current = getRandomId();
+        setfocusedItemInfo(itemInfo);
+    };
+    const handleKeyboardInput = (item) => {
+        if (!isEqualItem(item, focusedItemInfo)) {
+            item.isCurrent = true;
+            item.isFocusVisible = true;
+            if (hoveredItemInfo) {
+                sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });
+            }
+            updatefocusedItemInfo(item);
+        }
+    };
+    const triggerOnAction = () => {
+        const detail = getDetailFromInfo(focusedItemInfo);
+        if (detail && detail.data && isItemActionable(focusedItemInfo)) {
+            onItemAction?.(detail);
+            activeIdRef.current = getRandomId();
+        }
+    };
+    const onPointerUp = (event) => {
+        const itemInfo = getItemInfo(event.target);
+        if (itemInfo != null && isItemActionable(itemInfo)) {
+            setfocusedItemInfo(itemInfo);
+            const detail = getDetailFromInfo(itemInfo);
+            if (detail && isItemActionable(itemInfo)) {
+                onItemAction?.(detail);
+                activeIdRef.current = getRandomId();
+            }
+        }
+    };
+    const onKeyDown = (event) => {
+        const key = event.key;
+        switch (key) {
+            case 'Tab':
+                return;
+            case 'ArrowDown': {
+                const nextItemInfo = getNextItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                cancelEvent(event);
+                break;
+            }
+            case 'ArrowUp': {
+                const nextItemInfo = getPrevItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                cancelEvent(event);
+                break;
+            }
+            case 'ArrowRight': {
+                const nextItemInfo = isRtl
+                    ? getPrevItemInfo(focusedItemInfo)
+                    : getNextItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                cancelEvent(event);
+                break;
+            }
+            case 'ArrowLeft': {
+                const nextItemInfo = isRtl
+                    ? getNextItemInfo(focusedItemInfo)
+                    : getPrevItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                cancelEvent(event);
+                break;
+            }
+        }
+    };
+    const onKeyUp = getKeyUpHandler(triggerOnAction, updatefocusedItemInfo, focusedItemInfo, isHideShow);
+    const onContextMenuDismissed = (gesture) => {
+        if (gesture === 'keyboard') {
+            updatefocusedItemInfo({
+                ...focusedItemInfo,
+                isCurrent: true,
+                isFocusVisible: true
+            });
+        }
+    };
+    const onBlur = () => {
+        const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false };
+        if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {
+            onItemFocus?.(getDetailFromInfo(undefined));
+        }
+        setfocusedItemInfo(itemInfo);
+    };
+    return {
+        isInteractive: true,
+        focusedItemInfo,
+        hoveredItemInfo,
+        activeId: activeIdRef.current,
+        triggerOnAction,
+        updatefocusedItemInfo,
+        onContextMenuDismissed,
+        eventsProps: mergeProps(hoverHandlers, {
+            onPointerUp,
+            onKeyUp,
+            onKeyDown,
+            onBlur
+        })
+    };
+}
+
+export { useVisEvent as u };
+//# sourceMappingURL=useVisEvents-d8652100.js.map

package/es/useVisEvents-d8652100.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisEvents-d8652100.js","sources":["../../src/hooks/PRIVATE_useVisEvents/useVisEvents.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 { useRef, useState } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport type { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\nimport { getRandomId } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { cancelEvent } from '#utils/UNSAFE_visUtils/eventsUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype ItemInfo = { isCurrent?: boolean; isFocusVisible?: boolean };\n\ntype EventDetail<D> = { data?: D };\n\nexport function useVisEvent<\n  I extends ItemInfo,\n  J extends EventDetail<D>,\n  L extends EventDetail<D>,\n  D\n>(\n  touchResponse: 'touchStart' | 'touchHold',\n  isInteractive: boolean,\n  isItemActionable: (itemInfo: I) => boolean,\n  getKeyUpHandler: (\n    triggerOnAction: () => void,\n    updatefocusedItemInfo: (itemInfo: I) => void,\n    focusedItemInfo: I,\n    isHideShow?: boolean\n  ) => (event: KeyboardEvent) => void,\n  getDetailFromInfo: (info?: I) => J | L,\n  getPrevItemInfo: (info: I) => I,\n  getNextItemInfo: (info: I) => I,\n  onItemAction: ((detail: J) => void) | undefined,\n  onItemHover: ((detail: L) => void) | undefined,\n  onItemFocus: ((detail: L) => void) | undefined,\n  isEqualItem: (item1?: I, item2?: I) => boolean,\n  getItemInfo: (element: HTMLElement) => I | undefined,\n  initItemInfo: I,\n  isHideShow?: boolean\n) {\n  const activeIdRef = useRef<string>();\n\n  const [focusedItemInfo, setfocusedItemInfo] = useState<I>(initItemInfo);\n  const [hoveredItemInfo, sethoveredItemInfo] = useState<I>();\n\n  const onHover = (event: PointerEvent) => {\n    const itemInfo = getItemInfo(event.target as HTMLElement);\n    if (!isEqualItem(itemInfo, hoveredItemInfo)) {\n      sethoveredItemInfo(itemInfo && { ...itemInfo, isCurrent: true });\n      activeIdRef.current = getRandomId();\n      if (isInteractive) {\n        focusedItemInfo ? setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false }) : '';\n        onItemHover?.(getDetailFromInfo(itemInfo) as L);\n      }\n    }\n  };\n\n  const onHoverLeave = () => {\n    sethoveredItemInfo(undefined);\n    activeIdRef.current = undefined;\n    if (isInteractive) {\n      onItemHover?.(getDetailFromInfo() as L);\n    }\n  };\n\n  const hoverHandlers = useVisHover(onHover, undefined, onHoverLeave, touchResponse);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  if (!isInteractive) {\n    return {\n      isInteractive: false,\n      focusedItemInfo,\n      hoveredItemInfo,\n      // include relevant hover handlers for datatip\n      eventsProps: hoverHandlers\n    };\n  }\n\n  const updatefocusedItemInfo = (itemInfo: I) => {\n    onItemFocus?.(getDetailFromInfo(itemInfo) as L);\n    activeIdRef.current = getRandomId();\n    setfocusedItemInfo(itemInfo);\n  };\n\n  const handleKeyboardInput = (item: I) => {\n    if (!isEqualItem(item, focusedItemInfo)) {\n      item.isCurrent = true;\n      item.isFocusVisible = true;\n      if (hoveredItemInfo) {\n        sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });\n      }\n      updatefocusedItemInfo(item);\n    }\n  };\n\n  const triggerOnAction = () => {\n    const detail = getDetailFromInfo(focusedItemInfo) as J;\n    if (detail && detail.data && isItemActionable(focusedItemInfo)) {\n      onItemAction?.(detail);\n      activeIdRef.current = getRandomId();\n    }\n  };\n\n  const onPointerUp = (event: PointerEvent) => {\n    const itemInfo = getItemInfo(event.target as HTMLElement);\n    if (itemInfo != null && isItemActionable(itemInfo)) {\n      setfocusedItemInfo(itemInfo);\n      const detail = getDetailFromInfo(itemInfo);\n      if (detail && isItemActionable(itemInfo)) {\n        onItemAction?.(detail as J);\n        activeIdRef.current = getRandomId();\n      }\n    }\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    const key = event.key;\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown': {\n        const nextItemInfo = getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowUp': {\n        const nextItemInfo = getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowRight': {\n        const nextItemInfo = isRtl\n          ? getPrevItemInfo(focusedItemInfo)\n          : getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowLeft': {\n        const nextItemInfo = isRtl\n          ? getNextItemInfo(focusedItemInfo)\n          : getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const onKeyUp = getKeyUpHandler(\n    triggerOnAction,\n    updatefocusedItemInfo,\n    focusedItemInfo,\n    isHideShow\n  );\n\n  const onContextMenuDismissed = (gesture: gestureTypes) => {\n    if (gesture === 'keyboard') {\n      updatefocusedItemInfo({\n        ...focusedItemInfo,\n        isCurrent: true,\n        isFocusVisible: true\n      });\n    }\n  };\n\n  const onBlur = () => {\n    const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false } as I;\n    if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {\n      onItemFocus?.(getDetailFromInfo(undefined) as L);\n    }\n    setfocusedItemInfo(itemInfo);\n  };\n\n  return {\n    isInteractive: true,\n    focusedItemInfo,\n    hoveredItemInfo,\n    activeId: activeIdRef.current,\n    triggerOnAction,\n    updatefocusedItemInfo,\n    onContextMenuDismissed,\n    eventsProps: mergeProps(hoverHandlers, {\n      onPointerUp,\n      onKeyUp,\n      onKeyDown,\n      onBlur\n    })\n  };\n}\n"],"names":[],"mappings":"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"}

package/es/utils/PRIVATE_tooltipUtils.js

@@ -1,30 +1,30 @@
 /* @oracle/oraclejet-preact: undefined */
-export { H as HIDE_TOOLTIP_DELAY, S as SHOW_TOOLTIP_DELAY, a as getGlobalTooltipManager, g as getWrappedTooltipContent } from '../tooltipUtils-768450a7.js';
+export { H as HIDE_TOOLTIP_DELAY, S as SHOW_TOOLTIP_DELAY, a as getGlobalTooltipManager, g as getWrappedTooltipContent } from '../tooltipUtils-35655bd6.js';
 import 'preact/jsx-runtime';
-import '../LayerHost-e6402730.js';
+import '../LayerHost-8b98d97d.js';
+import 'preact';
 import '../Common/themes/redwood/theme.js';
 import '../Common/themes/themeContract.css.js';
-import 'preact';
 import 'preact/compat';
 import '../UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './../LayerHostStyles.styles.css';
-import '../EnvironmentProvider-bada8909.js';
+import '../EnvironmentProvider-713d0dec.js';
 import 'preact/hooks';
-import '../LayerManager-fa745cec.js';
-import '../Floating-f02677ba.js';
-import '../useFloating-953362cf.js';
-import '../useUser-1cd223a9.js';
+import '../LayerManager-221afe20.js';
+import '../Floating-5191a9e6.js';
+import '../useFloating-abfd69eb.js';
+import '../useUser-6b2e271a.js';
 import '../positionUtils-f26caad9.js';
 import '../refUtils-b9d8d91a.js';
-import '../useOutsideClick-fd9ad806.js';
+import '../useOutsideClick-817bf098.js';
 import '../arrayUtils-35a58161.js';
-import '../Layer-446bf21e.js';
+import '../Layer-1eb18747.js';
 import '../classNames-4e12b00d.js';
 import '../UNSAFE_Layer/themes/LayerStyles.css.js';
 import './../LayerStyles.styles.css';
-import '../useThemeInterpolations-8dd8029f.js';
-import '../useColorScheme-c4e237ad.js';
-import '../useScale-83881775.js';
+import '../useThemeInterpolations-05e58770.js';
+import '../useColorScheme-8e5e458d.js';
+import '../useScale-1cdb639e.js';
 import '../theme-63551f30.js';
 import '../Theme-e6dec6db.js';
 import '../mergeInterpolations-e2db2a66.js';
@@ -33,7 +33,7 @@ import '../_curry3-0b4222d7.js';
 import '../_curry1-25297e59.js';
 import '../_curry2-34316bcf.js';
 import '../_isObject-1fab0f5b.js';
-import '../useDensity-c17603b2.js';
+import '../useDensity-556ca8b2.js';
 import '../useModal-953082f2.js';
 import '../useComponentTheme-d2f9e47f.js';
 import '../logger-c92f309c.js';

package/es/utils/PRIVATE_visTestUtils.js

@@ -1,21 +1,21 @@
 /* @oracle/oraclejet-preact: undefined */
-import { s as setupTabbableComponent } from '../tabbableUtils-d6485f5e.js';
-export { s as default } from '../tabbableUtils-d6485f5e.js';
+import { s as setupTabbableComponent } from '../tabbableUtils-070beeed.js';
+export { s as default } from '../tabbableUtils-070beeed.js';
 export { c as checkTooltipText, a as queryAllBy, q as queryById } from '../domUtil-90e55ab7.js';
 export { m as mockMouseEventPageXYOffsetXY, r as restoreMouseEventPageXYOffsetXY } from '../eventUtils-447f1bf1.js';
 import 'preact/jsx-runtime';
 import '@testing-library/preact';
 import '../matchTranslationBundle-d9e64706.js';
-import '../LayerHost-e6402730.js';
+import '../LayerHost-8b98d97d.js';
+import 'preact';
 import '../Common/themes/redwood/theme.js';
 import '../Common/themes/themeContract.css.js';
-import 'preact';
 import 'preact/compat';
 import '../UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './../LayerHostStyles.styles.css';
-import '../EnvironmentProvider-bada8909.js';
+import '../EnvironmentProvider-713d0dec.js';
 import 'preact/hooks';
-import '../LayerManager-fa745cec.js';
+import '../LayerManager-221afe20.js';
 import '../TabbableModeContext-7d8ad946.js';
 import 'chai';
 //# sourceMappingURL=PRIVATE_visTestUtils.js.map

package/es/utils/UNSAFE_popupUtils.js

@@ -1,21 +1,21 @@
 /* @oracle/oraclejet-preact: undefined */
-export { i as isLogicalAncestor } from '../popupUtils-58411a98.js';
-import '../Layer-446bf21e.js';
+export { i as isLogicalAncestor } from '../popupUtils-24a723a0.js';
+import '../Layer-1eb18747.js';
 import 'preact/jsx-runtime';
 import 'preact/compat';
-import '../LayerHost-e6402730.js';
+import '../LayerHost-8b98d97d.js';
+import 'preact';
 import '../Common/themes/redwood/theme.js';
 import '../Common/themes/themeContract.css.js';
-import 'preact';
 import '../UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './../LayerHostStyles.styles.css';
 import '../classNames-4e12b00d.js';
 import '../UNSAFE_Layer/themes/LayerStyles.css.js';
 import './../LayerStyles.styles.css';
-import '../useThemeInterpolations-8dd8029f.js';
+import '../useThemeInterpolations-05e58770.js';
 import 'preact/hooks';
-import '../useColorScheme-c4e237ad.js';
-import '../useScale-83881775.js';
+import '../useColorScheme-8e5e458d.js';
+import '../useScale-1cdb639e.js';
 import '../theme-63551f30.js';
 import '../Theme-e6dec6db.js';
 import '../mergeInterpolations-e2db2a66.js';
@@ -24,5 +24,5 @@ import '../_curry3-0b4222d7.js';
 import '../_curry1-25297e59.js';
 import '../_curry2-34316bcf.js';
 import '../_isObject-1fab0f5b.js';
-import '../useDensity-c17603b2.js';
+import '../useDensity-556ca8b2.js';
 //# sourceMappingURL=UNSAFE_popupUtils.js.map

package/es/withDirectionIcon-fe0b69a7.js

@@ -0,0 +1,14 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { u as useUser } from './useUser-6b2e271a.js';
+
+// Returns a component that renders one of the given icon components based on reading direction
+const withDirectionIcon = (LtrIcon, RtlIcon) => {
+    return (props) => {
+        const { direction } = useUser();
+        return direction === 'ltr' ? jsx(LtrIcon, { ...props }) : jsx(RtlIcon, { ...props });
+    };
+};
+
+export { withDirectionIcon as w };
+//# sourceMappingURL=withDirectionIcon-fe0b69a7.js.map

package/es/withDirectionIcon-fe0b69a7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDirectionIcon-fe0b69a7.js","sources":["../../src/hoc/PRIVATE_withDirectionIcon/withDirectionIcon.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { Icon } from '#UNSAFE_Icon/Icon';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\n// Returns a component that renders one of the given icon components based on reading direction\nexport const withDirectionIcon = (LtrIcon: typeof Icon, RtlIcon: typeof Icon) => {\n  return (props: Props) => {\n    const { direction } = useUser();\n    return direction === 'ltr' ? <LtrIcon {...props} /> : <RtlIcon {...props} />;\n  };\n};\n"],"names":["_jsx"],"mappings":";;;;AAaA;MACa,iBAAiB,GAAG,CAAC,OAAoB,EAAE,OAAoB,KAAI;IAC9E,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;AAChC,QAAA,OAAO,SAAS,KAAK,KAAK,GAAGA,IAAC,OAAO,EAAA,EAAA,GAAK,KAAK,EAAI,CAAA,GAAGA,GAAA,CAAC,OAAO,EAAK,EAAA,GAAA,KAAK,GAAI,CAAC;AAC/E,KAAC,CAAC;AACJ;;;;"}

package/es/withThemeProps-1621f692.js

@@ -2,8 +2,8 @@
 import { jsx } from 'preact/jsx-runtime';
 import { createRef } from 'preact';
 import { forwardRef, useEffect } from 'preact/compat';
-import './LayerHost-e6402730.js';
-import { E as EnvironmentProvider } from './EnvironmentProvider-bada8909.js';
+import './LayerHost-8b98d97d.js';
+import { E as EnvironmentProvider } from './EnvironmentProvider-713d0dec.js';
 import { D as DARK_CLASS, I as INVERT_CLASS, L as LIGHT_CLASS, C as COLORSCHEME_DEPENDENT_CLASS, S as SCALE_SM_CLASS, a as SCALE_MD_CLASS, b as SCALE_LG_CLASS, c as SCALE_DEPENDENT_CLASS, d as DENSITY_COMPACT_CLASS, e as DENSITY_STANDARD_CLASS, f as DENSITY_DEPENDENT_CLASS } from './Theme-e6dec6db.js';
 
 /**

package/package.json

@@ -5,7 +5,7 @@
   "scripts": {},
   "devDependencies": {},
   "dependencies": {
-    "@oracle/oraclejet-testing": "18.1.5",
+    "@oracle/oraclejet-testing": "18.1.6",
     "csstype": "3.1.1"
   },
   "peerDependencies": {
@@ -38,5 +38,5 @@
       ]
     }
   },
-  "version": "18.1.5"
+  "version": "18.1.6"
 }

package/types/UNSAFE_DatePicker/useCellNavigation.d.ts

@@ -34,6 +34,5 @@ type UseCellNavigationProps<Payload extends object, Navigation extends string> =
 export declare const useCellNavigation: <T extends object, U extends string>({ navigationMap, payload, onAction, onNavigation }: UseCellNavigationProps<T, U>) => {
     onClick: () => void;
     onKeyDown: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
-    onKeyUp: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
 };
 export {};

package/types/UNSAFE_Link/themes/LinkStyles.css.d.ts

@@ -25,10 +25,11 @@ declare const variants: {
     };
     readonly placement: {
         readonly standalone: {
+            readonly alignItems: "center";
             readonly textDecorationLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             readonly minHeight: "24px";
             readonly minWidth: "24px";
-            readonly display: "inline-block";
+            readonly display: "inline-flex";
             readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             readonly selectors: {
                 readonly '&:active': {

package/types/UNSAFE_Link/themes/redwood/LinkVariants.css.d.ts

@@ -17,10 +17,11 @@ declare const multiVariantStyles: import("@vanilla-extract/recipes").RuntimeFn<{
     };
     readonly placement: {
         readonly standalone: {
+            readonly alignItems: "center";
             readonly textDecorationLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             readonly minHeight: "24px";
             readonly minWidth: "24px";
-            readonly display: "inline-block";
+            readonly display: "inline-flex";
             readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             readonly selectors: {
                 readonly '&:active': {

package/types/UNSAFE_Link/themes/stable/LinkVariants.css.d.ts

@@ -17,10 +17,11 @@ declare const multiVariantStyles: import("@vanilla-extract/recipes").RuntimeFn<{
     };
     readonly placement: {
         readonly standalone: {
+            readonly alignItems: "center";
             readonly textDecorationLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             readonly minHeight: "24px";
             readonly minWidth: "24px";
-            readonly display: "inline-block";
+            readonly display: "inline-flex";
             readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             readonly selectors: {
                 readonly '&:active': {

package/types/hooks/UNSAFE_usePressClick/usePressClick.d.ts

@@ -3,6 +3,7 @@ type PressOptions = {
 };
 /**
  * Returns a click handler that can make a target element either clickable or keyboard pressable.
+ * Note that handling repeated keys (holding down Enter or Space) is disabled.
  *
  * @param onPressHandler function
  * @param isDisabled boolean

package/amd/BarChart-1be56919.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './BarGroup-d6909cb1', './useUser-797287de', './layoutUtils-4304ffe4', './dataStyleUtils-a0ecedd5', './Chart-0a3205dd'], (function(e,t,r,n,i,o,s){"use strict";function d(e,t,r,n){const i=o.getNextItemInGroup(e,r,n);if(i)return i;if(e.groupIndex<t){let i={seriesIndex:0,groupIndex:e.groupIndex+1};if(n(i.seriesIndex,i.groupIndex))return i;if(i=d(i,t,r,n),i)return i}return e}function a(e,t,r,n){const i=o.getPrevItemInGroup(e,n);if(i)return i;if(e.groupIndex>t){let i={groupIndex:e.groupIndex-1,seriesIndex:r-1};if(n(i.seriesIndex,i.groupIndex))return i;if(i=a(i,t,r,n),i)return i}return e}function I(e){return t.jsx(u,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}const g=.5;function u({width:e,height:u,selectedIds:l=[],hiddenIds:c=[],highlightedIds:x,hideAndShowBehavior:p="none",orientation:f="vertical",yAxis:h,series:m,groups:S,isStacked:A=!1,getDataItem:w,selectionMode:v="none",drilling:y="off",dataItemGaps:D=.5,...R}){const{direction:G}=n.useUser(),k="rtl"===G,B=new Set(c),P="horizontal"===f,b=R.xAxis?.timeAxisType,j=new Set(l),L=new Set(x);return t.jsx(s.Chart,{width:e,height:u,selectedIds:j,hiddenIds:c,hideAndShowBehavior:p,orientation:f,yAxis:h,series:m,groups:S,isStacked:A,getDataItem:w,selectionMode:v,drilling:y,renderGridLinesInFront:!1,findNearest:(e,t,n,o)=>{const s=r.getSeriesOffsetAndWidth(n,o,m.length,D,A,k);return i.findNearestDataPoint(m,S,e,t,w,A,s,r.getBarCenterCoordinate,"log"===h?.scale,D,B,b)},getDataItemPos:(e,t,n,i)=>r.getBarPosition(m,S,w,e,t,B,D,n,i,"log"===h?.scale,A,k,P,b),getNavUtil:(e,t)=>function(e,t,r,n,i,s){const I=(t,r)=>{const n=e(t,r);return Boolean(n)};return(e,g)=>{if(!i&&("ArrowDown"===g||"ArrowUp"===g))return e;let u;const l={groupIndex:e.groupIndex,seriesIndex:e.seriesIndex};return l.groupIndex<r?(l.groupIndex=r,l):l.groupIndex>n?(l.groupIndex=n,l):(i?u="ArrowLeft"===g?s?o.getNextItemInSeries(l,n,I):o.getPrevItemInSeries(l,r,I):"ArrowRight"===g?s?o.getPrevItemInSeries(l,r,I):o.getNextItemInSeries(l,n,I):"ArrowDown"===g?o.getPrevItemInGroup(l,I):o.getNextItemInGroup(l,t,I):"ArrowRight"===g?u=s?a(l,r,t,I):d(l,n,t,I):"ArrowLeft"===g&&(u=s?d(l,n,t,I):a(l,r,t,I)),u||l)}}(w,m.length,e,t,A,k),getGapRatio:(e,t)=>r.getBarGapRatio(A,e,t),getMarkerInfo:(e,t)=>({color:o.getItemColor(e,t,m,w),type:"circle"}),isRtl:k,offset:g,defaultOverviewContentRenderer:()=>t.jsx(I,{series:m,groups:S,getDataItem:w}),...R,children:({xStartIndex:e,xEndIndex:n,xScale:i,yScale:o,gapRatio:s,activeId:d,focusedItemInfo:a,hoveredItemInfo:I,groupWidth:g,isPointInsideMarquee:u,getTextDimensions:l,defaultFontSize:c,colors:p})=>t.jsx(t.Fragment,{children:S.slice(e,n+1).map(((n,G)=>t.jsx(r.BarGroup,{yScale:o,xScale:i,groupIndex:G+e,selectedIds:j,hiddenIds:B,highlightedIds:x?L:x,isDrillEnabled:"on"===y,series:m,barGapRatio:s,dataItemGaps:D,isPointInsideMarquee:u,isStacked:A,groupWidth:g,group:S[G],timeAxisType:R.xAxis?.timeAxisType,colors:p,activeId:d,isLog:"log"===h?.scale,orientation:f,getDataItem:w,isSelectionEnabled:"none"!=v,isRtl:k,focusedItemInfo:a,hoveredItemInfo:I,getTextDimensions:l,defaultFontSize:c,getStackLabel:R.getStackLabel})))})})}e.BarChart=u}));
-//# sourceMappingURL=BarChart-1be56919.js.map

package/amd/BarChart-1be56919.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BarChart-1be56919.js","sources":["../../src/UNSAFE_BarChart/utils/barNavUtils.ts","../../src/UNSAFE_BarChart/OverviewBarChart.tsx","../../src/UNSAFE_BarChart/BarChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Info, ItemInfo } from '#utils/UNSAFE_visTypes/chart';\nimport {\n  getNextItemInGroup,\n  getNextItemInSeries,\n  getPrevItemInGroup,\n  getPrevItemInSeries\n} from '#utils/PRIVATE_chartUtils/navUtils';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\n\ntype isItemNavigableType = (seriesIndex: number, groupIndex: number) => boolean;\n\n/**\n * Get next item in unstacked bar chart.\n * @param info\n * @param viewportEndIndex\n * @param numSeries\n * @param isNavigable\n * @returns\n */\nexport function getNextItem(\n  info: ItemInfo,\n  viewportEndIndex: number,\n  numSeries: number,\n  isNavigable: isItemNavigableType\n): ItemInfo {\n  const nextItemInGroup = getNextItemInGroup(info, numSeries, isNavigable);\n  if (nextItemInGroup) return nextItemInGroup;\n\n  if (info.groupIndex < viewportEndIndex) {\n    let nextItem = { seriesIndex: 0, groupIndex: info.groupIndex + 1 };\n    if (isNavigable(nextItem.seriesIndex, nextItem.groupIndex)) return nextItem;\n    nextItem = getNextItem(nextItem, viewportEndIndex, numSeries, isNavigable);\n    if (nextItem) return nextItem;\n  }\n  return info;\n}\n\n/**\n * Get prev item in unstacked bar chart.\n * @param info\n * @param viewportStartIndex\n * @param numSeries\n * @param isNavigable\n * @returns\n */\nexport function getPreviousItem(\n  info: ItemInfo,\n  viewportStartIndex: number,\n  numSeries: number,\n  isNavigable: (seriesIndex: number, groupIndex: number) => boolean\n) {\n  const prevItemInGroup = getPrevItemInGroup(info, isNavigable);\n  if (prevItemInGroup) return prevItemInGroup;\n\n  if (info.groupIndex > viewportStartIndex) {\n    let prevItem = { groupIndex: info.groupIndex - 1, seriesIndex: numSeries - 1 };\n    if (isNavigable(prevItem.seriesIndex, prevItem.groupIndex)) return prevItem;\n    prevItem = getPreviousItem(prevItem, viewportStartIndex, numSeries, isNavigable);\n    if (prevItem) return prevItem;\n  }\n  return info;\n}\n\nexport function getBarChartNavUtil<K, D extends BarItemData<K>>(\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined,\n  numSeries: number,\n  viewportStartIndex: number,\n  viewportEndIndex: number,\n  isStacked: boolean,\n  isRtl: boolean\n) {\n  const isItemNavigable = (seriesIndex: number, groupIndex: number) => {\n    const barItem = getDataItem(seriesIndex, groupIndex);\n    return Boolean(barItem);\n  };\n\n  const getNextChartItem = (\n    itemInfo: Info,\n    arrow: 'ArrowLeft' | 'ArrowRight' | 'ArrowDown' | 'ArrowUp'\n  ): Info => {\n    if (!isStacked && (arrow === 'ArrowDown' || arrow === 'ArrowUp')) {\n      return itemInfo;\n    }\n    let newInfo: Info | undefined;\n    // TODO: this is just to keep typescript happy.\n    // figure out consistent typing while doing type cleanup.\n    const info = {\n      groupIndex: itemInfo.groupIndex!,\n      seriesIndex: itemInfo.seriesIndex!\n    };\n\n    if (info.groupIndex! < viewportStartIndex) {\n      info.groupIndex = viewportStartIndex;\n      return info;\n    } else if (info.groupIndex! > viewportEndIndex) {\n      info.groupIndex = viewportEndIndex;\n      return info;\n    }\n\n    if (isStacked) {\n      if (arrow === 'ArrowLeft') {\n        newInfo = isRtl\n          ? getNextItemInSeries(info, viewportEndIndex, isItemNavigable)\n          : getPrevItemInSeries(info, viewportStartIndex, isItemNavigable);\n      } else if (arrow === 'ArrowRight') {\n        newInfo = isRtl\n          ? getPrevItemInSeries(info, viewportStartIndex, isItemNavigable)\n          : getNextItemInSeries(info, viewportEndIndex, isItemNavigable);\n      } else if (arrow === 'ArrowDown') {\n        newInfo = getPrevItemInGroup(info, isItemNavigable);\n      } else {\n        newInfo = getNextItemInGroup(info, numSeries, isItemNavigable);\n      }\n    } else {\n      if (arrow === 'ArrowRight') {\n        newInfo = isRtl\n          ? getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable)\n          : getNextItem(info, viewportEndIndex, numSeries, isItemNavigable);\n      } else if (arrow === 'ArrowLeft') {\n        newInfo = isRtl\n          ? getNextItem(info, viewportEndIndex, numSeries, isItemNavigable)\n          : getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable);\n      }\n    }\n    return newInfo || info;\n  };\n\n  return getNextChartItem;\n}\n","import { BarChart } from './BarChart';\nimport { BarChartProps, BarItemData } from './barChart.types';\n\nexport function OverviewBarChart<K extends string | number, D extends BarItemData<K>>(\n  props: BarChartProps<K, D>\n) {\n  return (\n    <BarChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        },\n        xMajorTick: {\n          \n        }\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      overview=\"off\"\n    />\n  );\n}\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 { BarChartProps, BarItemData } from './barChart.types';\nimport { getBarGapRatio } from './utils/barSeriesUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BarGroup } from './BarGroup';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport {\n  getBarCenterCoordinate,\n  getBarPosition,\n  getSeriesOffsetAndWidth\n} from './utils/barLayoutUtils';\nimport { getBarChartNavUtil } from './utils/barNavUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { TimeAxisProps, Scale } from '#utils/UNSAFE_visTypes/chart';\nimport { getItemColor } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { OverviewBarChart } from './OverviewBarChart';\n\n/* bar chart start and end axis offset */\nconst AXIS_OFFSET = 0.5;\n\n/**\n * A Bar chart displays information graphically using rectangular bars with heights or lengths proportional to the values that they represent,\n * making relationships among the data easier to understand.\n */\nexport function BarChart<K extends string | number, D extends BarItemData<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataItemGaps = 0.5,\n  ...props\n}: BarChartProps<K, D>) {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const hiddenSet = new Set(hiddenIds);\n  const isHoriz = orientation === 'horizontal';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const getGapRatio = (startIndex: number, endIndex: number) => {\n    return getBarGapRatio(isStacked, startIndex, endIndex);\n  };\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    return getBarChartNavUtil(getDataItem, series.length, startIndex, endIndex, isStacked, isRtl);\n  };\n  const getDataItemPos = (xScale: Scale, yScale: Scale, groupWidth: number, gapRatio: number) => {\n    return getBarPosition(\n      series,\n      groups,\n      getDataItem,\n      xScale,\n      yScale,\n      hiddenSet,\n      dataItemGaps,\n      groupWidth,\n      gapRatio,\n      yAxis?.scale === 'log',\n      isStacked,\n      isRtl,\n      isHoriz,\n      timeAxisType\n    );\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale, groupWidth: number, gapRatio: number) => {\n    const getSeriesDataInfo = getSeriesOffsetAndWidth(\n      groupWidth,\n      gapRatio,\n      series.length,\n      dataItemGaps,\n      isStacked,\n      isRtl\n    );\n    return findNearestDataPoint(\n      series,\n      groups,\n      xScale,\n      yScale,\n      getDataItem,\n      isStacked,\n      getSeriesDataInfo,\n      getBarCenterCoordinate,\n      yAxis?.scale === 'log',\n      dataItemGaps,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: 'circle' as const\n    };\n  };\n\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      groups={groups}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      renderGridLinesInFront={false}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      getMarkerInfo={getMarkerColorAndType}\n      isRtl={isRtl}\n      offset={AXIS_OFFSET}\n      defaultOverviewContentRenderer={() => {\n        return <OverviewBarChart series={series} groups={groups} getDataItem={getDataItem} />;\n      }}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        gapRatio,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        groupWidth,\n        isPointInsideMarquee,\n        getTextDimensions,\n        defaultFontSize,\n        colors\n      }) => {\n        return (\n          <>\n            {groups.slice(xStartIndex, xEndIndex + 1).map((_, index) => (\n              <BarGroup\n                yScale={yScale}\n                xScale={xScale}\n                groupIndex={index + xStartIndex}\n                selectedIds={selectedSet}\n                hiddenIds={hiddenSet}\n                highlightedIds={highlightedIds ? highlightedSet : highlightedIds}\n                isDrillEnabled={drilling === 'on'}\n                series={series}\n                barGapRatio={gapRatio}\n                dataItemGaps={dataItemGaps}\n                isPointInsideMarquee={isPointInsideMarquee}\n                isStacked={isStacked}\n                groupWidth={groupWidth}\n                group={groups[index]}\n                timeAxisType={(props.xAxis as TimeAxisProps)?.timeAxisType}\n                colors={colors}\n                activeId={activeId}\n                isLog={yAxis?.scale === 'log'}\n                orientation={orientation}\n                getDataItem={getDataItem}\n                isSelectionEnabled={selectionMode != 'none'}\n                isRtl={isRtl}\n                focusedItemInfo={focusedItemInfo}\n                hoveredItemInfo={hoveredItemInfo}\n                getTextDimensions={getTextDimensions}\n                defaultFontSize={defaultFontSize}\n                getStackLabel={props.getStackLabel}\n              />\n            ))}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["getNextItem","info","viewportEndIndex","numSeries","isNavigable","nextItemInGroup","getNextItemInGroup","groupIndex","nextItem","seriesIndex","getPreviousItem","viewportStartIndex","prevItemInGroup","getPrevItemInGroup","prevItem","OverviewBarChart","props","_jsx","BarChart","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","xMajorTick","xAxis","tickLabel","autoRotate","timeAxisType","series","groups","getDataItem","yAxis","overview","AXIS_OFFSET","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","isStacked","selectionMode","drilling","dataItemGaps","direction","useUser","isRtl","hiddenSet","Set","isHoriz","selectedSet","highlightedSet","Chart","renderGridLinesInFront","findNearest","xScale","yScale","groupWidth","gapRatio","getSeriesDataInfo","getSeriesOffsetAndWidth","length","findNearestDataPoint","getBarCenterCoordinate","scale","getDataItemPos","getBarPosition","getNavUtil","startIndex","endIndex","isItemNavigable","barItem","Boolean","itemInfo","arrow","newInfo","getNextItemInSeries","getPrevItemInSeries","getBarChartNavUtil","getGapRatio","getBarGapRatio","getMarkerInfo","color","getItemColor","type","offset","defaultOverviewContentRenderer","jsx","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","getTextDimensions","defaultFontSize","colors","_Fragment","Fragment","slice","map","_","index","BarGroup","isDrillEnabled","barGapRatio","group","isLog","isSelectionEnabled","getStackLabel"],"mappings":"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"}

package/amd/BaseButton-771c5db8.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './usePress-949a0d03', './usePressClick-b7b38da2', './useHover-7964884c', './useActive-bb5dc069', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useColorScheme-6b864d5c', './classNames-08d99695', './dimensions-fda85d6b', './mergeInterpolations-9ede4cf7', './clientHints-fff66be9', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './useComponentTheme-5aa41a8f', './useTestId-c286f212'], (function(e,t,o,n,i,s,a,r,d,l,u,c,b,p,h,m,v,S){"use strict";const B=[...Object.values(c.dimensionInterpolations)],y=b.mergeInterpolations(B),f="ios"===p.getClientHints().platform?{ontouchstart:function(){}}:{},E="events"===p.getClientHints().hoverSupport,T=o.forwardRef((({variant:e,isReadOnly:o=!1,isDisabled:r=!1,isRepeat:c=!1,isClick:b,size:p,elementDetails:B={type:"button",buttonType:"button"},styling:T=["default"],edge:g="none","aria-label":A,"aria-hidden":w,"aria-expanded":C,"aria-roledescription":H,"aria-haspopup":N,"aria-describedby":I,"aria-pressed":R,"aria-checked":k,"aria-live":x,testId:M,onBlur:D,onFocus:P,onMouseEnter:F,onMouseLeave:L,onTouchEnd:q,onTouchStart:W,onKeyDown:j,...K},O)=>{const U=e=>{K.onAction&&K.onAction({reason:""==e.pointerType?"keyboard":"pointer"})},{pressProps:z}=n.usePress(U,{isDisabled:r||o,isRepeat:c}),{pressProps:_}=i.usePressClick(U,{isDisabled:r||o}),G=e=>T.indexOf(e)>-1,{hoverProps:J,isHover:Q}=s.useHover({isDisabled:!E}),{activeProps:V,isActive:X}=a.useActive({isDisabled:o}),{class:Y,...Z}=y({...K,onBlur:D,onFocus:P,onMouseEnter:F,onMouseLeave:L,onTouchEnd:q,onTouchStart:W,onKeyDown:j}),{type:$="button",isFocusable:ee=!0,isLabel:te=!1,isSwitch:oe=!1,buttonType:ne="button",...ie}={...B},se="button"===$&&"button"===ne?{type:ne}:{},ae=((e,t,o,n,i)=>{switch(e){case"link":return{role:"link"};case"button":return i?{role:"switch"}:{};case"span":return n?{}:t?{role:"none"}:o?i?{role:"switch"}:{role:"button"}:{role:"img"};default:return t?{role:"none"}:o?{role:"button"}:{role:"img"}}})($,w??!1,ee,te,oe),re=B.type,de="span"==re,le="button"==re,{tabbableModeProps:ue}=d.useTabbableMode(r),ce=l.useColorScheme(),{variantClasses:be}=v.useComponentTheme(m.BaseButtonRedwoodTheme,{size:p,variant:e,unstyled:G("unstyled")?"isUnstyled":"notUnstyled",embedded:G("embedded")?"isEmbedded":"notEmbedded",container:G("container")?"isContainer":"notContainer",noBorderRadiusStart:G("noBorderRadiusStart")?"isNoBorderRadiusStart":"notNoBorderRadiusStart",noBorderRadiusEnd:G("noBorderRadiusEnd")?"isNoBorderRadiusEnd":"notNoBorderRadiusEnd",noBorderStart:G("noBorderStart")?"isNoBorderStart":"notNoBorderStart",noBorderEnd:G("noBorderEnd")?"isNoBorderEnd":"notNoBorderEnd",activeStyle:G("active")?"isActiveStyle":"notActiveStyle",selectedStyle:G("selected")?"isSelectedStyle":"notSelectedStyle",buttonSetItem:G("buttonSetItem")?"isButtonSetItem":"notButtonSetItem",trailingItem:G("trailingItem")?"isTrailingItem":"notTrailingItem",fill:G("fill")?"isFill":"notFill",min:G("min")?"isMin":"notMin",disabled:r?"isDisabled":"notDisabled",edge:g,hybrid:E?"isHybrid":"notHybrid",active:X?"isActive":"notActive",hover:Q?"isHover":"notHover",span:de?"isSpan":"notSpan",widthEqual:G("widthEqual")?"isWidthEqual":"notWidthEqual",widthAuto:G("widthAuto")?"isWidthAuto":"notWidthAuto",hiddenLabel:G("hiddenLabel")?"isHidden":"notHidden",noHoverActive:G("noHoverActive")?"isNoHoverActive":"notNoHoverActive",newStackingContext:G("newStackingContext")?"isNewStackingContext":"notNewStackingContext",colorScheme:ce}),pe={onBlur:D,onFocus:P,onMouseEnter:F,onMouseLeave:L,onTouchEnd:q,onTouchStart:W,onKeyDown:j},he=le?{}:r?{"aria-disabled":r}:o?{"aria-disabled":!0}:{},me=N?{"aria-haspopup":N}:{},ve="none"===ae.role?{}:{"aria-label":A,"aria-describedby":I,"aria-hidden":w,"aria-roledescription":H,"aria-expanded":C,"aria-pressed":R,"aria-checked":k,"aria-live":x,...he,...me},Se=void 0===b?!!le:b,Be=h.mergeProps(ie,K.onAction?c||Se?_:z:{},f,J,G("container")?{}:V,pe),ye=u.classNames([Y,be]),fe=S.useTestId(M);return t.jsx(re,{ref:O,disabled:r,class:ye,style:Z,autofocus:K.autofocus,title:K.title,...ve,...de&&(!1===ee||r)||le&&r?{tabIndex:void 0}:ue,...se,...fe,...Be,...ae,children:K.children})}));T.displayName="BaseButton",e.BaseButton=T}));
-//# sourceMappingURL=BaseButton-771c5db8.js.map