@oracle/oraclejet-preact 18.1.4 → 18.1.6

package/es/MessageToast-f9b0a234.js

@@ -1,241 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, jsxs } from 'preact/jsx-runtime';
-import { useRef, useState, useImperativeHandle, useCallback, useEffect } from 'preact/hooks';
-import './LayerHost-e6402730.js';
-import { E as EnvironmentProvider } from './EnvironmentProvider-bada8909.js';
-import { u as useMessageFocusManager } from './useMessagesFocusManager-da254907.js';
-import { u as useBreakpointValues } from './useBreakpointValues-de03c6fa.js';
-import './MessagesContext-76544845.js';
-import { u as useMessagesContext } from './useMessagesContext-9e1dbe91.js';
-import { u as useTranslationBundle } from './useTranslationBundle-09302c20.js';
-import { M as Message } from './Message-b9e16c1c.js';
-import 'preact';
-import { x as xUnits } from './utils-a4102e03.js';
-import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
-import { u as useTestId } from './useTestId-9b504481.js';
-import './TooltipContentStyles.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-768450a7.js';
-import './IconStyle.styles.css';
-import './IconButton-f3f7af21.js';
-import './MessageStyles.styles.css';
-import './MessageFormattingUtils-34c9b1aa.js';
-import { b as MessagesManager, g as getRenderer } from './MessagesManager-91ade5dc.js';
-import { F as Flex } from './Flex-ce31b351.js';
-import { F as FocusTrap } from './FocusTrap-9e80c124.js';
-import { L as LiveRegion } from './LiveRegion-b56a1aa2.js';
-import { MessageToastRedwoodTheme } from './UNSAFE_MessageToast/themes/redwood/MessageToastTheme.js';
-import { M as MessageLayer } from './MessageLayer-7e3184aa.js';
-
-/**
- * Animation states for toast messages
- * TODO: Get this from theme context provider
- */
-const animationStates = {
-    entering: (node) => ({
-        from: {
-            transform: `translate(0, ${node.offsetHeight}px)`,
-            opacity: 1
-        },
-        to: {
-            transform: 'translate(0, 0)',
-            opacity: 1
-        },
-        end: {
-            transform: 'unset',
-            opacity: 1
-        },
-        options: {
-            duration: 250
-        }
-    }),
-    exiting: {
-        from: {
-            opacity: 1
-        },
-        to: {
-            opacity: 0
-        },
-        end: {
-            opacity: 0
-        },
-        options: {
-            duration: 250
-        }
-    }
-};
-const initialAnimationStyles = {
-    opacity: 0
-};
-/**
- * Message toasts are short, non-critical, auto-dismissible messages that communicate non-disruptive contextual messages.
- */
-function MessageToast({ data, detailRendererKey, iconRendererKey, renderers, onClose, offset, position, testId }) {
-    const testIdProps = useTestId(testId);
-    const messagesRef = useRef(new Map());
-    const autoFocusRef = useRef(null);
-    const containerDivRef = useRef(null);
-    const focusHandleRef = useRef(null);
-    const [liveRegionText, setLiveRegionText] = useState();
-    const [shouldRender, setShouldRender] = useState(data.length > 0);
-    const [shouldTrapFocus, setShouldTrapFocus] = useState(false);
-    const translations = useTranslationBundle('@oracle/oraclejet-preact');
-    const { UNSAFE_messagesLayerId } = useMessagesContext();
-    // We need a ref that holds the current & previous data length, as the exiting
-    // node will always call handleNextFocus with previous data.
-    // As in TransitionGroup, when an item is removed from the data, a new vnode
-    // will not be created instead previous vnode will be used. So, the new handleNextFocus
-    // will not be called when the old vnode exits. Thus, we will be using a ref
-    // to always get the correct current data length.
-    const dataLengthRef = useRef(data.length);
-    const prevDataLengthRef = useRef(0);
-    // Update the data length ref
-    dataLengthRef.current = data.length;
-    // Update the focusHandleRef
-    useImperativeHandle(focusHandleRef, () => ({
-        focus: () => {
-            // Only trigger focus if the component is rendering messages
-            if (data.length) {
-                // set the autoFocus ref to the first message and enable the focus trap
-                // this will automatically focus the first message
-                autoFocusRef.current = messagesRef.current.get(data[0].key) ?? null;
-                setShouldTrapFocus(true);
-                return true;
-            }
-            return false;
-        },
-        contains: (element) => {
-            // Only invoke method if the component is rendering messages
-            if (data.length && element) {
-                return containerDivRef.current?.contains(element) ?? false;
-            }
-            return false;
-        }
-    }), [data]);
-    // Register handlers for focus management
-    const { controller, handlers } = useMessageFocusManager(focusHandleRef, {
-        onFocus: useCallback(() => {
-            setLiveRegionText(translations.message_navigationFromMessagesRegion());
-        }, [translations]),
-        onFocusLeave: useCallback(() => {
-            // disable trap which should revert the focus back to the last focused item
-            setShouldTrapFocus(false);
-        }, [])
-    }, {
-        // we do not want the focus manager to handle Esc key as we handle it using the
-        // FocusTrap here
-        handleEscapeKey: false
-    });
-    /**
-     * Handles focus when a message is closed and animated away from the DOM
-     * @param key The key of the message
-     * @param index The index of the message
-     */
-    const handleNextFocus = useCallback((_key, index, closedMessageNode) => {
-        const isClosedMessageFocused = closedMessageNode?.contains(document.activeElement);
-        // If there are no messages, do not render anything. As the old messages
-        // are still in the DOM, use the data count to determine what to do next as it
-        // represents the next state.
-        if (dataLengthRef.current === 0) {
-            setShouldRender(false);
-            setShouldTrapFocus(false);
-            // If the current message holds focus, then restore previous focus
-            if (isClosedMessageFocused) {
-                // As we have FocusTrap, trying to restore focus now will simply result in focus being pulled
-                // back again. So, we restore the focus in the next tick so that the rendering will have been
-                // done in the microtask.
-                setTimeout(() => controller.restorePriorFocus(), 0);
-            }
-            return;
-        }
-        // In TransitionGroup, when an item is removed from the data, a new vnode
-        // will not be created instead previous vnode will be used. So, the new handleNextFocus
-        // will not be called when the old vnode exits. Thus, all the deps will not be pointing to
-        // the current references, rather they will be pointing to the ones where this vnode
-        // last existed in the data.
-        // This means, the data will contain the closing message as well. But, all the ref objects
-        // still point to the most up-to-date values. With that in mind, we will be evaluating the
-        // following values.
-        const renderedMessagesCount = data.length;
-        // Now that this message is closed, focus the next message that will take this index. If no
-        // message will take this message's index, then it means that this is the last message. If
-        // that is the case, focus the message at the previous index.
-        // Use the count of the messages that are currently shown in the UI (current state including
-        // the message that will be removed). This way we can get the correct item from the data
-        // as it will contain the closing message as well.
-        const nextMessageIndexToFocus = index + 1 < renderedMessagesCount ? index + 1 : index - 1;
-        // if next message is available then transfer the focus to the next element
-        if (nextMessageIndexToFocus > -1 && isClosedMessageFocused) {
-            const nextMessageKey = data[nextMessageIndexToFocus].key;
-            messagesRef.current.get(nextMessageKey)?.focus();
-        }
-    }, [controller, data]);
-    // We will be using a function based ref to store the refs in the Map
-    const setHTMLDivElement = useCallback(
-    // TODO: use ramda.curry here (currently it is throwing ts error when used with generics)
-    (key) => {
-        return (ref) => messagesRef.current.set(key, ref);
-    }, []);
-    // Prioritize this component whenever the data changes and
-    // the new data has at least one message
-    useEffect(() => {
-        const previousDataLength = prevDataLengthRef.current;
-        prevDataLengthRef.current = data.length;
-        // if there are messages that need to be rendered now, then do the following deeds:
-        // 1. set the shouldRender flag
-        // 2. set the live region
-        // 3. prioritize this message component to be the latest
-        if (data.length) {
-            // set state to render content whenever the data is not empty
-            setShouldRender(true);
-            if (data.length > previousDataLength) {
-                // Only when having a new message, update the aria-live area with the
-                // text to indicate how to get the focus to the new message.
-                setLiveRegionText(translations.message_navigationToMessagesRegion());
-            }
-            controller.prioritize();
-            return;
-        }
-        // if there were messages and now removed, then set the live region to
-        // announce this information
-        if (previousDataLength) {
-            setLiveRegionText(translations.messageToast_allMessagesClosed());
-            return;
-        }
-        // When there are no messages, clear the live region so that
-        // the navigation text will be read when a new message appear
-        setLiveRegionText('');
-    }, [controller, data.length, translations]);
-    // determine responsive max-width
-    const maxWidth = useBreakpointValues({
-        sm: `calc(100vw - ${xUnits(8)})`,
-        md: `calc(100vw - ${xUnits(12)})`,
-        lg: `calc(150 * ${xUnits(1)})`
-    });
-    // without offset, the messages will be hugging the vertical edges of the screen
-    // so we will set a default offset.vertical value (any offset from the props will be
-    // added to this).
-    const paddedOffset = useBreakpointValues({
-        sm: {
-            horizontal: typeof offset === 'number' ? offset : offset?.horizontal ?? 0,
-            vertical: 16 + (typeof offset === 'number' ? offset : offset?.vertical ?? 0)
-        },
-        lg: {
-            horizontal: typeof offset === 'number' ? offset : offset?.horizontal ?? 0,
-            vertical: 24 + (typeof offset === 'number' ? offset : offset?.vertical ?? 0)
-        }
-    });
-    const { classes } = useComponentTheme(MessageToastRedwoodTheme);
-    // When both shouldRender flag is false and no data to render, do not render
-    // anything except the live region
-    if (!shouldRender && data.length === 0) {
-        return jsx(LiveRegion, { children: liveRegionText });
-    }
-    // TODO - Message Toast shouldn't always render as 'dark', it should be the inverse of the root environment context
-    // See JET-57590
-    return (jsxs(EnvironmentProvider, { environment: { colorScheme: 'dark' }, children: [jsx(MessageLayer, { offset: paddedOffset, position: position, children: jsx("div", { class: classes, ref: containerDivRef, tabIndex: -1, id: UNSAFE_messagesLayerId, ...handlers, ...testIdProps, children: jsx(FocusTrap, { autoFocusRef: autoFocusRef, isDisabled: !shouldTrapFocus, children: jsx(Flex, { direction: "column", gap: "1x", align: "center", maxWidth: maxWidth, children: jsx(MessagesManager, { animationStates: animationStates, initialAnimationStyles: initialAnimationStyles, data: data, onMessageWillRemove: handleNextFocus, children: ({ item }) => (jsx(Message, { messageRef: setHTMLDivElement(item.key), item: item, detailRenderer: getRenderer(item, detailRendererKey, renderers), iconRenderer: getRenderer(item, iconRendererKey, renderers), onClose: onClose, variant: "toast" }, item.key)) }) }) }) }) }), jsx(LiveRegion, { children: liveRegionText })] }));
-}
-
-export { MessageToast as M };
-//# sourceMappingURL=MessageToast-f9b0a234.js.map

