@oracle/oraclejet-preact 19.0.0 → 19.0.2

package/cjs/useBareButton-3c8d1a5d.js

@@ -0,0 +1,94 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var usePress = require('./usePress-886180e4.js');
+var usePressClick = require('./usePressClick-7a34624a.js');
+require('./TabbableModeContext-e99d527e.js');
+var useTabbableMode = require('./useTabbableMode-a275583f.js');
+var clientHints = require('./clientHints-c40c5250.js');
+var mergeProps = require('./mergeProps-e3da7237.js');
+var buttonUtils = require('./buttonUtils-dff2ea3e.js');
+var useTestId = require('./useTestId-15ee37d6.js');
+
+const roleProps = (elType, hidden, isFocusable, isLabel, isSwitch) => {
+    switch (elType) {
+        case 'link':
+            return { role: 'link' };
+        case 'button':
+            return isSwitch ? { role: 'switch' } : {};
+        case 'div':
+            return hidden ? {} : { role: 'button' };
+        case 'span':
+            return isLabel
+                ? {}
+                : hidden
+                    ? { role: 'none' }
+                    : isFocusable
+                        ? isSwitch
+                            ? { role: 'switch' }
+                            : { role: 'button' }
+                        : { role: 'img' };
+        default:
+            return hidden ? { role: 'none' } : isFocusable ? { role: 'button' } : { role: 'img' };
+    }
+};
+/**
+ * BareButtons are unformatted bare buttons that direct users to initiate or take actions and work with a single tap, click, or keystroke.
+ */
+function useBareButton({ onAction, isDisabled, isRepeat, isClick, elementDetails = { type: 'button', buttonType: 'button' }, testId, ...props }) {
+    const clientHints$1 = clientHints.getClientHints();
+    // :active only works on IOS devices if a touch handler exists
+    const iosProps = clientHints$1.platform === 'ios' ? { ontouchstart: function () { } } : {};
+    const pressHandler = (e) => {
+        if (onAction) {
+            onAction({
+                reason: e.pointerType == '' ? 'keyboard' : 'pointer'
+            });
+        }
+    };
+    const { globalEventProps, ariaProps: { 'aria-disabled': ariaDisabled, 'aria-hidden': ariaHidden, ...ariaOtherProps } } = buttonUtils.processGlobals(props);
+    const { pressProps } = usePress.usePress(pressHandler, {
+        isDisabled: isDisabled,
+        isRepeat
+    });
+    const { pressProps: pressClickProps } = usePressClick.usePressClick(pressHandler, {
+        isDisabled: isDisabled
+    });
+    const { type: elementType = 'button', isFocusable: isElementFocusable = true, isLabel: isElementLabel = false, isSwitch: isElementSwitch = false, ...elementProps } = { ...elementDetails };
+    const buttonType = elementDetails.type === 'button' ? elementDetails.buttonType ?? 'button' : undefined;
+    const typeProps = elementDetails.type === 'button' && elementDetails.buttonType === 'button'
+        ? { type: buttonType }
+        : {};
+    // 'role' should be 'none' when aria-hidden is true or 'img' when false and not focusable
+    const role = roleProps(elementType, Boolean(ariaHidden), isElementFocusable ?? false, isElementLabel ?? false, isElementSwitch ?? false);
+    const ElementType = elementDetails?.type;
+    const isSpan = ElementType == 'span';
+    const isBareButton = ElementType == 'button';
+    const { tabbableModeProps } = useTabbableMode.useTabbableMode(isDisabled);
+    const arDisabled = ElementType == 'button'
+        ? ariaDisabled
+            ? { 'aria-disabled': ariaDisabled }
+            : {}
+        : isDisabled
+            ? { 'aria-disabled': isDisabled }
+            : {};
+    const arHidden = ElementType === 'div' ? {} : { 'aria-hidden': ariaHidden };
+    const adjustedAriaProps = role.role === 'none' ? {} : mergeProps.mergeProps(arDisabled, arHidden, ariaOtherProps);
+    const testIdProps = useTestId.useTestId(testId);
+    const getTabIndex = () => {
+        if ((isSpan && (isElementFocusable === false || isDisabled)) || (isBareButton && isDisabled)) {
+            // no tabIndex value should be defined for disabled button elements and non-focusable or disabled span elements
+            return { tabIndex: undefined };
+        }
+        return tabbableModeProps;
+    };
+    const legacyGlobals = {
+        autofocus: props.autofocus,
+        title: props.title,
+        disabled: isDisabled
+    };
+    return mergeProps.mergeProps(elementProps, onAction ? (isRepeat || (isClick ?? isBareButton) ? pressClickProps : pressProps) : {}, iosProps, globalEventProps, adjustedAriaProps, getTabIndex(), typeProps, testIdProps, role, legacyGlobals);
+}
+
+exports.useBareButton = useBareButton;
+//# sourceMappingURL=useBareButton-3c8d1a5d.js.map

