@oracle/oraclejet-preact 18.1.7 → 18.1.8

package/cjs/ListView-80a9c725.js

@@ -0,0 +1,430 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var compat = require('preact/compat');
+var hooks = require('preact/hooks');
+require('./LayerHost-8ec73638.js');
+
+
+var ReorderableContext = require('./ReorderableContext-16396e17.js');
+var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
+var collectionUtils = require('./collectionUtils-7ae57f89.js');
+var useReorderableItem = require('./useReorderableItem-72595ee3.js');
+var classNames = require('./classNames-c14c6ef3.js');
+var UNSAFE_ListView_themes_ListViewStyles_css = require('./UNSAFE_ListView/themes/ListViewStyles.css.js');
+var keys = require('./keys-25710458.js');
+var mergeProps = require('./mergeProps-e3da7237.js');
+var List = require('./List-bad74e43.js');
+var Menu = require('./Menu-77687523.js');
+require('./MenuItem-1878e08e.js');
+require('preact');
+require('./logger-2b636482.js');
+
+
+require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
+require('./tooltipUtils-d461919d.js');
+
+require('./SelectMenuGroupContext-bbb4f7e0.js');
+require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
+
+
+require('./UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js');
+var useItemAction = require('./useItemAction-a5c11d23.js');
+var useContextMenuGesture = require('./useContextMenuGesture-fb7f7df5.js');
+
+/**
+ * @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
+ */
+/**
+ * Returns the key for the row at the given index
+ */
+const getKeyForIndex = (root, index) => {
+    if (root != null) {
+        const rowElements = root.querySelectorAll(`[role='row']`);
+        if (rowElements.length > index) {
+            return collectionUtils.getKey(rowElements[index]);
+        }
+    }
+    return null;
+};
+function getScrollPosition(root, newScrollTop) {
+    // ensure scroll position y value is initialized
+    const scrollTop = Math.abs(newScrollTop == null ? root.scrollTop : newScrollTop);
+    const scrollPosition = {
+        y: scrollTop,
+        key: undefined,
+        offsetY: undefined
+    };
+    let rowBottom = 0;
+    const rowElements = root.querySelectorAll(`[role='row']`);
+    if (rowElements.length > 0) {
+        if (scrollTop === 0) {
+            scrollPosition.key = getKeyForIndex(root, 0);
+            scrollPosition.offsetY = 0;
+            return scrollPosition;
+        }
+    }
+    for (let i = 0; i < rowElements.length; i++) {
+        const rowHeight = rowElements[i].getBoundingClientRect().height;
+        rowBottom += rowHeight;
+        if (scrollTop < rowBottom) {
+            scrollPosition.key = getKeyForIndex(root, i);
+            scrollPosition.offsetY = rowHeight + scrollTop - rowBottom;
+            break;
+        }
+    }
+    return scrollPosition;
+}
+/**
+ * Helper to set the scroll position on the ListView.
+ */
+function setScrollPosition(root, scrollPosition) {
+    const y = _getScrollTopFromScrollPosition(root, scrollPosition);
+    root.scrollTop = y != null ? y : 0;
+}
+/**
+ * Helper to determine the 'y' value of a given scroll position.
+ */
+function _getScrollTopFromScrollPosition(root, scrollPosition) {
+    if (scrollPosition != null) {
+        let key;
+        let useRow = false;
+        if (scrollPosition.key != null) {
+            // key takes precedence over everything else
+            useRow = true;
+            key = scrollPosition.key;
+        }
+        else if (scrollPosition.offsetY != null && scrollPosition.y == null) {
+            // offsetY can be used on its own if it is the only vertical aspect provided
+            useRow = true;
+            key = getScrollPosition(root).key;
+        }
+        if (useRow) {
+            if (key != null) {
+                let y = 0;
+                const rowElements = root.querySelectorAll(`[role ='row']`);
+                for (let i = 0; i < rowElements.length; i++) {
+                    if (key === collectionUtils.getKey(rowElements[i])) {
+                        return y + (scrollPosition.offsetY != null ? scrollPosition.offsetY : 0);
+                    }
+                    y += rowElements[i].getBoundingClientRect().height;
+                }
+            }
+        }
+        else if (scrollPosition.y != null) {
+            return scrollPosition.y;
+        }
+    }
+    // either nothing was provided, or what was provided was invalid
+    return undefined;
+}
+
+/**
+ * A private item that will be used by ReorderableCardFlexView, location TBD (could be moved to PRIVATE_CardFlexView)
+ */
+function ListViewReorderableItem({ children, dragKey, setDragKey, onReorder, rootRef, itemKey }) {
+    const itemRef = hooks.useRef(null);
+    const itemStyles = {
+        itemOverlayFront: UNSAFE_ListView_themes_ListViewStyles_css.styles.reorderableItemOverlayFront,
+        itemOverlayRear: UNSAFE_ListView_themes_ListViewStyles_css.styles.reorderableItemOverlayRear,
+        itemDragger: UNSAFE_ListView_themes_ListViewStyles_css.styles.reorderableItemDragger
+    };
+    const getItem = () => itemRef?.current?.closest(collectionUtils.ITEM_SELECTOR);
+    const setTransferData = hooks.useCallback((event) => {
+        event.dataTransfer?.setData('text/listview-items-key', JSON.stringify(itemKey));
+    }, [itemKey]);
+    const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } = useReorderableItem.useReorderableItem({
+        isDisabled: onReorder ? false : true,
+        dragKey,
+        setDragKey,
+        onReorder,
+        rootRef,
+        ref: itemRef,
+        getItem,
+        setTransferData,
+        itemStyles,
+        itemSelector: collectionUtils.ITEM_SELECTOR,
+        isVertical: true
+    });
+    const classes = classNames.classNames([rootProps?.class, UNSAFE_ListView_themes_ListViewStyles_css.styles.reorderableItemDnd]);
+    return (jsxRuntime.jsxs("div", { ...rootProps, class: classes, children: [children, !isDragged && keys.isKeyDefined(dragKey) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { ...overlayZoneBeforeProps }), jsxRuntime.jsx("div", { ...overlayZoneAfterProps })] }))] }));
+}
+const MemoizeListViewReorderableItem = compat.memo(ListViewReorderableItem, (prev, next) => {
+    if (prev && next) {
+        return prev?.children === next?.children && prev?.dragKey === next?.dragKey;
+    }
+    return false;
+});
+
+const useListViewReorder = ({ onReorder, rootRef, viewportConfig }) => {
+    const isReorderEnabled = onReorder != undefined;
+    const [dragKey, setDragKey] = hooks.useState(undefined);
+    const { reorderProps, reorderContext, reorderInstructionsId, reorderInstructions } = useReorderableItem.useReorderable({
+        onReorder,
+        rootRef,
+        itemSelector: collectionUtils.ITEM_SELECTOR,
+        isDisabled: !isReorderEnabled,
+        columns: 1
+    });
+    // ensure the current item is scrolled into view during keyboard reordering,
+    // disable that during mouse reordering
+    const reorderScrollIntoView = hooks.useRef(false);
+    hooks.useEffect(() => {
+        if (isReorderEnabled && reorderScrollIntoView.current) {
+            const rootElement = rootRef.current;
+            const elem = collectionUtils.findElementByKey(rootElement, reorderContext.currentItemKey.current, collectionUtils.ITEM_SELECTOR);
+            if (elem) {
+                const scroller = viewportConfig?.scroller() || rootElement;
+                // make sure item is visible
+                List.scrollToVisible(elem, scroller, 0);
+                reorderScrollIntoView.current = false;
+            }
+        }
+    });
+    if (!isReorderEnabled) {
+        return {
+            reorderProps,
+            reorderContext,
+            reorderInstructionsId,
+            reorderInstructions
+        };
+    }
+    const handleKeyDown = (event) => {
+        // listview only do keyboard reordering with arrow up/down keys
+        if (isReorderEnabled &&
+            (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&
+            (event.metaKey || event.ctrlKey) &&
+            event.shiftKey) {
+            reorderScrollIntoView.current = true;
+            reorderProps.onKeyDown?.(event);
+        }
+    };
+    const handleDragOver = (event) => {
+        if (dragKey !== undefined) {
+            reorderScrollIntoView.current = false;
+            collectionUtils.dragToScroll(event, dragKey !== undefined, rootRef.current);
+        }
+    };
+    const reorderEventProps = mergeProps.mergeProps({ onKeyDown: handleKeyDown, onDragOver: handleDragOver });
+    const reorderItemProps = {
+        dragKey,
+        setDragKey,
+        onReorder,
+        rootRef
+    };
+    return {
+        reorderProps: reorderEventProps,
+        reorderItemProps,
+        reorderContext,
+        reorderInstructionsId,
+        reorderInstructions
+    };
+};
+
+/**
+ * The internal component used to render a custom context menu
+ */
+function ListViewContextMenu({ contextMenuConfig, contextMenuContext, ...menuProps }) {
+    const accessibleLabel = contextMenuConfig.accessibleLabel;
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(Menu.Menu, { ...menuProps, ...(accessibleLabel && {
+                'aria-label': accessibleLabel
+            }), children: menuProps.isOpen && contextMenuConfig.itemsRenderer(contextMenuContext) }) }));
+}
+
+const TOUCH_OFFSET_VALUE = 40;
+const menuPropGestureStates = {
+    mouse: {
+        initialFocus: 'menu',
+        placement: 'bottom-start',
+        offsetValue: 0
+    },
+    keyboard: {
+        initialFocus: 'firstItem',
+        placement: 'bottom-start',
+        offsetValue: 0
+    },
+    touch: {
+        initialFocus: 'menu',
+        placement: 'end',
+        offsetValue: TOUCH_OFFSET_VALUE
+    }
+};
+const initialMenuProps = {
+    isOpen: false,
+    initialFocus: 'menu',
+    placement: 'bottom-start',
+    offsetValue: 0,
+    anchorRef: { current: null }
+};
+const useListViewContextMenu = (dataState, contextMenuConfig, scrollListRef, updateCurrentKey) => {
+    /*Context Menu section
+     TODO: A version of context Menu listview will be merged using useContextMenuGesture instead. Once it's merged we
+     can go back to this to create a hook or utility that could be share among all collection comps. JET-60320
+    */
+    /*
+    Steps to open a menu:
+      1.- useContextMenu handler is called when menu is supposed to be opened.
+      2.- We set contextMenuContext when contextMenuRenderer is called.
+      3.- We dispatch opening the menu with the correct anchor.
+      5.- Menu receives updated props and updated contextMenuContext.
+      6.- Menu is opened.
+  
+      */
+    //Supposed to be updated when menu is about to be opened
+    //We set an initial key value for the context menu context, to allow user use object destructuring inside the
+    //contextMenuRenderer. It doesn't matter if the key is not correct at the initial rendering since menu starts
+    //being closed always
+    const [contextMenuContext, setContextMenuContext] = hooks.useState();
+    const [menuProps, setMenuProps] = hooks.useState(initialMenuProps);
+    const currentKeyRef = hooks.useRef();
+    const notifyCurrentKeyChanged = (detail) => {
+        currentKeyRef.current = detail.value;
+    };
+    const { triggerProps } = useContextMenuGesture.useContextMenuGesture(({ gesture, anchor, target }) => {
+        let anchorBasedOnGesture = anchor;
+        if (gesture === 'keyboard') {
+            //We find the element where the position of the menu is going to be based of
+            const elem = collectionUtils.findElementByKey(scrollListRef.current, currentKeyRef.current, collectionUtils.ITEM_SELECTOR);
+            //We set the correct anchor
+            anchorBasedOnGesture = elem ? elem : anchor;
+            const context = useItemAction.findItemContext(currentKeyRef.current, dataState);
+            setContextMenuContext(context);
+        }
+        else {
+            //We search for the key using the target of the event
+            const key = collectionUtils.keyExtractor(target, collectionUtils.ITEM_SELECTOR);
+            const context = useItemAction.findItemContext(key, dataState);
+            setContextMenuContext(context);
+            //We update the key so when we close logical focus is on the correct item
+            updateCurrentKey(key);
+        }
+        setMenuProps({
+            ...menuPropGestureStates[gesture],
+            anchorRef: { current: anchorBasedOnGesture },
+            isOpen: true
+        });
+    }, {
+        isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook
+    });
+    const handleCloseContextMenu = hooks.useCallback((detail) => {
+        /*
+        TODO: Focus ring should be visible when context menu was closed because of selecting an item using keyboard,
+        but should not be visible when the selection was done using mouse or touch. This would probably means menu
+        onClose API is going to be changed a little bit so we can satisfy this requirement. JET-62372
+        */
+        //Focus has to be set on the current target that was obtained
+        //during context menu gesture when menu is dismissed or item is "selected"
+        if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {
+            scrollListRef.current?.focus({ preventScroll: true });
+        }
+        // We close the menu.The only prop that matters here is isOpen
+        setMenuProps({ ...initialMenuProps });
+    }, [scrollListRef]);
+    return {
+        menuProps: { ...menuProps, onClose: handleCloseContextMenu },
+        onClose: handleCloseContextMenu,
+        contextMenuContext: contextMenuContext,
+        triggerProps,
+        notifyCurrentKeyChanged
+    };
+};
+
+/**
+ * This hook handles the currentItemOverride passing to PRIVATE_List layer.
+ *
+ * If the app provided new value for 'currentItemOverride', we pass that down to PRIVATE_List layer;
+ * otherwise, we will pass down the value of internal override, which would be the value
+ * updated by useListViewContextMenu hook
+ *
+ * @param currentItemOverride
+ */
+const useListViewCurrentItemOverride = (currentItemOverride) => {
+    // the override that will be passed down to PRIVATE_List layer
+    const listOverrideRef = hooks.useRef();
+    // track the currentItemOverride attribute set by app
+    const appOverrideRef = hooks.useRef();
+    if (appOverrideRef.current !== currentItemOverride) {
+        appOverrideRef.current = currentItemOverride;
+        listOverrideRef.current = currentItemOverride;
+    }
+    // track the internal override updated by useListViewContextMenu hook
+    // we can just update ref here since the hook will trigger a state update for its context, which will trigger a rerender
+    const updateCurrentItemOverride = hooks.useCallback((key) => {
+        listOverrideRef.current = { rowKey: key };
+    }, []);
+    return {
+        currentItemOverride: listOverrideRef.current,
+        updateCurrentItemOverride
+    };
+};
+
+/**
+ * A list view displays data items as a list or a grid with highly interactive features.
+ */
+const ListView = compat.forwardRef((props, ref) => {
+    const { contextMenuConfig } = props;
+    const scrollPositionRef = hooks.useRef();
+    const listRef = hooks.useRef(null);
+    const { currentItemOverride, updateCurrentItemOverride } = useListViewCurrentItemOverride(props.currentItemOverride);
+    const dataMetadata = props.data
+        ? props.data.map((aData) => {
+            const key = props.getRowKey(aData);
+            return { data: aData, metadata: { key } };
+        })
+        : null;
+    const loadRange = props.onLoadMore ? props.onLoadMore : () => { };
+    const dataState = dataMetadata
+        ? {
+            offset: 0,
+            data: dataMetadata,
+            sizePrecision: props.hasMore ? 'atLeast' : 'exact',
+            totalSize: dataMetadata.length
+        }
+        : null;
+    hooks.useImperativeHandle(ref, () => ({
+        getScrollPosition: () => {
+            if (listRef.current) {
+                return getScrollPosition(listRef.current);
+            }
+            return { y: 0 };
+        },
+        focus: () => {
+            if (listRef.current) {
+                listRef.current.focus();
+            }
+        }
+    }));
+    // update scroll position if a new value is provided
+    hooks.useLayoutEffect(() => {
+        if (listRef.current && scrollPositionRef.current !== props.scrollPositionOverride) {
+            setScrollPosition(listRef.current, props.scrollPositionOverride);
+            scrollPositionRef.current = props.scrollPositionOverride;
+        }
+    }, [props.scrollPositionOverride]);
+    /**
+     * Reorder Section
+     */
+    const isReorderEnabled = props.onReorder != undefined;
+    const { reorderProps, reorderItemProps, reorderContext, reorderInstructionsId, reorderInstructions } = useListViewReorder({
+        onReorder: props.onReorder,
+        rootRef: listRef,
+        viewportConfig: props.viewportConfig
+    });
+    const { triggerProps, menuProps, contextMenuContext, notifyCurrentKeyChanged } = useListViewContextMenu(dataState, contextMenuConfig, listRef, updateCurrentItemOverride);
+    const onPersistCurrentItem = (detail) => {
+        props.onPersistCurrentItem?.(detail);
+        notifyCurrentKeyChanged(detail);
+    };
+    if (isReorderEnabled && reorderItemProps) {
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(ReorderableContext.ReorderableContext.Provider, { value: reorderContext, children: [jsxRuntime.jsx(List.List, { ...props, "aria-describedby": reorderInstructionsId, contextMenuTriggerProps: triggerProps, reorderProps: reorderProps, onLoadRange: loadRange, scrollerRef: listRef, data: dataState, currentItemOverride: currentItemOverride, onPersistCurrentItem: onPersistCurrentItem, children: (context) => (jsxRuntime.jsx(MemoizeListViewReorderableItem, { ...reorderItemProps, itemKey: context.metadata.key, children: props.children(context) })) }), jsxRuntime.jsx("span", { id: reorderInstructionsId, children: jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { children: reorderInstructions }) })] }), contextMenuConfig && (jsxRuntime.jsx(ListViewContextMenu, { ...menuProps, contextMenuConfig: contextMenuConfig, contextMenuContext: contextMenuContext }))] }));
+    }
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(List.List, { ...props, onLoadRange: loadRange, scrollerRef: listRef, data: dataState, contextMenuTriggerProps: triggerProps, currentItemOverride: currentItemOverride, onPersistCurrentItem: onPersistCurrentItem, children: props.children }), contextMenuConfig && (jsxRuntime.jsx(ListViewContextMenu, { ...menuProps, contextMenuConfig: contextMenuConfig, contextMenuContext: contextMenuContext }))] }));
+});
+
+exports.ListView = ListView;
+//# sourceMappingURL=ListView-80a9c725.js.map