package/es/MessageToast-f9b0a234.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageToast-f9b0a234.js","sources":["../../src/UNSAFE_MessageToast/MessageToast.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 */\n\nimport type { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'preact/hooks';\nimport { EnvironmentProvider } from '../UNSAFE_Environment';\nimport {\n  FocusableComponentHandle,\n  useMessageFocusManager\n} from '../hooks/PRIVATE_useMessagesFocusManager';\nimport { useBreakpointValues } from '../hooks/UNSAFE_useBreakpointValues';\nimport { useMessagesContext } from '../hooks/UNSAFE_useMessagesContext';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getRenderer, Message, MessagesManager } from '../PRIVATE_Message';\nimport { MessageLayer } from '../PRIVATE_MessageLayer';\nimport { BundleType } from '../resources/nls/bundle';\nimport { Flex } from '../UNSAFE_Flex';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { Item, ItemMetadata } from '../utils/UNSAFE_dataProvider';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MessageToastRedwoodTheme } from './themes/redwood/MessageToastTheme';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { xUnits } from '#UNSAFE_Theme';\n\n// TODO: refactor types so we don't repeat them here and MessageLayer\n// \nconst positions = [\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n] as const;\n\ntype Position = (typeof positions)[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\n// TODO: Refactor Message Item types\n// \n\n/**\n * An object representing a single message in MessageToast component.\n */\nexport type MessageToastItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   *\n   * @default 'error'\n   */\n  severity?: 'none' | 'error' | 'warning' | 'confirmation' | 'info';\n\n  /**\n   * Defines the sound to be played when opening the message\n   *\n   * @default 'none'\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the time after which the message is to be closed automatically\n   *\n   * on - default of 5s\n   * off - no auto timeout, manually dismissed\n   * number - seconds in milliseconds format\n   *\n   * @default 'off'\n   */\n  autoTimeout?: 'on' | 'off' | number;\n};\n\n/**\n * Structure of data item passed to the renderers\n */\nexport type MessageToastRendererDataItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n\ntype Props<Key, Data> = TestIdProps & {\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * Data for the MessageToast component. This data is used for rendering each toast message.\n   * The key for each message will be configured using the key of the corresponding item. This way,\n   * the component will know whether a new message is being added or an existing message is being updated/removed\n   * when the new data comes in.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The application\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message closed. If the application\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component and the message will stay in the UI opened.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of a renderer to use for rendering the detail content.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the detail content for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's detail content. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the detail content using the detail property of the corresponding message.\n   *\n   * If an application specifies both detail and a valid detailRendererKey, the detailRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the detail content.\n   */\n  detailRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of the renderer to use for rendering the start icon.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the start icon for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's start icon. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the start icon using the severity property of the corresponding message.\n   *\n   * If an application specifies both severity and a valid iconRendererKey, the iconRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the start icon.\n   */\n  iconRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * A set of available renderers for rendering the message content. Which renderer is used\n   * for rendering which content will be decided by specific properties in the row data.\n   */\n  renderers?: Record<string, (data: MessageToastRendererDataItem<Key, Data>) => ComponentChildren>;\n};\n\n/**\n * Animation states for toast messages\n * TODO: Get this from theme context provider\n */\nconst animationStates: ComponentProps<typeof MessagesManager>['animationStates'] = {\n  entering: (node) => ({\n    from: {\n      transform: `translate(0, ${node.offsetHeight}px)`,\n      opacity: 1\n    },\n    to: {\n      transform: 'translate(0, 0)',\n      opacity: 1\n    },\n    end: {\n      transform: 'unset',\n      opacity: 1\n    },\n    options: {\n      duration: 250\n    }\n  }),\n  exiting: {\n    from: {\n      opacity: 1\n    },\n    to: {\n      opacity: 0\n    },\n    end: {\n      opacity: 0\n    },\n    options: {\n      duration: 250\n    }\n  }\n};\nconst initialAnimationStyles = {\n  opacity: 0\n} as const;\n\n/**\n * Message toasts are short, non-critical, auto-dismissible messages that communicate non-disruptive contextual messages.\n */\n\nexport function MessageToast<K extends string | number, D extends MessageToastItem>({\n  data,\n  detailRendererKey,\n  iconRendererKey,\n  renderers,\n  onClose,\n  offset,\n  position,\n  testId\n}: Props<K, D>) {\n  const testIdProps = useTestId(testId);\n  const messagesRef = useRef(new Map<K, HTMLDivElement | null>());\n  const autoFocusRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement | null>;\n  const containerDivRef = useRef<HTMLDivElement>(null);\n  const focusHandleRef = useRef<FocusableComponentHandle>(null);\n  const [liveRegionText, setLiveRegionText] = useState<string>();\n  const [shouldRender, setShouldRender] = useState(data.length > 0);\n  const [shouldTrapFocus, setShouldTrapFocus] = useState(false);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const { UNSAFE_messagesLayerId } = useMessagesContext();\n\n  // We need a ref that holds the current & previous data length, as the exiting\n  // node will always call handleNextFocus with previous data.\n  // As in TransitionGroup, when an item is removed from the data, a new vnode\n  // will not be created instead previous vnode will be used. So, the new handleNextFocus\n  // will not be called when the old vnode exits. Thus, we will be using a ref\n  // to always get the correct current data length.\n  const dataLengthRef = useRef(data.length);\n  const prevDataLengthRef = useRef(0);\n  // Update the data length ref\n  dataLengthRef.current = data.length;\n\n  // Update the focusHandleRef\n  useImperativeHandle(\n    focusHandleRef,\n    () => ({\n      focus: () => {\n        // Only trigger focus if the component is rendering messages\n        if (data.length) {\n          // set the autoFocus ref to the first message and enable the focus trap\n          // this will automatically focus the first message\n          autoFocusRef.current = messagesRef.current.get(data[0].key) ?? null;\n          setShouldTrapFocus(true);\n          return true;\n        }\n        return false;\n      },\n      contains: (element: Element) => {\n        // Only invoke method if the component is rendering messages\n        if (data.length && element) {\n          return containerDivRef.current?.contains(element) ?? false;\n        }\n        return false;\n      }\n    }),\n    [data]\n  );\n\n  // Register handlers for focus management\n  const { controller, handlers } = useMessageFocusManager(\n    focusHandleRef,\n    {\n      onFocus: useCallback(() => {\n        setLiveRegionText(translations.message_navigationFromMessagesRegion());\n      }, [translations]),\n      onFocusLeave: useCallback(() => {\n        // disable trap which should revert the focus back to the last focused item\n        setShouldTrapFocus(false);\n      }, [])\n    },\n    {\n      // we do not want the focus manager to handle Esc key as we handle it using the\n      // FocusTrap here\n      handleEscapeKey: false\n    }\n  );\n\n  /**\n   * Handles focus when a message is closed and animated away from the DOM\n   * @param key The key of the message\n   * @param index The index of the message\n   */\n  const handleNextFocus = useCallback(\n    (_key: K, index: number, closedMessageNode?: Element) => {\n      const isClosedMessageFocused = closedMessageNode?.contains(document.activeElement);\n\n      // If there are no messages, do not render anything. As the old messages\n      // are still in the DOM, use the data count to determine what to do next as it\n      // represents the next state.\n      if (dataLengthRef.current === 0) {\n        setShouldRender(false);\n        setShouldTrapFocus(false);\n        // If the current message holds focus, then restore previous focus\n        if (isClosedMessageFocused) {\n          // As we have FocusTrap, trying to restore focus now will simply result in focus being pulled\n          // back again. So, we restore the focus in the next tick so that the rendering will have been\n          // done in the microtask.\n          setTimeout(() => controller.restorePriorFocus(), 0);\n        }\n        return;\n      }\n\n      // In TransitionGroup, when an item is removed from the data, a new vnode\n      // will not be created instead previous vnode will be used. So, the new handleNextFocus\n      // will not be called when the old vnode exits. Thus, all the deps will not be pointing to\n      // the current references, rather they will be pointing to the ones where this vnode\n      // last existed in the data.\n      // This means, the data will contain the closing message as well. But, all the ref objects\n      // still point to the most up-to-date values. With that in mind, we will be evaluating the\n      // following values.\n      const renderedMessagesCount = data.length;\n\n      // Now that this message is closed, focus the next message that will take this index. If no\n      // message will take this message's index, then it means that this is the last message. If\n      // that is the case, focus the message at the previous index.\n      // Use the count of the messages that are currently shown in the UI (current state including\n      // the message that will be removed). This way we can get the correct item from the data\n      // as it will contain the closing message as well.\n      const nextMessageIndexToFocus = index + 1 < renderedMessagesCount ? index + 1 : index - 1;\n\n      // if next message is available then transfer the focus to the next element\n      if (nextMessageIndexToFocus > -1 && isClosedMessageFocused) {\n        const nextMessageKey = data[nextMessageIndexToFocus].key;\n        messagesRef.current.get(nextMessageKey)?.focus();\n      }\n    },\n    [controller, data]\n  );\n\n  // We will be using a function based ref to store the refs in the Map\n  const setHTMLDivElement = useCallback(\n    // TODO: use ramda.curry here (currently it is throwing ts error when used with generics)\n    (key: K) => {\n      return (ref: HTMLDivElement | null) => messagesRef.current.set(key, ref);\n    },\n    []\n  );\n  // Prioritize this component whenever the data changes and\n  // the new data has at least one message\n  useEffect(() => {\n    const previousDataLength = prevDataLengthRef.current;\n    prevDataLengthRef.current = data.length;\n\n    // if there are messages that need to be rendered now, then do the following deeds:\n    // 1. set the shouldRender flag\n    // 2. set the live region\n    // 3. prioritize this message component to be the latest\n    if (data.length) {\n      // set state to render content whenever the data is not empty\n      setShouldRender(true);\n      if (data.length > previousDataLength) {\n        // Only when having a new message, update the aria-live area with the\n        // text to indicate how to get the focus to the new message.\n        setLiveRegionText(translations.message_navigationToMessagesRegion());\n      }\n      controller.prioritize();\n      return;\n    }\n\n    // if there were messages and now removed, then set the live region to\n    // announce this information\n    if (previousDataLength) {\n      setLiveRegionText(translations.messageToast_allMessagesClosed());\n      return;\n    }\n\n    // When there are no messages, clear the live region so that\n    // the navigation text will be read when a new message appear\n    setLiveRegionText('');\n  }, [controller, data.length, translations]);\n\n  // determine responsive max-width\n  const maxWidth = useBreakpointValues<Size>({\n    sm: `calc(100vw - ${xUnits(8)})`,\n    md: `calc(100vw - ${xUnits(12)})`,\n    lg: `calc(150 * ${xUnits(1)})`\n  });\n  // without offset, the messages will be hugging the vertical edges of the screen\n  // so we will set a default offset.vertical value (any offset from the props will be\n  // added to this).\n  const paddedOffset = useBreakpointValues<Offset>({\n    sm: {\n      horizontal: typeof offset === 'number' ? offset : offset?.horizontal ?? 0,\n      vertical: 16 + (typeof offset === 'number' ? offset : offset?.vertical ?? 0)\n    },\n    lg: {\n      horizontal: typeof offset === 'number' ? offset : offset?.horizontal ?? 0,\n      vertical: 24 + (typeof offset === 'number' ? offset : offset?.vertical ?? 0)\n    }\n  });\n\n  const { classes } = useComponentTheme(MessageToastRedwoodTheme);\n\n  // When both shouldRender flag is false and no data to render, do not render\n  // anything except the live region\n  if (!shouldRender && data.length === 0) {\n    return <LiveRegion>{liveRegionText}</LiveRegion>;\n  }\n\n  // TODO - Message Toast shouldn't always render as 'dark', it should be the inverse of the root environment context\n  // See JET-57590\n  return (\n    <EnvironmentProvider environment={{ colorScheme: 'dark' }}>\n      <MessageLayer offset={paddedOffset} position={position}>\n        <div\n          class={classes}\n          ref={containerDivRef}\n          tabIndex={-1} // Need to add tabindex to make the container receive the focus events\n          id={UNSAFE_messagesLayerId}\n          {...handlers}\n          {...testIdProps}>\n          <FocusTrap autoFocusRef={autoFocusRef} isDisabled={!shouldTrapFocus}>\n            <Flex direction=\"column\" gap=\"1x\" align=\"center\" maxWidth={maxWidth}>\n              <MessagesManager\n                animationStates={animationStates}\n                initialAnimationStyles={initialAnimationStyles}\n                data={data}\n                onMessageWillRemove={handleNextFocus}>\n                {({ item }) => (\n                  <Message\n                    messageRef={setHTMLDivElement(item.key)}\n                    item={item}\n                    detailRenderer={getRenderer(item, detailRendererKey, renderers)}\n                    iconRenderer={getRenderer(item, iconRendererKey, renderers)}\n                    key={item.key}\n                    onClose={onClose}\n                    variant=\"toast\"\n                  />\n                )}\n              </MessagesManager>\n            </Flex>\n          </FocusTrap>\n        </div>\n      </MessageLayer>\n      <LiveRegion>{liveRegionText}</LiveRegion>\n    </EnvironmentProvider>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/es/Modal-24a0bf4b.js