package/cjs/useBareButton-3c8d1a5d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBareButton-3c8d1a5d.js","sources":["../../src/hooks/UNSAFE_useBareButton/useBareButton.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { ComponentChildren, JSX } from 'preact';\nimport { usePress } from '../UNSAFE_usePress';\nimport { usePressClick } from '../UNSAFE_usePressClick';\nimport { useTabbableMode } from '../UNSAFE_useTabbableMode';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport type { UnpackSignals } from '../../utils/UNSAFE_attributeUtils';\nimport { processGlobals } from '../../utils/UNSAFE_buttonUtils';\nimport type {\n  ButtonIntrinsicProps,\n  ButtonIntrinsicAriaProps\n} from '../../utils/UNSAFE_buttonUtils';\nimport { useTestId, TestIdProps } from '../UNSAFE_useTestId';\n\n/**\n * The ActionDetail reasons\n */\nexport type ActionDetail = {\n  reason: 'pointer' | 'keyboard';\n};\n\n/**\n * Element details\n */\nexport type BareButtonElementDetails =\n  | {\n      type: 'button';\n      isFocusable?: never;\n      buttonType?: 'button' | 'submit';\n      isLabel?: never;\n      isSwitch?: boolean;\n    }\n  | {\n      type: 'a';\n      buttonType?: never;\n      href: string;\n      target?: string;\n      rel?: string;\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: never;\n    }\n  | {\n      type: 'span';\n      buttonType?: never;\n      isFocusable?: boolean;\n      isLabel?: boolean;\n      isSwitch?: boolean;\n    }\n  | {\n      type: 'div';\n      buttonType?: never;\n      isFocusable?: boolean;\n      isLabel?: boolean;\n      isSwitch?: boolean;\n    };\n\nexport type BareButtonProps = ButtonIntrinsicProps &\n  ButtonIntrinsicAriaProps &\n  TestIdProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifies if Button should use only a click handler, not keyup/down, ptr up/down\n     */\n    isClick?: boolean;\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: (details: ActionDetail) => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BareButtonElementDetails;\n  };\n\nconst roleProps = (\n  elType: string,\n  hidden: boolean,\n  isFocusable: boolean,\n  isLabel: boolean,\n  isSwitch: boolean\n): { role?: UnpackSignals<JSX.HTMLAttributes['role']> } => {\n  switch (elType) {\n    case 'link':\n      return { role: 'link' };\n    case 'button':\n      return isSwitch ? { role: 'switch' } : {};\n    case 'div':\n      return hidden ? {} : { role: 'button' };\n    case 'span':\n      return isLabel\n        ? {}\n        : hidden\n        ? { role: 'none' }\n        : isFocusable\n        ? isSwitch\n          ? { role: 'switch' }\n          : { role: 'button' }\n        : { role: 'img' };\n    default:\n      return hidden ? { role: 'none' } : isFocusable ? { role: 'button' } : { role: 'img' };\n  }\n};\n\n/**\n * BareButtons are unformatted bare buttons that direct users to initiate or take actions and work with a single tap, click, or keystroke.\n */\nexport function useBareButton({\n  onAction,\n  isDisabled,\n  isRepeat,\n  isClick,\n  elementDetails = { type: 'button', buttonType: 'button' },\n  testId,\n  ...props\n}: BareButtonProps) {\n  const clientHints = getClientHints();\n  // :active only works on IOS devices if a touch handler exists\n  const iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\n\n  const pressHandler = (e: Event) => {\n    if (onAction) {\n      onAction({\n        reason: (e as PointerEvent).pointerType == '' ? 'keyboard' : 'pointer'\n      });\n    }\n  };\n  const {\n    globalEventProps,\n    ariaProps: { 'aria-disabled': ariaDisabled, 'aria-hidden': ariaHidden, ...ariaOtherProps }\n  } = processGlobals(props);\n\n  const { pressProps } = usePress(pressHandler, {\n    isDisabled: isDisabled,\n    isRepeat\n  });\n\n  const { pressProps: pressClickProps } = usePressClick(pressHandler, {\n    isDisabled: isDisabled\n  });\n\n  const {\n    type: elementType = 'button',\n    isFocusable: isElementFocusable = true,\n    isLabel: isElementLabel = false,\n    isSwitch: isElementSwitch = false,\n    ...elementProps\n  } = { ...elementDetails };\n\n  const buttonType =\n    elementDetails.type === 'button' ? elementDetails.buttonType ?? 'button' : undefined;\n  const typeProps =\n    elementDetails.type === 'button' && elementDetails.buttonType === 'button'\n      ? { type: buttonType }\n      : {};\n\n  // 'role' should be 'none' when aria-hidden is true or 'img' when false and not focusable\n  const role = roleProps(\n    elementType,\n    Boolean(ariaHidden),\n    isElementFocusable ?? false,\n    isElementLabel ?? false,\n    isElementSwitch ?? false\n  );\n  const ElementType = elementDetails?.type;\n  const isSpan = ElementType == 'span';\n  const isBareButton = ElementType == 'button';\n  const { tabbableModeProps } = useTabbableMode(isDisabled);\n\n  const arDisabled =\n    ElementType == 'button'\n      ? ariaDisabled\n        ? { 'aria-disabled': ariaDisabled }\n        : {}\n      : isDisabled\n      ? { 'aria-disabled': isDisabled }\n      : {};\n\n  const arHidden = ElementType === 'div' ? {} : { 'aria-hidden': ariaHidden };\n\n  const adjustedAriaProps =\n    role.role === 'none' ? {} : mergeProps(arDisabled, arHidden, ariaOtherProps);\n\n  const testIdProps = useTestId(testId);\n\n  const getTabIndex = () => {\n    if ((isSpan && (isElementFocusable === false || isDisabled)) || (isBareButton && isDisabled)) {\n      // no tabIndex value should be defined for disabled button elements and non-focusable or disabled span elements\n      return { tabIndex: undefined };\n    }\n    return tabbableModeProps;\n  };\n\n  const legacyGlobals = {\n    autofocus: props.autofocus,\n    title: props.title,\n    disabled: isDisabled\n  };\n\n  return mergeProps(\n    elementProps,\n    onAction ? (isRepeat || (isClick ?? isBareButton) ? pressClickProps : pressProps) : {},\n    iosProps,\n    globalEventProps,\n    adjustedAriaProps,\n    getTabIndex(),\n    typeProps,\n    testIdProps,\n    role,\n    legacyGlobals\n  );\n}\n"],"names":["clientHints","getClientHints","processGlobals","usePress","usePressClick","useTabbableMode","mergeProps","useTestId"],"mappings":"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"}

package/cjs/useCellNavigation-d5b07844.js

@@ -0,0 +1,125 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+require('./TabbableModeContext-e99d527e.js');
+var useTabbableMode = require('./useTabbableMode-a275583f.js');
+var compat = require('preact/compat');
+var useUser = require('./useUser-081e5bd5.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
+ */
+/**
+ * A custom hook that handles focus for a month or year cell.
+ */
+const useFocusableCell = ({ isFocusable, isFocused }) => {
+    const cellRef = compat.useRef(null);
+    const { isTabbable } = useTabbableMode.useTabbableMode();
+    // Using layout effect here to set the focus as we want to focus the element
+    // before the browser has a chance to paint. This way the browser don't have to
+    // repaint the focused state.
+    compat.useLayoutEffect(() => {
+        if (isFocusable && isFocused) {
+            cellRef.current?.focus();
+        }
+    }, [isFocusable, isFocused]);
+    return { ref: cellRef, tabIndex: isFocusable && isTabbable ? 0 : -1 };
+};
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+// Utility for killing handled events.
+const killEvent = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+};
+/**
+ * A custom hook that handles navigation for a DatePicker cell.
+ */
+const useCellNavigation = ({ navigationMap, payload, onAction, onNavigation }) => {
+    const { direction } = useUser.useUser();
+    const handleSelection = compat.useCallback(() => {
+        onAction(payload);
+    }, [payload, onAction]);
+    // Make a selection or navigate on keydown. This lets you hold keys down like the
+    // arrow keys, page up, or page down to keep navigating through day cells. However we
+    // don't need to select more than once, so check and only handle if "repeat" is false.
+    // This also prevents us from incorrectly selecting when the user presses and holds down
+    // the Enter key on the Go to Today button, which should bring up today and focus the
+    // cell but not select it. See JET-76459.
+    const handleKeyDown = compat.useCallback((event) => {
+        if (['Enter', 'Space'].includes(event.code)) {
+            if (!event.repeat) {
+                // since we are handling the event, we need to kill the event here
+                // so that no other action is performed
+                killEvent(event);
+                handleSelection();
+            }
+            else if (event.code === 'Space') {
+                // we call preventDefault to prevent browser scrolling on some browsers
+                event.preventDefault();
+            }
+            return;
+        }
+        // Handle Ctrl + Alt + T
+        if (event.code === 'KeyT' && event.ctrlKey && event.altKey) {
+            const navigationDirection = navigationMap['CtrlAltT'];
+            if (navigationDirection !== undefined) {
+                // since we are handling the event, we need to kill the event here
+                // so that no other action is performed
+                killEvent(event);
+                onNavigation({
+                    direction: getLogicalValue(navigationDirection, direction),
+                    ...payload
+                });
+            }
+        }
+        const { key, shiftKey } = event;
+        switch (key) {
+            // since we are handling the event, we need to kill the event here
+            // so that no other action is performed
+            case 'ArrowLeft':
+            case 'ArrowRight':
+            case 'ArrowUp':
+            case 'ArrowDown':
+            case 'End':
+            case 'Home':
+            case 'PageUp':
+            case 'PageDown': {
+                const mapKey = shiftKey && (key === 'PageUp' || key === 'PageDown') ? `Shift${key}` : key;
+                if (navigationMap[mapKey] !== undefined) {
+                    killEvent(event);
+                    const navigationDirection = navigationMap[mapKey];
+                    onNavigation({
+                        direction: getLogicalValue(navigationDirection, direction),
+                        ...payload
+                    });
+                }
+            }
+        }
+    }, [direction, handleSelection, navigationMap, onNavigation, payload]);
+    return {
+        onClick: handleSelection,
+        onKeyDown: handleKeyDown
+    };
+};
+/**
+ * Determines the logical value for the navigation direction.
+ * @param value The value representing the navigation direction
+ * @param dir The reading direction from the user preferences
+ * @returns The logical navigation direction
+ */
+const getLogicalValue = (value, dir) => typeof value === 'string' ? value : value[dir];
+
+exports.useCellNavigation = useCellNavigation;
+exports.useFocusableCell = useFocusableCell;
+//# sourceMappingURL=useCellNavigation-d5b07844.js.map

package/cjs/useCellNavigation-d5b07844.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellNavigation-d5b07844.js","sources":["../../src/UNSAFE_DatePicker/useFocusableCell.ts","../../src/UNSAFE_DatePicker/useCellNavigation.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 */\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { useLayoutEffect, useRef } from 'preact/compat';\n\ntype UseFocusableCellProps = {\n  /**\n   * Specifies if this cell is the one that will be focused when\n   * one tabs into the grid view.\n   */\n  isFocusable: boolean;\n\n  /**\n   * Specifies whether or not the cell is currently focused.\n   */\n  isFocused: boolean;\n};\n\n/**\n * A custom hook that handles focus for a month or year cell.\n */\nexport const useFocusableCell = <T extends HTMLElement = HTMLElement>({\n  isFocusable,\n  isFocused\n}: UseFocusableCellProps) => {\n  const cellRef = useRef<T>(null);\n  const { isTabbable } = useTabbableMode();\n\n  // Using layout effect here to set the focus as we want to focus the element\n  // before the browser has a chance to paint. This way the browser don't have to\n  // repaint the focused state.\n  useLayoutEffect(() => {\n    if (isFocusable && isFocused) {\n      cellRef.current?.focus();\n    }\n  }, [isFocusable, isFocused]);\n\n  return { ref: cellRef, tabIndex: isFocusable && isTabbable ? 0 : -1 };\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 */\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useCallback } from 'preact/compat';\n\ntype SupportedKeyBindings =\n  | 'ArrowLeft'\n  | 'ArrowRight'\n  | 'ArrowUp'\n  | 'ArrowDown'\n  | 'End'\n  | 'Home'\n  | 'PageUp'\n  | 'PageDown'\n  | 'ShiftPageUp'\n  | 'ShiftPageDown'\n  | 'CtrlAltT';\ntype NavigationValue<T extends string> = T | { ltr: T; rtl: T };\ntype NavigationMap<T extends string> = Partial<Record<SupportedKeyBindings, NavigationValue<T>>>;\n\ntype UseCellNavigationProps<Payload extends object, Navigation extends string> = {\n  /**\n   * Payload for the callbacks from this cell.\n   */\n  payload: Payload;\n\n  /**\n   * An object that maps the key codes to the direction of navigation. The onNavigation\n   * callback will be invoked only for the key codes provided in the map and specifies the\n   * direction as provided in the value.\n   */\n  navigationMap: NavigationMap<Navigation>;\n\n  /**\n   * A callback that will be invoked when a selection action is performed on the DatePicker cell.\n   * @param payload The provided payload.\n   */\n  onAction: (payload: Payload) => void;\n\n  /**\n   * A callback that will be invoked when a navigation action is performed on the DatePicker cell.\n   * @param details The object specifying the direction of the navigation performed and the payload.\n   */\n  onNavigation: (details: { direction: Navigation } & Payload) => void;\n};\n\n// Utility for killing handled events.\nconst killEvent = (event: Event) => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n\n/**\n * A custom hook that handles navigation for a DatePicker cell.\n */\nexport const useCellNavigation = <T extends object, U extends string>({\n  navigationMap,\n  payload,\n  onAction,\n  onNavigation\n}: UseCellNavigationProps<T, U>) => {\n  const { direction } = useUser();\n  const handleSelection = useCallback(() => {\n    onAction(payload);\n  }, [payload, onAction]);\n\n  // Make a selection or navigate on keydown. This lets you hold keys down like the\n  // arrow keys, page up, or page down to keep navigating through day cells. However we\n  // don't need to select more than once, so check and only handle if \"repeat\" is false.\n  // This also prevents us from incorrectly selecting when the user presses and holds down\n  // the Enter key on the Go to Today button, which should bring up today and focus the\n  // cell but not select it. See JET-76459.\n  const handleKeyDown = useCallback<NonNullable<GlobalEventHandlers['onkeydown']>>(\n    (event) => {\n      if (['Enter', 'Space'].includes(event.code)) {\n        if (!event.repeat) {\n          // since we are handling the event, we need to kill the event here\n          // so that no other action is performed\n          killEvent(event);\n          handleSelection();\n        } else if (event.code === 'Space') {\n          // we call preventDefault to prevent browser scrolling on some browsers\n          event.preventDefault();\n        }\n        return;\n      }\n\n      // Handle Ctrl + Alt + T\n      if (event.code === 'KeyT' && event.ctrlKey && event.altKey) {\n        const navigationDirection = navigationMap['CtrlAltT'];\n        if (navigationDirection !== undefined) {\n          // since we are handling the event, we need to kill the event here\n          // so that no other action is performed\n          killEvent(event);\n          onNavigation({\n            direction: getLogicalValue(navigationDirection, direction),\n            ...payload\n          });\n        }\n      }\n\n      const { key, shiftKey } = event;\n\n      switch (key) {\n        // since we are handling the event, we need to kill the event here\n        // so that no other action is performed\n        case 'ArrowLeft':\n        case 'ArrowRight':\n        case 'ArrowUp':\n        case 'ArrowDown':\n        case 'End':\n        case 'Home':\n        case 'PageUp':\n        case 'PageDown': {\n          const mapKey: SupportedKeyBindings =\n            shiftKey && (key === 'PageUp' || key === 'PageDown') ? `Shift${key}` : key;\n          if (navigationMap[mapKey] !== undefined) {\n            killEvent(event);\n            const navigationDirection = navigationMap[mapKey]!;\n            onNavigation({\n              direction: getLogicalValue(navigationDirection, direction),\n              ...payload\n            });\n          }\n        }\n      }\n    },\n    [direction, handleSelection, navigationMap, onNavigation, payload]\n  );\n\n  return {\n    onClick: handleSelection,\n    onKeyDown: handleKeyDown\n  };\n};\n\n/**\n * Determines the logical value for the navigation direction.\n * @param value The value representing the navigation direction\n * @param dir The reading direction from the user preferences\n * @returns The logical navigation direction\n */\nconst getLogicalValue = <T extends string>(value: NavigationValue<T>, dir: 'ltr' | 'rtl') =>\n  typeof value === 'string' ? value : value[dir];\n"],"names":["useRef","useTabbableMode","useLayoutEffect","useUser","useCallback"],"mappings":"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"}

package/cjs/useChartMarquee-41c7ea4e.js

@@ -0,0 +1,302 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+var clientUtils = require('./clientUtils-a4619fcd.js');
+var useVisDragModeControls = require('./useVisDragModeControls-6acfca25.js');
+var hooks_PRIVATE_useChartMarquee_themes_useChartMarquee_css = require('./hooks/PRIVATE_useChartMarquee/themes/useChartMarquee.css.js');
+var eventsUtils = require('./eventsUtils-d34f8647.js');
+require('./accUtils-5c7d3255.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 getResolvedDragMode(isUserDragModeButtonShown, isZoomAndScroll, isMobile, dragMode, userSelectedDragMode, isMultiSelection) {
+    if (userSelectedDragMode != undefined && isUserDragModeButtonShown) {
+        // when dragMode api value change happens, userDragMode state can be stale.
+        // only select userDragMode if there is a button that is present to select it.
+        return userSelectedDragMode;
+    }
+    if (dragMode === 'user') {
+        if (!isMobile) {
+            return isZoomAndScroll ? 'pan' : isMultiSelection ? 'select' : 'off';
+        }
+    }
+    return isMobile ? 'off' : dragMode;
+}
+function getMarqueeDims(initialPoint, finalPoint, plotAreaSpace, xSpace, ySpace, treatAsXSpace) {
+    if (initialPoint && finalPoint) {
+        const spaceWidth = plotAreaSpace.x + plotAreaSpace.width;
+        const spaceHeight = plotAreaSpace.y + plotAreaSpace.height;
+        let x1 = Math.max(Math.min(initialPoint.x, finalPoint.x), plotAreaSpace.x);
+        let x2 = Math.min(Math.max(initialPoint.x, finalPoint.x), spaceWidth);
+        let y1 = Math.max(Math.min(initialPoint.y, finalPoint.y), plotAreaSpace.y);
+        const y2 = Math.min(Math.max(initialPoint.y, finalPoint.y), spaceHeight);
+        let width = Math.abs(x2 - x1);
+        let height = Math.abs(y2 - y1);
+        if (isPointInsideSpace(initialPoint.x, initialPoint.y, xSpace) || treatAsXSpace) {
+            y1 = plotAreaSpace.y;
+            height = plotAreaSpace.height;
+        }
+        else if (isPointInsideSpace(initialPoint.x, initialPoint.y, ySpace)) {
+            x1 = plotAreaSpace.x;
+            x2 = spaceWidth;
+            width = plotAreaSpace.width;
+        }
+        return {
+            x1,
+            y1,
+            width,
+            height,
+            x2,
+            y2
+        };
+    }
+    return;
+}
+function getCursorType(currentDragMode, isPointerDown) {
+    if (currentDragMode === 'zoom' || currentDragMode === 'select') {
+        return 'crosshair';
+    }
+    if (currentDragMode === 'pan') {
+        return isPointerDown ? 'grabbing' : 'grab';
+    }
+    return;
+}
+function isPointInsideSpace(x, y, space) {
+    if (x >= space.x && x <= space.x + space.width && y >= space.y && y <= space.y + space.height) {
+        return true;
+    }
+    return false;
+}
+function isPointOutsideTargetSpace(x, y, plotAreaSpace, xSpace, ySpace) {
+    if (!isPointInsideSpace(x, y, plotAreaSpace) &&
+        !isPointInsideSpace(x, y, xSpace) &&
+        !isPointInsideSpace(x, y, ySpace)) {
+        return true;
+    }
+    return false;
+}
+function getPanButtonVisibility(isZoomAndScroll, dragMode, isMobile) {
+    if (!isMobile || !isZoomAndScroll) {
+        return false;
+    }
+    return dragMode === 'user' || dragMode === 'pan';
+}
+function getZoomButtonVisibility(isZoomAndScroll, isMobile, dragMode) {
+    if (!isZoomAndScroll) {
+        return false;
+    }
+    // In mobile don't show for user mode
+    return (isMobile && dragMode === 'zoom') || (!isMobile && dragMode === 'user');
+}
+function getSelectButtonVisibility(isMultiSelection, isZoomScroll, isMobile, dragMode) {
+    if (!isMultiSelection) {
+        return false;
+    }
+    else if (!isZoomScroll && (dragMode === 'user' || dragMode === 'select')) {
+        return isMobile;
+    }
+    return dragMode === 'user' || (isMobile && dragMode === 'select');
+}
+
+function Marquee({ x1, y1, width, height }) {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: x1, y: y1, width: width, height: height, class: hooks_PRIVATE_useChartMarquee_themes_useChartMarquee_css.styles.visMarquee, "data-oj-private-object": "marquee" }), jsxRuntime.jsx("rect", { x: x1 + 1, y: y1 + 1, width: Math.max(0, width - 2), height: Math.max(0, height - 2), class: hooks_PRIVATE_useChartMarquee_themes_useChartMarquee_css.styles.visMarqueeInnerArea })] }));
+}
+
+function useChartMarquee({ rootRef, plotAreaSpace, xSpace, ySpace, dragMode, chartWidth, isMultiSelection, onViewportChange, isZoomScroll, xScale, selectedIds, getDataById, onSelectionChange, isRtl, xAxisInfo }) {
+    const isDeviceTouch = clientUtils.isTouch();
+    const isHovered = hooks.useRef(false);
+    const numOfActiveTouches = hooks.useRef(0);
+    const { min, max, viewportMax, viewportMin, minAxisExtent } = xAxisInfo;
+    const initialPointRef = hooks.useRef();
+    const showPanButton = getPanButtonVisibility(isZoomScroll, dragMode, isDeviceTouch);
+    const showZoomButton = getZoomButtonVisibility(isZoomScroll, isDeviceTouch, dragMode);
+    const showSelectButton = getSelectButtonVisibility(isMultiSelection, isZoomScroll, isDeviceTouch, dragMode);
+    const { dragButtonDivRef, toggleButtonContent, userDragMode } = useVisDragModeControls.useVisDragModeControls({
+        componentWidth: chartWidth,
+        plotAreaSpace,
+        isRtl,
+        showPanButton,
+        showZoomButton,
+        showSelectButton,
+        dragMode
+    });
+    // for drag --> dragging cursor rerender in pan mode
+    const [isPointerDown, setIsPointerDown] = hooks.useState(false);
+    const isDragActiveRef = hooks.useRef(false);
+    const [finalPoint, setFinalPoint] = hooks.useState();
+    const selectedIdsRef = hooks.useRef(new Set());
+    const isUserDragModeButtonShown = (showPanButton && userDragMode === 'pan') ||
+        (showSelectButton && userDragMode === 'select') ||
+        (showZoomButton && userDragMode === 'zoom');
+    const mode = getResolvedDragMode(isUserDragModeButtonShown, isZoomScroll, isDeviceTouch, dragMode, userDragMode, isMultiSelection);
+    const dims = getMarqueeDims(initialPointRef.current, finalPoint, plotAreaSpace, xSpace, ySpace, mode === 'zoom' // We need to revisit this for scatter chart and others charts
+    );
+    const onPointerEnter = () => {
+        isHovered.current = true;
+    };
+    const onPointerDown = (event) => {
+        // prevent setIsPointerDown(true) when clicked on button
+        // otherwise the button will disapper before being clicked.
+        if (dragButtonDivRef?.current?.contains(event.target)) {
+            return;
+        }
+        const x = event.offsetX;
+        const y = event.offsetY;
+        setIsPointerDown(true);
+        if (isPointOutsideTargetSpace(x, y, plotAreaSpace, xSpace, ySpace) ||
+            (mode === 'zoom' && isPointInsideSpace(x, y, ySpace))) {
+            return;
+        }
+        initialPointRef.current = { x, y };
+    };
+    const onPointerLeave = (event) => {
+        isHovered.current = false;
+        if (dims && isDeviceTouch && mode != 'off') {
+            event.currentTarget.setPointerCapture(event.pointerId);
+        }
+    };
+    const onPointerMove = (event) => {
+        if (!isPointerDown) {
+            return;
+        }
+        isDragActiveRef.current = true;
+        if (event.metaKey && initialPointRef.current) {
+            initialPointRef.current.isMeta = true;
+        }
+        const x = event.offsetX;
+        const y = event.offsetY;
+        if (isPointOutsideTargetSpace(x, y, plotAreaSpace, xSpace, ySpace) ||
+            (mode === 'zoom' && isPointInsideSpace(x, y, ySpace))) {
+            return;
+        }
+        const elementData = eventsUtils.getElementData(rootRef, event.target);
+        const elemType = elementData?.['ojPrivateObject'];
+        const originatedFromOverview = elemType === 'window' || elemType === 'leftHandle' || elemType === 'rightHandle';
+        if (!originatedFromOverview &&
+            mode === 'pan' &&
+            onViewportChange &&
+            (!isDeviceTouch || (isDeviceTouch && numOfActiveTouches.current === 1))) {
+            const axisDelta = xScale.invert(x) - xScale.invert((finalPoint?.x || initialPointRef.current?.x));
+            const viewportRange = viewportMax - viewportMin;
+            let xMin = viewportMin - axisDelta;
+            let xMax = viewportMax - axisDelta;
+            if (xMin < min) {
+                xMin = min;
+                xMax = xMin + viewportRange;
+            }
+            if (xMax > max) {
+                xMax = max;
+                xMin = xMax - viewportRange;
+            }
+            if (xMin != viewportMin && xMax != viewportMax && Math.abs(xMax - xMin) >= minAxisExtent) {
+                onViewportChange({
+                    xMin,
+                    xMax
+                });
+            }
+        }
+        setFinalPoint({ x, y });
+    };
+    const onPointerUp = (event) => {
+        setIsPointerDown(false);
+        setFinalPoint(undefined);
+        initialPointRef.current = undefined;
+        isDragActiveRef.current = false;
+        if (dragButtonDivRef.current?.contains(event.target)) {
+            return;
+        }
+        if (!dims) {
+            return;
+        }
+        if (mode === 'zoom') {
+            const { x1, x2 } = dims;
+            let xMin = Math.min(xScale.invert(x1), xScale.invert(x2));
+            let xMax = Math.max(xScale.invert(x1), xScale.invert(x2));
+            if (Math.abs(xMax - xMin) < minAxisExtent) {
+                const mid = (xMin + xMax) / 2;
+                xMin = Math.max(min, mid - minAxisExtent / 2);
+                xMax = Math.min(max, xMin + minAxisExtent);
+            }
+            onViewportChange?.({
+                xMin,
+                xMax
+            });
+        }
+        if (mode === 'select') {
+            const ids = [
+                ...new Set([
+                    ...selectedIdsRef.current,
+                    ...(event.metaKey ? selectedIds || new Set() : new Set())
+                ])
+            ];
+            const data = ids.map((id) => getDataById(id));
+            onSelectionChange?.({ ids, data });
+            selectedIdsRef.current = new Set();
+        }
+    };
+    // if mode is 'off', we still want to show the toggleButton.
+    // pointerUp will not fire because browser will have already claimed the
+    // pointer
+    const onTouchEnd = (event) => {
+        setIsPointerDown(false);
+        setFinalPoint(undefined);
+        initialPointRef.current = undefined;
+        numOfActiveTouches.current = event.touches.length;
+    };
+    const onTouchStart = (event) => {
+        numOfActiveTouches.current = event.touches.length;
+    };
+    let marqueeContent;
+    const isPointInsideMarquee = mode === 'select' && dims
+        ? (id, point) => {
+            if (initialPointRef.current?.isMeta && selectedIds?.has(id)) {
+                return true;
+            }
+            const { x1, x2, y1, y2 } = dims;
+            const { x, y } = point;
+            if (isPointInsideSpace(x, y, { x: x1, width: x2 - x1, y: y1, height: y2 - y1 })) {
+                selectedIdsRef.current?.add(id);
+                return true;
+            }
+            else {
+                selectedIdsRef.current?.delete(id);
+            }
+            return false;
+        }
+        : undefined;
+    if (dims && (mode === 'zoom' || mode === 'select')) {
+        marqueeContent = jsxRuntime.jsx(Marquee, { ...dims });
+    }
+    return {
+        ignoreSelectPointerUp: (mode === 'pan' || mode === 'zoom') && isDragActiveRef.current,
+        cursor: getCursorType(mode, isPointerDown),
+        yAxisCursor: mode !== 'zoom' ? getCursorType(mode, isPointerDown) : 'initial',
+        marqueeContent,
+        toggleButtonContent: !isPointerDown &&
+            ((!isDeviceTouch && isHovered.current) || isDeviceTouch) &&
+            toggleButtonContent,
+        isPointInsideMarquee,
+        dragMode: mode,
+        marqueeProps: dragMode != 'off'
+            ? {
+                onPointerDown,
+                onPointerMove,
+                onPointerUp,
+                onPointerLeave,
+                onPointerEnter,
+                onTouchEnd,
+                onTouchStart
+            }
+            : {}
+    };
+}
+
+exports.useChartMarquee = useChartMarquee;
+//# sourceMappingURL=useChartMarquee-41c7ea4e.js.map

