@oracle/oraclejet-preact 18.1.7 → 18.1.8

package/es/useReorderableItem-22ea4c46.js

@@ -0,0 +1,268 @@
+/* @oracle/oraclejet-preact: undefined */
+import { useRef, useState, useCallback } from 'preact/hooks';
+import { u as useId } from './useId-03dbfdf0.js';
+import { u as useUser } from './useUser-1cd223a9.js';
+import { u as useTranslationBundle } from './useTranslationBundle-09302c20.js';
+import { g as getClientHints } from './clientHints-f850225e.js';
+import { b as getItemKeysArray, a as getKey } from './collectionUtils-8a9d80a3.js';
+import { c as classNames } from './classNames-4e12b00d.js';
+import { m as mergeProps } from './mergeProps-88ea8306.js';
+import { c as createDragImage } from './dndUtils-deb68797.js';
+import { styles } from './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css.js';
+import { i as isKeyDefined } from './keys-49c92dbb.js';
+
+/**
+ * Implements keyboard reorder behavior for list-like components, e.g. TabBar, ListView, CardView
+ */
+function useReorderable(options) {
+    const { onReorder, rootRef, itemSelector, isDisabled, columns } = options;
+    const currentItemKey = useRef();
+    const { direction } = useUser();
+    const isRtl = direction === 'rtl';
+    const translations = useTranslationBundle('@oracle/oraclejet-preact');
+    const reorderInstructionsId = 'reorderable_' + useId();
+    const { deviceType, platform } = getClientHints();
+    const keyPressed = platform === 'windows' ? translations.accControlKey() : translations.accCommandKey();
+    const reorderInstructions = deviceType === 'phone' || deviceType === 'tablet'
+        ? ''
+        : translations.accReorderInstructions({
+            keyPressed: keyPressed
+        });
+    const [reorderStatus, setReorderStatus] = useState('');
+    const onKeyDown = useCallback((e) => {
+        const keyHandlers = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];
+        if ((e.metaKey || e.ctrlKey) &&
+            e.shiftKey &&
+            keyHandlers.includes(e.key) &&
+            onReorder &&
+            rootRef.current) {
+            if (e.metaKey) {
+                e.preventDefault();
+            }
+            const itemKeysArray = getItemKeysArray(rootRef.current, itemSelector);
+            const newArray = [...itemKeysArray];
+            const lastIndex = newArray.length - 1;
+            const currentItemIndex = newArray.indexOf(currentItemKey.current);
+            // get reference item index and reordered keys
+            const referenceItemIndex = getReferenceItemIndex(e.key, isRtl, currentItemIndex, lastIndex, columns);
+            if (referenceItemIndex !== undefined && currentItemIndex !== referenceItemIndex) {
+                const referenceKey = newArray[referenceItemIndex]?.toString();
+                newArray.splice(currentItemIndex, 1);
+                newArray.splice(referenceItemIndex, 0, currentItemKey.current);
+                onReorder?.({
+                    reorderedKeys: newArray,
+                    itemKeys: [currentItemKey.current],
+                    // If the dragged items were dropped at the very beginning, the referenceKey will be null.
+                    referenceKey: referenceItemIndex === 0 ? null : newArray[referenceItemIndex - 1]
+                });
+                // set acc status
+                const isPrev = e.key === 'ArrowLeft' || e.key === 'ArrowUp' ? true : false;
+                const position = isPrev
+                    ? translations.accPositionBefore()
+                    : translations.accPositionAfter();
+                const itemKeyString = currentItemKey?.current?.toString();
+                if (referenceKey && position && itemKeyString) {
+                    setReorderStatus(translations.accAnnounceMovedKey({
+                        itemKey: itemKeyString,
+                        position: position,
+                        referenceKey: referenceKey
+                    }));
+                }
+            }
+        }
+    }, [currentItemKey, onReorder, columns, isRtl, itemSelector, rootRef, translations]);
+    const eventProps = isDisabled ? {} : { onKeyDown };
+    return {
+        reorderProps: eventProps,
+        reorderContext: {
+            currentItemKey
+        },
+        reorderInstructionsId,
+        reorderInstructions,
+        reorderStatus
+    };
+}
+/**
+ * A helper function to get referenceItemIndex during keyboard reordering
+ *
+ * @param eventKey the arrow event keys
+ * @param isRtl whether RTL is enabled
+ * @param currentItemIndex the index of current item
+ * @param lastIndex the last index
+ * @param columns optional param to specify the number of columns, for keyboard reordering by arrow up/down keys.
+ */
+const getReferenceItemIndex = (eventKey, isRtl, currentItemIndex, lastIndex, columns) => {
+    const leftDropIndex = currentItemIndex > 0 ? currentItemIndex - 1 : 0;
+    const rightDropIndex = currentItemIndex < lastIndex ? currentItemIndex + 1 : lastIndex;
+    switch (eventKey) {
+        case 'ArrowLeft':
+            return isRtl ? rightDropIndex : leftDropIndex;
+        case 'ArrowRight':
+            return isRtl ? leftDropIndex : rightDropIndex;
+        case 'ArrowUp':
+            if (columns) {
+                // if the current item is at the top row, arrow up should not move anywhere
+                return currentItemIndex < columns ? currentItemIndex : currentItemIndex - columns;
+            }
+        case 'ArrowDown':
+            if (columns) {
+                // if the current item is at the bottom row, arrow down should not move anywhere
+                return currentItemIndex > lastIndex - columns
+                    ? currentItemIndex
+                    : currentItemIndex + columns;
+            }
+        default:
+            return undefined;
+    }
+};
+
+/**
+ * Implements mouse reorder behavior for list-like components, e.g. TabBar, ListView, CardView
+ */
+function useReorderableItem(options) {
+    const { isDisabled, dragKey, setDragKey, onReorder, ref, rootRef, itemStyles, getItem, setTransferData, itemSelector, isVertical } = options;
+    const item = getItem();
+    const itemKey = item != null ? getKey(item) : undefined;
+    const [position, setPosition] = useState();
+    const pendingPositionRef = useRef();
+    const dragImgRef = useRef(undefined);
+    const itemDraggerClasses = classNames([styles.itemDragger, itemStyles.itemDragger]);
+    const { direction } = useUser();
+    const isRtl = direction === 'rtl';
+    const handleDragStart = useCallback((e) => {
+        const item = getItem();
+        const currentDragKey = item != null ? getKey(item) : undefined;
+        //create drag image clone of the item and show it
+        if (ref?.current && setDragKey) {
+            dragImgRef.current = createDragImage(ref.current, itemDraggerClasses);
+            //if there is drag icon, set the drag image at the drag icon position
+            const dragIcon = ref.current.querySelector('[draggable=true]');
+            if (dragIcon != null) {
+                e?.dataTransfer?.setDragImage(dragImgRef.current, dragIcon.offsetLeft + dragIcon.offsetWidth / 2, dragIcon.offsetTop + dragIcon.offsetHeight / 2);
+            }
+            else {
+                e?.dataTransfer?.setDragImage(dragImgRef.current, 0, 0);
+            }
+            setTransferData(e);
+            setDragKey(currentDragKey);
+        }
+    }, [getItem, setTransferData, itemDraggerClasses, ref, setDragKey]);
+    const handleDragOver = useCallback((e) => {
+        if (isKeyDefined(dragKey)) {
+            e.preventDefault();
+        }
+    }, [dragKey]);
+    //Once drag is over, reset styling of dragged item to it's original styling
+    const handleDragEnd = useCallback(() => {
+        setDragKey?.(undefined);
+        document.body.removeChild(dragImgRef.current);
+    }, [setDragKey]);
+    // detect drop target position on the overlay divs and render drop target
+    const handleDragEnterBeforeZone = () => {
+        setPosition('before');
+        pendingPositionRef.current = 'before';
+    };
+    const handleDragLeaveBeforeZone = () => {
+        if (pendingPositionRef.current === 'before') {
+            setPosition(undefined);
+        }
+    };
+    const handleDragEnterAfterZone = () => {
+        setPosition('after');
+        pendingPositionRef.current = 'after';
+    };
+    const handleDragLeaveAfterZone = () => {
+        if (pendingPositionRef.current === 'after') {
+            setPosition(undefined);
+        }
+    };
+    const handleDrop = useCallback(() => {
+        if (rootRef?.current) {
+            const item = getItem();
+            const currentDropKey = item != null ? getKey(item) : undefined;
+            const reference = currentDropKey;
+            const itemKeys = getItemKeysArray(rootRef.current, itemSelector);
+            let insertPos;
+            const newArray = [...itemKeys];
+            const dragIndex = newArray.indexOf(dragKey);
+            if (reference != null) {
+                const dropIndex = newArray.indexOf(reference);
+                if (dragIndex != null && dropIndex != null && dragIndex != dropIndex) {
+                    if (!isRtl) {
+                        if (dragIndex < dropIndex) {
+                            insertPos = position === 'before' ? dropIndex - 1 : dropIndex;
+                        }
+                        else {
+                            insertPos = position === 'before' ? dropIndex : dropIndex + 1;
+                        }
+                    }
+                    else {
+                        if (dragIndex < dropIndex) {
+                            insertPos = position === 'before' ? dropIndex : dropIndex - 1;
+                        }
+                        else {
+                            insertPos = position === 'before' ? dropIndex + 1 : dropIndex;
+                        }
+                    }
+                }
+            }
+            if (insertPos !== undefined && dragIndex !== insertPos) {
+                const sourceData = itemKeys[dragIndex];
+                newArray.splice(dragIndex, 1);
+                newArray.splice(insertPos, 0, sourceData);
+                onReorder?.({
+                    reorderedKeys: newArray,
+                    itemKeys: [dragKey],
+                    // If the dragged items were dropped at the very beginning, the referenceKey will be null.
+                    referenceKey: insertPos === 0 ? null : newArray[insertPos - 1]
+                });
+                setPosition(undefined);
+                setDragKey(undefined);
+            }
+        }
+    }, [dragKey, position, getItem, isRtl, itemSelector, onReorder, rootRef, setDragKey]);
+    if (isDisabled) {
+        return {};
+    }
+    //change dragged item visual to appear disable
+    const isDragged = itemKey != null && itemKey === dragKey;
+    const dndItemClasses = classNames([styles.itemDnd, isDragged && styles.itemDragged]);
+    const itemOverlayClassesBefore = classNames([
+        itemStyles.itemOverlayFront,
+        isVertical ? styles.itemOverlayVertical : styles.itemOverlay,
+        position === 'before' && styles.itemOverlayBefore,
+        position === 'before' && isRtl && styles.itemOverlayBeforeRtl
+    ]);
+    const itemOverlayClassesAfter = classNames([
+        itemStyles.itemOverlayFront,
+        itemStyles.itemOverlayRear,
+        isVertical ? styles.itemOverlayVertical : styles.itemOverlay,
+        position === 'after' && styles.itemOverlayAfter,
+        position === 'after' && isRtl && styles.itemOverlayAfterRtl
+    ]);
+    return {
+        rootProps: mergeProps({
+            ref: ref,
+            onDragStart: handleDragStart,
+            onDragEnd: handleDragEnd,
+            onDragOver: handleDragOver,
+            onDrop: handleDrop,
+            isDisabled: isDisabled,
+            class: dndItemClasses
+        }),
+        isDragged: isDragged,
+        overlayZoneBeforeProps: mergeProps({
+            onDragEnter: handleDragEnterBeforeZone,
+            onDragLeave: handleDragLeaveBeforeZone,
+            class: itemOverlayClassesBefore
+        }),
+        overlayZoneAfterProps: mergeProps({
+            onDragEnter: handleDragEnterAfterZone,
+            onDragLeave: handleDragLeaveAfterZone,
+            class: itemOverlayClassesAfter
+        })
+    };
+}
+
+export { useReorderableItem as a, useReorderable as u };
+//# sourceMappingURL=useReorderableItem-22ea4c46.js.map

