@lumx/react 3.10.1-alpha.2 → 3.10.1-alpha.3

package/_internal/524b1d04.js

@@ -1,64 +0,0 @@
-import { g as classNames, _ as _extends } from './1da25128.js';
-import React__default from 'react';
-import { FlexBox } from './components/flex-box/index.ts-c216e957.js';
-import { T as Text } from './53c94227.js';
-
-/** Internal component used to render image captions */
-const ImageCaption = props => {
-  const {
-    baseClassName,
-    theme,
-    as = 'figcaption',
-    title,
-    titleProps,
-    description,
-    descriptionProps,
-    tags,
-    captionStyle,
-    align,
-    truncate
-  } = props;
-  if (!title && !description && !tags) return null;
-  const titleColor = {
-    color: theme === 'dark' ? 'light' : 'dark'
-  };
-  const baseColor = {
-    color: theme === 'dark' ? 'light' : 'dark',
-    colorVariant: 'L2'
-  };
-
-  // Display description as string or HTML
-  const descriptionContent = typeof description === 'string' ? {
-    children: description
-  } : {
-    dangerouslySetInnerHTML: description
-  };
-  return /*#__PURE__*/React__default.createElement(FlexBox, {
-    as: as,
-    className: classNames(baseClassName && `${baseClassName}__wrapper`),
-    style: captionStyle,
-    orientation: "vertical",
-    vAlign: align,
-    hAlign: align === 'center' ? align : undefined,
-    gap: "regular"
-  }, (title || description) && /*#__PURE__*/React__default.createElement(Text, _extends({
-    as: "p",
-    className: classNames(baseClassName && `${baseClassName}__caption`),
-    truncate: truncate
-  }, baseColor), title && /*#__PURE__*/React__default.createElement(Text, _extends({}, titleProps, {
-    as: "span",
-    className: classNames(titleProps === null || titleProps === void 0 ? void 0 : titleProps.className, baseClassName && `${baseClassName}__title`),
-    typography: "subtitle1"
-  }, titleColor), title), ' ', description && /*#__PURE__*/React__default.createElement(Text, _extends({}, descriptionProps, {
-    as: "span",
-    className: classNames(descriptionProps === null || descriptionProps === void 0 ? void 0 : descriptionProps.className, baseClassName && `${baseClassName}__description`),
-    typography: "body1"
-  }, descriptionContent))), tags && /*#__PURE__*/React__default.createElement(FlexBox, {
-    className: classNames(baseClassName && `${baseClassName}__tags`),
-    orientation: "horizontal",
-    vAlign: align
-  }, tags));
-};
-
-export { ImageCaption as I };
-//# sourceMappingURL=524b1d04.js.map