package/cjs/ListView-80a9c725.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView-80a9c725.js","sources":["../../src/UNSAFE_ListView/ScrollPositionUtils.ts","../../src/UNSAFE_ListView/ListViewReorderableItem.tsx","../../src/UNSAFE_ListView/useListViewReorder.ts","../../src/UNSAFE_ListView/ListViewContextMenu.tsx","../../src/UNSAFE_ListView/useListViewContextMenu.ts","../../src/UNSAFE_ListView/useListViewCurrentItemOverride.tsx","../../src/UNSAFE_ListView/ListView.tsx"],"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 { getKey } from '../utils/PRIVATE_collectionUtils';\n\n/**\n * Type for scroll position in ListView\n */\nexport type ListViewScrollPosition<K> = {\n  offsetY?: number;\n  key?: K;\n  y?: number;\n};\n\n/**\n * Returns the key for the row at the given index\n */\nconst getKeyForIndex = (root: HTMLElement, index: number) => {\n  if (root != null) {\n    const rowElements = root.querySelectorAll(`[role='row']`);\n    if (rowElements.length > index) {\n      return getKey(rowElements[index] as HTMLElement);\n    }\n  }\n  return null;\n};\n\nexport function getScrollPosition<K>(root: HTMLDivElement, newScrollTop?: number) {\n  // ensure scroll position y value is initialized\n  const scrollTop = Math.abs(newScrollTop == null ? root.scrollTop : newScrollTop);\n\n  const scrollPosition: ListViewScrollPosition<K> = {\n    y: scrollTop,\n    key: undefined,\n    offsetY: undefined\n  };\n\n  let rowBottom = 0;\n  const rowElements = root.querySelectorAll(`[role='row']`);\n  if (rowElements.length > 0) {\n    if (scrollTop === 0) {\n      scrollPosition.key = getKeyForIndex(root, 0) as K;\n      scrollPosition.offsetY = 0;\n      return scrollPosition;\n    }\n  }\n  for (let i = 0; i < rowElements.length; i++) {\n    const rowHeight = rowElements[i].getBoundingClientRect().height;\n    rowBottom += rowHeight;\n    if (scrollTop < rowBottom) {\n      scrollPosition.key = getKeyForIndex(root, i) as K;\n      scrollPosition.offsetY = rowHeight + scrollTop - rowBottom;\n      break;\n    }\n  }\n  return scrollPosition;\n}\n\n/**\n * Helper to set the scroll position on the ListView.\n */\nexport function setScrollPosition<K>(\n  root: HTMLDivElement,\n  scrollPosition?: ListViewScrollPosition<K>\n) {\n  const y = _getScrollTopFromScrollPosition(root, scrollPosition);\n  root.scrollTop = y != null ? y : 0;\n}\n\n/**\n * Helper to determine the 'y' value of a given scroll position.\n */\nfunction _getScrollTopFromScrollPosition<K>(\n  root: HTMLDivElement,\n  scrollPosition?: ListViewScrollPosition<K>\n) {\n  if (scrollPosition != null) {\n    let key;\n    let useRow = false;\n    if (scrollPosition.key != null) {\n      // key takes precedence over everything else\n      useRow = true;\n      key = scrollPosition.key;\n    } else if (scrollPosition.offsetY != null && scrollPosition.y == null) {\n      // offsetY can be used on its own if it is the only vertical aspect provided\n      useRow = true;\n      key = getScrollPosition(root).key;\n    }\n    if (useRow) {\n      if (key != null) {\n        let y = 0;\n        const rowElements = root.querySelectorAll(`[role ='row']`);\n        for (let i = 0; i < rowElements.length; i++) {\n          if (key === getKey(rowElements[i] as HTMLElement)) {\n            return y + (scrollPosition.offsetY != null ? scrollPosition.offsetY : 0);\n          }\n          y += rowElements[i].getBoundingClientRect().height;\n        }\n      }\n    } else if (scrollPosition.y != null) {\n      return scrollPosition.y;\n    }\n  }\n  // either nothing was provided, or what was provided was invalid\n  return undefined;\n}\n","import { memo } from 'preact/compat';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { ITEM_SELECTOR } from '../utils/PRIVATE_collectionUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/ListViewStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\nexport type ListReorderableItemProps<K> = ReorderableItemProps<K>;\n\n/**\n * A private item that will be used by ReorderableCardFlexView, location TBD (could be moved to PRIVATE_CardFlexView)\n */\nexport function ListViewReorderableItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  rootRef,\n  itemKey\n}: ListReorderableItemProps<K> & { itemKey: K }) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const itemStyles = {\n    itemOverlayFront: styles.reorderableItemOverlayFront,\n    itemOverlayRear: styles.reorderableItemOverlayRear,\n    itemDragger: styles.reorderableItemDragger\n  };\n  const getItem = () => itemRef?.current?.closest(ITEM_SELECTOR);\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/listview-items-key', JSON.stringify(itemKey));\n    },\n    [itemKey]\n  );\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: itemRef,\n      getItem,\n      setTransferData,\n      itemStyles,\n      itemSelector: ITEM_SELECTOR,\n      isVertical: true\n    });\n  const classes = classNames([rootProps?.class, styles.reorderableItemDnd]);\n\n  return (\n    <div {...rootProps} class={classes}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps}></div>\n          <div {...overlayZoneAfterProps}></div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport const MemoizeListViewReorderableItem = memo(\n  ListViewReorderableItem,\n  <K,>(prev: ListReorderableItemProps<K>, next: ListReorderableItemProps<K>) => {\n    if (prev && next) {\n      return prev?.children === next?.children && prev?.dragKey === next?.dragKey;\n    }\n    return false;\n  }\n);\n","import type { RefObject } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { ITEM_SELECTOR, dragToScroll, findElementByKey } from '../utils/PRIVATE_collectionUtils';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { scrollToVisible } from '../PRIVATE_List';\nimport { ListProps } from './List.types';\n\ntype useListViewReorderProps<K, D> = Pick<ListProps<K, D>, 'onReorder'> & {\n  rootRef: RefObject<HTMLDivElement>;\n  viewportConfig?: ViewportConfig;\n};\n\nexport const useListViewReorder = <K extends string | number, D>({\n  onReorder,\n  rootRef,\n  viewportConfig\n}: useListViewReorderProps<K, D>) => {\n  const isReorderEnabled = onReorder != undefined;\n\n  const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n  const { reorderProps, reorderContext, reorderInstructionsId, reorderInstructions } =\n    useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: ITEM_SELECTOR,\n      isDisabled: !isReorderEnabled,\n      columns: 1\n    });\n\n  // ensure the current item is scrolled into view during keyboard reordering,\n  // disable that during mouse reordering\n  const reorderScrollIntoView = useRef(false);\n  useEffect(() => {\n    if (isReorderEnabled && reorderScrollIntoView.current) {\n      const rootElement = rootRef.current as HTMLElement;\n      const elem = findElementByKey(\n        rootElement,\n        reorderContext.currentItemKey.current as K,\n        ITEM_SELECTOR\n      );\n      if (elem) {\n        const scroller = viewportConfig?.scroller() || rootElement;\n        // make sure item is visible\n        scrollToVisible(elem, scroller, 0);\n        reorderScrollIntoView.current = false;\n      }\n    }\n  });\n\n  if (!isReorderEnabled) {\n    return {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } as const;\n  }\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    // listview only do keyboard reordering with arrow up/down keys\n    if (\n      isReorderEnabled &&\n      (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n      (event.metaKey || event.ctrlKey) &&\n      event.shiftKey\n    ) {\n      reorderScrollIntoView.current = true;\n      reorderProps.onKeyDown?.(event);\n    }\n  };\n\n  const handleDragOver = (event: DragEvent) => {\n    if (dragKey !== undefined) {\n      reorderScrollIntoView.current = false;\n      dragToScroll(event, dragKey !== undefined, rootRef.current);\n    }\n  };\n\n  const reorderEventProps = mergeProps({ onKeyDown: handleKeyDown, onDragOver: handleDragOver });\n\n  const reorderItemProps = {\n    dragKey,\n    setDragKey,\n    onReorder,\n    rootRef\n  };\n\n  return {\n    reorderProps: reorderEventProps,\n    reorderItemProps,\n    reorderContext,\n    reorderInstructionsId,\n    reorderInstructions\n  } as const;\n};\n","/**\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 { ComponentProps } from 'preact';\n\nimport { ListItemContext } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { ListViewContextMenuConfig } from './List.types';\n\nexport type Props<K extends string | number, D> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n  contextMenuConfig: ListViewContextMenuConfig<K, D>;\n} & { contextMenuContext: ListItemContext<K, D> };\n\n/**\n * The internal component used to render a custom context menu\n */\nexport function ListViewContextMenu<K extends string | number, D>({\n  contextMenuConfig,\n  contextMenuContext,\n  ...menuProps\n}: Props<K, D>) {\n  const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n  return (\n    <>\n      <Menu\n        {...menuProps}\n        {...(accessibleLabel && {\n          'aria-label': accessibleLabel\n        })}>\n        {menuProps.isOpen && contextMenuConfig.itemsRenderer(contextMenuContext)}\n      </Menu>\n    </>\n  );\n}\n","import type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useState, useRef } from 'preact/hooks';\n\nimport { DataState, ListItemContext, CurrentKeyDetail } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { findItemContext } from '#hooks/PRIVATE_useItemAction';\nimport { useContextMenuGesture } from '#hooks/UNSAFE_useContextMenuGesture';\nimport { ITEM_SELECTOR, findElementByKey, keyExtractor } from '#utils/PRIVATE_collectionUtils';\nimport { ListView } from './ListView';\n\ntype MenuProps = Pick<\n  ComponentProps<typeof Menu>,\n  'anchorRef' | 'initialFocus' | 'placement' | 'offsetValue' | 'isOpen'\n>;\n\nconst TOUCH_OFFSET_VALUE = 40;\n\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'menu',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\nconst initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\ntype ListViewProps<K extends string | number, D> = ComponentProps<typeof ListView<K, D>>;\n\nexport const useListViewContextMenu = <K extends string | number, D>(\n  dataState: DataState<K, D> | null,\n  contextMenuConfig: ListViewProps<K, D>['contextMenuConfig'],\n  scrollListRef: RefObject<HTMLElement | null>,\n  updateCurrentKey: (key: K) => void\n) => {\n  /*Context Menu section\n   TODO: A version of context Menu listview will be merged using useContextMenuGesture instead. Once it's merged we \n   can go back to this to create a hook or utility that could be share among all collection comps. JET-60320\n  */\n\n  /* \n  Steps to open a menu:\n    1.- useContextMenu handler is called when menu is supposed to be opened.\n    2.- We set contextMenuContext when contextMenuRenderer is called.\n    3.- We dispatch opening the menu with the correct anchor.\n    5.- Menu receives updated props and updated contextMenuContext.\n    6.- Menu is opened.  \n\n    */\n\n  //Supposed to be updated when menu is about to be opened\n  //We set an initial key value for the context menu context, to allow user use object destructuring inside the\n  //contextMenuRenderer. It doesn't matter if the key is not correct at the initial rendering since menu starts\n  //being closed always\n  const [contextMenuContext, setContextMenuContext] = useState<ListItemContext<K, D>>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n\n  const currentKeyRef = useRef<K>();\n  const notifyCurrentKeyChanged = (detail: CurrentKeyDetail<K>) => {\n    currentKeyRef.current = detail.value;\n  };\n\n  const { triggerProps } = useContextMenuGesture(\n    ({ gesture, anchor, target }) => {\n      let anchorBasedOnGesture = anchor;\n      if (gesture === 'keyboard') {\n        //We find the element where the position of the menu is going to be based of\n        const elem = findElementByKey(\n          scrollListRef.current as HTMLElement,\n          currentKeyRef.current as K,\n          ITEM_SELECTOR\n        );\n\n        //We set the correct anchor\n        anchorBasedOnGesture = elem ? elem : anchor;\n\n        const context = findItemContext(\n          currentKeyRef.current as K,\n          dataState as DataState<string | number | null, D>\n        );\n\n        setContextMenuContext(context as ListItemContext<K, D>);\n      } else {\n        //We search for the key using the target of the event\n        const key = keyExtractor(target as HTMLElement, ITEM_SELECTOR);\n\n        const context = findItemContext(key, dataState as DataState<string | number | null, D>);\n\n        setContextMenuContext(context as ListItemContext<K, D>);\n\n        //We update the key so when we close logical focus is on the correct item\n        updateCurrentKey(key as K);\n      }\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: anchorBasedOnGesture },\n        isOpen: true\n      });\n    },\n    {\n      isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n    }\n  );\n\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      /* \n      TODO: Focus ring should be visible when context menu was closed because of selecting an item using keyboard, \n      but should not be visible when the selection was done using mouse or touch. This would probably means menu \n      onClose API is going to be changed a little bit so we can satisfy this requirement. JET-62372\n      */\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        scrollListRef.current?.focus({ preventScroll: true });\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps({ ...initialMenuProps });\n    },\n    [scrollListRef]\n  );\n\n  return {\n    menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n    onClose: handleCloseContextMenu,\n    contextMenuContext: contextMenuContext as ListItemContext<K, D>,\n    triggerProps,\n    notifyCurrentKeyChanged\n  } as const;\n};\n","import { useCallback, useRef } from 'preact/hooks';\nimport { Item as CurrentItem } from '#UNSAFE_Collection';\nimport { ListProps } from './List.types';\n\n/**\n * This hook handles the currentItemOverride passing to PRIVATE_List layer.\n *\n * If the app provided new value for 'currentItemOverride', we pass that down to PRIVATE_List layer;\n * otherwise, we will pass down the value of internal override, which would be the value\n * updated by useListViewContextMenu hook\n *\n * @param currentItemOverride\n */\nexport const useListViewCurrentItemOverride = <K extends string | number, D>(\n  currentItemOverride: ListProps<K, D>['currentItemOverride']\n) => {\n  // the override that will be passed down to PRIVATE_List layer\n  const listOverrideRef = useRef<CurrentItem<K>>();\n\n  // track the currentItemOverride attribute set by app\n  const appOverrideRef = useRef<CurrentItem<K>>();\n  if (appOverrideRef.current !== currentItemOverride) {\n    appOverrideRef.current = currentItemOverride;\n    listOverrideRef.current = currentItemOverride;\n  }\n\n  // track the internal override updated by useListViewContextMenu hook\n  // we can just update ref here since the hook will trigger a state update for its context, which will trigger a rerender\n  const updateCurrentItemOverride = useCallback((key: K) => {\n    listOverrideRef.current = { rowKey: key };\n  }, []);\n\n  return {\n    currentItemOverride: listOverrideRef.current,\n    updateCurrentItemOverride\n  };\n};\n","/**\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 { JSX } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef, useLayoutEffect } from 'preact/hooks';\nimport { ReorderableContext } from '../hooks/PRIVATE_useReorderable';\nimport { DataState, CurrentKeyDetail } from '../UNSAFE_Collection';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { List } from '../PRIVATE_List';\nimport { ListProps, ListViewContextMenuConfig, ListViewHandle } from './List.types';\nimport {\n  getScrollPosition,\n  setScrollPosition,\n  ListViewScrollPosition\n} from './ScrollPositionUtils';\nimport { MemoizeListViewReorderableItem } from './ListViewReorderableItem';\nimport { useListViewReorder } from './useListViewReorder';\nimport { ListViewContextMenu } from './ListViewContextMenu';\nimport { useListViewContextMenu } from './useListViewContextMenu';\nimport { useListViewCurrentItemOverride } from './useListViewCurrentItemOverride';\n\n/**\n * Props specific to non-virtualized ListView\n */\ntype NonVirtualizedListProps<K, D> = {\n  /**\n   * The data that is used to render each item in ListView.  If the value is null, then ListView will show nothing\n   * if hasMore is false, or loading indicator if hasMore is true.\n   */\n  data: D[] | null;\n  /**\n   * A callback function to extract the key which is used to identify the item.\n   */\n  getRowKey: (data: D) => K;\n  /**\n   * Whether there are more data available to load.  By default this returns false.\n   */\n  hasMore?: boolean;\n  /**\n   * An optional callback function which is invoked when user scrolls to the end of the list.\n   */\n  onLoadMore?: () => void;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: ListViewContextMenuConfig<K, D>;\n};\n\n/**\n * Props for the ListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'children'\n  | 'gridlines'\n  | 'currentItemOverride'\n  | 'onPersistCurrentItem'\n  | 'onItemAction'\n  | 'onSelectionChange'\n  | 'promotedSection'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n  | 'testId'\n  | 'scrollPositionOverride'\n  | 'onReorder'\n  | 'itemPadding'\n> &\n  NonVirtualizedListProps<K, D>;\n/**\n * A list view displays data items as a list or a grid with highly interactive features.\n */\nexport const ListView = forwardRef(\n  <K extends string | number, D>(props: Props<K, D>, ref?: ForwardedRef<ListViewHandle<K>>) => {\n    const { contextMenuConfig } = props;\n    const scrollPositionRef = useRef<ListViewScrollPosition<K>>();\n    const listRef = useRef<HTMLDivElement | null>(null);\n\n    const { currentItemOverride, updateCurrentItemOverride } = useListViewCurrentItemOverride(\n      props.currentItemOverride\n    );\n\n    const dataMetadata = props.data\n      ? props.data.map((aData: D) => {\n          const key = props.getRowKey(aData);\n          return { data: aData, metadata: { key } };\n        })\n      : null;\n\n    const loadRange = props.onLoadMore ? props.onLoadMore : () => {};\n    const dataState = dataMetadata\n      ? ({\n          offset: 0,\n          data: dataMetadata,\n          sizePrecision: props.hasMore ? 'atLeast' : 'exact',\n          totalSize: dataMetadata.length\n        } as DataState<K, D>)\n      : null;\n\n    useImperativeHandle(ref!, () => ({\n      getScrollPosition: () => {\n        if (listRef.current) {\n          return getScrollPosition(listRef.current);\n        }\n        return { y: 0 };\n      },\n      focus: () => {\n        if (listRef.current) {\n          listRef.current.focus();\n        }\n      }\n    }));\n\n    // update scroll position if a new value is provided\n    useLayoutEffect(() => {\n      if (listRef.current && scrollPositionRef.current !== props.scrollPositionOverride) {\n        setScrollPosition(listRef.current, props.scrollPositionOverride);\n        scrollPositionRef.current = props.scrollPositionOverride;\n      }\n    }, [props.scrollPositionOverride]);\n\n    /**\n     * Reorder Section\n     */\n    const isReorderEnabled = props.onReorder != undefined;\n    const {\n      reorderProps,\n      reorderItemProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } = useListViewReorder({\n      onReorder: props.onReorder,\n      rootRef: listRef,\n      viewportConfig: props.viewportConfig\n    });\n\n    const { triggerProps, menuProps, contextMenuContext, notifyCurrentKeyChanged } =\n      useListViewContextMenu(dataState, contextMenuConfig, listRef, updateCurrentItemOverride);\n\n    const onPersistCurrentItem = (detail: CurrentKeyDetail<K>) => {\n      props.onPersistCurrentItem?.(detail);\n      notifyCurrentKeyChanged(detail);\n    };\n\n    if (isReorderEnabled && reorderItemProps) {\n      return (\n        <>\n          <ReorderableContext.Provider value={reorderContext}>\n            <List\n              {...props}\n              aria-describedby={reorderInstructionsId}\n              contextMenuTriggerProps={triggerProps}\n              reorderProps={reorderProps}\n              onLoadRange={loadRange}\n              scrollerRef={listRef}\n              data={dataState}\n              currentItemOverride={currentItemOverride}\n              onPersistCurrentItem={onPersistCurrentItem}>\n              {(context) => (\n                <MemoizeListViewReorderableItem\n                  {...reorderItemProps}\n                  itemKey={context.metadata.key}>\n                  {props.children(context)}\n                </MemoizeListViewReorderableItem>\n              )}\n            </List>\n            <span id={reorderInstructionsId}>\n              <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n            </span>\n          </ReorderableContext.Provider>\n          {contextMenuConfig && (\n            <ListViewContextMenu\n              {...menuProps}\n              contextMenuConfig={contextMenuConfig}\n              contextMenuContext={contextMenuContext}\n            />\n          )}\n        </>\n      );\n    }\n\n    return (\n      <>\n        <List\n          {...props}\n          onLoadRange={loadRange}\n          scrollerRef={listRef}\n          data={dataState}\n          contextMenuTriggerProps={triggerProps}\n          currentItemOverride={currentItemOverride}\n          onPersistCurrentItem={onPersistCurrentItem}>\n          {props.children}\n        </List>\n        {contextMenuConfig && (\n          <ListViewContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext}\n          />\n        )}\n      </>\n    );\n  }\n) as <K extends string | number, D>(\n  props: Props<K, D> & { ref?: ForwardedRef<ListViewHandle<K>> }\n) => JSX.Element;\n"],"names":["getKey","useRef","styles","ITEM_SELECTOR","useCallback","useReorderableItem","classNames","_jsxs","isKeyDefined","_Fragment","_jsx","memo","useState","useReorderable","useEffect","findElementByKey","scrollToVisible","dragToScroll","mergeProps","Menu","useContextMenuGesture","findItemContext","keyExtractor","forwardRef","useImperativeHandle","useLayoutEffect","ReorderableContext","List","HiddenAccessible"],"mappings":"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"}

package/cjs/LiveRegion-e3c8541c.js

@@ -0,0 +1,41 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+
+var useTestId = require('./useTestId-32c35bff.js');
+
+var offScreenStyle = 'LiveRegionStyles_offScreenStyle__1uvpdtw0';
+
+/**
+ * A helper component that renders an aria-live region
+ *
+ * TODO: Create a more centralized component that can handle aria-live region for
+ * the whole application and use context api to communicate
+ */
+function LiveRegion({ testId, atomic = 'false', children = '', timeout = 100, type = 'polite' }) {
+    const ariaLiveText = useLiveText(children, timeout);
+    const testIdProps = useTestId.useTestId(testId);
+    return (jsxRuntime.jsx("span", { "aria-live": type, "aria-atomic": atomic, class: offScreenStyle, ...testIdProps, children: ariaLiveText }));
+}
+/**
+ * A custom hook for handling the aria-live region
+ *
+ * @param text The aria-live text to use
+ * @param timeout The timeout for setting the aria-live text async
+ * @returns The aria-live text
+ */
+function useLiveText(text, timeout) {
+    const [liveText, setLiveText] = hooks.useState('');
+    const updateText = hooks.useCallback(() => setLiveText(text), [text]);
+    const updateTextAsync = hooks.useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);
+    hooks.useEffect(() => {
+        const timeoutId = updateTextAsync();
+        return () => clearTimeout(timeoutId);
+    }, [updateTextAsync]);
+    return liveText;
+}
+
+exports.LiveRegion = LiveRegion;
+//# sourceMappingURL=LiveRegion-e3c8541c.js.map

