@oracle/oraclejet-preact 14.0.7 → 14.0.9

package/amd/ListItemTextLayout-f6a3d721.js

@@ -1,211 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', 'module', './UNSAFE_Grid', './utils/UNSAFE_classNames', './classNames-027de734', './UNSAFE_Text', './hooks/UNSAFE_useTabbableMode', './Text-de291c3f'], (function (exports, jsxRuntime, linaria, UNSAFE_Grid, utils_UNSAFE_classNames, classNames, UNSAFE_Text, hooks_UNSAFE_useTabbableMode, Text) { 'use strict';
-
-    const childrenStyles = "childrenStyles-j0wim5"; // TODO: revisit idea of negative margin when selector has a proper API for handling spacing
-    // Jira: JET-54543
-    // negative margin added to selector
-
-    const selectorStyles = "selectorStyles-ntfwd2"; // most content will be vertically centered
-
-    const centerVerticalStyles = "centerVerticalStyles-t54b3n"; // extra spacing is needed between meta, trailing, and action components
-
-    const leftPaddingStyles = "leftPaddingStyles-ma65i0"; // the central text area displays overline, primary, secondary, and tertiary in a column
-
-    const flexColumnStyles$1 = "flexColumnStyles-nk05rh"; // "extra" components in row 1 and the link in row 2 are justified on the righthand side of the list item layout
-
-    const flexRowStyles = "flexRowStyles-vxfw11";
-    const rightJustifyStyles = "rightJustifyStyles-1xyj7w3";
-    const rowAlignStyles = "rowAlignStyles-bkfgvw";
-    function ListItemLayout({
-      children,
-      selector,
-      leading,
-      primary,
-      secondary,
-      tertiary,
-      overline,
-      metadata,
-      trailing,
-      action,
-      quaternary,
-      navigation
-    }) {
-      // generate grid skeleton, adding cells based on which props are defined
-      const {
-        columnsTemplate,
-        firstCell,
-        secondCell,
-        lastCell,
-        hasSecondRow
-      } = getColumnsTemplate(selector, leading, metadata, trailing, action, quaternary, navigation); // if ListItemLayout component has a child (ListItemTextLayout) then render that instead of individual props
-
-      const textArea = children ? jsxRuntime.jsx("div", Object.assign({
-        className: childrenStyles
-      }, {
-        children: children
-      })) : jsxRuntime.jsxs("div", Object.assign({
-        className: flexColumnStyles$1
-      }, {
-        children: [jsxRuntime.jsx("div", {
-          children: overline
-        }), jsxRuntime.jsx("div", {
-          children: primary
-        }), jsxRuntime.jsx("div", {
-          children: secondary
-        }), jsxRuntime.jsx("div", {
-          children: tertiary
-        })]
-      })); // a second row is needed when quaternary or navigation are defined
-
-      const secondRow = hasSecondRow ? [firstCell && jsxRuntime.jsx("span", {
-        children: " "
-      }), secondCell && jsxRuntime.jsx("span", {
-        children: " "
-      }), jsxRuntime.jsx("div", Object.assign({
-        className: rowAlignStyles
-      }, {
-        children: quaternary
-      })), lastCell && jsxRuntime.jsx("div", Object.assign({
-        className: rightJustifyStyles
-      }, {
-        children: navigation
-      }))] : null;
-      return jsxRuntime.jsxs(UNSAFE_Grid.Grid, Object.assign({
-        gap: "4x",
-        gridTemplateColumns: columnsTemplate
-      }, {
-        children: [firstCell, secondCell, jsxRuntime.jsx("div", Object.assign({
-          className: centerVerticalStyles
-        }, {
-          children: textArea
-        })), lastCell, secondRow]
-      }));
-    }
-
-    function getColumnsTemplate(selector, leading, metadata, trailing, action, quaternary, navigation) {
-      const columnsTemplateBuilder = [];
-      let firstCell = null;
-
-      if (selector) {
-        columnsTemplateBuilder.push('auto');
-        firstCell = jsxRuntime.jsx("div", Object.assign({
-          className: selectorStyles
-        }, {
-          children: selector
-        }));
-      }
-
-      let secondCell = null;
-
-      if (leading) {
-        columnsTemplateBuilder.push('auto');
-        secondCell = jsxRuntime.jsx("div", Object.assign({
-          className: centerVerticalStyles
-        }, {
-          children: leading
-        }));
-      }
-
-      columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space
-
-      let lastCell = null;
-
-      if (metadata || trailing || action || navigation) {
-        columnsTemplateBuilder.push('auto');
-        lastCell = jsxRuntime.jsxs("div", Object.assign({
-          className: flexRowStyles
-        }, {
-          children: [jsxRuntime.jsx("div", Object.assign({
-            className: classNames.classNames([centerVerticalStyles, metadata ? leftPaddingStyles : ''])
-          }, {
-            children: metadata
-          })), jsxRuntime.jsx("div", Object.assign({
-            className: classNames.classNames([centerVerticalStyles, trailing ? leftPaddingStyles : ''])
-          }, {
-            children: trailing
-          })), jsxRuntime.jsx("div", Object.assign({
-            className: classNames.classNames([centerVerticalStyles, action ? leftPaddingStyles : ''])
-          }, {
-            children: action
-          }))]
-        }));
-      }
-
-      const columnsTemplate = columnsTemplateBuilder.join(' ');
-      const hasSecondRow = quaternary || navigation ? true : false;
-      return {
-        columnsTemplate,
-        firstCell,
-        secondCell,
-        lastCell,
-        hasSecondRow
-      };
-    }
-
-    const textVariants = {
-        primary: 'primary',
-        secondary: 'primary',
-        tertiary: 'secondary',
-        quaternary: 'secondary',
-        overline: 'secondary',
-        metadata: 'secondary'
-    };
-    const textSizes = {
-        primary: 'md',
-        secondary: 'sm',
-        tertiary: 'xs',
-        quaternary: 'sm',
-        overline: 'xs',
-        metadata: 'sm'
-    };
-    const textLineClamps = {
-        primary: undefined,
-        secondary: 2,
-        tertiary: 2,
-        quaternary: 2,
-        overline: 1,
-        metadata: 1
-    };
-    function ListItemText({ children, variant }) {
-        const { isTabbable } = hooks_UNSAFE_useTabbableMode.useTabbableMode();
-        const textContent = (jsxRuntime.jsx(Text.Text, Object.assign({ variant: textVariants[variant], size: textSizes[variant], lineClamp: textLineClamps[variant] }, { children: children })));
-        return isTabbable ? jsxRuntime.jsx("div", Object.assign({ tabIndex: 0 }, { children: textContent })) : textContent;
-    }
-
-    const flexColumnStyles = "flexColumnStyles-1rcc2xu";
-    function ListItemTextLayout({
-      primary,
-      secondary,
-      tertiary,
-      overline
-    }) {
-      return jsxRuntime.jsxs("div", Object.assign({
-        className: flexColumnStyles
-      }, {
-        children: [jsxRuntime.jsx(ListItemText, Object.assign({
-          variant: "overline"
-        }, {
-          children: overline
-        })), jsxRuntime.jsx(ListItemText, Object.assign({
-          variant: "primary"
-        }, {
-          children: primary
-        })), jsxRuntime.jsx(ListItemText, Object.assign({
-          variant: "secondary"
-        }, {
-          children: secondary
-        })), jsxRuntime.jsx(ListItemText, Object.assign({
-          variant: "tertiary"
-        }, {
-          children: tertiary
-        }))]
-      }));
-    }
-
-    exports.ListItemLayout = ListItemLayout;
-    exports.ListItemText = ListItemText;
-    exports.ListItemTextLayout = ListItemTextLayout;
-
-}));
-/*  */
-//# sourceMappingURL=ListItemTextLayout-f6a3d721.js.map