package/_internal/524b1d04.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"524b1d04.js","sources":["../../src/components/image-block/ImageCaption.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode } from 'react';\n\nimport { FlexBox, HorizontalAlignment, Text, TextProps } from '@lumx/react';\nimport { HasPolymorphicAs, HasTheme } from '@lumx/react/utils/type';\nimport classNames from 'classnames';\n\ntype As = 'div' | 'figcaption';\n\ntype ForwardedTextProps = Omit<TextProps, 'as' | 'typography' | 'color' | 'colorVariant'>;\n\nexport type ImageCaptionMetadata = {\n    /** Image title to display in the caption. */\n    title?: string;\n    /** Props to pass to the title. */\n    titleProps?: ForwardedTextProps;\n    /** Image description. Can be either a string, or sanitized html. */\n    description?: string | { __html: string };\n    /** Props to pass to the title. */\n    descriptionProps?: ForwardedTextProps;\n    /** Tag content. */\n    tags?: ReactNode;\n    /** Caption custom CSS style. */\n    captionStyle?: CSSProperties;\n};\n\nexport type ImageCaptionProps<AS extends As = 'figcaption'> = HasTheme &\n    HasPolymorphicAs<AS> &\n    ImageCaptionMetadata & {\n        /** Base className for sub elements */\n        baseClassName?: string;\n        /** Alignment. */\n        align?: HorizontalAlignment;\n        /** Truncate text on title & description (no line wrapping). */\n        truncate?: TextProps['truncate'];\n    };\n\n/** Internal component used to render image captions */\nexport const ImageCaption = <AS extends As>(props: ImageCaptionProps<AS>) => {\n    const {\n        baseClassName,\n        theme,\n        as = 'figcaption',\n        title,\n        titleProps,\n        description,\n        descriptionProps,\n        tags,\n        captionStyle,\n        align,\n        truncate,\n    } = props;\n    if (!title && !description && !tags) return null;\n\n    const titleColor = { color: theme === 'dark' ? 'light' : 'dark' } as const;\n    const baseColor = { color: theme === 'dark' ? 'light' : 'dark', colorVariant: 'L2' } as const;\n\n    // Display description as string or HTML\n    const descriptionContent =\n        typeof description === 'string' ? { children: description } : { dangerouslySetInnerHTML: description };\n\n    return (\n        <FlexBox\n            as={as}\n            className={classNames(baseClassName && `${baseClassName}__wrapper`)}\n            style={captionStyle}\n            orientation=\"vertical\"\n            vAlign={align}\n            hAlign={align === 'center' ? align : undefined}\n            gap=\"regular\"\n        >\n            {(title || description) && (\n                <Text\n                    as=\"p\"\n                    className={classNames(baseClassName && `${baseClassName}__caption`)}\n                    truncate={truncate}\n                    {...baseColor}\n                >\n                    {title && (\n                        <Text\n                            {...titleProps}\n                            as=\"span\"\n                            className={classNames(titleProps?.className, baseClassName && `${baseClassName}__title`)}\n                            typography=\"subtitle1\"\n                            {...titleColor}\n                        >\n                            {title}\n                        </Text>\n                    )}{' '}\n                    {description && (\n                        <Text\n                            {...descriptionProps}\n                            as=\"span\"\n                            className={classNames(\n                                descriptionProps?.className,\n                                baseClassName && `${baseClassName}__description`,\n                            )}\n                            typography=\"body1\"\n                            {...descriptionContent}\n                        />\n                    )}\n                </Text>\n            )}\n            {tags && (\n                <FlexBox\n                    className={classNames(baseClassName && `${baseClassName}__tags`)}\n                    orientation=\"horizontal\"\n                    vAlign={align}\n                >\n                    {tags}\n                </FlexBox>\n            )}\n        </FlexBox>\n    );\n};\n"],"names":["ImageCaption","props","baseClassName","theme","as","title","titleProps","description","descriptionProps","tags","captionStyle","align","truncate","titleColor","color","baseColor","colorVariant","descriptionContent","children","dangerouslySetInnerHTML","React","createElement","FlexBox","className","classNames","style","orientation","vAlign","hAlign","undefined","gap","Text","_extends","typography"],"mappings":"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"}

package/_internal/53c94227.js