@@ -1,288 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, jsxs } from 'preact/jsx-runtime';
-import { forwardRef, useRef, useEffect } from 'preact/compat';
-import { u as useModal } from './useModal-953082f2.js';
-import { L as Layer } from './Layer-446bf21e.js';
-import './LayerHost-e6402730.js';
-import { multiVariantStyles, baseStyle } from './UNSAFE_Modal/themes/ModalStyles.css.js';
-import { a as allTabbableElements, f as focusWithin } from './tabbableUtils-6ceb767f.js';
-import { i as isLogicalAncestor } from './popupUtils-58411a98.js';
-
-const ModalBackdrop = forwardRef(({ variant = 'scrim' }, ref) => {
-    const variantClasses = multiVariantStyles({
-        backdrop: variant === 'transparent' ? 'transparent' : 'scrim'
-    });
-    return jsx("div", { ref: ref, class: variantClasses });
-});
-
-class ModalManager {
-    constructor() {
-        /**
-         * A flag indicating that the ModalManager's focus handler is installed
-         */
-        this.isFocusHandlerActive = false;
-        /**
-         * A focus handler to keep focus in the top-most modal.
-         */
-        this.focusHandler = (event) => {
-            const topModal = this.getTopModal();
-            const target = event.target;
-            // if there is an open modal and valid focus event target...
-            if (topModal && target) {
-                const modalElement = topModal.modalRef;
-                if (modalElement &&
-                    !modalElement.contains(target) &&
-                    !isLogicalAncestor(modalElement, target) &&
-                    !this._parentLayerContainsNode(modalElement, target)) {
-                    // Focus is outside of the top modal container, let's try to fix it
-                    const tabbableElements = allTabbableElements(modalElement);
-                    if (tabbableElements.length > 0) {
-                        // re-directing focus to the element inside top modal
-                        focusWithin(modalElement);
-                        event.preventDefault();
-                        event.stopPropagation();
-                    }
-                }
-            }
-        };
-        this.getTopModal = () => {
-            return this.modals.length > 0 ? this.modals[this.modals.length - 1] : null;
-        };
-        // TODO: replace with a proper API
-        /**
-         * Checks if the legacy popup service is available
-         */
-        this.islegacyLayerSupportAvailable = () => {
-            return document.getElementById('__oj_zorder_container') !== null;
-        };
-        this.modals = [];
-        this.styleBackup = [];
-    }
-    /**
-     * Registers a modal with ModalManager
-     *
-     * @param modal
-     * @returns
-     */
-    push(modal) {
-        const modalIndex = this._findModalIndex(modal);
-        if (modalIndex !== -1) {
-            // Do not try to register the same modal multiple times
-            return;
-        }
-        this.modals.push(modal);
-        // if this is the first modal in the container, block container scrolling
-        if (this.modals.length === 1) {
-            const ownerDocument = this._getOwnerDocument(modal.modalRef);
-            const scrollContainer = ownerDocument.body;
-            const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;
-            if (scrollBarWidth > 1) {
-                // in RTL, scrollbar is on the left
-                const scrollBarLeft = Math.round(document.documentElement.getBoundingClientRect().left) +
-                    document.documentElement.scrollLeft;
-                if (scrollBarLeft) {
-                    this.styleBackup.push({
-                        property: 'padding-left',
-                        value: scrollContainer.style.paddingLeft
-                    });
-                    scrollContainer.style.paddingLeft = `${scrollBarWidth}px`;
-                }
-                else {
-                    this.styleBackup.push({
-                        property: 'padding-right',
-                        value: scrollContainer.style.paddingRight
-                    });
-                    scrollContainer.style.paddingRight = `${scrollBarWidth}px`;
-                }
-            }
-            this.styleBackup.push({ property: 'overflow', value: scrollContainer.style.overflow });
-            this.styleBackup.push({ property: 'overflow-x', value: scrollContainer.style.overflowX });
-            this.styleBackup.push({ property: 'overflow-y', value: scrollContainer.style.overflowY });
-            scrollContainer.style.overflow = 'hidden';
-        }
-        // also install the focus handler when the first modal becomes active
-        if (this.modals.length === 1 && !this.islegacyLayerSupportAvailable()) {
-            document.addEventListener('focus', this.focusHandler, true);
-            this.isFocusHandlerActive = true;
-        }
-    }
-    /**
-     * Unegisters a modal from ModalManager
-     *
-     * @param modal
-     * @returns
-     */
-    pop(modal) {
-        const modalIndex = this._findModalIndex(modal);
-        if (modalIndex === -1) {
-            // modal to be removed not found!'
-            return;
-        }
-        if (modalIndex !== this.modals.length - 1) {
-            // trying to remove modal out of order!
-            return;
-        }
-        // remove the focus handler when the last modal is about to be removed
-        if (this.isFocusHandlerActive && this.modals.length === 1) {
-            document.removeEventListener('focus', this.focusHandler, true);
-        }
-        this.modals.pop();
-        // if this was the last modal in the container, restore its overflow props
-        if (this.modals.length === 0) {
-            const ownerDocument = this._getOwnerDocument(modal.modalRef);
-            const scrollContainer = ownerDocument.body;
-            this.styleBackup.forEach(({ property, value }) => {
-                scrollContainer.style.setProperty(property, value);
-            });
-        }
-    }
-    isTopModal(modal) {
-        return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;
-    }
-    _findModalIndex(modal) {
-        let index = -1;
-        this.modals.forEach((elem, idx) => {
-            if (elem === modal) {
-                index = idx;
-                return;
-            }
-        });
-        return index;
-    }
-    _getOwnerDocument(node) {
-        return (node && node.ownerDocument) || document;
-    }
-    /**
-     * Checks of the modal's layer contains the target node
-     * @param modalElement modal element
-     * @param node target node
-     * @returns true, if the modal layer contains the node
-     */
-    _parentLayerContainsNode(modalElement, node) {
-        const parentLayer = modalElement.closest('[data-oj-layer]');
-        if (parentLayer && parentLayer.contains(node)) {
-            return true;
-        }
-        return false;
-    }
-}
-
-// Global ModalManager singleton instance
-const globalModalManager = new ModalManager();
-/**
- * Returns an array of element's siblings.
- *
- * @param elem
- * @returns
- */
-function getSiblings(elem) {
-    const siblings = [];
-    let sibling = elem.previousSibling;
-    while (sibling != null) {
-        if (sibling.nodeType === 1) {
-            siblings.push(sibling);
-        }
-        sibling = sibling.previousSibling;
-    }
-    sibling = elem.nextSibling;
-    while (sibling != null) {
-        if (sibling.nodeType === 1) {
-            siblings.push(sibling);
-        }
-        sibling = sibling.nextSibling;
-    }
-    return siblings;
-}
-/**
- * Sets aria-hidden=true on Modal ancestors and siblings.
- *
- * @param modal
- * @returns An array of modified elements.
- */
-function setAriaHiddenOnBackgroundElements(modal) {
-    if (!modal) {
-        return [];
-    }
-    const ariaHiddenElements = [];
-    let node = modal.parentElement;
-    do {
-        if (!node) {
-            break;
-        }
-        const siblings = getSiblings(node);
-        siblings.forEach((elem) => {
-            if (elem.tagName.toLowerCase() !== 'script' && elem.getAttribute('aria-hidden') !== 'true') {
-                ariaHiddenElements.push(elem);
-                elem.setAttribute('aria-hidden', 'true');
-            }
-        });
-        node = node.parentElement;
-    } while (node && node.tagName.toLowerCase() !== 'body');
-    return ariaHiddenElements;
-}
-/**
- * Resets the aria-hidden state on previously aria-hidden elements.
- *
- * @param elements
- */
-function resetAriaHiddenOnBackgroundElements(elements) {
-    elements.forEach((elem) => {
-        elem.removeAttribute('aria-hidden');
-    });
-}
-/**
- * Modal is a low-level component that provides the 'modality' feature with built-in overlay (scrim).
- * It is typically used for building higher-level components (such as 'Dialog' or 'Popup') that need
- * to support modal behavior preventing interaction with the rest of the page while the modal is open.
- */
-const Modal = ({ children, isOpen, onBackdropClick, backdropVariant }) => {
-    // get the global ModalContext instance
-    const modalManager = globalModalManager;
-    const { backdropRef } = useModal({ isOpen, onBackdropClick });
-    // main modal element ref
-    const modalRef = useRef(null);
-    const ariaHiddenCache = useRef(null);
-    // modal ref cache, required to lookup the item in modal manager when the actual ref is unmounted
-    const modal = useRef({});
-    // populates and returns the modal ref cache
-    const getModal = () => {
-        modal.current.modalRef = modalRef.current;
-        return modal.current;
-    };
-    useEffect(() => {
-        if (isOpen && modalRef.current) {
-            modalManager?.push(getModal());
-        }
-        else {
-            if (modal.current.modalRef) {
-                if (ariaHiddenCache.current !== null) {
-                    resetAriaHiddenOnBackgroundElements(ariaHiddenCache.current);
-                    ariaHiddenCache.current = null;
-                }
-                modalManager?.pop(getModal());
-            }
-        }
-    }, [isOpen, modalManager]);
-    useEffect(() => {
-        const modalRef = modal.current.modalRef;
-        return () => {
-            if (ariaHiddenCache.current !== null) {
-                resetAriaHiddenOnBackgroundElements(ariaHiddenCache.current);
-                ariaHiddenCache.current = null;
-            }
-            if (modalRef) {
-                modalManager?.pop(getModal());
-            }
-        };
-    }, [modalManager]);
-    const handleFocusIn = () => {
-        // on first focusin, set aria-hidden on modal ancestor's siblings and remember the modified elements
-        if (modalRef.current && ariaHiddenCache.current === null) {
-            ariaHiddenCache.current = setAriaHiddenOnBackgroundElements(modalRef.current);
-        }
-    };
-    return isOpen ? (jsx(Layer, { isModal: true, children: jsxs("div", { ref: modalRef, class: baseStyle, onFocus: handleFocusIn, children: [jsx(ModalBackdrop, { ref: backdropRef, variant: backdropVariant }), children] }) })) : null;
-};
-
-export { Modal as M };
-//# sourceMappingURL=Modal-24a0bf4b.js.map