package/cjs/LiveRegion-e3c8541c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRegion-e3c8541c.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({\n  testId,\n  atomic = 'false',\n  children = '',\n  timeout = 100,\n  type = 'polite'\n}: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState('');\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["useTestId","_jsx","useState","useCallback","useEffect"],"mappings":";;;;;;;;;;AA0BA;;;;;AAKG;AACH,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,MAAM,GAAG,OAAO,EAChB,QAAQ,GAAG,EAAE,EACb,OAAO,GAAG,GAAG,EACb,IAAI,GAAG,QAAQ,EACT,EAAA;IACN,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACpD,IAAA,MAAM,WAAW,GAAGA,mBAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,QACEC,cAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAiB,IAAI,EAAA,aAAA,EAAe,MAAM,EAAE,KAAK,EAAE,cAAc,KAAM,WAAW,EAAA,QAAA,EAC/E,YAAY,EAAA,CACR,EACP;AACJ,CAAC;AAED;;;;;;AAMG;AACH,SAAS,WAAW,CAAC,IAAY,EAAE,OAAe,EAAA;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGC,cAAQ,CAAC,EAAE,CAAC,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAGC,iBAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAChE,MAAM,eAAe,GAAGA,iBAAW,CAAC,MAAM,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAElGC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;AAEpC,QAAA,OAAO,MAAM,YAAY,CAAC,SAAS,CAAC,CAAC;AACvC,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AAEtB,IAAA,OAAO,QAAQ,CAAC;AAClB;;;;"}