@@ -1,123 +0,0 @@
-import { h as getRootClassName, i as forwardRef, j as _objectWithoutProperties, p as getFontColorClassName, _ as _extends, g as classNames, k as _objectSpread2, q as getTypographyClassName } from './1da25128.js';
-import React__default, { Children, Fragment } from 'react';
-import { i as isComponent } from './f39a1ba4.js';
-import { u as useTooltipContext } from './f3e77e3e.js';
-import { u as useMergeRefs } from './f52adbae.js';
-import { h as handleBasicClasses } from './f57e1239.js';
-import { I as Icon } from './c6c99f76.js';
-
-/**
- * Compute a tooltip label based on a label element `innerText` if the text overflows.
- *
- * Warning: only works on first render, does not update on label element resize.
- */
-const useOverflowTooltipLabel = () => {
-  const parentTooltip = useTooltipContext();
-  const [tooltipLabel, setTooltipLabel] = React__default.useState(undefined);
-  const labelRef = React__default.useCallback(labelElement => {
-    if (!labelElement || !!parentTooltip) {
-      // Skip if label element is unknown
-      // Skip if the parent has a tooltip
-      return;
-    }
-
-    // Label overflowing
-    if (labelElement.offsetWidth < labelElement.scrollWidth) {
-      setTooltipLabel(labelElement.innerText);
-    }
-  }, [parentTooltip]);
-  return {
-    labelRef,
-    tooltipLabel
-  };
-};
-
-const _excluded = ["as", "children", "className", "color", "colorVariant", "noWrap", "typography", "truncate", "whiteSpace", "style"];
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Text';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * Text component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Text = forwardRef((props, ref) => {
-  const {
-      as: Component,
-      children,
-      className,
-      color,
-      colorVariant,
-      noWrap,
-      typography,
-      truncate,
-      whiteSpace,
-      style
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const colorClass = color && getFontColorClassName(color, colorVariant);
-  const typographyClass = typography && getTypographyClassName(typography);
-
-  // Truncate mode
-  const truncateLinesStyle = typeof truncate === 'object' && truncate.lines > 1 && {
-    '--lumx-text-truncate-lines': truncate.lines
-  };
-  const isTruncatedMultiline = !!truncateLinesStyle;
-  const isTruncated = !!truncate;
-
-  /**
-   * Add custom white-space style if specified
-   * Disabled if noWrap is specified
-   * Disabled if truncated on one-line
-   * */
-  const whiteSpaceStyle = !noWrap && !(isTruncated && !isTruncatedMultiline) && whiteSpace && {
-    '--lumx-text-white-space': whiteSpace
-  };
-  const {
-    tooltipLabel,
-    labelRef
-  } = useOverflowTooltipLabel();
-  return /*#__PURE__*/React__default.createElement(Component, _extends({
-    ref: useMergeRefs(ref, labelRef),
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      isTruncated: isTruncated && !isTruncatedMultiline,
-      isTruncatedMultiline
-    }), typographyClass, colorClass, noWrap && `${CLASSNAME}--no-wrap`),
-    title: tooltipLabel,
-    style: _objectSpread2(_objectSpread2(_objectSpread2({}, truncateLinesStyle), whiteSpaceStyle), style)
-  }, forwardedProps), children && Children.toArray(children).map((child, index) => {
-    // Force wrap spaces around icons to make sure they are never stuck against text.
-    if (isComponent(Icon)(child)) {
-      return /*#__PURE__*/React__default.createElement(Fragment, {
-        key: child.key || index
-      }, " ", child, " ");
-    }
-    return child;
-  }));
-});
-Text.displayName = COMPONENT_NAME;
-Text.className = CLASSNAME;
-Text.defaultProps = DEFAULT_PROPS;
-
-export { Text as T, useOverflowTooltipLabel as u };
-//# sourceMappingURL=53c94227.js.map