package/amd/ListView-3b9a3235.js

@@ -1,16 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', './PRIVATE_List', './List-26b59d92'], (function (exports, jsxRuntime, PRIVATE_List, List) { 'use strict';
-
-    /**
-     * Component that renders items as a flat list.
-     * This component is nom-virtualized and renders all rows provided in the data prop.
-     */
-    function ListView(props) {
-        return (jsxRuntime.jsx(List.List, Object.assign({ isVirtualized: false }, props, { children: props.children })));
-    }
-
-    exports.ListView = ListView;
-
-}));
-/*  */
-//# sourceMappingURL=ListView-3b9a3235.js.map

package/amd/LoadMoreCollection-b7513141.js

@@ -1,63 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './PRIVATE_Collection', './hooks/UNSAFE_useViewportIntersect', './Collection-55b75a82'], (function (exports, jsxRuntime, hooks, PRIVATE_Collection, hooks_UNSAFE_useViewportIntersect, Collection) { 'use strict';
-
-    const isDataStateValid = (dataState) => {
-        return dataState && dataState.data && dataState.offset >= 0 && dataState.totalSize >= 0;
-    };
-    const DEFAULT_MARGIN = 1;
-    const DEFAULT_FETCH_SIZE = 25;
-    const LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';
-    const LOAD_MORE_SELECTOR = `.${LOADMORE_STYLE_CLASS}`;
-    /**
-     * Component that only render items in the specified viewport.
-     * @param props
-     */
-    function LoadMoreCollection({ data, children, viewportConfig, onLoadRange, loadMoreIndicator, suggestions }) {
-        const rootRef = hooks.useRef(null);
-        const fetchSizeRef = hooks.useRef(-1);
-        // detect if viewport has changed and it needs to re-render based on a new range
-        hooks_UNSAFE_useViewportIntersect.useViewportIntersect(viewportConfig, DEFAULT_MARGIN, LOAD_MORE_SELECTOR, () => {
-            if (data) {
-                if (fetchSizeRef.current == null || fetchSizeRef.current <= 0) {
-                    fetchSizeRef.current = data.totalSize;
-                }
-                const fetchSize = fetchSizeRef.current && fetchSizeRef.current > 0
-                    ? fetchSizeRef.current
-                    : DEFAULT_FETCH_SIZE;
-                onLoadRange({
-                    offset: 0,
-                    count: data.totalSize + fetchSize
-                });
-            }
-        });
-        // override itemRenderer to adjust the index
-        const _getItemRenderer = (startIndex) => {
-            // returns a new render function
-            return (context) => {
-                const itemContext = {
-                    index: startIndex + context.index,
-                    data: context.data
-                };
-                return children(itemContext);
-            };
-        };
-        // if DataState is invalid (including not specified), just render blank
-        if (!data || !isDataStateValid(data)) {
-            return jsxRuntime.jsx("div", { ref: rootRef });
-        }
-        const dataState = data;
-        const rangeData = dataState.data;
-        const offset = dataState.offset;
-        const endIndex = offset + rangeData.length;
-        const itemCount = dataState.totalSize;
-        const renderLoadMore = loadMoreIndicator && dataState.sizePrecision === 'atLeast' && endIndex <= itemCount;
-        // 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("div", Object.assign({ ref: rootRef }, { children: [suggestions, jsxRuntime.jsx(Collection.Collection, Object.assign({ items: rangeData }, { children: _getItemRenderer(offset) })), renderLoadMore && jsxRuntime.jsx("div", Object.assign({ class: LOADMORE_STYLE_CLASS }, { children: loadMoreIndicator }))] })));
-    }
-
-    exports.LoadMoreCollection = LoadMoreCollection;
-
-}));
-/*  */
-//# sourceMappingURL=LoadMoreCollection-b7513141.js.map