package/cjs/LoadMoreCollection-73112ff0.js

@@ -0,0 +1,34 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+var Collection = require('./Collection-9880039f.js');
+var useViewportIntersect = require('./useViewportIntersect-ca1f958b.js');
+
+const LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';
+const DEFAULT_MARGIN = 1;
+const LOAD_MORE_SELECTOR = `.${LOADMORE_STYLE_CLASS}`;
+/**
+ * Component that only render items in the specified viewport.
+ * @param props
+ */
+function LoadMoreCollection({ data, children, viewportConfig, hasMore, onLoadMore, loadMoreIndicator, suggestions, loadMoreThreshold = DEFAULT_MARGIN }) {
+    // detect if viewport has changed and it needs to re-render based on a new range
+    useViewportIntersect.useViewportIntersect(viewportConfig, Math.max(loadMoreThreshold, DEFAULT_MARGIN), 0, LOAD_MORE_SELECTOR, () => {
+        if (data) {
+            onLoadMore();
+        }
+    });
+    // if DataState is invalid (including not specified), just render blank
+    if (!data) {
+        return jsxRuntime.jsx("div", {});
+    }
+    // might need to support elementType prop in the future to allow customization of what
+    // type of element to render for the root
+    return (jsxRuntime.jsxs(preact.Fragment, { children: [suggestions, jsxRuntime.jsx(Collection.Collection, { items: data, children: children }), hasMore && loadMoreIndicator] }));
+}
+
+exports.LOADMORE_STYLE_CLASS = LOADMORE_STYLE_CLASS;
+exports.LoadMoreCollection = LoadMoreCollection;
+//# sourceMappingURL=LoadMoreCollection-73112ff0.js.map