package/_internal/53c94227.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"53c94227.js","sources":["../../src/hooks/useOverflowTooltipLabel.tsx","../../src/components/text/Text.tsx"],"sourcesContent":["import React from 'react';\nimport { useTooltipContext } from '@lumx/react/components/tooltip/context';\n\n/**\n * Compute a tooltip label based on a label element `innerText` if the text overflows.\n *\n * Warning: only works on first render, does not update on label element resize.\n */\nexport const useOverflowTooltipLabel = () => {\n    const parentTooltip = useTooltipContext();\n    const [tooltipLabel, setTooltipLabel] = React.useState<string | undefined>(undefined);\n    const labelRef = React.useCallback(\n        (labelElement: HTMLElement | null) => {\n            if (!labelElement || !!parentTooltip) {\n                // Skip if label element is unknown\n                // Skip if the parent has a tooltip\n                return;\n            }\n\n            // Label overflowing\n            if (labelElement.offsetWidth < labelElement.scrollWidth) {\n                setTooltipLabel(labelElement.innerText);\n            }\n        },\n        [parentTooltip],\n    );\n\n    return { labelRef, tooltipLabel };\n};\n","import React, { Children, Fragment } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Icon, ColorPalette, ColorVariant, Typography, WhiteSpace } from '@lumx/react';\nimport { GenericProps, TextElement, isComponent } from '@lumx/react/utils/type';\nimport {\n    getFontColorClassName,\n    getRootClassName,\n    handleBasicClasses,\n    getTypographyClassName,\n} from '@lumx/react/utils/className';\nimport { useOverflowTooltipLabel } from '@lumx/react/hooks/useOverflowTooltipLabel';\nimport { useMergeRefs } from '@lumx/react/utils/mergeRefs';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface TextProps extends GenericProps {\n    /**\n     * Color variant.\n     */\n    color?: ColorPalette;\n    /**\n     * Lightened or darkened variant of the selected color.\n     */\n    colorVariant?: ColorVariant;\n    /**\n     * Typography variant.\n     */\n    typography?: Typography;\n    /**\n     * Custom component to render the text.\n     */\n    as: TextElement;\n    /**\n     * Control whether the text should truncate or not.\n     * Setting as `true` will make the text truncate on a single line.\n     * Setting as `{ lines: number }` will make the text truncate on a multiple lines.\n     */\n    truncate?: boolean | { lines: number };\n    /**\n     * Prevents text to wrap on multiple lines\n     * (automatically activated when single line text truncate is activated).\n     */\n    noWrap?: boolean;\n    /**\n     * WhiteSpace variant\n     * Ignored when `noWrap` is set to true\n     * Ignored when `truncate` is set to true or lines: 1\n     * */\n    whiteSpace?: WhiteSpace;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Text';\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 = {} as const;\n\n/**\n * Text component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Text = forwardRef<TextProps>((props, ref) => {\n    const {\n        as: Component,\n        children,\n        className,\n        color,\n        colorVariant,\n        noWrap,\n        typography,\n        truncate,\n        whiteSpace,\n        style,\n        ...forwardedProps\n    } = props;\n\n    const colorClass = color && getFontColorClassName(color, colorVariant);\n    const typographyClass = typography && getTypographyClassName(typography);\n\n    // Truncate mode\n    const truncateLinesStyle = typeof truncate === 'object' &&\n        truncate.lines > 1 && { '--lumx-text-truncate-lines': truncate.lines };\n    const isTruncatedMultiline = !!truncateLinesStyle;\n    const isTruncated = !!truncate;\n\n    /**\n     * Add custom white-space style if specified\n     * Disabled if noWrap is specified\n     * Disabled if truncated on one-line\n     * */\n    const whiteSpaceStyle = !noWrap &&\n        !(isTruncated && !isTruncatedMultiline) &&\n        whiteSpace && { '--lumx-text-white-space': whiteSpace };\n\n    const { tooltipLabel, labelRef } = useOverflowTooltipLabel();\n\n    return (\n        <Component\n            ref={useMergeRefs(ref as React.Ref<any>, labelRef)}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    isTruncated: isTruncated && !isTruncatedMultiline,\n                    isTruncatedMultiline,\n                }),\n                typographyClass,\n                colorClass,\n                noWrap && `${CLASSNAME}--no-wrap`,\n            )}\n            title={tooltipLabel}\n            style={{ ...truncateLinesStyle, ...whiteSpaceStyle, ...style }}\n            {...forwardedProps}\n        >\n            {children &&\n                Children.toArray(children).map((child, index) => {\n                    // Force wrap spaces around icons to make sure they are never stuck against text.\n                    if (isComponent(Icon)(child)) {\n                        return <Fragment key={child.key || index}> {child} </Fragment>;\n                    }\n                    return child;\n                })}\n        </Component>\n    );\n});\nText.displayName = COMPONENT_NAME;\nText.className = CLASSNAME;\nText.defaultProps = DEFAULT_PROPS;\n"],"names":["useOverflowTooltipLabel","parentTooltip","useTooltipContext","tooltipLabel","setTooltipLabel","React","useState","undefined","labelRef","useCallback","labelElement","offsetWidth","scrollWidth","innerText","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Text","forwardRef","props","ref","as","Component","children","className","color","colorVariant","noWrap","typography","truncate","whiteSpace","style","forwardedProps","_objectWithoutProperties","_excluded","colorClass","getFontColorClassName","typographyClass","getTypographyClassName","truncateLinesStyle","lines","isTruncatedMultiline","isTruncated","whiteSpaceStyle","createElement","_extends","useMergeRefs","classNames","handleBasicClasses","prefix","title","_objectSpread","Children","toArray","map","child","index","isComponent","Icon","Fragment","key","displayName","defaultProps"],"mappings":";;;;;;;;AAGA;AACA;AACA;AACA;AACA;AACaA,MAAAA,uBAAuB,GAAGA,MAAM;AACzC,EAAA,MAAMC,aAAa,GAAGC,iBAAiB,EAAE,CAAA;EACzC,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAqBC,SAAS,CAAC,CAAA;AACrF,EAAA,MAAMC,QAAQ,GAAGH,cAAK,CAACI,WAAW,CAC7BC,YAAgC,IAAK;AAClC,IAAA,IAAI,CAACA,YAAY,IAAI,CAAC,CAACT,aAAa,EAAE;AAClC;AACA;AACA,MAAA,OAAA;AACJ,KAAA;;AAEA;AACA,IAAA,IAAIS,YAAY,CAACC,WAAW,GAAGD,YAAY,CAACE,WAAW,EAAE;AACrDR,MAAAA,eAAe,CAACM,YAAY,CAACG,SAAS,CAAC,CAAA;AAC3C,KAAA;AACJ,GAAC,EACD,CAACZ,aAAa,CAClB,CAAC,CAAA;EAED,OAAO;IAAEO,QAAQ;AAAEL,IAAAA,YAAAA;GAAc,CAAA;AACrC;;;;ACZA;AACA;AACA;;AAqCA;AACA;AACA;AACA,MAAMW,cAAc,GAAG,MAAM,CAAA;;AAE7B;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAa,GAAG,EAAW,CAAA;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAI,GAAGC,UAAU,CAAY,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtD,MAAM;AACFC,MAAAA,EAAE,EAAEC,SAAS;MACbC,QAAQ;MACRC,SAAS;MACTC,KAAK;MACLC,YAAY;MACZC,MAAM;MACNC,UAAU;MACVC,QAAQ;MACRC,UAAU;AACVC,MAAAA,KAAAA;AAEJ,KAAC,GAAGZ,KAAK;AADFa,IAAAA,cAAc,GAAAC,wBAAA,CACjBd,KAAK,EAAAe,SAAA,CAAA,CAAA;EAET,MAAMC,UAAU,GAAGV,KAAK,IAAIW,qBAAqB,CAACX,KAAK,EAAEC,YAAY,CAAC,CAAA;AACtE,EAAA,MAAMW,eAAe,GAAGT,UAAU,IAAIU,sBAAsB,CAACV,UAAU,CAAC,CAAA;;AAExE;AACA,EAAA,MAAMW,kBAAkB,GAAG,OAAOV,QAAQ,KAAK,QAAQ,IACnDA,QAAQ,CAACW,KAAK,GAAG,CAAC,IAAI;IAAE,4BAA4B,EAAEX,QAAQ,CAACW,KAAAA;GAAO,CAAA;AAC1E,EAAA,MAAMC,oBAAoB,GAAG,CAAC,CAACF,kBAAkB,CAAA;AACjD,EAAA,MAAMG,WAAW,GAAG,CAAC,CAACb,QAAQ,CAAA;;AAE9B;AACJ;AACA;AACA;AACA;AACI,EAAA,MAAMc,eAAe,GAAG,CAAChB,MAAM,IAC3B,EAAEe,WAAW,IAAI,CAACD,oBAAoB,CAAC,IACvCX,UAAU,IAAI;AAAE,IAAA,yBAAyB,EAAEA,UAAAA;GAAY,CAAA;EAE3D,MAAM;IAAE5B,YAAY;AAAEK,IAAAA,QAAAA;GAAU,GAAGR,uBAAuB,EAAE,CAAA;AAE5D,EAAA,oBACIK,cAAA,CAAAwC,aAAA,CAACtB,SAAS,EAAAuB,QAAA,CAAA;AACNzB,IAAAA,GAAG,EAAE0B,YAAY,CAAC1B,GAAG,EAAoBb,QAAQ,CAAE;AACnDiB,IAAAA,SAAS,EAAEuB,UAAU,CACjBvB,SAAS,EACTwB,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAEnC,SAAS;AACjB4B,MAAAA,WAAW,EAAEA,WAAW,IAAI,CAACD,oBAAoB;AACjDA,MAAAA,oBAAAA;KACH,CAAC,EACFJ,eAAe,EACfF,UAAU,EACVR,MAAM,IAAK,CAAA,EAAEb,SAAU,CAAA,SAAA,CAC3B,CAAE;AACFoC,IAAAA,KAAK,EAAEhD,YAAa;IACpB6B,KAAK,EAAAoB,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAOZ,kBAAkB,CAAA,EAAKI,eAAe,CAAA,EAAKZ,KAAK,CAAA;AAAG,GAAA,EAC3DC,cAAc,CAEjBT,EAAAA,QAAQ,IACL6B,QAAQ,CAACC,OAAO,CAAC9B,QAAQ,CAAC,CAAC+B,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;AAC7C;AACA,IAAA,IAAIC,WAAW,CAACC,IAAI,CAAC,CAACH,KAAK,CAAC,EAAE;AAC1B,MAAA,oBAAOnD,cAAA,CAAAwC,aAAA,CAACe,QAAQ,EAAA;AAACC,QAAAA,GAAG,EAAEL,KAAK,CAACK,GAAG,IAAIJ,KAAAA;AAAM,OAAA,EAAC,GAAC,EAACD,KAAK,EAAC,GAAW,CAAC,CAAA;AAClE,KAAA;AACA,IAAA,OAAOA,KAAK,CAAA;AAChB,GAAC,CACE,CAAC,CAAA;AAEpB,CAAC,EAAC;AACFtC,IAAI,CAAC4C,WAAW,GAAGhD,cAAc,CAAA;AACjCI,IAAI,CAACO,SAAS,GAAGV,SAAS,CAAA;AAC1BG,IAAI,CAAC6C,YAAY,GAAG9C,aAAa;;;;"}