package/amd/Menu-94ddd429.js

@@ -1,302 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Floating', './UNSAFE_Layer', './hooks/UNSAFE_useOutsideClick', './hooks/PRIVATE_useCollectionFocusRing', './utils/UNSAFE_mergeProps', 'module', './MenuItem-c263a7c0', './Floating-08ac18d2'], (function (exports, jsxRuntime, hooks, UNSAFE_Floating, UNSAFE_Layer, hooks_UNSAFE_useOutsideClick, hooks_PRIVATE_useCollectionFocusRing, utils_UNSAFE_mergeProps, linaria, MenuItem, Floating) { 'use strict';
-
-    /**
-     * @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
-     */
-    /**
-     * Hook for handling current key update due to user interaction including keyboard navigation.
-     *
-     * @param keyExtractor function to extract the key based on the provided element
-     * @param getPrevKey function to get the previous key based on the current key
-     * @param getNextKey function to get the next key based on the current key
-     * @param getFirstVisibleKey function to get the key of the first available item
-     * @param getLastVisibleKey function to get the key of the last available item
-     * @param currentKey the current key
-     * @param onChange function to invoke if the current key has changed
-     * @returns
-     */
-    function useMenuCurrentKey(keyExtractor, getPrevKey, getNextKey, getFirstVisibleKey, getLastVisibleKey, currentKey, onChange) {
-        const onKeyDown = hooks.useCallback((event) => {
-            if (onChange) {
-                // TODO: support horizontal layout on icon menu (left/right arrow key)
-                if (event.key === 'ArrowDown' && !event.shiftKey) {
-                    const nextKey = getNextKey();
-                    if (nextKey && currentKey != nextKey) {
-                        onChange({ value: nextKey });
-                    }
-                    event.preventDefault();
-                }
-                else if (event.key === 'ArrowUp' && !event.shiftKey) {
-                    const prevKey = getPrevKey();
-                    if (prevKey && currentKey != prevKey) {
-                        onChange({ value: prevKey });
-                    }
-                    event.preventDefault();
-                }
-                else if (event.key === 'Home') {
-                    const firstKey = getFirstVisibleKey();
-                    if (firstKey && currentKey != firstKey) {
-                        onChange({ value: firstKey });
-                    }
-                    event.preventDefault();
-                }
-                else if (event.key === 'End') {
-                    const lastKey = getLastVisibleKey();
-                    if (lastKey && currentKey != lastKey) {
-                        onChange({ value: lastKey });
-                    }
-                    event.preventDefault();
-                }
-            }
-        }, [currentKey, getNextKey, getPrevKey, onChange, getFirstVisibleKey, getLastVisibleKey]);
-        //Capture needed since usePress stop propagation, what produces not triggering this event.
-        //We can't stop propagation here, because if we do that, usePress onClick will not be triggered.
-        const onClickCapture = hooks.useCallback((event) => {
-            if (onChange && !event.shiftKey) {
-                const nextKey = keyExtractor(event.target);
-                if (nextKey && currentKey != nextKey) {
-                    onChange({ value: nextKey });
-                }
-            }
-        }, [currentKey, keyExtractor, onChange]);
-        const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };
-        return { currentKeyProps };
-    }
-
-    /**
-     * @license
-     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
-     * Licensed under The Universal Permissive License (UPL), Version 1.0
-     * as shown at https://oss.oracle.com/licenses/upl/
-     * @ignore
-     */
-    /**
-     * Returns the key from the item element
-     */
-    const getKey = (item) => {
-        // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the
-        // the actual menuItem we need to do a kebab to camel-case conversion.
-        return item.dataset['ojMenuItemKey'];
-    };
-    /**
-     * A helper function that return the key of the first available item.
-     */
-    const getFirstVisibleKey = (root) => {
-        if (root) {
-            const firstItem = root.querySelector('[data-oj-menu-item-key]');
-            if (firstItem) {
-                const key = getKey(firstItem);
-                if (key) {
-                    return key;
-                }
-            }
-        }
-        return null;
-    };
-    /**
-     * A helper function that return the key of the last available item.
-     */
-    const getLastVisibleKey = (root) => {
-        if (root) {
-            const items = root.querySelectorAll('[data-oj-menu-item-key]');
-            const lastItem = items[items.length - 1];
-            if (lastItem) {
-                const key = getKey(lastItem);
-                if (key) {
-                    return key;
-                }
-            }
-        }
-        return null;
-    };
-    /**
-     * A helper function that returns the key of the previous or the next item
-     * given the specified current key
-     */
-    const getPrevNextKey = (root, isPrev, currentKey) => {
-        return () => {
-            if (root) {
-                const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]'));
-                const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);
-                let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);
-                const itemsLastIndex = items.length - 1;
-                if (nextIndex < 0) {
-                    nextIndex = itemsLastIndex;
-                }
-                if (nextIndex > itemsLastIndex) {
-                    nextIndex = 0;
-                }
-                return getKey(items[nextIndex]) || null;
-            }
-            return null;
-        };
-    };
-    /**
-     * A helper function to get the key from an element
-     */
-    const keyExtractor = (element) => {
-        const item = element.closest('[data-oj-menu-item-key]');
-        if (item) {
-            const key = getKey(item);
-            return key === undefined ? null : key;
-        }
-        return null;
-    };
-    /**
-     * Function to get the corresponding keyboard behavior to close the menu.
-     */
-    const getKeyboardCloseProps = (onClose) => {
-        const onKeyDown = (event) => {
-            if (event.key === 'Tab') {
-                onClose === null || onClose === void 0 ? void 0 : onClose({ reason: 'tabbing' });
-                event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case
-            }
-            else if (event.key === 'Escape') {
-                onClose === null || onClose === void 0 ? void 0 : onClose({ reason: 'cancel' });
-            }
-        };
-        return { onKeyDown };
-    };
-    /**
-     * Function to get the corresponding specific behavior for clicking/touching down menuContainer
-     */
-    const getMenuPointerDown = () => {
-        const onPointerDown = (event) => {
-            //We just want to prevent default when element that was
-            //pressed down was not a menu item. Using this flag removes issues
-            //related to focus visibilty on "long press"
-            const nextKey = keyExtractor(event.target);
-            if (!nextKey) {
-                event.preventDefault();
-            }
-        };
-        return { onPointerDown };
-    };
-
-    const styles = {
-      // TODO: Handle vertical and horizontal overflow. Get rid of maxWidth on a next drop so horizontal and also vertical flow is handled correctly.
-      // It's hard to relay just in css, we might need to relay on some kind of observer. Maybe should be handled on Floating/Dropdown component.
-      floatingContainer: "floatingContainer-foamz5",
-      menuContainer: "menuContainer-1iufynz"
-    };
-    const Menu = ({
-      children,
-      isOpen = false,
-      anchorRef,
-      onClose,
-      accessibleLabel,
-      initialFocus = 'menu'
-    }) => {
-      const floatingRef = hooks.useRef(null);
-      const menuContainerRef = hooks.useRef(null);
-      const isOpenPrevValue = hooks.useRef();
-      const [currentKey, setCurrentKey] = hooks.useState();
-      const [possibleFocus, setPossibleFocus] = hooks.useState('pending');
-      const changeKey = hooks.useCallback(detail => {
-        setCurrentKey(detail.value);
-        setPossibleFocus('firstItem');
-      }, []);
-      const [showFocusRing, focusRingProps] = hooks_PRIVATE_useCollectionFocusRing.useCollectionFocusRing(elem => {
-        var _a;
-
-        return !!((_a = menuContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(elem));
-      }, ['ArrowUp', 'ArrowDown'], elem => {
-        const nextKey = keyExtractor(elem);
-        return !!nextKey;
-      });
-      const {
-        currentKeyProps
-      } = useMenuCurrentKey(element => keyExtractor(element), getPrevNextKey(menuContainerRef.current, true, currentKey), getPrevNextKey(menuContainerRef.current, false, currentKey), () => getFirstVisibleKey(menuContainerRef.current), () => getLastVisibleKey(menuContainerRef.current), currentKey, changeKey);
-      const useOutsideClickHandler = hooks.useCallback(e => {
-        onClose === null || onClose === void 0 ? void 0 : onClose({
-          reason: 'outsideClick',
-          target: e.target
-        });
-      }, [onClose]);
-      hooks_UNSAFE_useOutsideClick.useOutsideClick({
-        isDisabled: !isOpen,
-        ref: [floatingRef],
-        handler: useOutsideClickHandler
-      });
-      hooks.useEffect(() => {
-        if (isOpen === isOpenPrevValue.current) return;
-
-        if (isOpen) {
-          const menuContainer = menuContainerRef.current;
-
-          if (menuContainer) {
-            if (initialFocus === 'menu') {
-              // At this point floating has visibility set as hidden, so also menuContainer. Settimeout added so menuContainer
-              // is visible at that point and can be focused
-              setTimeout(() => {
-                menuContainer.focus();
-              }, 0);
-              setPossibleFocus('menu');
-            } else {
-              const firstItemKey = getFirstVisibleKey(menuContainerRef.current);
-
-              if (firstItemKey) {
-                changeKey({
-                  value: firstItemKey
-                });
-              } else {
-                setPossibleFocus('menu');
-              }
-            }
-          }
-        } else {
-          setPossibleFocus('pending');
-          setCurrentKey(undefined);
-        }
-
-        isOpenPrevValue.current = isOpen;
-      }, [isOpen, initialFocus, changeKey]); // TODO - Reuse a dropdown component instead of creating floating by ourselves.
-
-      return !isOpen ? null : jsxRuntime.jsx(UNSAFE_Layer.Layer, Object.assign({
-        logicalParentRef: anchorRef
-      }, {
-        children: jsxRuntime.jsx(Floating.Floating, Object.assign({
-          class: styles.floatingContainer,
-          ref: floatingRef,
-          anchorRef: anchorRef,
-          placement: "bottom-start",
-          offsetValue: {
-            mainAxis: 4,
-            crossAxis: 0
-          }
-        }, {
-          children: jsxRuntime.jsx(MenuItem.MenuContext.Provider, Object.assign({
-            value: {
-              onClose,
-              currentKey,
-              showFocusRing
-            }
-          }, {
-            children: jsxRuntime.jsx("div", Object.assign({
-              style: {
-                minWidth: `${anchorRef.current && anchorRef.current.offsetWidth > MENU_MIN_WIDTH ? anchorRef.current.offsetWidth : MENU_MIN_WIDTH}px`
-              },
-              ref: menuContainerRef,
-              tabIndex: possibleFocus === 'firstItem' ? -1 : 0,
-              role: "menu",
-              "aria-label": accessibleLabel,
-              class: styles.menuContainer
-            }, utils_UNSAFE_mergeProps.mergeProps(focusRingProps, currentKeyProps, getMenuPointerDown(), getKeyboardCloseProps(onClose)), {
-              children: children
-            }))
-          }))
-        }))
-      }));
-    };
-    const MENU_MIN_WIDTH = 200;
-
-    exports.Menu = Menu;
-
-}));
-/*  */
-//# sourceMappingURL=Menu-94ddd429.js.map