package/cjs/LoadMoreCollection-73112ff0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreCollection-73112ff0.js","sources":["../../src/PRIVATE_LoadMoreCollection/LoadMoreCollection.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Fragment } from 'preact';\nimport { ItemContext } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the LoadMoreCollection component\n */\ntype Props<D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the LoadMoreCollection.\n   */\n  data: D[] | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<D>) => ComponentChildren;\n\n  /**\n   * Viewport configuration including specifying the element which is used to determine what range\n   * of data to render\n   */\n  viewportConfig: ViewportConfig;\n\n  /**\n   * Whether there are still more data to load.  Internally, LoadMoreCollection will render the load\n   * more indicator at the bottom if this is true\n   */\n  hasMore: boolean;\n\n  /**\n   * Callback function to handle when user scrolls to the end of the component and there are more items to load.\n   * The function should update data prop on the component to include the next set of items fetched.\n   */\n  onLoadMore: () => void;\n\n  /**\n   * Optionally specify the custom load more indicator\n   */\n  loadMoreIndicator?: ComponentChildren;\n\n  /**\n   * Optionally provide the suggestion indicator sparkle\n   */\n  suggestions?: ComponentChildren;\n\n  /**\n   * Optionally specify how far in pixel from the bottom should load more occurs\n   */\n  loadMoreThreshold?: number;\n};\n\nexport const LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\n\nconst DEFAULT_MARGIN = 1;\nconst LOAD_MORE_SELECTOR = `.${LOADMORE_STYLE_CLASS}`;\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function LoadMoreCollection<D>({\n  data,\n  children,\n  viewportConfig,\n  hasMore,\n  onLoadMore,\n  loadMoreIndicator,\n  suggestions,\n  loadMoreThreshold = DEFAULT_MARGIN\n}: Props<D>) {\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(\n    viewportConfig,\n    Math.max(loadMoreThreshold, DEFAULT_MARGIN),\n    0,\n    LOAD_MORE_SELECTOR,\n    () => {\n      if (data) {\n        onLoadMore();\n      }\n    }\n  );\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data) {\n    return <div />;\n  }\n\n  // might need to support elementType prop in the future to allow customization of what\n  // type of element to render for the root\n  return (\n    <Fragment>\n      {suggestions}\n      <Collection items={data}>{children}</Collection>\n      {hasMore && loadMoreIndicator}\n    </Fragment>\n  );\n}\n"],"names":["useViewportIntersect","_jsx","_jsxs","Fragment","Collection"],"mappings":";;;;;;;;AA4DO,MAAM,oBAAoB,GAAG,yBAAyB;AAE7D,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,kBAAkB,GAAG,CAAI,CAAA,EAAA,oBAAoB,EAAE,CAAC;AAEtD;;;AAGG;AACG,SAAU,kBAAkB,CAAI,EACpC,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,WAAW,EACX,iBAAiB,GAAG,cAAc,EACzB,EAAA;;AAET,IAAAA,yCAAoB,CAClB,cAAc,EACd,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,cAAc,CAAC,EAC3C,CAAC,EACD,kBAAkB,EAClB,MAAK;QACH,IAAI,IAAI,EAAE;AACR,YAAA,UAAU,EAAE,CAAC;SACd;AACH,KAAC,CACF,CAAC;;IAGF,IAAI,CAAC,IAAI,EAAE;AACT,QAAA,OAAOC,yBAAO,CAAC;KAChB;;;IAID,QACEC,gBAACC,eAAQ,EAAA,EAAA,QAAA,EAAA,CACN,WAAW,EACZF,cAAA,CAACG,qBAAU,EAAC,EAAA,KAAK,EAAE,IAAI,EAAA,QAAA,EAAG,QAAQ,EAAc,CAAA,EAC/C,OAAO,IAAI,iBAAiB,CACpB,EAAA,CAAA,EACX;AACJ;;;;;"}