package/_internal/54d9ded5.js

@@ -1,418 +0,0 @@
-import { D as DOCUMENT, _ as _extends, k as _objectSpread2, m as WINDOW, h as getRootClassName, i as forwardRef, j as _objectWithoutProperties, g as classNames } from './1da25128.js';
-import React__default, { useState, useEffect, useLayoutEffect, useMemo, useRef } from 'react';
-import { createPortal } from 'react-dom';
-import { u as useCallbackOnEscape } from './cae46566.js';
-import { u as useMergeRefs } from './f52adbae.js';
-import { g as getFirstAndLastFocusable, u as useFocusTrap } from './646f0db6.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 './2e2abe51.js';
-import { h as handleBasicClasses } from './f57e1239.js';
-import { ClickAwayProvider } from '../utils/index.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) {
-  let shouldFocus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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 = _ref => {
-  let {
-    callbackRef
-  } = _ref;
-  useLayoutEffect(() => {
-    return () => {
-      var _callbackRef$current;
-      // On unmount
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef);
-    };
-  },
-  // 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(_ref, popoverElement) {
-  let {
-    focusAnchorOnClose,
-    anchorRef,
-    parentElement
-  } = _ref;
-  const onBeforeUnmountRef = React__default.useRef();
-  React__default.useEffect(() => {
-    if (!popoverElement || !focusAnchorOnClose) {
-      onBeforeUnmountRef.current = undefined;
-      return;
-    }
-    onBeforeUnmountRef.current = () => {
-      const isFocusWithin = popoverElement === null || popoverElement === void 0 ? void 0 : popoverElement.contains(document.activeElement);
-      if (!isFocusWithin) return;
-
-      // On next render
-      setTimeout(() => {
-        const anchor = anchorRef.current;
-        const elementToFocus =
-        // Provided parent element
-        (parentElement === null || parentElement === void 0 ? void 0 : parentElement.current) || (
-        // Or first focusable element in anchor
-        anchor ? getFirstAndLastFocusable(anchor).first : undefined) ||
-        // Fallback to anchor
-        anchor;
-        elementToFocus === null || elementToFocus === void 0 ? void 0 : 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(_ref) {
-    let {
-      state
-    } = _ref;
-    // eslint-disable-next-line no-param-reassign
-    state.styles.popper[anchorWidthOption] = `${state.rects.reference.width}px`;
-  },
-  effect(_ref2) {
-    let {
-      state
-    } = _ref2;
-    // 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(_ref3) {
-    let {
-      state,
-      name,
-      options
-    } = _ref3;
-    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(_ref4) {
-    let {
-      state
-    } = _ref4;
-    const {
-      height
-    } = state.modifiersData.maxSize;
-    // eslint-disable-next-line no-param-reassign
-    state.elements.popper.style.maxHeight = `${height - ARROW_SIZE}px`;
-  }
-};
-function usePopoverStyle(_ref5) {
-  var _offset$along, _offset$away, _state$placement, _state$rects$popper$y, _state$rects, _state$rects$popper;
-  let {
-    offset,
-    hasArrow,
-    fitToAnchorWidth,
-    fitWithinViewportHeight,
-    boundaryRef,
-    anchorRef,
-    children,
-    placement,
-    style,
-    zIndex
-  } = _ref5;
-  const [popperElement, setPopperElement] = useState(null);
-  const [arrowElement, setArrowElement] = useState(null);
-  const actualOffset = [(_offset$along = offset === null || offset === void 0 ? void 0 : offset.along) !== null && _offset$along !== void 0 ? _offset$along : 0, ((_offset$away = offset === null || offset === void 0 ? void 0 : offset.away) !== null && _offset$away !== void 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(_objectSpread2(_objectSpread2({}, maxSize), {}, {
-      options: {
-        boundary: boundaryRef === null || boundaryRef === void 0 ? void 0 : 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
-  });
-  useEffect(() => {
-    update === null || update === void 0 ? void 0 : update();
-  }, [children, update]);
-  const position = (_state$placement = state === null || state === void 0 ? void 0 : state.placement) !== null && _state$placement !== void 0 ? _state$placement : placement;
-  const popoverStyle = useMemo(() => {
-    const newStyles = _objectSpread2(_objectSpread2(_objectSpread2({}, style), styles.popper), {}, {
-      zIndex
-    });
-    if (fitWithinViewportHeight && !newStyles.maxHeight) {
-      newStyles.maxHeight = (WINDOW === null || WINDOW === void 0 ? void 0 : WINDOW.innerHeight) || (DOCUMENT === null || DOCUMENT === void 0 ? void 0 : DOCUMENT.documentElement.clientHeight);
-    }
-    return newStyles;
-  }, [style, styles.popper, zIndex, fitWithinViewportHeight]);
-  return {
-    styles: {
-      arrow: styles.arrow,
-      popover: popoverStyle
-    },
-    attributes,
-    isPositioned: ((_state$rects$popper$y = state === null || state === void 0 ? void 0 : (_state$rects = state.rects) === null || _state$rects === void 0 ? void 0 : (_state$rects$popper = _state$rects.popper) === null || _state$rects$popper === void 0 ? void 0 : _state$rects$popper.y) !== null && _state$rects$popper$y !== void 0 ? _state$rects$popper$y : -1) >= 0,
-    position,
-    setArrowElement,
-    setPopperElement,
-    popperElement
-  };
-}
-
-const _excluded = ["anchorRef", "as", "children", "className", "closeOnClickAway", "closeOnEscape", "elevation", "focusElement", "hasArrow", "isOpen", "onClose", "parentElement", "usePortal", "focusAnchorOnClose", "withFocusTrap", "boundaryRef", "fitToAnchorWidth", "fitWithinViewportHeight", "focusTrapZoneElement", "offset", "placement", "style", "theme", "zIndex"];
-
-/**
- * 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
-};
-
-/** Method to render the popover inside a portal if usePortal is true */
-const renderPopover = (children, usePortal) => {
-  return usePortal ? /*#__PURE__*/createPortal(children, document.body) : children;
-};
-
-// Inner component (must be wrapped before export)
-const _InnerPopover = forwardRef((props, ref) => {
-  const {
-      anchorRef,
-      as: Component = 'div',
-      children,
-      className,
-      closeOnClickAway,
-      closeOnEscape,
-      elevation,
-      focusElement,
-      hasArrow,
-      isOpen,
-      onClose,
-      parentElement,
-      usePortal,
-      focusAnchorOnClose,
-      withFocusTrap,
-      boundaryRef,
-      fitToAnchorWidth,
-      fitWithinViewportHeight,
-      focusTrapZoneElement,
-      offset,
-      placement,
-      style,
-      theme,
-      zIndex
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const popoverRef = useRef(null);
-  const {
-    styles,
-    attributes,
-    isPositioned,
-    position,
-    setArrowElement,
-    setPopperElement,
-    popperElement
-  } = usePopoverStyle({
-    offset,
-    hasArrow,
-    fitToAnchorWidth,
-    fitWithinViewportHeight,
-    boundaryRef,
-    anchorRef,
-    children,
-    placement,
-    style,
-    zIndex
-  });
-  const unmountSentinel = useRestoreFocusOnClose({
-    focusAnchorOnClose,
-    anchorRef,
-    parentElement
-  }, popperElement);
-  const focusZoneElement = (focusTrapZoneElement === null || focusTrapZoneElement === void 0 ? void 0 : focusTrapZoneElement.current) || (popoverRef === null || popoverRef === void 0 ? void 0 : popoverRef.current);
-  useCallbackOnEscape(onClose, isOpen && closeOnEscape);
-
-  /** Only set focus within if the focus trap is disabled as they interfere with one another. */
-  useFocus(focusElement === null || focusElement === void 0 ? void 0 : focusElement.current, !withFocusTrap && isOpen && isPositioned);
-  useFocusTrap(withFocusTrap && isOpen && focusZoneElement, focusElement === null || focusElement === void 0 ? void 0 : focusElement.current);
-  const clickAwayRefs = useRef([popoverRef, anchorRef]);
-  const mergedRefs = useMergeRefs(setPopperElement, ref, popoverRef);
-  return isOpen ? renderPopover( /*#__PURE__*/React__default.createElement(Component, _extends({}, forwardedProps, {
-    ref: mergedRefs,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      theme,
-      elevation: Math.min(elevation || 0, 5),
-      position
-    })),
-    style: styles.popover
-  }, attributes.popper), unmountSentinel, /*#__PURE__*/React__default.createElement(ClickAwayProvider, {
-    callback: closeOnClickAway && onClose,
-    childrenRefs: clickAwayRefs
-  }, hasArrow && /*#__PURE__*/React__default.createElement("div", {
-    ref: setArrowElement,
-    className: `${CLASSNAME}__arrow`,
-    style: styles.arrow
-  }, /*#__PURE__*/React__default.createElement("svg", {
-    viewBox: "0 0 14 14",
-    "aria-hidden": true
-  }, /*#__PURE__*/React__default.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__default.createElement(ThemeProvider, {
-    value: undefined
-  }, children))), usePortal) : 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=54d9ded5.js.map