@lumx/react 3.20.1-alpha.10 → 3.20.1-alpha.11

package/_internal/72407886.js

@@ -0,0 +1,430 @@
+import { _ as _extends, m as getRootClassName, n as forwardRef, l as classNames } from './d3321a86.js';
+import React__default, { useState, useEffect, useLayoutEffect, useMemo, useRef } from 'react';
+import { u as useCallbackOnEscape } from './d66c4375.js';
+import { D as DOCUMENT, W as WINDOW } from './b3bfbe72.js';
+import { h as handleBasicClasses } from './4ceaf17c.js';
+import { u as useMergeRefs } from './f0d7d6ea.js';
+import { g as getFirstAndLastFocusable, u as useFocusTrap } from './3f3de25e.js';
+import { T as ThemeProvider } from './3181f000.js';
+import memoize from 'lodash/memoize';
+import { A as ARROW_SIZE, u as usePopper, d as detectOverflow, F as FitAnchorWidth, P as Placement, a as POPOVER_ZINDEX } from './407735b4.js';
+import { P as Portal } from './c43d098b.js';
+import { C as ClickAwayProvider } from './bcce6ceb.js';
+
+/**
+ * Hook focusing an element when defined and `focus` boolean `true`.
+ *
+ * @param element       Element to focus.
+ * @param shouldFocus   Boolean flag to trigger the focus
+ */
+function useFocus(element, shouldFocus = true) {
+  const [wasFocus, setWasFocus] = useState(false);
+  useEffect(() => {
+    if (shouldFocus && wasFocus !== shouldFocus && element) {
+      element.focus();
+      setWasFocus(shouldFocus);
+    }
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [element, shouldFocus]);
+}
+
+/**
+ * HOC component wrapping a component to skip render if predicate return falsy
+ */
+const skipRender = (predicate, Component) => {
+  const Wrapper = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+    if (!DOCUMENT) {
+      // Can't render in SSR.
+      return null;
+    }
+    return /*#__PURE__*/React__default.createElement(Component, _extends({
+      ref: ref
+    }, props));
+  });
+  Wrapper.displayName = Component.displayName;
+  return Wrapper;
+};
+
+/**
+ * Helper component using useLayoutEffect to trigger a callback on before unmount.
+ *
+ * The callback must be wrapped in a React ref to avoid updating the `useLayoutEffect` before the un-mount
+ */
+const OnBeforeUnmount = ({
+  callbackRef
+}) => {
+  useLayoutEffect(() => {
+    return () => {
+      // On unmount
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      callbackRef.current?.();
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  return null;
+};
+
+/**
+ * Provides an unmount sentinel to inject in the popover to detect when it closes and restore the focus to the
+ * anchor if needed.
+ */
+function useRestoreFocusOnClose({
+  focusAnchorOnClose,
+  anchorRef,
+  parentElement
+}, popoverElement) {
+  const onBeforeUnmountRef = React__default.useRef();
+  React__default.useEffect(() => {
+    if (!popoverElement || !focusAnchorOnClose) {
+      onBeforeUnmountRef.current = undefined;
+      return;
+    }
+    onBeforeUnmountRef.current = () => {
+      const isFocusWithin = popoverElement?.contains(document.activeElement);
+      if (!isFocusWithin) return;
+
+      // On next render
+      setTimeout(() => {
+        const anchor = anchorRef.current;
+        const elementToFocus =
+        // Provided parent element
+        parentElement?.current || (
+        // Or first focusable element in anchor
+        anchor ? getFirstAndLastFocusable(anchor).first : undefined) ||
+        // Fallback to anchor
+        anchor;
+        elementToFocus?.focus({
+          preventScroll: true
+        });
+      }, 0);
+    };
+  }, [anchorRef, focusAnchorOnClose, parentElement, popoverElement]);
+  return /*#__PURE__*/React__default.createElement(OnBeforeUnmount, {
+    callbackRef: onBeforeUnmountRef
+  });
+}
+
+/**
+ * Popper js modifier to fit popover min width to the anchor width.
+ */
+const sameWidth = memoize(anchorWidthOption => ({
+  name: 'sameWidth',
+  enabled: true,
+  phase: 'beforeWrite',
+  requires: ['computeStyles'],
+  fn({
+    state
+  }) {
+    // eslint-disable-next-line no-param-reassign
+    state.styles.popper[anchorWidthOption] = `${state.rects.reference.width}px`;
+  },
+  effect({
+    state
+  }) {
+    // eslint-disable-next-line no-param-reassign
+    state.elements.popper.style[anchorWidthOption] = `${state.elements.reference.offsetWidth}px`;
+  }
+}));
+
+/**
+ * Popper js modifier to compute max size of the popover.
+ */
+const maxSize = {
+  name: 'maxSize',
+  enabled: true,
+  phase: 'main',
+  requiresIfExists: ['offset', 'preventOverflow', 'flip'],
+  fn({
+    state,
+    name,
+    options
+  }) {
+    const overflow = detectOverflow(state, options);
+    const {
+      y = 0,
+      x = 0
+    } = state.modifiersData.preventOverflow;
+    const {
+      width,
+      height
+    } = state.rects.popper;
+    const [basePlacement] = state.placement.split('-');
+    const widthProp = basePlacement === 'left' ? 'left' : 'right';
+    const heightProp = basePlacement === 'top' ? 'top' : 'bottom';
+    // eslint-disable-next-line no-param-reassign
+    state.modifiersData[name] = {
+      width: width - overflow[widthProp] - x,
+      height: height - overflow[heightProp] - y
+    };
+  }
+};
+
+/**
+ * Popper js modifier to apply the max height.
+ */
+const applyMaxHeight = {
+  name: 'applyMaxHeight',
+  enabled: true,
+  phase: 'beforeWrite',
+  requires: ['maxSize'],
+  fn({
+    state
+  }) {
+    const {
+      height
+    } = state.modifiersData.maxSize;
+    // eslint-disable-next-line no-param-reassign
+    state.elements.popper.style.maxHeight = `${height - ARROW_SIZE}px`;
+  }
+};
+function usePopoverStyle({
+  offset,
+  hasArrow,
+  fitToAnchorWidth,
+  fitWithinViewportHeight,
+  boundaryRef,
+  anchorRef,
+  placement,
+  style,
+  zIndex
+}) {
+  const [popperElement, setPopperElement] = useState(null);
+  const [arrowElement, setArrowElement] = useState(null);
+  const actualOffset = [offset?.along ?? 0, (offset?.away ?? 0) + (hasArrow ? ARROW_SIZE : 0)];
+  const modifiers = [{
+    name: 'offset',
+    options: {
+      offset: actualOffset
+    }
+  }];
+  if (hasArrow && arrowElement) {
+    modifiers.push({
+      name: 'arrow',
+      options: {
+        element: arrowElement,
+        padding: ARROW_SIZE / 2
+      }
+    });
+  }
+  if (fitToAnchorWidth) {
+    const fitWidth = typeof fitToAnchorWidth === 'string' ? fitToAnchorWidth : FitAnchorWidth.MIN_WIDTH;
+    modifiers.push(sameWidth(fitWidth));
+  }
+  if (fitWithinViewportHeight) {
+    modifiers.push({
+      ...maxSize,
+      options: {
+        boundary: boundaryRef?.current
+      }
+    }, applyMaxHeight);
+  }
+  if (boundaryRef) {
+    modifiers.push({
+      name: 'flip',
+      options: {
+        boundary: boundaryRef.current
+      }
+    }, {
+      name: 'preventOverflow',
+      options: {
+        boundary: boundaryRef.current
+      }
+    });
+  }
+  const {
+    styles,
+    attributes,
+    state,
+    update
+  } = usePopper(anchorRef.current, popperElement, {
+    placement,
+    modifiers
+  });
+
+  // Auto update popover
+  useEffect(() => {
+    const {
+      current: anchorElement
+    } = anchorRef;
+    if (!update || !popperElement || !anchorElement || !WINDOW?.ResizeObserver) {
+      return undefined;
+    }
+    let running;
+    function updateRateLimited() {
+      if (running) return;
+      update?.();
+      running = setTimeout(() => {
+        running = undefined;
+      }, 100);
+    }
+    updateRateLimited();
+
+    // On anchor or popover resize
+    const resizeObserver = new ResizeObserver(updateRateLimited);
+    resizeObserver.observe(anchorElement);
+    resizeObserver.observe(popperElement);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [anchorRef, popperElement, update]);
+  const position = state?.placement ?? placement;
+  const popoverStyle = useMemo(() => {
+    const newStyles = {
+      ...style,
+      ...styles.popper,
+      zIndex
+    };
+    if (fitWithinViewportHeight && !newStyles.maxHeight) {
+      newStyles.maxHeight = WINDOW?.innerHeight || DOCUMENT?.documentElement.clientHeight;
+    }
+    return newStyles;
+  }, [style, styles.popper, zIndex, fitWithinViewportHeight]);
+  return {
+    styles: {
+      arrow: styles.arrow,
+      popover: popoverStyle
+    },
+    attributes,
+    isPositioned: (state?.rects?.popper?.y ?? -1) >= 0,
+    position,
+    setArrowElement,
+    setPopperElement,
+    popperElement
+  };
+}
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Popover';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  elevation: 3,
+  placement: Placement.AUTO,
+  focusAnchorOnClose: true,
+  usePortal: true,
+  zIndex: POPOVER_ZINDEX
+};
+
+// Inner component (must be wrapped before export)
+const _InnerPopover = forwardRef((props, ref) => {
+  const {
+    anchorRef,
+    as: Component = 'div',
+    children,
+    className,
+    closeOnClickAway,
+    closeOnEscape,
+    elevation = DEFAULT_PROPS.elevation,
+    focusElement,
+    hasArrow,
+    isOpen,
+    onClose,
+    parentElement,
+    usePortal = DEFAULT_PROPS.usePortal,
+    focusAnchorOnClose = DEFAULT_PROPS.focusAnchorOnClose,
+    withFocusTrap,
+    boundaryRef,
+    fitToAnchorWidth,
+    fitWithinViewportHeight,
+    focusTrapZoneElement,
+    offset,
+    placement = DEFAULT_PROPS.placement,
+    style,
+    theme,
+    zIndex = DEFAULT_PROPS.zIndex,
+    ...forwardedProps
+  } = props;
+  const popoverRef = useRef(null);
+  const {
+    styles,
+    attributes,
+    isPositioned,
+    position,
+    setArrowElement,
+    setPopperElement,
+    popperElement
+  } = usePopoverStyle({
+    offset,
+    hasArrow,
+    fitToAnchorWidth,
+    fitWithinViewportHeight,
+    boundaryRef,
+    anchorRef,
+    placement,
+    style,
+    zIndex
+  });
+  const unmountSentinel = useRestoreFocusOnClose({
+    focusAnchorOnClose,
+    anchorRef,
+    parentElement
+  }, popperElement);
+  const focusZoneElement = focusTrapZoneElement?.current || popoverRef?.current;
+  useCallbackOnEscape(onClose, isOpen && closeOnEscape);
+
+  /** Only set focus within if the focus trap is disabled as they interfere with one another. */
+  useFocus(focusElement?.current, !withFocusTrap && isOpen && isPositioned);
+  useFocusTrap(withFocusTrap && isOpen && focusZoneElement, focusElement?.current);
+  const clickAwayRefs = useRef([popoverRef, anchorRef]);
+  const mergedRefs = useMergeRefs(setPopperElement, ref, popoverRef);
+  return isOpen ? /*#__PURE__*/React.createElement(Portal, {
+    enabled: usePortal
+  }, /*#__PURE__*/React.createElement(Component, _extends({}, forwardedProps, {
+    ref: mergedRefs,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      theme,
+      elevation: Math.min(elevation || 0, 5),
+      position,
+      isInitializing: !styles.popover?.transform
+    })),
+    style: styles.popover
+  }, attributes.popper), unmountSentinel, /*#__PURE__*/React.createElement(ClickAwayProvider, {
+    callback: closeOnClickAway && onClose,
+    childrenRefs: clickAwayRefs
+  }, hasArrow && /*#__PURE__*/React.createElement("div", {
+    ref: setArrowElement,
+    className: `${CLASSNAME}__arrow`,
+    style: styles.arrow
+  }, /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 14 14",
+    "aria-hidden": true
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M8 3.49C7.62 2.82 6.66 2.82 6.27 3.48L.04 14 14.04 14 8 3.49Z"
+  }))), /*#__PURE__*/React.createElement(ThemeProvider, {
+    value: theme
+  }, children)))) : null;
+});
+_InnerPopover.displayName = COMPONENT_NAME;
+
+/**
+ * Popover component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Popover = skipRender(
+// Skip render in SSR
+() => Boolean(DOCUMENT), _InnerPopover);
+Popover.displayName = COMPONENT_NAME;
+Popover.className = CLASSNAME;
+Popover.defaultProps = DEFAULT_PROPS;
+
+export { Popover as P, useFocus as u };
+//# sourceMappingURL=72407886.js.map

package/_internal/72407886.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"72407886.js","sources":["../../src/hooks/useFocus.tsx","../../src/utils/react/skipRender.tsx","../../src/utils/react/OnBeforeUnmount.tsx","../../src/components/popover/useRestoreFocusOnClose.tsx","../../src/components/popover/usePopoverStyle.tsx","../../src/components/popover/Popover.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Hook focusing an element when defined and `focus` boolean `true`.\n *\n * @param element       Element to focus.\n * @param shouldFocus   Boolean flag to trigger the focus\n */\nexport function useFocus(element: HTMLElement | null | undefined, shouldFocus = true): void {\n    const [wasFocus, setWasFocus] = useState(false);\n    useEffect(\n        () => {\n            if (shouldFocus && wasFocus !== shouldFocus && element) {\n                element.focus();\n                setWasFocus(shouldFocus);\n            }\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [element, shouldFocus],\n    );\n}\n","import React from 'react';\n\nimport { DOCUMENT } from '@lumx/react/constants';\nimport type { Comp } from '@lumx/react/utils/type';\n/**\n * HOC component wrapping a component to skip render if predicate return falsy\n */\nexport const skipRender = <P, T>(predicate: (props: P) => any, Component: Comp<P, T>) => {\n    const Wrapper = React.forwardRef<T, P>((props, ref) => {\n        if (!DOCUMENT) {\n            // Can't render in SSR.\n            return null;\n        }\n        return <Component ref={ref} {...props} />;\n    });\n    Wrapper.displayName = Component.displayName;\n    return Wrapper;\n};\n","import { useLayoutEffect } from 'react';\n\n/**\n * Helper component using useLayoutEffect to trigger a callback on before unmount.\n *\n * The callback must be wrapped in a React ref to avoid updating the `useLayoutEffect` before the un-mount\n */\nexport const OnBeforeUnmount = ({ callbackRef }: { callbackRef: React.RefObject<(() => void) | undefined> }) => {\n    useLayoutEffect(\n        () => {\n            return () => {\n                // On unmount\n                // eslint-disable-next-line react-hooks/exhaustive-deps\n                callbackRef.current?.();\n            };\n        }, // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n    return null;\n};\n","import React from 'react';\nimport { getFirstAndLastFocusable } from '@lumx/react/utils/browser/focus/getFirstAndLastFocusable';\nimport { OnBeforeUnmount } from '@lumx/react/utils/react/OnBeforeUnmount';\nimport type { PopoverProps } from './Popover';\n\n/**\n * Provides an unmount sentinel to inject in the popover to detect when it closes and restore the focus to the\n * anchor if needed.\n */\nexport function useRestoreFocusOnClose(\n    {\n        focusAnchorOnClose,\n        anchorRef,\n        parentElement,\n    }: Pick<PopoverProps, 'focusAnchorOnClose' | 'anchorRef' | 'parentElement'>,\n    popoverElement?: HTMLElement | null,\n) {\n    const onBeforeUnmountRef = React.useRef<(() => void) | undefined>();\n\n    React.useEffect(() => {\n        if (!popoverElement || !focusAnchorOnClose) {\n            onBeforeUnmountRef.current = undefined;\n            return;\n        }\n\n        onBeforeUnmountRef.current = () => {\n            const isFocusWithin = popoverElement?.contains(document.activeElement);\n            if (!isFocusWithin) return;\n\n            // On next render\n            setTimeout(() => {\n                const anchor = anchorRef.current;\n                const elementToFocus =\n                    // Provided parent element\n                    parentElement?.current ||\n                    // Or first focusable element in anchor\n                    (anchor ? getFirstAndLastFocusable(anchor).first : undefined) ||\n                    // Fallback to anchor\n                    anchor;\n\n                elementToFocus?.focus({ preventScroll: true });\n            }, 0);\n        };\n    }, [anchorRef, focusAnchorOnClose, parentElement, popoverElement]);\n\n    return <OnBeforeUnmount callbackRef={onBeforeUnmountRef} />;\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport memoize from 'lodash/memoize';\nimport { detectOverflow } from '@popperjs/core';\n\nimport { DOCUMENT, WINDOW } from '@lumx/react/constants';\nimport { PopoverProps } from '@lumx/react/components/popover/Popover';\nimport { usePopper } from '@lumx/react/hooks/usePopper';\nimport { ARROW_SIZE, FitAnchorWidth, Placement } from './constants';\n\n/**\n * Popper js modifier to fit popover min width to the anchor width.\n */\nconst sameWidth = memoize((anchorWidthOption: FitAnchorWidth) => ({\n    name: 'sameWidth',\n    enabled: true,\n    phase: 'beforeWrite',\n    requires: ['computeStyles'],\n    fn({ state }: any) {\n        // eslint-disable-next-line no-param-reassign\n        state.styles.popper[anchorWidthOption] = `${state.rects.reference.width}px`;\n    },\n    effect({ state }: any) {\n        // eslint-disable-next-line no-param-reassign\n        state.elements.popper.style[anchorWidthOption] = `${state.elements.reference.offsetWidth}px`;\n    },\n}));\n\n/**\n * Popper js modifier to compute max size of the popover.\n */\nconst maxSize = {\n    name: 'maxSize',\n    enabled: true,\n    phase: 'main',\n    requiresIfExists: ['offset', 'preventOverflow', 'flip'],\n    fn({ state, name, options }: any) {\n        const overflow = detectOverflow(state, options);\n\n        const { y = 0, x = 0 } = state.modifiersData.preventOverflow;\n        const { width, height } = state.rects.popper;\n\n        const [basePlacement] = state.placement.split('-');\n\n        const widthProp = basePlacement === 'left' ? 'left' : 'right';\n        const heightProp = basePlacement === 'top' ? 'top' : 'bottom';\n        // eslint-disable-next-line no-param-reassign\n        state.modifiersData[name] = {\n            width: width - overflow[widthProp] - x,\n            height: height - overflow[heightProp] - y,\n        };\n    },\n};\n\n/**\n * Popper js modifier to apply the max height.\n */\nconst applyMaxHeight = {\n    name: 'applyMaxHeight',\n    enabled: true,\n    phase: 'beforeWrite',\n    requires: ['maxSize'],\n    fn({ state }: any) {\n        const { height } = state.modifiersData.maxSize;\n        // eslint-disable-next-line no-param-reassign\n        state.elements.popper.style.maxHeight = `${height - ARROW_SIZE}px`;\n    },\n};\n\ntype Options = Pick<\n    PopoverProps,\n    | 'offset'\n    | 'hasArrow'\n    | 'fitToAnchorWidth'\n    | 'fitWithinViewportHeight'\n    | 'boundaryRef'\n    | 'anchorRef'\n    | 'placement'\n    | 'style'\n    | 'zIndex'\n>;\n\ninterface Output {\n    styles: { arrow?: React.CSSProperties; popover?: React.CSSProperties };\n    attributes: any;\n    isPositioned: boolean;\n    position?: Placement;\n    setArrowElement?: React.Ref<HTMLDivElement>;\n    setPopperElement?: React.Ref<HTMLDivElement>;\n    popperElement: HTMLElement | null;\n}\n\nexport function usePopoverStyle({\n    offset,\n    hasArrow,\n    fitToAnchorWidth,\n    fitWithinViewportHeight,\n    boundaryRef,\n    anchorRef,\n    placement,\n    style,\n    zIndex,\n}: Options): Output {\n    const [popperElement, setPopperElement] = useState<null | HTMLElement>(null);\n    const [arrowElement, setArrowElement] = useState<null | HTMLElement>(null);\n\n    const actualOffset: [number, number] = [offset?.along ?? 0, (offset?.away ?? 0) + (hasArrow ? ARROW_SIZE : 0)];\n    const modifiers: any = [\n        {\n            name: 'offset',\n            options: { offset: actualOffset },\n        },\n    ];\n    if (hasArrow && arrowElement) {\n        modifiers.push({\n            name: 'arrow',\n            options: {\n                element: arrowElement,\n                padding: ARROW_SIZE / 2,\n            },\n        });\n    }\n    if (fitToAnchorWidth) {\n        const fitWidth = typeof fitToAnchorWidth === 'string' ? fitToAnchorWidth : FitAnchorWidth.MIN_WIDTH;\n        modifiers.push(sameWidth(fitWidth));\n    }\n    if (fitWithinViewportHeight) {\n        modifiers.push({ ...maxSize, options: { boundary: boundaryRef?.current } }, applyMaxHeight);\n    }\n    if (boundaryRef) {\n        modifiers.push(\n            { name: 'flip', options: { boundary: boundaryRef.current } },\n            { name: 'preventOverflow', options: { boundary: boundaryRef.current } },\n        );\n    }\n\n    const { styles, attributes, state, update } = usePopper(anchorRef.current, popperElement, { placement, modifiers });\n\n    // Auto update popover\n    useEffect(() => {\n        const { current: anchorElement } = anchorRef;\n        if (!update || !popperElement || !anchorElement || !WINDOW?.ResizeObserver) {\n            return undefined;\n        }\n        let running: ReturnType<typeof setTimeout> | undefined;\n        function updateRateLimited() {\n            if (running) return;\n            update?.();\n            running = setTimeout(() => {\n                running = undefined;\n            }, 100);\n        }\n        updateRateLimited();\n\n        // On anchor or popover resize\n        const resizeObserver = new ResizeObserver(updateRateLimited);\n        resizeObserver.observe(anchorElement);\n        resizeObserver.observe(popperElement);\n        return () => {\n            resizeObserver.disconnect();\n        };\n    }, [anchorRef, popperElement, update]);\n\n    const position = state?.placement ?? placement;\n\n    const popoverStyle = useMemo(() => {\n        const newStyles = { ...style, ...styles.popper, zIndex };\n\n        if (fitWithinViewportHeight && !newStyles.maxHeight) {\n            newStyles.maxHeight = WINDOW?.innerHeight || DOCUMENT?.documentElement.clientHeight;\n        }\n\n        return newStyles;\n    }, [style, styles.popper, zIndex, fitWithinViewportHeight]);\n\n    return {\n        styles: { arrow: styles.arrow, popover: popoverStyle },\n        attributes,\n        isPositioned: (state?.rects?.popper?.y ?? -1) >= 0,\n        position,\n        setArrowElement,\n        setPopperElement,\n        popperElement,\n    };\n}\n","import { ReactNode, RefObject, useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { useCallbackOnEscape } from '@lumx/react/hooks/useCallbackOnEscape';\nimport { useFocus } from '@lumx/react/hooks/useFocus';\nimport { ClickAwayProvider } from '@lumx/react/utils/ClickAwayProvider';\nimport { DOCUMENT } from '@lumx/react/constants';\nimport { Comp, GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useMergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useFocusTrap } from '@lumx/react/hooks/useFocusTrap';\nimport { skipRender } from '@lumx/react/utils/react/skipRender';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { ThemeProvider } from '@lumx/react/utils/theme/ThemeContext';\nimport { Portal } from '@lumx/react/utils';\nimport { useRestoreFocusOnClose } from './useRestoreFocusOnClose';\nimport { usePopoverStyle } from './usePopoverStyle';\nimport { Elevation, FitAnchorWidth, Offset, Placement, POPOVER_ZINDEX } from './constants';\n\n/**\n * Defines the props of the component.\n */\nexport interface PopoverProps extends GenericProps, HasTheme {\n    /** Reference to the DOM element used to set the position of the popover. */\n    anchorRef: React.RefObject<HTMLElement>;\n    /** Customize the root element. (Must accept ref forwarding and props forwarding!). */\n    as?: React.ElementType;\n    /** Element which will act as boundary when opening the popover. */\n    boundaryRef?: RefObject<HTMLElement>;\n    /** Content. */\n    children: ReactNode;\n    /** Whether a click anywhere out of the popover would close it. */\n    closeOnClickAway?: boolean;\n    /** Whether an escape key press would close the popover. */\n    closeOnEscape?: boolean;\n    /** Shadow elevation. */\n    elevation?: Elevation;\n    /**\n     * Manage popover width:\n     *   - `maxWidth`: popover not bigger than anchor\n     *   - `minWidth` or `true`: popover not smaller than anchor\n     *   - `width`: popover equal to the anchor.\n     */\n    fitToAnchorWidth?: FitAnchorWidth | boolean;\n    /** Shrink popover if even after flipping there is not enough space. */\n    fitWithinViewportHeight?: boolean;\n    /** Element to focus when opening the popover. */\n    focusElement?: RefObject<HTMLElement>;\n    /** Whether the focus should go back on the anchor when popover closes and focus is within. */\n    focusAnchorOnClose?: boolean;\n    /** Whether we put an arrow or not. */\n    hasArrow?: boolean;\n    /** Whether the popover is open or not. */\n    isOpen: boolean;\n    /** Offset placement relative to anchor. */\n    offset?: Offset;\n    /** Reference to the parent element that triggered the popover (will get back focus on close or else fallback on the anchor element). */\n    parentElement?: RefObject<HTMLElement>;\n    /** Placement relative to anchor. */\n    placement?: Placement;\n    /** Whether the popover should be rendered into a DOM node that exists outside the DOM hierarchy of the parent component. */\n    usePortal?: boolean;\n    /** The element in which the focus trap should be set. Default to popover. */\n    focusTrapZoneElement?: RefObject<HTMLElement>;\n    /** Z-axis position. */\n    zIndex?: number;\n    /** On close callback (on click away or Escape pressed). */\n    onClose?(): void;\n    /** Whether the popover should trap the focus within itself. Default to false. */\n    withFocusTrap?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Popover';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<PopoverProps> = {\n    elevation: 3,\n    placement: Placement.AUTO,\n    focusAnchorOnClose: true,\n    usePortal: true,\n    zIndex: POPOVER_ZINDEX,\n};\n\n// Inner component (must be wrapped before export)\nconst _InnerPopover = forwardRef<PopoverProps, HTMLDivElement>((props, ref) => {\n    const {\n        anchorRef,\n        as: Component = 'div',\n        children,\n        className,\n        closeOnClickAway,\n        closeOnEscape,\n        elevation = DEFAULT_PROPS.elevation,\n        focusElement,\n        hasArrow,\n        isOpen,\n        onClose,\n        parentElement,\n        usePortal = DEFAULT_PROPS.usePortal,\n        focusAnchorOnClose = DEFAULT_PROPS.focusAnchorOnClose,\n        withFocusTrap,\n        boundaryRef,\n        fitToAnchorWidth,\n        fitWithinViewportHeight,\n        focusTrapZoneElement,\n        offset,\n        placement = DEFAULT_PROPS.placement,\n        style,\n        theme,\n        zIndex = DEFAULT_PROPS.zIndex,\n        ...forwardedProps\n    } = props;\n    const popoverRef = useRef<HTMLDivElement>(null);\n\n    const { styles, attributes, isPositioned, position, setArrowElement, setPopperElement, popperElement } =\n        usePopoverStyle({\n            offset,\n            hasArrow,\n            fitToAnchorWidth,\n            fitWithinViewportHeight,\n            boundaryRef,\n            anchorRef,\n            placement,\n            style,\n            zIndex,\n        });\n\n    const unmountSentinel = useRestoreFocusOnClose({ focusAnchorOnClose, anchorRef, parentElement }, popperElement);\n    const focusZoneElement = focusTrapZoneElement?.current || popoverRef?.current;\n\n    useCallbackOnEscape(onClose, isOpen && closeOnEscape);\n\n    /** Only set focus within if the focus trap is disabled as they interfere with one another. */\n    useFocus(focusElement?.current, !withFocusTrap && isOpen && isPositioned);\n    useFocusTrap(withFocusTrap && isOpen && focusZoneElement, focusElement?.current);\n\n    const clickAwayRefs = useRef([popoverRef, anchorRef]);\n    const mergedRefs = useMergeRefs<HTMLDivElement>(setPopperElement, ref, popoverRef);\n\n    return isOpen ? (\n        <Portal enabled={usePortal}>\n            <Component\n                {...forwardedProps}\n                ref={mergedRefs}\n                className={classNames(\n                    className,\n                    handleBasicClasses({\n                        prefix: CLASSNAME,\n                        theme,\n                        elevation: Math.min(elevation || 0, 5),\n                        position,\n                        isInitializing: !styles.popover?.transform,\n                    }),\n                )}\n                style={styles.popover}\n                {...attributes.popper}\n            >\n                {unmountSentinel}\n                <ClickAwayProvider callback={closeOnClickAway && onClose} childrenRefs={clickAwayRefs}>\n                    {hasArrow && (\n                        <div ref={setArrowElement} className={`${CLASSNAME}__arrow`} style={styles.arrow}>\n                            <svg viewBox=\"0 0 14 14\" aria-hidden>\n                                <path d=\"M8 3.49C7.62 2.82 6.66 2.82 6.27 3.48L.04 14 14.04 14 8 3.49Z\" />\n                            </svg>\n                        </div>\n                    )}\n                    <ThemeProvider value={theme}>{children}</ThemeProvider>\n                </ClickAwayProvider>\n            </Component>\n        </Portal>\n    ) : null;\n});\n_InnerPopover.displayName = COMPONENT_NAME;\n\n/**\n * Popover component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Popover: Comp<PopoverProps, HTMLDivElement> = skipRender(\n    // Skip render in SSR\n    () => Boolean(DOCUMENT),\n    _InnerPopover,\n);\nPopover.displayName = COMPONENT_NAME;\nPopover.className = CLASSNAME;\nPopover.defaultProps = DEFAULT_PROPS;\n"],"names":["useFocus","element","shouldFocus","wasFocus","setWasFocus","useState","useEffect","focus","skipRender","predicate","Component","Wrapper","React","forwardRef","props","ref","DOCUMENT","createElement","_extends","displayName","OnBeforeUnmount","callbackRef","useLayoutEffect","current","useRestoreFocusOnClose","focusAnchorOnClose","anchorRef","parentElement","popoverElement","onBeforeUnmountRef","useRef","undefined","isFocusWithin","contains","document","activeElement","setTimeout","anchor","elementToFocus","getFirstAndLastFocusable","first","preventScroll","sameWidth","memoize","anchorWidthOption","name","enabled","phase","requires","fn","state","styles","popper","rects","reference","width","effect","elements","style","offsetWidth","maxSize","requiresIfExists","options","overflow","detectOverflow","y","x","modifiersData","preventOverflow","height","basePlacement","placement","split","widthProp","heightProp","applyMaxHeight","maxHeight","ARROW_SIZE","usePopoverStyle","offset","hasArrow","fitToAnchorWidth","fitWithinViewportHeight","boundaryRef","zIndex","popperElement","setPopperElement","arrowElement","setArrowElement","actualOffset","along","away","modifiers","push","padding","fitWidth","FitAnchorWidth","MIN_WIDTH","boundary","attributes","update","usePopper","anchorElement","WINDOW","ResizeObserver","running","updateRateLimited","resizeObserver","observe","disconnect","position","popoverStyle","useMemo","newStyles","innerHeight","documentElement","clientHeight","arrow","popover","isPositioned","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","elevation","Placement","AUTO","usePortal","POPOVER_ZINDEX","_InnerPopover","as","children","className","closeOnClickAway","closeOnEscape","focusElement","isOpen","onClose","withFocusTrap","focusTrapZoneElement","theme","forwardedProps","popoverRef","unmountSentinel","focusZoneElement","useCallbackOnEscape","useFocusTrap","clickAwayRefs","mergedRefs","useMergeRefs","Portal","classNames","handleBasicClasses","prefix","Math","min","isInitializing","transform","ClickAwayProvider","callback","childrenRefs","viewBox","d","ThemeProvider","value","Popover","Boolean","defaultProps"],"mappings":"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"}

package/_internal/742d4906.js

@@ -0,0 +1,148 @@
+import { m as getRootClassName, n as forwardRef, _ as _extends, l as classNames, D as DIALOG_TRANSITION_DURATION } from './d3321a86.js';
+import { useRef, useEffect } from 'react';
+import { D as DOCUMENT } from './b3bfbe72.js';
+import { h as handleBasicClasses } from './4ceaf17c.js';
+import { u as useFocusTrap } from './3f3de25e.js';
+import { u as useDisableBodyScroll } from './36bd7352.js';
+import { m as mergeRefs } from './f0d7d6ea.js';
+import { u as useCallbackOnEscape } from './d66c4375.js';
+import { u as useTransitionVisibility } from './aa8c5d9b.js';
+import { T as ThemeProvider } from './3181f000.js';
+import { P as Portal } from './c43d098b.js';
+import { I as IconButton } from './7b214f74.js';
+import { H as HeadingLevelProvider } from './30f4c83c.js';
+import { C as ClickAwayProvider } from './bcce6ceb.js';
+import { m as mdiClose } from './eaf6c45a.js';
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Lightbox';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Lightbox component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Lightbox = forwardRef((props, ref) => {
+  const {
+    'aria-labelledby': propAriaLabelledBy,
+    ariaLabelledBy = propAriaLabelledBy,
+    'aria-label': propAriaLabel,
+    ariaLabel = propAriaLabel,
+    children,
+    className,
+    closeButtonProps,
+    isOpen,
+    onClose,
+    parentElement,
+    focusElement,
+    preventAutoClose,
+    theme,
+    zIndex,
+    ...forwardedProps
+  } = props;
+  if (!DOCUMENT) {
+    // Can't render in SSR.
+    return null;
+  }
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const childrenRef = useRef(null);
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const wrapperRef = useRef(null);
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const closeButtonRef = useRef(null);
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useDisableBodyScroll(isOpen && wrapperRef.current);
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const isVisible = useTransitionVisibility(wrapperRef, !!isOpen, DIALOG_TRANSITION_DURATION);
+
+  // Handle focus trap.
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFocusTrap(
+  // Focus trap zone
+  isOpen && wrapperRef.current,
+  // Focus element (fallback on close button and then on the dialog)
+  focusElement?.current || closeButtonRef.current || wrapperRef.current);
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const previousOpen = useRef(isOpen);
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    if (isOpen !== previousOpen.current) {
+      previousOpen.current = isOpen;
+
+      // Focus the parent element on close.
+      if (!isOpen && parentElement && parentElement.current) {
+        parentElement.current.focus();
+      }
+    }
+  }, [isOpen, parentElement]);
+
+  // Close lightbox on escape key pressed.
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useCallbackOnEscape(onClose);
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const clickAwayRefs = useRef([wrapperRef]);
+  if (!isOpen && !isVisible) return null;
+  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement("div", _extends({
+    ref: mergeRefs(ref, wrapperRef)
+  }, forwardedProps, {
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-modal": "true",
+    role: "dialog",
+    tabIndex: -1,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      isHidden: !isOpen,
+      isShown: isOpen || isVisible,
+      theme
+    })),
+    style: {
+      zIndex
+    }
+  }), closeButtonProps && /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__close`
+  }, /*#__PURE__*/React.createElement(IconButton, _extends({}, closeButtonProps, {
+    ref: closeButtonRef,
+    emphasis: "low",
+    hasBackground: true,
+    icon: mdiClose,
+    theme: "dark",
+    type: "button",
+    onClick: onClose
+  }))), /*#__PURE__*/React.createElement(HeadingLevelProvider, {
+    level: 2
+  }, /*#__PURE__*/React.createElement(ThemeProvider, {
+    value: undefined
+  }, /*#__PURE__*/React.createElement(ClickAwayProvider, {
+    callback: !preventAutoClose && onClose,
+    childrenRefs: clickAwayRefs
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: childrenRef,
+    className: `${CLASSNAME}__wrapper`,
+    role: "presentation"
+  }, children))))));
+});
+Lightbox.displayName = COMPONENT_NAME;
+Lightbox.className = CLASSNAME;
+
+export { Lightbox };
+//# sourceMappingURL=742d4906.js.map

package/_internal/742d4906.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"742d4906.js","sources":["../../src/components/lightbox/Lightbox.tsx"],"sourcesContent":["import { RefObject, useRef, useEffect, AriaAttributes } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiClose } from '@lumx/icons';\nimport { HeadingLevelProvider, IconButton, IconButtonProps } from '@lumx/react';\nimport { DIALOG_TRANSITION_DURATION, DOCUMENT } from '@lumx/react/constants';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\n\nimport { useFocusTrap } from '@lumx/react/hooks/useFocusTrap';\nimport { useDisableBodyScroll } from '@lumx/react/hooks/useDisableBodyScroll';\nimport { ClickAwayProvider } from '@lumx/react/utils/ClickAwayProvider';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useCallbackOnEscape } from '@lumx/react/hooks/useCallbackOnEscape';\nimport { useTransitionVisibility } from '@lumx/react/hooks/useTransitionVisibility';\nimport { ThemeProvider } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { Portal } from '@lumx/react/utils';\n\n/**\n * Defines the props of the component.\n */\nexport interface LightboxProps extends GenericProps, HasTheme, Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {\n    /** Props to pass to the close button (minus those already set by the Lightbox props). */\n    closeButtonProps?: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Reference to the element that triggered modal opening to set focus on. */\n    parentElement: RefObject<any>;\n    /** Reference to the element that should get the focus when the lightbox opens. By default, the close button or the lightbox itself will take focus. */\n    focusElement?: RefObject<HTMLElement>;\n    /** Whether to keep the dialog open on clickaway or escape press. */\n    preventAutoClose?: boolean;\n    /** Z-axis position. */\n    zIndex?: number;\n    /** On close callback. */\n    onClose?(): void;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Lightbox';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Lightbox component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Lightbox = forwardRef<LightboxProps, HTMLDivElement>((props, ref) => {\n    const {\n        'aria-labelledby': propAriaLabelledBy,\n        ariaLabelledBy = propAriaLabelledBy,\n        'aria-label': propAriaLabel,\n        ariaLabel = propAriaLabel,\n        children,\n        className,\n        closeButtonProps,\n        isOpen,\n        onClose,\n        parentElement,\n        focusElement,\n        preventAutoClose,\n        theme,\n        zIndex,\n        ...forwardedProps\n    } = props;\n    if (!DOCUMENT) {\n        // Can't render in SSR.\n        return null;\n    }\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const childrenRef = useRef<any>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const closeButtonRef = useRef<HTMLButtonElement>(null);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useDisableBodyScroll(isOpen && wrapperRef.current);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const isVisible = useTransitionVisibility(wrapperRef, !!isOpen, DIALOG_TRANSITION_DURATION);\n\n    // Handle focus trap.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useFocusTrap(\n        // Focus trap zone\n        isOpen && wrapperRef.current,\n        // Focus element (fallback on close button and then on the dialog)\n        focusElement?.current || closeButtonRef.current || wrapperRef.current,\n    );\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const previousOpen = useRef(isOpen);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => {\n        if (isOpen !== previousOpen.current) {\n            previousOpen.current = isOpen;\n\n            // Focus the parent element on close.\n            if (!isOpen && parentElement && parentElement.current) {\n                parentElement.current.focus();\n            }\n        }\n    }, [isOpen, parentElement]);\n\n    // Close lightbox on escape key pressed.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useCallbackOnEscape(onClose);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const clickAwayRefs = useRef([wrapperRef]);\n\n    if (!isOpen && !isVisible) return null;\n\n    return (\n        <Portal>\n            <div\n                ref={mergeRefs(ref, wrapperRef)}\n                {...forwardedProps}\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledBy}\n                aria-modal=\"true\"\n                role=\"dialog\"\n                tabIndex={-1}\n                className={classNames(\n                    className,\n                    handleBasicClasses({\n                        prefix: CLASSNAME,\n                        isHidden: !isOpen,\n                        isShown: isOpen || isVisible,\n                        theme,\n                    }),\n                )}\n                style={{ zIndex }}\n            >\n                {closeButtonProps && (\n                    <div className={`${CLASSNAME}__close`}>\n                        <IconButton\n                            {...closeButtonProps}\n                            ref={closeButtonRef}\n                            emphasis=\"low\"\n                            hasBackground\n                            icon={mdiClose}\n                            theme=\"dark\"\n                            type=\"button\"\n                            onClick={onClose}\n                        />\n                    </div>\n                )}\n                <HeadingLevelProvider level={2}>\n                    <ThemeProvider value={undefined}>\n                        <ClickAwayProvider callback={!preventAutoClose && onClose} childrenRefs={clickAwayRefs}>\n                            <div ref={childrenRef} className={`${CLASSNAME}__wrapper`} role=\"presentation\">\n                                {children}\n                            </div>\n                        </ClickAwayProvider>\n                    </ThemeProvider>\n                </HeadingLevelProvider>\n            </div>\n        </Portal>\n    );\n});\nLightbox.displayName = COMPONENT_NAME;\nLightbox.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","Lightbox","forwardRef","props","ref","propAriaLabelledBy","ariaLabelledBy","propAriaLabel","ariaLabel","children","className","closeButtonProps","isOpen","onClose","parentElement","focusElement","preventAutoClose","theme","zIndex","forwardedProps","DOCUMENT","childrenRef","useRef","wrapperRef","closeButtonRef","useDisableBodyScroll","current","isVisible","useTransitionVisibility","DIALOG_TRANSITION_DURATION","useFocusTrap","previousOpen","useEffect","focus","useCallbackOnEscape","clickAwayRefs","React","createElement","Portal","_extends","mergeRefs","role","tabIndex","classNames","handleBasicClasses","prefix","isHidden","isShown","style","IconButton","emphasis","hasBackground","icon","mdiClose","type","onClick","HeadingLevelProvider","level","ThemeProvider","value","undefined","ClickAwayProvider","callback","childrenRefs","displayName"],"mappings":"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"}