package/cjs/MaxLengthLiveRegion-19583398.js

@@ -0,0 +1,25 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var useDebounce = require('./useDebounce-4304cfbd.js');
+var useTranslationBundle = require('./useTranslationBundle-38c0edae.js');
+var LiveRegion = require('./LiveRegion-e3c8541c.js');
+
+const MAX_LENGTH_UPDATE_DELAY = 500;
+function MaxLengthLiveRegion({ maxLength, testId, valueLength = 0 }) {
+    // Comment copied from InputBase.js in Big JET:
+    // Only update the aria-live div when the user has paused for more than
+    // 500 milliseconds. That way, we avoid queued up aria-live messages which
+    // would be annoying and not helpful. The 500ms was agreed upon in the
+    // accessibility review meeting.
+    const debouncedRemainingChars = useDebounce.useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);
+    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({
+        CHARACTER_COUNT: `${debouncedRemainingChars}`
+    });
+    return jsxRuntime.jsx(LiveRegion.LiveRegion, { testId: testId, children: remainingCharsTranslatedString });
+}
+
+exports.MaxLengthLiveRegion = MaxLengthLiveRegion;
+//# sourceMappingURL=MaxLengthLiveRegion-19583398.js.map

package/cjs/MaxLengthLiveRegion-19583398.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaxLengthLiveRegion-19583398.js","sources":["../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx"],"sourcesContent":["import { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ maxLength, testId, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return <LiveRegion testId={testId}>{remainingCharsTranslatedString}</LiveRegion>;\n}\n"],"names":["useDebounce","useTranslationBundle","_jsx","LiveRegion"],"mappings":";;;;;;;;AAWA,MAAM,uBAAuB,GAAG,GAAG,CAAC;AAE9B,SAAU,mBAAmB,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAG,CAAC,EAAS,EAAA;;;;;;IAM/E,MAAM,uBAAuB,GAAGA,uBAAW,CAAC,SAAS,GAAG,WAAW,EAAE,uBAAuB,CAAC,CAAC;AAC9F,IAAA,MAAM,YAAY,GAAGC,yCAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,8BAA8B,GAAG,YAAY,CAAC,8BAA8B,CAAC;QACjF,eAAe,EAAE,CAAG,EAAA,uBAAuB,CAAE,CAAA;AAC9C,KAAA,CAAC,CAAC;IAEH,OAAOC,cAAA,CAACC,qBAAU,EAAC,EAAA,MAAM,EAAE,MAAM,EAAA,QAAA,EAAG,8BAA8B,EAAA,CAAc,CAAC;AACnF;;;;"}