package/es/useReorderableItem-22ea4c46.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReorderableItem-22ea4c46.js","sources":["../../src/hooks/PRIVATE_useReorderable/useReorderable.ts","../../src/hooks/PRIVATE_useReorderable/useReorderableItem.ts"],"sourcesContent":["import type { RefObject } from 'preact';\nimport { useRef, useCallback, useState } from 'preact/hooks';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ReorderProps } from '#UNSAFE_Collection/Reorderable.types';\n\ntype useReorderableProps<K> = ReorderProps<K> & {\n  rootRef: RefObject<HTMLDivElement>;\n  itemSelector: string;\n  isDisabled?: boolean;\n  columns?: number;\n};\n\n/**\n * Implements keyboard reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderable<K extends string | number>(options: useReorderableProps<K>) {\n  const { onReorder, rootRef, itemSelector, isDisabled, columns } = options;\n\n  const currentItemKey = useRef<K | undefined>();\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const reorderInstructionsId = 'reorderable_' + useId();\n  const { deviceType, platform } = getClientHints();\n  const keyPressed =\n    platform === 'windows' ? translations.accControlKey() : translations.accCommandKey();\n  const reorderInstructions =\n    deviceType === 'phone' || deviceType === 'tablet'\n      ? ''\n      : translations.accReorderInstructions({\n          keyPressed: keyPressed\n        });\n  const [reorderStatus, setReorderStatus] = useState<string | undefined>('');\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const keyHandlers = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];\n      if (\n        (e.metaKey || e.ctrlKey) &&\n        e.shiftKey &&\n        keyHandlers.includes(e.key) &&\n        onReorder &&\n        rootRef.current\n      ) {\n        if (e.metaKey) {\n          e.preventDefault();\n        }\n        const itemKeysArray = getItemKeysArray(rootRef.current, itemSelector);\n        const newArray = [...itemKeysArray];\n        const lastIndex = newArray.length - 1;\n        const currentItemIndex = newArray.indexOf(currentItemKey.current);\n        // get reference item index and reordered keys\n        const referenceItemIndex = getReferenceItemIndex(\n          e.key,\n          isRtl,\n          currentItemIndex,\n          lastIndex,\n          columns\n        );\n        if (referenceItemIndex !== undefined && currentItemIndex !== referenceItemIndex) {\n          const referenceKey = newArray[referenceItemIndex]?.toString();\n          newArray.splice(currentItemIndex, 1);\n          newArray.splice(referenceItemIndex as number, 0, currentItemKey.current);\n          onReorder?.({\n            reorderedKeys: newArray as K[],\n            itemKeys: [currentItemKey.current as K],\n            // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n            referenceKey: referenceItemIndex === 0 ? null : (newArray[referenceItemIndex - 1] as K)\n          });\n          // set acc status\n          const isPrev = e.key === 'ArrowLeft' || e.key === 'ArrowUp' ? true : false;\n          const position = isPrev\n            ? translations.accPositionBefore()\n            : translations.accPositionAfter();\n          const itemKeyString = currentItemKey?.current?.toString();\n          if (referenceKey && position && itemKeyString) {\n            setReorderStatus(\n              translations.accAnnounceMovedKey({\n                itemKey: itemKeyString,\n                position: position,\n                referenceKey: referenceKey\n              })\n            );\n          }\n        }\n      }\n    },\n    [currentItemKey, onReorder, columns, isRtl, itemSelector, rootRef, translations]\n  );\n\n  const eventProps = isDisabled ? {} : { onKeyDown };\n\n  return {\n    reorderProps: eventProps,\n    reorderContext: {\n      currentItemKey\n    },\n    reorderInstructionsId,\n    reorderInstructions,\n    reorderStatus\n  } as const;\n}\n\n/**\n * A helper function to get referenceItemIndex during keyboard reordering\n *\n * @param eventKey the arrow event keys\n * @param isRtl whether RTL is enabled\n * @param currentItemIndex the index of current item\n * @param lastIndex the last index\n * @param columns optional param to specify the number of columns, for keyboard reordering by arrow up/down keys.\n */\nconst getReferenceItemIndex = (\n  eventKey: string,\n  isRtl: boolean,\n  currentItemIndex: number,\n  lastIndex: number,\n  columns?: number\n) => {\n  const leftDropIndex = currentItemIndex > 0 ? currentItemIndex - 1 : 0;\n  const rightDropIndex = currentItemIndex < lastIndex ? currentItemIndex + 1 : lastIndex;\n  switch (eventKey) {\n    case 'ArrowLeft':\n      return isRtl ? rightDropIndex : leftDropIndex;\n    case 'ArrowRight':\n      return isRtl ? leftDropIndex : rightDropIndex;\n    case 'ArrowUp':\n      if (columns) {\n        // if the current item is at the top row, arrow up should not move anywhere\n        return currentItemIndex < columns ? currentItemIndex : currentItemIndex - columns;\n      }\n    case 'ArrowDown':\n      if (columns) {\n        // if the current item is at the bottom row, arrow down should not move anywhere\n        return currentItemIndex > lastIndex - columns\n          ? currentItemIndex\n          : currentItemIndex + columns;\n      }\n    default:\n      return undefined;\n  }\n};\n","import type { RefObject } from 'preact';\nimport { useState, useRef, useCallback } from 'preact/hooks';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { createDragImage } from '#utils/PRIVATE_dndUtils';\nimport { getKey, getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { ReorderableItemProps } from '#UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableItemStyles.css';\nimport { isKeyDefined } from '#utils/UNSAFE_keys';\n\nexport type useReorderableOptions<K extends string | number> = Omit<\n  ReorderableItemProps<K>,\n  'children'\n> & {\n  isDisabled: boolean;\n  ref: RefObject<HTMLDivElement>;\n  getItem: () => Element | null | undefined; // a function to get the reorderable item\n  setTransferData: (event: DragEvent) => void; // a function to set the transfer data and type\n  itemStyles: {\n    // component specific style for two overlay divs, e.g. component has different gap sizes\n    itemOverlayFront: string;\n    itemOverlayRear: string;\n    itemDragger?: string; // component specific style for drag image\n  };\n  itemSelector: string;\n  isVertical?: boolean; // used when the component is vertical and has one column, e.g. ListView\n};\n\n/**\n * Implements mouse reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderableItem<K extends string | number>(options: useReorderableOptions<K>) {\n  const {\n    isDisabled,\n    dragKey,\n    setDragKey,\n    onReorder,\n    ref,\n    rootRef,\n    itemStyles,\n    getItem,\n    setTransferData,\n    itemSelector,\n    isVertical\n  } = options;\n\n  const item = getItem();\n  const itemKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n\n  const [position, setPosition] = useState<'before' | 'after' | undefined>();\n  const pendingPositionRef = useRef<typeof position>();\n  const dragImgRef = useRef<HTMLElement | undefined>(undefined);\n\n  const itemDraggerClasses = classNames([styles.itemDragger, itemStyles.itemDragger]);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const handleDragStart = useCallback(\n    (e: DragEvent) => {\n      const item = getItem();\n      const currentDragKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      //create drag image clone of the item and show it\n      if (ref?.current && setDragKey) {\n        dragImgRef.current = createDragImage(ref.current, itemDraggerClasses);\n        //if there is drag icon, set the drag image at the drag icon position\n        const dragIcon = ref.current.querySelector('[draggable=true]') as HTMLElement;\n        if (dragIcon != null) {\n          e?.dataTransfer?.setDragImage(\n            dragImgRef.current,\n            dragIcon.offsetLeft + dragIcon.offsetWidth / 2,\n            dragIcon.offsetTop + dragIcon.offsetHeight / 2\n          );\n        } else {\n          e?.dataTransfer?.setDragImage(dragImgRef.current, 0, 0);\n        }\n        setTransferData(e);\n        setDragKey(currentDragKey as K);\n      }\n    },\n    [getItem, setTransferData, itemDraggerClasses, ref, setDragKey]\n  );\n\n  const handleDragOver = useCallback(\n    (e: DragEvent) => {\n      if (isKeyDefined(dragKey)) {\n        e.preventDefault();\n      }\n    },\n    [dragKey]\n  );\n\n  //Once drag is over, reset styling of dragged item to it's original styling\n  const handleDragEnd = useCallback(() => {\n    setDragKey?.(undefined);\n    document.body.removeChild(dragImgRef.current as HTMLElement);\n  }, [setDragKey]);\n\n  // detect drop target position on the overlay divs and render drop target\n  const handleDragEnterBeforeZone = () => {\n    setPosition('before');\n    pendingPositionRef.current = 'before';\n  };\n\n  const handleDragLeaveBeforeZone = () => {\n    if (pendingPositionRef.current === 'before') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDragEnterAfterZone = () => {\n    setPosition('after');\n    pendingPositionRef.current = 'after';\n  };\n\n  const handleDragLeaveAfterZone = () => {\n    if (pendingPositionRef.current === 'after') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDrop = useCallback(() => {\n    if (rootRef?.current) {\n      const item = getItem();\n      const currentDropKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      const reference = currentDropKey;\n      const itemKeys = getItemKeysArray(rootRef.current, itemSelector);\n      let insertPos;\n      const newArray = [...itemKeys];\n      const dragIndex = newArray.indexOf(dragKey);\n      if (reference != null) {\n        const dropIndex = newArray.indexOf(reference);\n        if (dragIndex != null && dropIndex != null && dragIndex != dropIndex) {\n          if (!isRtl) {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex - 1 : dropIndex;\n            } else {\n              insertPos = position === 'before' ? dropIndex : dropIndex + 1;\n            }\n          } else {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex : dropIndex - 1;\n            } else {\n              insertPos = position === 'before' ? dropIndex + 1 : dropIndex;\n            }\n          }\n        }\n      }\n      if (insertPos !== undefined && dragIndex !== insertPos) {\n        const sourceData = itemKeys[dragIndex];\n        newArray.splice(dragIndex, 1);\n        newArray.splice(insertPos as number, 0, sourceData);\n        onReorder?.({\n          reorderedKeys: newArray as K[],\n          itemKeys: [dragKey as K],\n          // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n          referenceKey: insertPos === 0 ? null : (newArray[insertPos - 1] as K)\n        });\n        setPosition(undefined);\n        setDragKey(undefined);\n      }\n    }\n  }, [dragKey, position, getItem, isRtl, itemSelector, onReorder, rootRef, setDragKey]);\n\n  if (isDisabled) {\n    return {};\n  }\n\n  //change dragged item visual to appear disable\n  const isDragged = itemKey != null && itemKey === dragKey;\n\n  const dndItemClasses = classNames([styles.itemDnd, isDragged && styles.itemDragged]);\n\n  const itemOverlayClassesBefore = classNames([\n    itemStyles.itemOverlayFront,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'before' && styles.itemOverlayBefore,\n    position === 'before' && isRtl && styles.itemOverlayBeforeRtl\n  ]);\n  const itemOverlayClassesAfter = classNames([\n    itemStyles.itemOverlayFront,\n    itemStyles.itemOverlayRear,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'after' && styles.itemOverlayAfter,\n    position === 'after' && isRtl && styles.itemOverlayAfterRtl\n  ]);\n\n  return {\n    rootProps: mergeProps({\n      ref: ref,\n      onDragStart: handleDragStart,\n      onDragEnd: handleDragEnd,\n      onDragOver: handleDragOver,\n      onDrop: handleDrop,\n      isDisabled: isDisabled,\n      class: dndItemClasses\n    }),\n    isDragged: isDragged,\n    overlayZoneBeforeProps: mergeProps({\n      onDragEnter: handleDragEnterBeforeZone,\n      onDragLeave: handleDragLeaveBeforeZone,\n      class: itemOverlayClassesBefore\n    }),\n    overlayZoneAfterProps: mergeProps({\n      onDragEnter: handleDragEnterAfterZone,\n      onDragLeave: handleDragLeaveAfterZone,\n      class: itemOverlayClassesAfter\n    })\n  } as const;\n}\n"],"names":[],"mappings":"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"}

package/es/useRovingTabIndexContainer-bc7ae447.js

@@ -0,0 +1,98 @@
+/* @oracle/oraclejet-preact: undefined */
+import { useRef, useState } from 'preact/hooks';
+import { u as useUser } from './useUser-1cd223a9.js';
+import { g as getClientHints } from './clientHints-f850225e.js';
+
+/**
+ * Utility hook for setting up roving tab indexes on children of the consuming parent container
+ * For more details: https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex
+ * @param isDisabled boolean flag to communicate disabled state of consumer
+ * @returns id of currently focused element, and props to be spread onto the consuming element
+ */
+const useRovingTabIndexContainer = (isDisabled) => {
+    const rootRef = useRef(null);
+    const { direction } = useUser();
+    const isRtl = direction === 'rtl';
+    const [focusedId, setFocusedId] = useState(undefined);
+    const [isShiftTabbing, setIsShiftTabbing] = useState(false); // shift tabbing is tracked in order to toggle wrapper out of the tab order
+    const clientHints = getClientHints();
+    const getRovingItems = () => {
+        return rootRef.current
+            ? Array.from(rootRef.current.querySelectorAll('[data-oj-roving-tabindex-item]'))
+            : [];
+    };
+    const handleKeyDown = (e) => {
+        if (e.code === 'ArrowRight' || e.code === 'ArrowLeft') {
+            const items = getRovingItems();
+            if (items.length === 0)
+                return;
+            const nextItem = getNextItem(items, e.code, focusedId, isRtl);
+            nextItem.focus();
+        }
+        else if (e.shiftKey && e.code === 'Tab') {
+            setIsShiftTabbing(true);
+        }
+    };
+    // In Safari 16 and earlier, clicking on an HTML button element does not trigger a focus(in) event,
+    // and as such our handleFocus logic does not kick in and our focusedId state is never updated.
+    // To work around this, we manually update the focusedId in response to mouse downs. This has been fixed in Safari 17.
+    // This fix can be removed once Safari 18 is released.
+    const handleMouseDown = (e) => {
+        const rovingItemId = getRovingItemId(e.target, true);
+        if (rovingItemId) {
+            setFocusedId(rovingItemId);
+        }
+    };
+    const handleFocus = (e) => {
+        if (e.target !== e.currentTarget) {
+            //focus has moved to one of the roving items
+            if (e.target) {
+                setFocusedId(getRovingItemId(e.target));
+            }
+        }
+        else {
+            //focus has moved to the container, and has to be passed onto the eligble item to receive focus
+            const items = getRovingItems();
+            if (items.length === 0)
+                return;
+            const currentIndex = getCurrentRovingIndex(items, focusedId);
+            items[currentIndex].focus();
+        }
+    };
+    const rovingTabIndexContainerProps = {
+        ref: rootRef,
+        onBlur: () => setIsShiftTabbing(false),
+        onFocus: handleFocus,
+        onKeyDown: handleKeyDown,
+        ...(clientHints.browser === 'safari' && { onMouseDown: handleMouseDown }), // mouseDown handler needed for Safari 16
+        tabIndex: isShiftTabbing || isDisabled ? -1 : 0 // tab index is needed on the container in order to pass focus to the first child
+    };
+    return { focusedId, rovingTabIndexContainerProps };
+};
+const getRovingItemId = (item, useClosest = false) => {
+    if (useClosest) {
+        const ancestor = item.closest('data-oj-roving-tabindex-item');
+        if (ancestor) {
+            item = ancestor;
+        }
+    }
+    return item.getAttribute('data-oj-roving-tabindex-item') || undefined;
+};
+const getCurrentRovingIndex = (items, focusedId) => {
+    const currentIndex = items.findIndex((item) => getRovingItemId(item) === focusedId);
+    return currentIndex === -1 ? 0 : currentIndex;
+};
+const getNextItem = (items, eventCode, focusedId, isRtl) => {
+    const currentIndex = getCurrentRovingIndex(items, focusedId);
+    let nextIndex = -1;
+    if ((!isRtl && eventCode === 'ArrowRight') || (isRtl && eventCode === 'ArrowLeft')) {
+        nextIndex = currentIndex === items.length - 1 ? 0 : currentIndex + 1;
+    }
+    if ((!isRtl && eventCode === 'ArrowLeft') || (isRtl && eventCode === 'ArrowRight')) {
+        nextIndex = currentIndex === 0 ? items.length - 1 : currentIndex - 1;
+    }
+    return items[nextIndex];
+};
+
+export { useRovingTabIndexContainer as u };
+//# sourceMappingURL=useRovingTabIndexContainer-bc7ae447.js.map

package/es/useRovingTabIndexContainer-bc7ae447.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRovingTabIndexContainer-bc7ae447.js","sources":["../../src/hooks/PRIVATE_useRovingTabIndexContainer/useRovingTabIndexContainer.tsx"],"sourcesContent":["import { useState, useRef } from 'preact/hooks';\nimport { useUser } from '../UNSAFE_useUser';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\n\n/**\n * Utility hook for setting up roving tab indexes on children of the consuming parent container\n * For more details: https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex\n * @param isDisabled boolean flag to communicate disabled state of consumer\n * @returns id of currently focused element, and props to be spread onto the consuming element\n */\nconst useRovingTabIndexContainer = (isDisabled?: boolean) => {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const [focusedId, setFocusedId] = useState<string | undefined>(undefined);\n  const [isShiftTabbing, setIsShiftTabbing] = useState(false); // shift tabbing is tracked in order to toggle wrapper out of the tab order\n  const clientHints = getClientHints();\n\n  const getRovingItems = () => {\n    return rootRef.current\n      ? Array.from(rootRef.current.querySelectorAll<HTMLElement>('[data-oj-roving-tabindex-item]'))\n      : [];\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.code === 'ArrowRight' || e.code === 'ArrowLeft') {\n      const items = getRovingItems();\n      if (items.length === 0) return;\n      const nextItem = getNextItem(items, e.code, focusedId, isRtl);\n      nextItem.focus();\n    } else if (e.shiftKey && e.code === 'Tab') {\n      setIsShiftTabbing(true);\n    }\n  };\n\n  // In Safari 16 and earlier, clicking on an HTML button element does not trigger a focus(in) event,\n  // and as such our handleFocus logic does not kick in and our focusedId state is never updated.\n  // To work around this, we manually update the focusedId in response to mouse downs. This has been fixed in Safari 17.\n  // This fix can be removed once Safari 18 is released.\n  const handleMouseDown = (e: MouseEvent) => {\n    const rovingItemId = getRovingItemId(e.target as HTMLElement, true);\n    if (rovingItemId) {\n      setFocusedId(rovingItemId);\n    }\n  };\n\n  const handleFocus = (e: FocusEvent) => {\n    if (e.target !== e.currentTarget) {\n      //focus has moved to one of the roving items\n      if (e.target) {\n        setFocusedId(getRovingItemId(e.target as HTMLElement));\n      }\n    } else {\n      //focus has moved to the container, and has to be passed onto the eligble item to receive focus\n      const items = getRovingItems();\n      if (items.length === 0) return;\n      const currentIndex = getCurrentRovingIndex(items, focusedId);\n      items[currentIndex].focus();\n    }\n  };\n\n  const rovingTabIndexContainerProps = {\n    ref: rootRef,\n    onBlur: () => setIsShiftTabbing(false),\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    ...(clientHints.browser === 'safari' && { onMouseDown: handleMouseDown }), // mouseDown handler needed for Safari 16\n    tabIndex: isShiftTabbing || isDisabled ? -1 : 0 // tab index is needed on the container in order to pass focus to the first child\n  };\n\n  return { focusedId, rovingTabIndexContainerProps };\n};\n\nconst getRovingItemId = (item: Element, useClosest = false) => {\n  if (useClosest) {\n    const ancestor = item.closest('data-oj-roving-tabindex-item');\n    if (ancestor) {\n      item = ancestor;\n    }\n  }\n\n  return item.getAttribute('data-oj-roving-tabindex-item') || undefined;\n};\n\nconst getCurrentRovingIndex = (items: HTMLElement[], focusedId: string | undefined) => {\n  const currentIndex = items.findIndex((item) => getRovingItemId(item) === focusedId);\n  return currentIndex === -1 ? 0 : currentIndex;\n};\n\nconst getNextItem = (\n  items: HTMLElement[],\n  eventCode: string,\n  focusedId: string | undefined,\n  isRtl: boolean\n) => {\n  const currentIndex = getCurrentRovingIndex(items, focusedId);\n  let nextIndex = -1;\n  if ((!isRtl && eventCode === 'ArrowRight') || (isRtl && eventCode === 'ArrowLeft')) {\n    nextIndex = currentIndex === items.length - 1 ? 0 : currentIndex + 1;\n  }\n  if ((!isRtl && eventCode === 'ArrowLeft') || (isRtl && eventCode === 'ArrowRight')) {\n    nextIndex = currentIndex === 0 ? items.length - 1 : currentIndex - 1;\n  }\n  return items[nextIndex];\n};\n\nexport { useRovingTabIndexContainer };\n"],"names":[],"mappings":"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"}

package/es/useScale-83881775.js

@@ -0,0 +1,19 @@
+/* @oracle/oraclejet-preact: undefined */
+import { useContext } from 'preact/hooks';
+import { E as EnvironmentContext } from './LayerHost-e6402730.js';
+import 'preact/jsx-runtime';
+import 'preact/compat';
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+function useScale() {
+    return useContext(EnvironmentContext).scale;
+}
+
+export { useScale as u };
+//# sourceMappingURL=useScale-83881775.js.map

package/es/useScale-83881775.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScale-83881775.js","sources":["../../src/hooks/UNSAFE_useScale/useScale.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useScale() {\n  return useContext(EnvironmentContext).scale;\n}\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;AAMG;SAIa,QAAQ,GAAA;AACtB,IAAA,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC,KAAK,CAAC;AAC9C;;;;"}

package/es/useSelectCommon-896b594a.js

@@ -1,8 +1,8 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs } from 'preact/jsx-runtime';
-import { F as Flex } from './Flex-2d9ebee9.js';
-import { H as HighlightText } from './HighlightText-fef35694.js';
-import './Grid-238d8757.js';
+import { F as Flex } from './Flex-ce31b351.js';
+import { H as HighlightText } from './HighlightText-86d92552.js';
+import './Grid-421eb560.js';
 import './ListItemLayoutStyles.styles.css';
 import { L as ListItemText } from './ListItemText-ffd0d9ff.js';
 import { S as Skeleton } from './Skeleton-7b5ff102.js';
@@ -10,10 +10,10 @@ import { useCallback, useMemo, useState, useRef, useEffect } from 'preact/hooks'
 import { e as error } from './logger-c92f309c.js';
 import { dropdownStyles } from './PRIVATE_SelectCommon/themes/dropdownStyles.css.js';
 import { S as SkeletonContainer, L as List } from './List-58b8d3c9.js';
-import { F as Floating } from './Floating-5191a9e6.js';
-import { L as Layer } from './Layer-1eb18747.js';
+import { F as Floating } from './Floating-f02677ba.js';
+import { L as Layer } from './Layer-446bf21e.js';
 import { forwardRef, useMemo as useMemo$1 } from 'preact/compat';
-import './LayerHost-8b98d97d.js';
+import './LayerHost-e6402730.js';
 import { i as isControlOrFunctionKey, K as KEYS } from './keyboardUtils-38854729.js';
 import { u as useOutsideMousedown } from './useOutsideMousedown-7307de8b.js';
 import { u as usePress } from './usePress-051f5adb.js';
@@ -21,7 +21,7 @@ import { S as SvgCaretDown } from './CaretDown-0f65dad1.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { ButtonLabelLayoutRedwoodTheme } from './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme.js';
-import { u as useTestId } from './useTestId-474ac6ca.js';
+import { u as useTestId } from './useTestId-9b504481.js';
 import { BaseButtonRedwoodTheme } from './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
 import { C as CollectionInteractionContext } from './CollectionInteractionContext-7cf19abc.js';
 import { F as FormFieldContext } from './FormFieldContext-68eb5946.js';
@@ -37,7 +37,7 @@ import 'preact';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-35655bd6.js';
+import './tooltipUtils-768450a7.js';
 import './IconStyle.styles.css';
 import './IconButton-19fcf0a8.js';
 import './MessageStyles.styles.css';
@@ -48,7 +48,7 @@ import './HiddenAccessibleStyles.styles.css';
 import './ComponentMessageStyles.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
-import './Popup-f6774b40.js';
+import './Popup-d8bf7f4d.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
@@ -56,12 +56,12 @@ import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
 import './InputGroupContext-20bdbd6e.js';
 import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
-import { u as useTranslationBundle } from './useTranslationBundle-2df40edf.js';
+import { u as useTranslationBundle } from './useTranslationBundle-09302c20.js';
 import { L as Link } from './Link-c7061441.js';
 import { u as useFocusWithin } from './useFocusWithin-30b1e2d8.js';
 import { u as useHover } from './useHover-19340c22.js';
 import { S as Separator } from './Separator-93c70737.js';
-import { W as WindowOverlay } from './WindowOverlay-ca2baa48.js';
+import { W as WindowOverlay } from './WindowOverlay-a07b2e24.js';
 import { mobileDropdownStyles } from './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css.js';
 import { selectMobileDropdownStyles } from './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css.js';
 import { t as textInterpolations } from './textAlign-ad252afa.js';

package/es/useSelectDrill-f4781439.js

@@ -0,0 +1,104 @@
+/* @oracle/oraclejet-preact: undefined */
+import { m as mergeProps } from './mergeProps-88ea8306.js';
+import { u as useChartDataCursor } from './useChartDataCursor-a5be166c.js';
+import { u as useChartDatatip } from './useChartDatatip-d6a6c5e1.js';
+import { g as getInfo } from './eventsUtils-e5fc62d5.js';
+import './accUtils-ce2d6588.js';
+import { u as useChartDrill } from './useChartDrill-676e05ad.js';
+import { u as useSelection } from './useSelection-0bd0618d.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 useChartDatatipAndCursor({ series, groups, width, height, findNearest, getMarkerInfo, onDataCursorPositionChange, isDataCursorEnabled, dataCursorPosition, dataCursorStyle, hoveredItemInfo, focusedItemInfo, getDataItem, getDataItemPos, datatip, valueFormats, isHoriz, xScale, yScale, plotAreaSpace, timeAxisType, touchResponse, isDisabled, formatAxisLabel, formatYValue, hasXYValues }) {
+    const { datatipContent, datatipProps } = useChartDatatip({
+        series,
+        groups,
+        width,
+        height,
+        isDataCursorEnabled,
+        dataCursorPosition,
+        hoveredItemInfo,
+        getDataItem,
+        getDataItemPos,
+        focusedItemInfo,
+        datatip,
+        valueFormats,
+        isHoriz,
+        xScale,
+        findNearest,
+        timeAxisType,
+        touchResponse,
+        isDisabled,
+        formatAxisLabel,
+        formatYValue,
+        hasXYValues
+    });
+    const { dataCursorContent, dataCursorProps } = useChartDataCursor({
+        touchResponse,
+        findNearest,
+        dataCursorPosition,
+        onDataCursorPositionChange,
+        isDataCursorEnabled,
+        dataCursorStyle,
+        isHoriz,
+        getMarkerInfo,
+        focusedItemInfo,
+        plotAreaSpace,
+        yScale,
+        xScale,
+        getDataItemPos
+    });
+    return {
+        datatipContent,
+        dataCursorContent,
+        datatipProps: mergeProps(dataCursorProps, datatipProps)
+    };
+}
+
+/**
+ * @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 useSelectDrill({ selectionMode, selection, onChange, rootRef, drilling, onItemDrill, onGroupDrill, focusedGroupInfo, focusedItemInfo, groups, getDataItem, getDataById, ignoreAsTrigger }) {
+    const idExtracter = (event) => {
+        const isItemFocused = focusedItemInfo.isCurrent;
+        const info = isItemFocused && event.type === 'keyup'
+            ? focusedItemInfo
+            : getInfo(rootRef, event.target);
+        return info && info.seriesIndex != null && info.groupIndex != null
+            ? getDataItem(info.seriesIndex, info.groupIndex)?.id
+            : undefined;
+    };
+    const { selectionProps, selectionContent } = useSelection({
+        idExtracter,
+        isDrillEnabled: drilling === 'on',
+        selection,
+        selectionMode,
+        onChange,
+        getDataById,
+        ignoreAsTrigger
+    });
+    const drillProps = useChartDrill({
+        rootRef,
+        selectionMode,
+        drilling,
+        focusedItemInfo,
+        focusedGroupInfo,
+        groups,
+        getDataItem,
+        onItemDrill,
+        onGroupDrill
+    });
+    return { selectDrillProps: mergeProps(selectionProps, drillProps), selectionContent };
+}
+
+export { useSelectDrill as a, useChartDatatipAndCursor as u };
+//# sourceMappingURL=useSelectDrill-f4781439.js.map

package/es/useSelectDrill-f4781439.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectDrill-f4781439.js","sources":["../../src/hooks/PRIVATE_useChartEvents/useDatatipAndCursor.ts","../../src/hooks/PRIVATE_useChartEvents/useSelectDrill.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 { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useChartDataCursor } from '#hooks/PRIVATE_useChartDataCursor';\nimport { useChartDatatip } from '#hooks/PRIVATE_useChartDatatip';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\n\ntype DataCursorProps = Parameters<typeof useChartDataCursor>[0];\ntype DatatipProps<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n> = Parameters<typeof useChartDatatip<K, D>>[0];\n\nexport function useChartDatatipAndCursor<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({\n  series,\n  groups,\n  width,\n  height,\n  findNearest,\n  getMarkerInfo,\n  onDataCursorPositionChange,\n  isDataCursorEnabled,\n  dataCursorPosition,\n  dataCursorStyle,\n  hoveredItemInfo,\n  focusedItemInfo,\n  getDataItem,\n  getDataItemPos,\n  datatip,\n  valueFormats,\n  isHoriz,\n  xScale,\n  yScale,\n  plotAreaSpace,\n  timeAxisType,\n  touchResponse,\n  isDisabled,\n  formatAxisLabel,\n  formatYValue,\n  hasXYValues\n}: DataCursorProps & DatatipProps<K, D>) {\n  const { datatipContent, datatipProps } = useChartDatatip<K, D>({\n    series,\n    groups,\n    width,\n    height,\n    isDataCursorEnabled,\n    dataCursorPosition,\n    hoveredItemInfo,\n    getDataItem,\n    getDataItemPos,\n    focusedItemInfo,\n    datatip,\n    valueFormats,\n    isHoriz,\n    xScale,\n    findNearest,\n    timeAxisType,\n    touchResponse,\n    isDisabled,\n    formatAxisLabel,\n    formatYValue,\n    hasXYValues\n  });\n\n  const { dataCursorContent, dataCursorProps } = useChartDataCursor({\n    touchResponse,\n    findNearest,\n    dataCursorPosition,\n    onDataCursorPositionChange,\n    isDataCursorEnabled,\n    dataCursorStyle,\n    isHoriz,\n    getMarkerInfo,\n    focusedItemInfo,\n    plotAreaSpace,\n    yScale,\n    xScale,\n    getDataItemPos\n  });\n\n  return {\n    datatipContent,\n    dataCursorContent,\n    datatipProps: mergeProps(dataCursorProps, datatipProps)\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 { getInfo } from '#utils/UNSAFE_visUtils';\nimport { useChartDrill } from '#hooks/PRIVATE_useChartDrill';\nimport { useSelection } from '#hooks/PRIVATE_useVisSelection/useSelection';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\n\ntype DrillProps<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>> = Parameters<\n  typeof useChartDrill<K, D>\n>[0];\n\ntype SelectionProps<K, D> = {\n  selection: K[];\n  onChange?: (detail: { ids: K[]; data: (D | undefined)[] }) => void;\n  getDataById: (id: K) => D | undefined;\n  ignoreAsTrigger?: (element: EventTarget | null) => boolean;\n};\n\nexport function useSelectDrill<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>>({\n  selectionMode,\n  selection,\n  onChange,\n  rootRef,\n  drilling,\n  onItemDrill,\n  onGroupDrill,\n  focusedGroupInfo,\n  focusedItemInfo,\n  groups,\n  getDataItem,\n  getDataById,\n  ignoreAsTrigger\n}: DrillProps<K, D> & SelectionProps<K, D>) {\n  const idExtracter = (event: Event): K | undefined => {\n    const isItemFocused = focusedItemInfo.isCurrent;\n    const info =\n      isItemFocused && event.type === 'keyup'\n        ? focusedItemInfo\n        : getInfo(rootRef, event.target as HTMLElement);\n    return info && info.seriesIndex != null && info.groupIndex != null\n      ? getDataItem(info.seriesIndex, info.groupIndex)?.id\n      : undefined;\n  };\n\n  const { selectionProps, selectionContent } = useSelection<K, D>({\n    idExtracter,\n    isDrillEnabled: drilling === 'on',\n    selection,\n    selectionMode,\n    onChange,\n    getDataById,\n    ignoreAsTrigger\n  });\n\n  const drillProps = useChartDrill<K, D>({\n    rootRef,\n    selectionMode,\n    drilling,\n    focusedItemInfo,\n    focusedGroupInfo,\n    groups,\n    getDataItem,\n    onItemDrill,\n    onGroupDrill\n  });\n\n  return { selectDrillProps: mergeProps(selectionProps, drillProps), selectionContent };\n}\n"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;AAMG;AAeG,SAAU,wBAAwB,CAGtC,EACA,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,0BAA0B,EAC1B,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,WAAW,EACX,cAAc,EACd,OAAO,EACP,YAAY,EACZ,OAAO,EACP,MAAM,EACN,MAAM,EACN,aAAa,EACb,YAAY,EACZ,aAAa,EACb,UAAU,EACV,eAAe,EACf,YAAY,EACZ,WAAW,EAC0B,EAAA;AACrC,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,eAAe,CAAO;QAC7D,MAAM;QACN,MAAM;QACN,KAAK;QACL,MAAM;QACN,mBAAmB;QACnB,kBAAkB;QAClB,eAAe;QACf,WAAW;QACX,cAAc;QACd,eAAe;QACf,OAAO;QACP,YAAY;QACZ,OAAO;QACP,MAAM;QACN,WAAW;QACX,YAAY;QACZ,aAAa;QACb,UAAU;QACV,eAAe;QACf,YAAY;QACZ,WAAW;AACZ,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,EAAE,iBAAiB,EAAE,eAAe,EAAE,GAAG,kBAAkB,CAAC;QAChE,aAAa;QACb,WAAW;QACX,kBAAkB;QAClB,0BAA0B;QAC1B,mBAAmB;QACnB,eAAe;QACf,OAAO;QACP,aAAa;QACb,eAAe;QACf,aAAa;QACb,MAAM;QACN,MAAM;QACN,cAAc;AACf,KAAA,CAAC,CAAC;IAEH,OAAO;QACL,cAAc;QACd,iBAAiB;AACjB,QAAA,YAAY,EAAE,UAAU,CAAC,eAAe,EAAE,YAAY,CAAC;KACxD,CAAC;AACJ;;ACjGA;;;;;;AAMG;AAqBa,SAAA,cAAc,CAAiE,EAC7F,aAAa,EACb,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,MAAM,EACN,WAAW,EACX,WAAW,EACX,eAAe,EACyB,EAAA;AACxC,IAAA,MAAM,WAAW,GAAG,CAAC,KAAY,KAAmB;AAClD,QAAA,MAAM,aAAa,GAAG,eAAe,CAAC,SAAS,CAAC;QAChD,MAAM,IAAI,GACR,aAAa,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO;AACrC,cAAE,eAAe;cACf,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,MAAqB,CAAC,CAAC;AACpD,QAAA,OAAO,IAAI,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI;AAChE,cAAE,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE;cAClD,SAAS,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,MAAM,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,YAAY,CAAO;QAC9D,WAAW;QACX,cAAc,EAAE,QAAQ,KAAK,IAAI;QACjC,SAAS;QACT,aAAa;QACb,QAAQ;QACR,WAAW;QACX,eAAe;AAChB,KAAA,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,aAAa,CAAO;QACrC,OAAO;QACP,aAAa;QACb,QAAQ;QACR,eAAe;QACf,gBAAgB;QAChB,MAAM;QACN,WAAW;QACX,WAAW;QACX,YAAY;AACb,KAAA,CAAC,CAAC;AAEH,IAAA,OAAO,EAAE,gBAAgB,EAAE,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAC;AACxF;;;;"}