package/amd/Menu-94ddd429.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu-94ddd429.js","sources":["../../src/UNSAFE_Menu/useMenuCurrentKey.ts","../../src/UNSAFE_Menu/menuUtils.ts","../../src/UNSAFE_Menu/Menu.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 { useCallback } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n *\n * @param keyExtractor function to extract the key based on the provided element\n * @param getPrevKey function to get the previous key based on the current key\n * @param getNextKey function to get the next key based on the current key\n * @param getFirstVisibleKey function to get the key of the first available item\n * @param getLastVisibleKey function to get the key of the last available item\n * @param currentKey the current key\n * @param onChange function to invoke if the current key has changed\n * @returns\n */\nexport function useMenuCurrentKey(\n  keyExtractor: (element: HTMLElement) => string | null,\n  getPrevKey: () => string | null,\n  getNextKey: () => string | null,\n  getFirstVisibleKey: () => string | null,\n  getLastVisibleKey: () => string | null,\n  currentKey?: string,\n  onChange?: (detail: CurrentKeyDetail<string>) => void\n) {\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange) {\n        // TODO: support horizontal layout on icon menu (left/right arrow key)\n        if (event.key === 'ArrowDown' && !event.shiftKey) {\n          const nextKey = getNextKey();\n          if (nextKey && currentKey != nextKey) {\n            onChange({ value: nextKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'ArrowUp' && !event.shiftKey) {\n          const prevKey = getPrevKey();\n          if (prevKey && currentKey != prevKey) {\n            onChange({ value: prevKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'Home') {\n          const firstKey = getFirstVisibleKey();\n          if (firstKey && currentKey != firstKey) {\n            onChange({ value: firstKey });\n          }\n          event.preventDefault();\n        } else if (event.key === 'End') {\n          const lastKey = getLastVisibleKey();\n          if (lastKey && currentKey != lastKey) {\n            onChange({ value: lastKey });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [currentKey, getNextKey, getPrevKey, onChange, getFirstVisibleKey, getLastVisibleKey]\n  );\n  //Capture needed since usePress stop propagation, what produces not triggering this event.\n  //We can't stop propagation here, because if we do that, usePress onClick will not be triggered.\n  const onClickCapture = useCallback(\n    (event: MouseEvent) => {\n      if (onChange && !event.shiftKey) {\n        const nextKey = keyExtractor(event.target as HTMLElement);\n        if (nextKey && currentKey != nextKey) {\n          onChange({ value: nextKey });\n        }\n      }\n    },\n    [currentKey, keyExtractor, onChange]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };\n  return { currentKeyProps };\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 { ComponentProps } from 'preact';\n\nimport { Menu } from './Menu';\n\n/**\n * Returns the key from the item element\n */\nconst getKey = (item: HTMLElement) => {\n  // Key is set on data-oj-menu-item-key on each menuItem. To get this key from the\n  // the actual menuItem we need to do a kebab to camel-case conversion.\n  return item.dataset['ojMenuItemKey'];\n};\n\n/**\n * A helper function that return the key of the first available item.\n */\nexport const getFirstVisibleKey = (root: HTMLElement | null) => {\n  if (root) {\n    const firstItem = root.querySelector('[data-oj-menu-item-key]');\n    if (firstItem) {\n      const key = getKey(firstItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that return the key of the last available item.\n */\nexport const getLastVisibleKey = (root: HTMLElement | null) => {\n  if (root) {\n    const items = root.querySelectorAll('[data-oj-menu-item-key]');\n    const lastItem = items[items.length - 1];\n    if (lastItem) {\n      const key = getKey(lastItem as HTMLElement);\n      if (key) {\n        return key;\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nexport const getPrevNextKey = (root: HTMLElement | null, isPrev: boolean, currentKey?: string) => {\n  return (): string | null => {\n    if (root) {\n      const items = Array.from(root.querySelectorAll('[data-oj-menu-item-key]')) as HTMLElement[];\n      const currentKeyIndex = items.findIndex((item) => getKey(item) === currentKey);\n      let nextIndex = currentKeyIndex + (isPrev ? -1 : 1);\n      const itemsLastIndex = items.length - 1;\n      if (nextIndex < 0) {\n        nextIndex = itemsLastIndex;\n      }\n      if (nextIndex > itemsLastIndex) {\n        nextIndex = 0;\n      }\n      return getKey(items[nextIndex]) || null;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to get the key from an element\n */\nexport const keyExtractor = (element: HTMLElement): string | null => {\n  const item = element.closest('[data-oj-menu-item-key]');\n  if (item) {\n    const key = getKey(item as HTMLElement);\n    return key === undefined ? null : key;\n  }\n  return null;\n};\n\n/**\n * Function to get the corresponding keyboard behavior to close the menu.\n */\nexport const getKeyboardCloseProps = (onClose: ComponentProps<typeof Menu>['onClose']) => {\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      onClose?.({ reason: 'tabbing' });\n      event.preventDefault(); //TODO: Revisit this since we should let focus be at its natural flow, quick solution for now to focus correct item in main use case\n    } else if (event.key === 'Escape') {\n      onClose?.({ reason: 'cancel' });\n    }\n  };\n  return { onKeyDown };\n};\n\n/**\n * Function to get the corresponding specific behavior for clicking/touching down menuContainer\n */\nexport const getMenuPointerDown = () => {\n  const onPointerDown = (event: PointerEvent) => {\n    //We just want to prevent default when element that was\n    //pressed down was not a menu item. Using this flag removes issues\n    //related to focus visibilty on \"long press\"\n    const nextKey = keyExtractor(event.target as HTMLElement);\n    if (!nextKey) {\n      event.preventDefault();\n    }\n  };\n  return { onPointerDown };\n};\n\nexport type MenuValueUpdateDetail<T> = {\n  previousValue?: T;\n  value: T;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { RefObject, ComponentChildren } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { MenuContext } from './MenuContext';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n  getPrevNextKey,\n  getFirstVisibleKey,\n  keyExtractor,\n  getLastVisibleKey,\n  getKeyboardCloseProps,\n  getMenuPointerDown\n} from './menuUtils';\n\ntype MenuProps = {\n  /**\n   * Trigger element reference\n   */\n  anchorRef: RefObject<HTMLElement>;\n  /**\n   * Set of menu groups or menu items that menu will hold.Even though you could pass other type of children,\n   * is strongly recommended to use MenuItem, menu groups or components that return this type of components\n   * since passing other type of components children produces not desirable behaviors.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies if menu is opened.\n   */\n  isOpen?: boolean;\n  /**\n   * Property that triggers a callback when menu is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible menu.\n   */\n  accessibleLabel?: string;\n  /**\n   *  Determines focus behavior when the menu is opened.\n   */\n  initialFocus?: 'menu' | 'firstItem';\n};\n\ntype CloseDetail =\n  | {\n      reason: 'cancel' | 'tabbing' | 'itemAction';\n    }\n  | {\n      reason: 'outsideClick';\n      target: Element;\n    };\n\nconst styles = {\n  // TODO: Handle vertical and horizontal overflow. Get rid of maxWidth on a next drop so horizontal and also vertical flow is handled correctly.\n  // It's hard to relay just in css, we might need to relay on some kind of observer. Maybe should be handled on Floating/Dropdown component.\n  floatingContainer: cssProps`${{\n    maxWidth: '90vw',\n    width: 'max-content',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content)'\n  }}`,\n  menuContainer: cssProps`${{\n    outlineStyle: 'none',\n    // paddingTop and Bottom here so menuConatiner have same size as floatingContainer so click event has\n    // same clickable area and we can handle focus behavior\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`\n};\n\nexport const Menu = ({\n  children,\n  isOpen = false,\n  anchorRef,\n  onClose,\n  accessibleLabel,\n  initialFocus = 'menu'\n}: MenuProps) => {\n  const floatingRef = useRef<HTMLElement | null>(null);\n  const menuContainerRef = useRef<HTMLDivElement | null>(null);\n  const isOpenPrevValue = useRef<boolean>();\n\n  const [currentKey, setCurrentKey] = useState<string | undefined>();\n\n  const [possibleFocus, setPossibleFocus] = useState<'pending' | 'menu' | 'firstItem'>('pending');\n\n  const changeKey = useCallback((detail: CurrentKeyDetail<string>) => {\n    setCurrentKey(detail.value);\n    setPossibleFocus('firstItem');\n  }, []);\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!menuContainerRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown'],\n    (elem: Element) => {\n      const nextKey = keyExtractor(elem as HTMLElement);\n      return !!nextKey;\n    }\n  );\n\n  const { currentKeyProps } = useMenuCurrentKey(\n    (element) => keyExtractor(element),\n    getPrevNextKey(menuContainerRef.current, true, currentKey),\n    getPrevNextKey(menuContainerRef.current, false, currentKey),\n    () => getFirstVisibleKey(menuContainerRef.current),\n    () => getLastVisibleKey(menuContainerRef.current),\n    currentKey,\n    changeKey\n  );\n\n  const useOutsideClickHandler = useCallback(\n    (e: MouseEvent) => {\n      onClose?.({ reason: 'outsideClick', target: e.target as Element });\n    },\n    [onClose]\n  );\n\n  useOutsideClick({\n    isDisabled: !isOpen,\n    ref: [floatingRef],\n    handler: useOutsideClickHandler\n  });\n\n  useEffect(() => {\n    if (isOpen === isOpenPrevValue.current) return;\n\n    if (isOpen) {\n      const menuContainer = menuContainerRef.current;\n      if (menuContainer) {\n        if (initialFocus === 'menu') {\n          // At this point floating has visibility set as hidden, so also menuContainer. Settimeout added so menuContainer\n          // is visible at that point and can be focused\n          setTimeout(() => {\n            menuContainer.focus();\n          }, 0);\n          setPossibleFocus('menu');\n        } else {\n          const firstItemKey = getFirstVisibleKey(menuContainerRef.current);\n          if (firstItemKey) {\n            changeKey({ value: firstItemKey });\n          } else {\n            setPossibleFocus('menu');\n          }\n        }\n      }\n    } else {\n      setPossibleFocus('pending');\n      setCurrentKey(undefined);\n    }\n\n    isOpenPrevValue.current = isOpen;\n  }, [isOpen, initialFocus, changeKey]);\n\n  // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        class={styles.floatingContainer}\n        ref={floatingRef}\n        anchorRef={anchorRef}\n        placement=\"bottom-start\"\n        offsetValue={{\n          mainAxis: 4, //TODO: stable does not have a 4px gap, so we'll need to figure out how to make this themable.\n          crossAxis: 0\n        }}>\n        <MenuContext.Provider\n          value={{\n            onClose,\n            currentKey,\n            showFocusRing\n          }}>\n          <div\n            style={{\n              minWidth: `${\n                anchorRef.current && anchorRef.current.offsetWidth > MENU_MIN_WIDTH\n                  ? anchorRef.current.offsetWidth\n                  : MENU_MIN_WIDTH\n              }px`\n            }}\n            ref={menuContainerRef}\n            tabIndex={possibleFocus === 'firstItem' ? -1 : 0}\n            role=\"menu\"\n            aria-label={accessibleLabel}\n            class={styles.menuContainer}\n            {...mergeProps(\n              focusRingProps,\n              currentKeyProps,\n              getMenuPointerDown(),\n              getKeyboardCloseProps(onClose)\n            )}>\n            {children}\n          </div>\n        </MenuContext.Provider>\n      </Floating>\n    </Layer>\n  );\n};\n\nconst MENU_MIN_WIDTH = 200;\n"],"names":["useCallback","styles","Menu","children","isOpen","anchorRef","onClose","accessibleLabel","initialFocus","floatingRef","useRef","menuContainerRef","isOpenPrevValue","changeKey","detail","setCurrentKey","value","_a","current","contains","elem","nextKey","keyExtractor","currentKeyProps","useMenuCurrentKey","element","getPrevNextKey","currentKey","getFirstVisibleKey","getLastVisibleKey","useOutsideClickHandler","e","reason","target","useOutsideClick","handler","menuContainer","firstItemKey","_jsx","Layer","Object","assign","logicalParentRef","Floating","class","floatingContainer","ref","placement","offsetValue","mainAxis","crossAxis","MenuContext","Provider","minWidth","offsetWidth","MENU_MIN_WIDTH"],"mappings":"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"}

package/amd/MenuDivider-b9309ceb.js

@@ -1,19 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', 'module', './UNSAFE_Divider', './Divider-8cd412fd'], (function (exports, jsxRuntime, linaria, UNSAFE_Divider, Divider) { 'use strict';
-
-    const styles = {
-      menuDividerContainer: "menuDividerContainer-odlkf3"
-    };
-    function MenuDivider() {
-      return jsxRuntime.jsx("div", Object.assign({
-        class: styles.menuDividerContainer
-      }, {
-        children: jsxRuntime.jsx(Divider.Divider, {})
-      }));
-    }
-
-    exports.MenuDivider = MenuDivider;
-
-}));
-/*  */
-//# sourceMappingURL=MenuDivider-b9309ceb.js.map