package/es/Modal-24a0bf4b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-24a0bf4b.js","sources":["../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/ModalManager.ts","../../src/UNSAFE_Modal/Modal.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { multiVariantStyles } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the backdrop is visible or transparent. Default is 'scrim' (visible).\n   */\n  variant?: 'scrim' | 'transparent';\n};\n\nconst ModalBackdrop = forwardRef<HTMLDivElement, Props>(\n  ({ variant = 'scrim' }, ref: ForwardedRef<HTMLDivElement | null>) => {\n    const variantClasses = multiVariantStyles({\n      backdrop: variant === 'transparent' ? 'transparent' : 'scrim'\n    });\n\n    return <div ref={ref} class={variantClasses} />;\n  }\n);\n\nexport default ModalBackdrop;\n","import { focusWithin, allTabbableElements } from '../utils/PRIVATE_tabbableUtils';\nimport { isLogicalAncestor } from '../utils/UNSAFE_popupUtils';\n\ninterface Modal {\n  modalRef?: HTMLDivElement | null;\n}\n\n/**\n * CSS property backup type.\n */\ntype StyleBackup = Array<{\n  property: string;\n  value: string;\n}>;\n\nexport default class ModalManager {\n  /**\n   * Array of ModalDescriptors managed by ModalManager\n   */\n  private modals: Modal[];\n  /**\n   * Backup of the main container's (body) CSS props potentially altered by Modal.\n   */\n  private styleBackup: StyleBackup;\n  /**\n   * A flag indicating that the ModalManager's focus handler is installed\n   */\n  private isFocusHandlerActive = false;\n\n  constructor() {\n    this.modals = [];\n    this.styleBackup = [];\n  }\n\n  /**\n   * A focus handler to keep focus in the top-most modal.\n   */\n  private focusHandler = (event: FocusEvent) => {\n    const topModal = this.getTopModal();\n    const target = event.target as HTMLElement;\n\n    // if there is an open modal and valid focus event target...\n    if (topModal && target) {\n      const modalElement = topModal.modalRef;\n      if (\n        modalElement &&\n        !modalElement.contains(target) &&\n        !isLogicalAncestor(modalElement, target) &&\n        !this._parentLayerContainsNode(modalElement, target)\n      ) {\n        // Focus is outside of the top modal container, let's try to fix it\n        const tabbableElements = allTabbableElements(modalElement);\n        if (tabbableElements.length > 0) {\n          // re-directing focus to the element inside top modal\n          focusWithin(modalElement);\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }\n    }\n  };\n\n  /**\n   * Registers a modal with ModalManager\n   *\n   * @param modal\n   * @returns\n   */\n  push(modal: Modal) {\n    const modalIndex = this._findModalIndex(modal);\n\n    if (modalIndex !== -1) {\n      // Do not try to register the same modal multiple times\n      return;\n    }\n\n    this.modals.push(modal);\n\n    // if this is the first modal in the container, block container scrolling\n    if (this.modals.length === 1) {\n      const ownerDocument = this._getOwnerDocument(modal.modalRef);\n      const scrollContainer = ownerDocument.body;\n\n      const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;\n      if (scrollBarWidth > 1) {\n        // in RTL, scrollbar is on the left\n        const scrollBarLeft =\n          Math.round(document.documentElement.getBoundingClientRect().left) +\n          document.documentElement.scrollLeft;\n\n        if (scrollBarLeft) {\n          this.styleBackup.push({\n            property: 'padding-left',\n            value: scrollContainer.style.paddingLeft\n          });\n          scrollContainer.style.paddingLeft = `${scrollBarWidth}px`;\n        } else {\n          this.styleBackup.push({\n            property: 'padding-right',\n            value: scrollContainer.style.paddingRight\n          });\n          scrollContainer.style.paddingRight = `${scrollBarWidth}px`;\n        }\n      }\n\n      this.styleBackup.push({ property: 'overflow', value: scrollContainer.style.overflow });\n      this.styleBackup.push({ property: 'overflow-x', value: scrollContainer.style.overflowX });\n      this.styleBackup.push({ property: 'overflow-y', value: scrollContainer.style.overflowY });\n\n      scrollContainer.style.overflow = 'hidden';\n    }\n\n    // also install the focus handler when the first modal becomes active\n    if (this.modals.length === 1 && !this.islegacyLayerSupportAvailable()) {\n      document.addEventListener('focus', this.focusHandler, true);\n      this.isFocusHandlerActive = true;\n    }\n  }\n\n  /**\n   * Unegisters a modal from ModalManager\n   *\n   * @param modal\n   * @returns\n   */\n  pop(modal: Modal) {\n    const modalIndex = this._findModalIndex(modal);\n\n    if (modalIndex === -1) {\n      // modal to be removed not found!'\n      return;\n    }\n\n    if (modalIndex !== this.modals.length - 1) {\n      // trying to remove modal out of order!\n      return;\n    }\n\n    // remove the focus handler when the last modal is about to be removed\n    if (this.isFocusHandlerActive && this.modals.length === 1) {\n      document.removeEventListener('focus', this.focusHandler, true);\n    }\n\n    this.modals.pop();\n\n    // if this was the last modal in the container, restore its overflow props\n    if (this.modals.length === 0) {\n      const ownerDocument = this._getOwnerDocument(modal.modalRef);\n      const scrollContainer = ownerDocument.body;\n\n      this.styleBackup.forEach(({ property, value }) => {\n        scrollContainer.style.setProperty(property, value);\n      });\n    }\n  }\n\n  isTopModal(modal: Modal): boolean {\n    return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;\n  }\n\n  getTopModal = (): Modal | null => {\n    return this.modals.length > 0 ? this.modals[this.modals.length - 1] : null;\n  };\n\n  private _findModalIndex(modal: Modal): number {\n    let index = -1;\n    this.modals.forEach((elem, idx) => {\n      if (elem === modal) {\n        index = idx;\n        return;\n      }\n    });\n    return index;\n  }\n\n  private _getOwnerDocument(node: Node | null | undefined): Document {\n    return (node && node.ownerDocument) || document;\n  }\n\n  /**\n   * Checks of the modal's layer contains the target node\n   * @param modalElement modal element\n   * @param node target node\n   * @returns true, if the modal layer contains the node\n   */\n  private _parentLayerContainsNode(modalElement: Element, node: Node): boolean {\n    const parentLayer = modalElement.closest('[data-oj-layer]');\n    if (parentLayer && parentLayer.contains(node)) {\n      return true;\n    }\n    return false;\n  }\n\n  // TODO: replace with a proper API\n  /**\n   * Checks if the legacy popup service is available\n   */\n  private islegacyLayerSupportAvailable = () => {\n    return document.getElementById('__oj_zorder_container') !== null;\n  };\n}\n","import { useEffect, useRef } from 'preact/compat';\nimport { useModal } from './hooks/useModal';\nimport { Layer } from '../UNSAFE_Layer';\nimport ModalBackdrop from './ModalBackdrop';\nimport ModalManager from './ModalManager';\nimport { baseStyle } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// Global ModalManager singleton instance\nconst globalModalManager = new ModalManager();\n\n/**\n * Returns an array of element's siblings.\n *\n * @param elem\n * @returns\n */\nfunction getSiblings(elem: Element): Element[] {\n  const siblings: Element[] = [];\n  let sibling = elem.previousSibling;\n  while (sibling != null) {\n    if (sibling.nodeType === 1) {\n      siblings.push(sibling as Element);\n    }\n    sibling = sibling.previousSibling;\n  }\n  sibling = elem.nextSibling;\n  while (sibling != null) {\n    if (sibling.nodeType === 1) {\n      siblings.push(sibling as Element);\n    }\n    sibling = sibling.nextSibling;\n  }\n  return siblings;\n}\n\n/**\n * Sets aria-hidden=true on Modal ancestors and siblings.\n *\n * @param modal\n * @returns An array of modified elements.\n */\nfunction setAriaHiddenOnBackgroundElements(modal: HTMLElement) {\n  if (!modal) {\n    return [];\n  }\n  const ariaHiddenElements: Element[] = [];\n  let node: Element | null = modal.parentElement as Element;\n\n  do {\n    if (!node) {\n      break;\n    }\n    const siblings = getSiblings(node);\n    siblings.forEach((elem: Element) => {\n      if (elem.tagName.toLowerCase() !== 'script' && elem.getAttribute('aria-hidden') !== 'true') {\n        ariaHiddenElements.push(elem);\n        elem.setAttribute('aria-hidden', 'true');\n      }\n    });\n    node = node.parentElement;\n  } while (node && node.tagName.toLowerCase() !== 'body');\n\n  return ariaHiddenElements;\n}\n\n/**\n * Resets the aria-hidden state on previously aria-hidden elements.\n *\n * @param elements\n */\nfunction resetAriaHiddenOnBackgroundElements(elements: Element[]) {\n  elements.forEach((elem) => {\n    elem.removeAttribute('aria-hidden');\n  });\n}\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype UseModalProps = Parameters<typeof useModal>[0];\ntype Props = UseModalProps &\n  IntrinsicProps & {\n    /**\n     * Determines if the modal is active.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies if modal backdrop is visible or transparent. Default is 'scrim' (visible).\n     */\n    backdropVariant?: 'scrim' | 'transparent';\n    /**\n     * A callback to be invoked when a click on the modal backdrop occurs.\n     */\n    onBackdropClick?: (event: MouseEvent) => void;\n  };\n\n/**\n * Modal is a low-level component that provides the 'modality' feature with built-in overlay (scrim).\n * It is typically used for building higher-level components (such as 'Dialog' or 'Popup') that need\n * to support modal behavior preventing interaction with the rest of the page while the modal is open.\n */\nconst Modal = ({ children, isOpen, onBackdropClick, backdropVariant }: Props) => {\n  // get the global ModalContext instance\n  const modalManager = globalModalManager;\n\n  const { backdropRef } = useModal({ isOpen, onBackdropClick });\n  // main modal element ref\n  const modalRef = useRef<HTMLDivElement>(null);\n\n  const ariaHiddenCache = useRef<Element[] | null>(null);\n\n  // modal ref cache, required to lookup the item in modal manager when the actual ref is unmounted\n  const modal = useRef<{\n    modalRef?: typeof modalRef.current;\n  }>({});\n\n  // populates and returns the modal ref cache\n  const getModal = () => {\n    modal.current.modalRef = modalRef.current;\n    return modal.current;\n  };\n\n  useEffect(() => {\n    if (isOpen && modalRef.current) {\n      modalManager?.push(getModal());\n    } else {\n      if (modal.current.modalRef) {\n        if (ariaHiddenCache.current !== null) {\n          resetAriaHiddenOnBackgroundElements(ariaHiddenCache.current);\n          ariaHiddenCache.current = null;\n        }\n        modalManager?.pop(getModal());\n      }\n    }\n  }, [isOpen, modalManager]);\n\n  useEffect(() => {\n    const modalRef = modal.current.modalRef;\n    return () => {\n      if (ariaHiddenCache.current !== null) {\n        resetAriaHiddenOnBackgroundElements(ariaHiddenCache.current);\n        ariaHiddenCache.current = null;\n      }\n      if (modalRef) {\n        modalManager?.pop(getModal());\n      }\n    };\n  }, [modalManager]);\n\n  const handleFocusIn = () => {\n    // on first focusin, set aria-hidden on modal ancestor's siblings and remember the modified elements\n    if (modalRef.current && ariaHiddenCache.current === null) {\n      ariaHiddenCache.current = setAriaHiddenOnBackgroundElements(modalRef.current);\n    }\n  };\n\n  return isOpen ? (\n    <Layer isModal={true}>\n      <div ref={modalRef} class={baseStyle} onFocus={handleFocusIn}>\n        <ModalBackdrop ref={backdropRef} variant={backdropVariant} />\n        {children}\n      </div>\n    </Layer>\n  ) : null;\n};\n\nexport default Modal;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}