package/cjs/useChartMarquee-41c7ea4e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartMarquee-41c7ea4e.js","sources":["../../src/hooks/PRIVATE_useChartMarquee/utils.ts","../../src/hooks/PRIVATE_useChartMarquee/Marquee.tsx","../../src/hooks/PRIVATE_useChartMarquee/useChartMarquee.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 { Dimension } from '#utils/UNSAFE_visTypes/common';\n\nexport function getResolvedDragMode(\n  isUserDragModeButtonShown: boolean,\n  isZoomAndScroll: boolean,\n  isMobile: boolean,\n  dragMode: 'off' | 'pan' | 'zoom' | 'user' | 'select',\n  userSelectedDragMode?: 'pan' | 'zoom' | 'select',\n  isMultiSelection?: boolean\n) {\n  if (userSelectedDragMode != undefined && isUserDragModeButtonShown) {\n    // when dragMode api value change happens, userDragMode state can be stale.\n    // only select userDragMode if there is a button that is present to select it.\n    return userSelectedDragMode;\n  }\n\n  if (dragMode === 'user') {\n    if (!isMobile) {\n      return isZoomAndScroll ? 'pan' : isMultiSelection ? 'select' : 'off';\n    }\n  }\n\n  return isMobile ? 'off' : dragMode;\n}\n\nexport function getMarqueeDims(\n  initialPoint: { x: number; y: number } | undefined,\n  finalPoint: { x: number; y: number } | undefined,\n  plotAreaSpace: Dimension,\n  xSpace: Dimension,\n  ySpace: Dimension,\n  treatAsXSpace: boolean\n) {\n  if (initialPoint && finalPoint) {\n    const spaceWidth = plotAreaSpace.x + plotAreaSpace.width;\n    const spaceHeight = plotAreaSpace.y + plotAreaSpace.height;\n\n    let x1 = Math.max(Math.min(initialPoint.x, finalPoint.x), plotAreaSpace.x);\n    let x2 = Math.min(Math.max(initialPoint.x, finalPoint.x), spaceWidth);\n\n    let y1 = Math.max(Math.min(initialPoint.y, finalPoint.y), plotAreaSpace.y);\n    const y2 = Math.min(Math.max(initialPoint.y, finalPoint.y), spaceHeight);\n\n    let width = Math.abs(x2 - x1);\n    let height = Math.abs(y2 - y1);\n\n    if (isPointInsideSpace(initialPoint.x, initialPoint.y, xSpace) || treatAsXSpace) {\n      y1 = plotAreaSpace.y;\n      height = plotAreaSpace.height;\n    } else if (isPointInsideSpace(initialPoint.x, initialPoint.y, ySpace)) {\n      x1 = plotAreaSpace.x;\n      x2 = spaceWidth;\n      width = plotAreaSpace.width;\n    }\n    return {\n      x1,\n      y1,\n      width,\n      height,\n      x2,\n      y2\n    };\n  }\n  return;\n}\n\nexport function getCursorType(\n  currentDragMode: 'zoom' | 'select' | 'pan' | 'off' | 'user',\n  isPointerDown: boolean\n) {\n  if (currentDragMode === 'zoom' || currentDragMode === 'select') {\n    return 'crosshair';\n  }\n\n  if (currentDragMode === 'pan') {\n    return isPointerDown ? 'grabbing' : 'grab';\n  }\n\n  return;\n}\n\nexport function isPointInsideSpace(x: number, y: number, space: Dimension) {\n  if (x >= space.x && x <= space.x + space.width && y >= space.y && y <= space.y + space.height) {\n    return true;\n  }\n  return false;\n}\n\nexport function isPointOutsideTargetSpace(\n  x: number,\n  y: number,\n  plotAreaSpace: Dimension,\n  xSpace: Dimension,\n  ySpace: Dimension\n) {\n  if (\n    !isPointInsideSpace(x, y, plotAreaSpace) &&\n    !isPointInsideSpace(x, y, xSpace) &&\n    !isPointInsideSpace(x, y, ySpace)\n  ) {\n    return true;\n  }\n  return false;\n}\n\nexport function getPanButtonVisibility(\n  isZoomAndScroll: boolean,\n  dragMode: 'off' | 'pan' | 'zoom' | 'user' | 'select',\n  isMobile: boolean\n) {\n  if (!isMobile || !isZoomAndScroll) {\n    return false;\n  }\n\n  return dragMode === 'user' || dragMode === 'pan';\n}\n\nexport function getZoomButtonVisibility(\n  isZoomAndScroll: boolean,\n  isMobile: boolean,\n  dragMode: 'zoom' | 'select' | 'pan' | 'off' | 'user'\n) {\n  if (!isZoomAndScroll) {\n    return false;\n  }\n\n  // In mobile don't show for user mode\n  return (isMobile && dragMode === 'zoom') || (!isMobile && dragMode === 'user');\n}\n\nexport function getSelectButtonVisibility(\n  isMultiSelection: boolean,\n  isZoomScroll: boolean,\n  isMobile: boolean,\n  dragMode: 'zoom' | 'select' | 'pan' | 'user' | 'off'\n) {\n\n  if (!isMultiSelection) {\n    return false;\n  }\n  else if(!isZoomScroll && ( dragMode === 'user' || dragMode === 'select')){\n    return isMobile;\n  }\n  \n  return dragMode === 'user' || (isMobile && dragMode === 'select');\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 { styles } from './themes/useChartMarquee.css';\n\ntype Props = {\n  x1: number;\n  y1: number;\n  width: number;\n  height: number;\n};\nexport function Marquee({ x1, y1, width, height }: Props) {\n  return (\n    <>\n      <rect\n        x={x1}\n        y={y1}\n        width={width}\n        height={height}\n        class={styles.visMarquee}\n        data-oj-private-object=\"marquee\"\n      />\n      <rect\n        x={x1 + 1}\n        y={y1 + 1}\n        width={Math.max(0, width - 2)}\n        height={Math.max(0, height - 2)}\n        class={styles.visMarqueeInnerArea}\n      />\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 { RefObject, VNode } from 'preact';\nimport { useRef, useState } from 'preact/hooks';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { Scale } from '#utils/UNSAFE_visTypes/chart';\nimport {\n  getCursorType,\n  getMarqueeDims,\n  isPointOutsideTargetSpace,\n  isPointInsideSpace,\n  getPanButtonVisibility,\n  getZoomButtonVisibility,\n  getSelectButtonVisibility,\n  getResolvedDragMode\n} from './utils';\nimport { isTouch } from '#utils/UNSAFE_visUtils/clientUtils';\nimport { useVisDragModeControls } from '#hooks/PRIVATE_useVisDragModeControls';\nimport { Marquee } from './Marquee';\nimport { SelectionDetail } from '#hooks/PRIVATE_useVisSelection/useSelection';\nimport { AxisInfo } from '#PRIVATE_Axis/axis.types';\nimport { getElementData } from '#utils/UNSAFE_visUtils';\n\ntype MarqueeProps<K, D> = {\n  rootRef: RefObject<HTMLElement>;\n  chartWidth: number;\n  plotAreaSpace: Dimension;\n  xSpace: Dimension;\n  ySpace: Dimension;\n  isZoomScroll: boolean;\n  isMultiSelection: boolean;\n  onSelectionChange?: (detail: SelectionDetail<K, D>) => void;\n  xScale: Scale;\n  onViewportChange?: (x: { xMin?: number; yMin?: number; xMax?: number; yMax?: number }) => void;\n  dragMode: 'user' | 'select' | 'zoom' | 'pan' | 'off';\n  getDataById: (id: K) => D | undefined;\n  selectedIds?: Set<K>;\n  isRtl: boolean;\n  xAxisInfo: AxisInfo;\n};\n\nexport function useChartMarquee<K, D>({\n  rootRef,\n  plotAreaSpace,\n  xSpace,\n  ySpace,\n  dragMode,\n  chartWidth,\n  isMultiSelection,\n  onViewportChange,\n  isZoomScroll,\n  xScale,\n  selectedIds,\n  getDataById,\n  onSelectionChange,\n  isRtl,\n  xAxisInfo\n}: MarqueeProps<K, D>) {\n  const isDeviceTouch = isTouch();\n  const isHovered = useRef(false);\n  const numOfActiveTouches = useRef(0);\n\n  const { min, max, viewportMax, viewportMin, minAxisExtent } = xAxisInfo;\n\n  const initialPointRef = useRef<{\n    x: number;\n    y: number;\n    isMeta?: boolean;\n  }>();\n\n  const showPanButton = getPanButtonVisibility(isZoomScroll, dragMode, isDeviceTouch);\n  const showZoomButton = getZoomButtonVisibility(isZoomScroll, isDeviceTouch, dragMode);\n  const showSelectButton = getSelectButtonVisibility(\n    isMultiSelection,\n    isZoomScroll,\n    isDeviceTouch,\n    dragMode\n  );\n\n  const { dragButtonDivRef, toggleButtonContent, userDragMode } = useVisDragModeControls({\n    componentWidth: chartWidth,\n    plotAreaSpace,\n    isRtl,\n    showPanButton,\n    showZoomButton,\n    showSelectButton,\n    dragMode\n  });\n\n  // for drag --> dragging cursor rerender in pan mode\n  const [isPointerDown, setIsPointerDown] = useState(false);\n  const isDragActiveRef = useRef(false);\n\n  const [finalPoint, setFinalPoint] = useState<{ x: number; y: number }>();\n\n  const selectedIdsRef = useRef<Set<K>>(new Set());\n\n  const isUserDragModeButtonShown =\n    (showPanButton && userDragMode === 'pan') ||\n    (showSelectButton && userDragMode === 'select') ||\n    (showZoomButton && userDragMode === 'zoom');\n\n  const mode = getResolvedDragMode(\n    isUserDragModeButtonShown,\n    isZoomScroll,\n    isDeviceTouch,\n    dragMode,\n    userDragMode,\n    isMultiSelection\n  );\n\n  const dims = getMarqueeDims(\n    initialPointRef.current,\n    finalPoint,\n    plotAreaSpace,\n    xSpace,\n    ySpace,\n    mode === 'zoom' // We need to revisit this for scatter chart and others charts\n  );\n\n  const onPointerEnter = () => {\n    isHovered.current = true;\n  };\n\n  const onPointerDown = (event: PointerEvent) => {\n    // prevent setIsPointerDown(true) when clicked on button\n    // otherwise the button will disapper before being clicked.\n    if (dragButtonDivRef?.current?.contains(event.target as HTMLElement)) {\n      return;\n    }\n\n    const x = event.offsetX;\n    const y = event.offsetY;\n\n    setIsPointerDown(true);\n\n    if (\n      isPointOutsideTargetSpace(x, y, plotAreaSpace, xSpace, ySpace) ||\n      (mode === 'zoom' && isPointInsideSpace(x, y, ySpace))\n    ) {\n      return;\n    }\n\n    initialPointRef.current = { x, y };\n  };\n\n  const onPointerLeave = (event: PointerEvent) => {\n    isHovered.current = false;\n    if (dims && isDeviceTouch && mode != 'off') {\n      (event.currentTarget as HTMLElement).setPointerCapture(event.pointerId);\n    }\n  };\n\n  const onPointerMove = (event: PointerEvent) => {\n    if (!isPointerDown) {\n      return;\n    }\n\n    isDragActiveRef.current = true;\n\n    if (event.metaKey && initialPointRef.current) {\n      initialPointRef.current.isMeta = true;\n    }\n\n    const x = event.offsetX;\n    const y = event.offsetY;\n\n    if (\n      isPointOutsideTargetSpace(x, y, plotAreaSpace, xSpace, ySpace) ||\n      (mode === 'zoom' && isPointInsideSpace(x, y, ySpace))\n    ) {\n      return;\n    }\n\n    const elementData = getElementData(rootRef, event.target as HTMLElement);\n    const elemType = elementData?.['ojPrivateObject'];\n    const originatedFromOverview =\n      elemType === 'window' || elemType === 'leftHandle' || elemType === 'rightHandle';\n\n    if (\n      !originatedFromOverview &&\n      mode === 'pan' &&\n      onViewportChange &&\n      (!isDeviceTouch || (isDeviceTouch && numOfActiveTouches.current === 1))\n    ) {\n      const axisDelta =\n        xScale.invert(x) - xScale.invert((finalPoint?.x || initialPointRef.current?.x)!);\n\n      const viewportRange = viewportMax - viewportMin;\n\n      let xMin = viewportMin - axisDelta;\n      let xMax = viewportMax - axisDelta;\n\n      if (xMin < min) {\n        xMin = min;\n        xMax = xMin + viewportRange;\n      }\n\n      if (xMax > max) {\n        xMax = max;\n        xMin = xMax - viewportRange;\n      }\n\n      if (xMin != viewportMin && xMax != viewportMax && Math.abs(xMax - xMin) >= minAxisExtent) {\n        onViewportChange({\n          xMin,\n          xMax\n        });\n      }\n    }\n\n    setFinalPoint({ x, y });\n  };\n\n  const onPointerUp = (event: PointerEvent) => {\n    setIsPointerDown(false);\n    setFinalPoint(undefined);\n    initialPointRef.current = undefined;\n    isDragActiveRef.current = false;\n\n    if (dragButtonDivRef.current?.contains(event.target as HTMLElement)) {\n      return;\n    }\n\n    if (!dims) {\n      return;\n    }\n\n    if (mode === 'zoom') {\n      const { x1, x2 } = dims;\n      let xMin = Math.min(xScale.invert(x1), xScale.invert(x2));\n      let xMax = Math.max(xScale.invert(x1), xScale.invert(x2));\n      if (Math.abs(xMax - xMin) < minAxisExtent) {\n        const mid = (xMin + xMax) / 2;\n        xMin = Math.max(min, mid - minAxisExtent / 2);\n        xMax = Math.min(max, xMin + minAxisExtent);\n      }\n      onViewportChange?.({\n        xMin,\n        xMax\n      });\n    }\n\n    if (mode === 'select') {\n      const ids = [\n        ...new Set([\n          ...selectedIdsRef.current,\n          ...(event.metaKey ? selectedIds || new Set<K>() : new Set<K>())\n        ])\n      ];\n      const data = ids.map((id) => getDataById(id));\n      onSelectionChange?.({ ids, data });\n      selectedIdsRef.current = new Set<K>();\n    }\n  };\n\n  // if mode is 'off', we still want to show the toggleButton.\n  // pointerUp will not fire because browser will have already claimed the\n  // pointer\n  const onTouchEnd = (event: TouchEvent) => {\n    setIsPointerDown(false);\n    setFinalPoint(undefined);\n    initialPointRef.current = undefined;\n    numOfActiveTouches.current = event.touches.length;\n  };\n\n  const onTouchStart = (event: TouchEvent) => {\n    numOfActiveTouches.current = event.touches.length;\n  };\n\n  let marqueeContent: VNode | undefined;\n\n  const isPointInsideMarquee =\n    mode === 'select' && dims\n      ? (id: K, point: { x: number; y: number }) => {\n          if (initialPointRef.current?.isMeta && selectedIds?.has(id)) {\n            return true;\n          }\n          const { x1, x2, y1, y2 } = dims;\n          const { x, y } = point;\n          if (isPointInsideSpace(x, y, { x: x1, width: x2 - x1, y: y1, height: y2 - y1 })) {\n            selectedIdsRef.current?.add(id);\n            return true;\n          } else {\n            selectedIdsRef.current?.delete(id);\n          }\n          return false;\n        }\n      : undefined;\n\n  if (dims && (mode === 'zoom' || mode === 'select')) {\n    marqueeContent = <Marquee {...dims} />;\n  }\n\n  return {\n    ignoreSelectPointerUp: (mode === 'pan' || mode === 'zoom') && isDragActiveRef.current,\n    cursor: getCursorType(mode, isPointerDown),\n    yAxisCursor: mode !== 'zoom' ? getCursorType(mode, isPointerDown) : 'initial',\n    marqueeContent,\n    toggleButtonContent:\n      !isPointerDown &&\n      ((!isDeviceTouch && isHovered.current) || isDeviceTouch) &&\n      toggleButtonContent,\n    isPointInsideMarquee,\n    dragMode: mode,\n    marqueeProps:\n      dragMode != 'off'\n        ? {\n            onPointerDown,\n            onPointerMove,\n            onPointerUp,\n            onPointerLeave,\n            onPointerEnter,\n            onTouchEnd,\n            onTouchStart\n          }\n        : {}\n  };\n}\n"],"names":["_jsxs","_Fragment","_jsx","styles","isTouch","useRef","useVisDragModeControls","useState","getElementData"],"mappings":"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"}