@lumx/react 3.5.3 → 3.5.4-alpha-remove-moment-repack.0

package/_internal/{types.d.ts → 28b656e3.d.ts}

@@ -298,4 +298,4 @@ declare const ThumbnailVariant: {
 };
 declare type ThumbnailVariant = ValueOf<typeof ThumbnailVariant>;
 
-export { Alignment as A, Comp as C, Emphasis as E, Falsy as F, GenericProps as G, HasTheme as H, Kind as K, Orientation as O, Size as S, Typography as T, ValueOf as V, HorizontalAlignment as a, ColorPalette as b, VerticalAlignment as c, ColorVariant as d, TextElement as e, HeadingElement as f, AspectRatio as g, FocusPoint as h, ThumbnailSize as i, ThumbnailVariant as j, HasClassName as k, HasAriaLabelOrLabelledBy as l, ComponentRef as m, GlobalSize as n, TypographyInterface as o, Color as p, Theme as q, TypographyTitleCustom as r, TypographyCustom as s, Callback as t, ThumbnailAspectRatio as u };
+export { Alignment as A, Comp as C, Emphasis as E, FocusPoint as F, GlobalSize as G, HasAriaLabelOrLabelledBy as H, Kind as K, Orientation as O, Size as S, Theme as T, VerticalAlignment as V, HorizontalAlignment as a, ColorPalette as b, Color as c, ColorVariant as d, TypographyInterface as e, TypographyTitleCustom as f, TypographyCustom as g, Typography as h, AspectRatio as i, HeadingElement as j, TextElement as k, GenericProps as l, Callback as m, ThumbnailAspectRatio as n, ThumbnailSize as o, ThumbnailVariant as p, HasTheme as q, ValueOf as r, HasClassName as s, ComponentRef as t, Falsy as u };

package/_internal/2bd12321.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { l as GenericProps, b as ColorPalette, C as Comp } from './28b656e3.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface BadgeProps extends GenericProps {
+    /** Badge content. */
+    children?: ReactNode;
+    /** Color variant. */
+    color?: ColorPalette;
+}
+/**
+ * Badge component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Badge: Comp<BadgeProps, HTMLDivElement>;
+
+export { BadgeProps as B, Badge as a };

package/_internal/2c279dd8.d.ts

@@ -0,0 +1,49 @@
+import React, { ReactNode } from 'react';
+import { S as Size, l as GenericProps, q as HasTheme, O as Orientation, C as Comp } from './28b656e3.js';
+import { a as AvatarProps } from './ef7b6d28.js';
+
+/**
+ * User block sizes.
+ */
+declare type UserBlockSize = Extract<Size, 's' | 'm' | 'l'>;
+/**
+ * Defines the props of the component.
+ */
+interface UserBlockProps extends GenericProps, HasTheme {
+    /** Props to pass to the avatar. */
+    avatarProps?: Omit<AvatarProps, 'alt'>;
+    /** Additional fields used to describe the user. */
+    fields?: string[];
+    /** Props to pass to the link wrapping the avatar thumbnail. */
+    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+    /** Custom react component for the link (can be used to inject react router Link). */
+    linkAs?: 'a' | any;
+    /** Multiple action toolbar content. */
+    multipleActions?: ReactNode;
+    /** User name. */
+    name?: string;
+    /** Props to pass to the name block. */
+    nameProps?: GenericProps;
+    /** Orientation. */
+    orientation?: Orientation;
+    /** Simple action toolbar content. */
+    simpleAction?: ReactNode;
+    /** Size variant. */
+    size?: UserBlockSize;
+    /** On click callback. */
+    onClick?(): void;
+    /** On mouse enter callback. */
+    onMouseEnter?(): void;
+    /** On mouse leave callback. */
+    onMouseLeave?(): void;
+}
+/**
+ * UserBlock component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const UserBlock: Comp<UserBlockProps, HTMLDivElement>;
+
+export { UserBlockSize as U, UserBlockProps as a, UserBlock as b };

package/_internal/2d7bd818.js

@@ -0,0 +1,147 @@
+import { g as getRootClassName, _ as _objectWithoutProperties, a as _extends, j as _objectSpread2, c as classnames, S as Size, E as Emphasis, K as Kind, C as ColorPalette } from './35c3a78f.js';
+import React, { forwardRef } from 'react';
+import { I as Icon, m as mdiAlert, a as mdiInformation, b as mdiCheckCircle, c as mdiAlertCircle } from './52976f60.js';
+import { u as uid } from './fc608bd9.js';
+import { h as handleBasicClasses } from './3f5e7653.js';
+import { a as Button } from './975a94f4.js';
+import { D as Dialog } from './2db3ca7a.js';
+import { T as Toolbar } from './c1482714.js';
+
+const _excluded = ["id", "title", "className", "cancelProps", "confirmProps", "kind", "size", "dialogProps", "children"],
+  _excluded2 = ["label", "onClick"],
+  _excluded3 = ["label", "onClick"];
+/**
+ * Associative map from message kind to color and icon.
+ */
+const CONFIG = {
+  [Kind.error]: {
+    color: ColorPalette.red,
+    icon: mdiAlert
+  },
+  [Kind.info]: {
+    color: ColorPalette.blue,
+    icon: mdiInformation
+  },
+  [Kind.success]: {
+    color: ColorPalette.green,
+    icon: mdiCheckCircle
+  },
+  [Kind.warning]: {
+    color: ColorPalette.yellow,
+    icon: mdiAlertCircle
+  }
+};
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'AlertDialog';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  size: Size.tiny,
+  kind: Kind.info
+};
+
+/**
+ * AlertDialog component.
+ *
+ * An alert dialog is a modal dialog that interrupts the user's workflow to
+ * communicate an important message and acquire a response.
+ *
+ * It should not have a complex content.
+ * Children of this component should only be strings, paragraphs or links.
+ */
+const AlertDialog = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      id,
+      title,
+      className,
+      cancelProps,
+      confirmProps,
+      kind,
+      size,
+      dialogProps,
+      children
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const cancelButtonRef = React.useRef(null);
+  const confirmationButtonRef = React.useRef(null);
+  const {
+    color,
+    icon
+  } = CONFIG[kind] || {};
+
+  // Define a unique ID to target title and description for aria attributes.
+  const uniqueId = React.useMemo(() => id || uid(), [id]);
+  const titleId = `${uniqueId}-title`;
+  const descriptionId = `${uniqueId}-description`;
+
+  // If content is a string, set in a paragraph.
+  const DescriptionElement = typeof children === 'string' ? 'p' : 'div';
+  const {
+      label: confirmLabel,
+      onClick: confirmOnClick
+    } = confirmProps,
+    forwardedConfirmProps = _objectWithoutProperties(confirmProps, _excluded2);
+  const _ref = cancelProps || {},
+    {
+      label: cancelLabel,
+      onClick: cancelOnClick
+    } = _ref,
+    forwardedCancelProps = _objectWithoutProperties(_ref, _excluded3);
+  return /*#__PURE__*/React.createElement(Dialog, _extends({
+    ref: ref,
+    focusElement: cancelProps ? cancelButtonRef : confirmationButtonRef,
+    size: size,
+    dialogProps: _objectSpread2({
+      id: uniqueId,
+      role: 'alertdialog',
+      'aria-labelledby': titleId,
+      'aria-describedby': descriptionId
+    }, dialogProps),
+    className: classnames(className, handleBasicClasses({
+      kind,
+      prefix: CLASSNAME
+    }))
+  }, forwardedProps), /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Toolbar, {
+    className: "lumx-spacing-margin-horizontal",
+    before: /*#__PURE__*/React.createElement(Icon, {
+      icon: icon,
+      size: Size.s,
+      color: color
+    }),
+    label: /*#__PURE__*/React.createElement("h2", {
+      id: titleId,
+      className: "lumx-typography-title"
+    }, title)
+  })), children && /*#__PURE__*/React.createElement(DescriptionElement, {
+    id: descriptionId,
+    className: "lumx-typography-body2 lumx-spacing-padding-vertical-big lumx-spacing-padding-horizontal-huge"
+  }, children), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement(Toolbar, {
+    className: "lumx-spacing-margin-horizontal",
+    after: /*#__PURE__*/React.createElement(React.Fragment, null, cancelProps && /*#__PURE__*/React.createElement(Button, _extends({}, forwardedCancelProps, {
+      ref: cancelButtonRef,
+      emphasis: Emphasis.medium,
+      onClick: cancelOnClick
+    }), cancelLabel), /*#__PURE__*/React.createElement(Button, _extends({}, forwardedConfirmProps, {
+      ref: confirmationButtonRef,
+      color: color,
+      className: "lumx-spacing-margin-left-regular",
+      onClick: confirmOnClick
+    }), confirmLabel))
+  })));
+});
+AlertDialog.displayName = COMPONENT_NAME;
+AlertDialog.className = CLASSNAME;
+AlertDialog.defaultProps = DEFAULT_PROPS;
+
+export { AlertDialog as A };
+//# sourceMappingURL=2d7bd818.js.map

package/_internal/2d7bd818.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2d7bd818.js","sources":["../../src/components/alert-dialog/AlertDialog.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport {\n    DialogProps,\n    Dialog,\n    Button,\n    Emphasis,\n    ColorPalette,\n    Icon,\n    Size,\n    Kind,\n    Toolbar,\n    ButtonProps,\n} from '@lumx/react';\n\nimport { mdiAlert, mdiAlertCircle, mdiCheckCircle, mdiInformation } from '@lumx/icons/';\nimport { uid } from 'uid';\nimport { Comp } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\nexport interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {\n    /** Message variant. */\n    kind?: Kind;\n    /** Dialog title. */\n    title?: string;\n    /** Props forwarded to the confirm button */\n    confirmProps: ButtonProps & {\n        onClick(): void;\n        label: string;\n    };\n    /**\n     * Props forwarded to the cancel button.\n     * Will not render a cancel button if undefined.\n     */\n    cancelProps?: ButtonProps & {\n        onClick(): void;\n        label: string;\n    };\n}\n\n/**\n * Associative map from message kind to color and icon.\n */\nconst CONFIG = {\n    [Kind.error]: { color: ColorPalette.red, icon: mdiAlert },\n    [Kind.info]: { color: ColorPalette.blue, icon: mdiInformation },\n    [Kind.success]: { color: ColorPalette.green, icon: mdiCheckCircle },\n    [Kind.warning]: { color: ColorPalette.yellow, icon: mdiAlertCircle },\n};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'AlertDialog';\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<DialogProps> = {\n    size: Size.tiny,\n    kind: Kind.info,\n};\n\n/**\n * AlertDialog component.\n *\n * An alert dialog is a modal dialog that interrupts the user's workflow to\n * communicate an important message and acquire a response.\n *\n * It should not have a complex content.\n * Children of this component should only be strings, paragraphs or links.\n */\nexport const AlertDialog: Comp<AlertDialogProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const {\n        id,\n        title,\n        className,\n        cancelProps,\n        confirmProps,\n        kind,\n        size,\n        dialogProps,\n        children,\n        ...forwardedProps\n    } = props;\n\n    const cancelButtonRef = React.useRef(null);\n    const confirmationButtonRef = React.useRef(null);\n    const { color, icon } = CONFIG[kind as Kind] || {};\n\n    // Define a unique ID to target title and description for aria attributes.\n    const uniqueId = React.useMemo(() => id || uid(), [id]);\n    const titleId = `${uniqueId}-title`;\n    const descriptionId = `${uniqueId}-description`;\n\n    // If content is a string, set in a paragraph.\n    const DescriptionElement = typeof children === 'string' ? 'p' : 'div';\n\n    const { label: confirmLabel, onClick: confirmOnClick, ...forwardedConfirmProps } = confirmProps;\n    const { label: cancelLabel, onClick: cancelOnClick, ...forwardedCancelProps } = cancelProps || {};\n\n    return (\n        <Dialog\n            ref={ref}\n            focusElement={cancelProps ? cancelButtonRef : confirmationButtonRef}\n            size={size}\n            dialogProps={{\n                id: uniqueId,\n                role: 'alertdialog',\n                'aria-labelledby': titleId,\n                'aria-describedby': descriptionId,\n                ...dialogProps,\n            }}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    kind,\n                    prefix: CLASSNAME,\n                }),\n            )}\n            {...forwardedProps}\n        >\n            <header>\n                <Toolbar\n                    className=\"lumx-spacing-margin-horizontal\"\n                    before={<Icon icon={icon} size={Size.s} color={color} />}\n                    label={\n                        <h2 id={titleId} className=\"lumx-typography-title\">\n                            {title}\n                        </h2>\n                    }\n                />\n            </header>\n\n            {children && (\n                <DescriptionElement\n                    id={descriptionId}\n                    className=\"lumx-typography-body2 lumx-spacing-padding-vertical-big lumx-spacing-padding-horizontal-huge\"\n                >\n                    {children}\n                </DescriptionElement>\n            )}\n\n            <footer>\n                <Toolbar\n                    className=\"lumx-spacing-margin-horizontal\"\n                    after={\n                        <>\n                            {cancelProps && (\n                                <Button\n                                    {...forwardedCancelProps}\n                                    ref={cancelButtonRef}\n                                    emphasis={Emphasis.medium}\n                                    onClick={cancelOnClick}\n                                >\n                                    {cancelLabel}\n                                </Button>\n                            )}\n                            <Button\n                                {...forwardedConfirmProps}\n                                ref={confirmationButtonRef}\n                                color={color}\n                                className=\"lumx-spacing-margin-left-regular\"\n                                onClick={confirmOnClick}\n                            >\n                                {confirmLabel}\n                            </Button>\n                        </>\n                    }\n                />\n            </footer>\n        </Dialog>\n    );\n});\n\nAlertDialog.displayName = COMPONENT_NAME;\nAlertDialog.className = CLASSNAME;\nAlertDialog.defaultProps = DEFAULT_PROPS;\n"],"names":["CONFIG","Kind","error","color","ColorPalette","red","icon","mdiAlert","info","blue","mdiInformation","success","green","mdiCheckCircle","warning","yellow","mdiAlertCircle","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","size","Size","tiny","kind","AlertDialog","forwardRef","props","ref","id","title","className","cancelProps","confirmProps","dialogProps","children","forwardedProps","_objectWithoutProperties","_excluded","cancelButtonRef","React","useRef","confirmationButtonRef","uniqueId","useMemo","uid","titleId","descriptionId","DescriptionElement","label","confirmLabel","onClick","confirmOnClick","forwardedConfirmProps","_excluded2","_ref","cancelLabel","cancelOnClick","forwardedCancelProps","_excluded3","createElement","Dialog","_extends","focusElement","_objectSpread","role","classNames","handleBasicClasses","prefix","Toolbar","before","Icon","s","after","Fragment","Button","emphasis","Emphasis","medium","displayName","defaultProps"],"mappings":"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"}

package/_internal/2db3ca7a.js

@@ -0,0 +1,221 @@
+import { g as getRootClassName, _ as _objectWithoutProperties, a as _extends, c as classnames, S as Size } from './35c3a78f.js';
+import React, { useState, useEffect, forwardRef, useRef, useMemo, Children } from 'react';
+import { D as DOCUMENT } from './c498efeb.js';
+import { h as handleBasicClasses } from './3f5e7653.js';
+import { m as mergeRefs } from './83dab2b2.js';
+import { i as isComponent } from './48725bae.js';
+import { a as useCallbackOnEscape, u as useFocusTrap } from './0110d951.js';
+import { createPortal } from 'react-dom';
+import { p as partitionMulti } from './834ad334.js';
+import { C as ClickAwayProvider } from './f82d943d.js';
+import { u as useDisableBodyScroll } from './50472283.js';
+import { u as useTransitionVisibility } from './a79b2c62.js';
+import { a as Progress, P as ProgressVariant } from './43bf2236.js';
+
+/**
+ * Convenient hook to create interaction observers.
+ *
+ * @param elements Elements to observe.
+ * @param options  IntersectionObserver options.
+ * @return Map of intersections.
+ */
+function useIntersectionObserver(elements, options) {
+  const [intersections, setIntersections] = useState(() => new Map());
+  useEffect(() => {
+    if (elements.length < 1 || !elements.some(Boolean)) {
+      return undefined;
+    }
+    const observer = new IntersectionObserver(entries => {
+      for (const entry of entries) {
+        intersections.set(entry.target, entry);
+      }
+      setIntersections(new Map(intersections));
+    }, options);
+    for (const element of elements) {
+      if (element) {
+        observer.observe(element);
+      }
+    }
+    return () => observer.disconnect();
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [...elements]);
+  return intersections;
+}
+
+const _excluded = ["children", "className", "header", "focusElement", "forceFooterDivider", "forceHeaderDivider", "footer", "isLoading", "isOpen", "onClose", "parentElement", "contentRef", "preventAutoClose", "size", "zIndex", "dialogProps", "onVisibilityChange", "disableBodyScroll", "preventCloseOnClick", "preventCloseOnEscape"];
+
+/**
+ * Defines the props of the component.
+ */
+
+const isHeader = isComponent('header');
+const isFooter = isComponent('footer');
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Dialog';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  size: Size.big,
+  disableBodyScroll: true
+};
+
+/**
+ * Dialog component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Dialog = /*#__PURE__*/forwardRef((props, ref) => {
+  var _intersections$get$is, _intersections$get, _intersections$get$is2, _intersections$get2;
+  if (!DOCUMENT) {
+    // Can't render in SSR.
+    return null;
+  }
+  const {
+      children,
+      className,
+      header,
+      focusElement,
+      forceFooterDivider,
+      forceHeaderDivider,
+      footer,
+      isLoading,
+      isOpen,
+      onClose,
+      parentElement,
+      contentRef,
+      preventAutoClose,
+      size,
+      zIndex,
+      dialogProps,
+      onVisibilityChange,
+      disableBodyScroll,
+      preventCloseOnClick,
+      preventCloseOnEscape
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const previousOpen = React.useRef(isOpen);
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  React.useEffect(() => {
+    if (isOpen !== previousOpen.current) {
+      previousOpen.current = isOpen;
+
+      // Focus the parent element on close.
+      if (!isOpen && parentElement && parentElement.current) {
+        parentElement.current.focus();
+      }
+    }
+  }, [isOpen, parentElement]);
+  const shouldPreventCloseOnEscape = preventAutoClose || preventCloseOnEscape;
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useCallbackOnEscape(onClose, isOpen && !shouldPreventCloseOnEscape);
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const wrapperRef = useRef(null);
+  /**
+   * Since the `contentRef` comes from the parent and is optional,
+   * we need to create a stable contentRef that will always be available.
+   */
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const localContentRef = useRef(null);
+  // Handle focus trap.
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFocusTrap(isOpen && wrapperRef.current, focusElement === null || focusElement === void 0 ? void 0 : focusElement.current);
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useDisableBodyScroll(disableBodyScroll && isOpen && localContentRef.current);
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [sentinelTop, setSentinelTop] = useState(null);
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [sentinelBottom, setSentinelBottom] = useState(null);
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const intersections = useIntersectionObserver([sentinelTop, sentinelBottom], {
+    threshold: [0, 1]
+  });
+  const hasTopIntersection = sentinelTop && !((_intersections$get$is = (_intersections$get = intersections.get(sentinelTop)) === null || _intersections$get === void 0 ? void 0 : _intersections$get.isIntersecting) !== null && _intersections$get$is !== void 0 ? _intersections$get$is : true);
+  const hasBottomIntersection = sentinelBottom && !((_intersections$get$is2 = (_intersections$get2 = intersections.get(sentinelBottom)) === null || _intersections$get2 === void 0 ? void 0 : _intersections$get2.isIntersecting) !== null && _intersections$get$is2 !== void 0 ? _intersections$get$is2 : true);
+
+  // Separate header, footer and dialog content from children.
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [[headerChild], [footerChild], content] = useMemo(() => partitionMulti(Children.toArray(children), [isHeader, isFooter]), [children]);
+  const headerChildProps = headerChild === null || headerChild === void 0 ? void 0 : headerChild.props;
+  const headerChildContent = headerChildProps === null || headerChildProps === void 0 ? void 0 : headerChildProps.children;
+  const footerChildProps = footerChild === null || footerChild === void 0 ? void 0 : footerChild.props;
+  const footerChildContent = footerChildProps === null || footerChildProps === void 0 ? void 0 : footerChildProps.children;
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const clickAwayRefs = useRef([wrapperRef]);
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const rootRef = useRef(null);
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const isVisible = useTransitionVisibility(rootRef, Boolean(isOpen), onVisibilityChange);
+  const shouldPreventCloseOnClickAway = preventAutoClose || preventCloseOnClick;
+  return isOpen || isVisible ? /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", _extends({
+    ref: mergeRefs(rootRef, ref)
+  }, forwardedProps, {
+    className: classnames(className, handleBasicClasses({
+      isHidden: !isOpen,
+      isLoading,
+      isShown: isOpen || isVisible,
+      prefix: CLASSNAME,
+      size
+    })),
+    style: {
+      zIndex
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__overlay`
+  }), /*#__PURE__*/React.createElement("section", _extends({
+    className: `${CLASSNAME}__container`,
+    role: "dialog",
+    "aria-modal": "true"
+  }, dialogProps), /*#__PURE__*/React.createElement(ClickAwayProvider, {
+    callback: !shouldPreventCloseOnClickAway && onClose,
+    childrenRefs: clickAwayRefs,
+    parentRef: rootRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__wrapper`,
+    ref: wrapperRef
+  }, (header || headerChildContent) && /*#__PURE__*/React.createElement("header", _extends({}, headerChildProps, {
+    className: classnames(`${CLASSNAME}__header`, (forceHeaderDivider || hasTopIntersection) && `${CLASSNAME}__header--has-divider`, headerChildProps === null || headerChildProps === void 0 ? void 0 : headerChildProps.className)
+  }), header, headerChildContent), /*#__PURE__*/React.createElement("div", {
+    ref: mergeRefs(contentRef, localContentRef),
+    className: `${CLASSNAME}__content`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__sentinel ${CLASSNAME}__sentinel--top`,
+    ref: setSentinelTop
+  }), content, /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__sentinel ${CLASSNAME}__sentinel--bottom`,
+    ref: setSentinelBottom
+  })), (footer || footerChildContent) && /*#__PURE__*/React.createElement("footer", _extends({}, footerChildProps, {
+    className: classnames(`${CLASSNAME}__footer`, (forceFooterDivider || hasBottomIntersection) && `${CLASSNAME}__footer--has-divider`, footerChildProps === null || footerChildProps === void 0 ? void 0 : footerChildProps.className)
+  }), footer, footerChildContent), isLoading && /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__progress-overlay`
+  }, /*#__PURE__*/React.createElement(Progress, {
+    variant: ProgressVariant.circular
+  })))))), document.body) : null;
+});
+Dialog.displayName = COMPONENT_NAME;
+Dialog.className = CLASSNAME;
+Dialog.defaultProps = DEFAULT_PROPS;
+
+export { Dialog as D };
+//# sourceMappingURL=2db3ca7a.js.map

package/_internal/2db3ca7a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2db3ca7a.js","sources":["../../src/hooks/useIntersectionObserver.tsx","../../src/components/dialog/Dialog.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type Intersections<T> = Map<T, IntersectionObserverEntry>;\n\n/**\n * Convenient hook to create interaction observers.\n *\n * @param elements Elements to observe.\n * @param options  IntersectionObserver options.\n * @return Map of intersections.\n */\nexport function useIntersectionObserver<T extends Element>(\n    elements: Array<T | null | undefined>,\n    options?: IntersectionObserverInit,\n): Intersections<T> {\n    const [intersections, setIntersections] = useState<Intersections<T>>(() => new Map());\n\n    useEffect(\n        () => {\n            if (elements.length < 1 || !elements.some(Boolean)) {\n                return undefined;\n            }\n\n            const observer = new IntersectionObserver((entries) => {\n                for (const entry of entries) {\n                    intersections.set(entry.target as T, entry);\n                }\n                setIntersections(new Map(intersections));\n            }, options);\n\n            for (const element of elements) {\n                if (element) {\n                    observer.observe(element);\n                }\n            }\n            return () => observer.disconnect();\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [...elements],\n    );\n\n    return intersections;\n}\n","import React, { Children, forwardRef, ReactElement, ReactNode, Ref, RefObject, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport classNames from 'classnames';\n\nimport { Progress, ProgressVariant, Size } from '@lumx/react';\n\nimport { DOCUMENT } from '@lumx/react/constants';\nimport { useCallbackOnEscape } from '@lumx/react/hooks/useCallbackOnEscape';\nimport { useFocusTrap } from '@lumx/react/hooks/useFocusTrap';\nimport { useIntersectionObserver } from '@lumx/react/hooks/useIntersectionObserver';\n\nimport { Comp, GenericProps, isComponent } from '@lumx/react/utils/type';\nimport { partitionMulti } from '@lumx/react/utils/partitionMulti';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { ClickAwayProvider } from '@lumx/react/utils/ClickAwayProvider';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\n\nimport { useDisableBodyScroll } from '@lumx/react/hooks/useDisableBodyScroll';\nimport { useTransitionVisibility } from '@lumx/react/hooks/useTransitionVisibility';\n\n/**\n * Defines the props of the component.\n */\nexport interface DialogProps extends GenericProps {\n    /** Footer content. */\n    footer?: ReactNode;\n    /** Whether the divider between the dialog content and the footer is always displayed (instead of showing it on scroll). */\n    forceFooterDivider?: boolean;\n    /** Header content. */\n    header?: ReactNode;\n    /** Whether the divider between the dialog content and the footer is always displayed (instead of showing it on scroll). */\n    forceHeaderDivider?: boolean;\n    /** Whether the indefinite progress indicator over the dialog content is displayed or not. */\n    isLoading?: boolean;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Reference to the parent element that triggered modal opening (will get back focus on close). */\n    parentElement?: RefObject<HTMLElement>;\n    /** Reference to the dialog content element. */\n    contentRef?: Ref<HTMLDivElement>;\n    /** Reference to the of the element that should get the focus when the dialogs opens. By default, the first child will take focus. */\n    focusElement?: RefObject<HTMLElement>;\n    /** Whether to keep the dialog open on clickaway or escape press. */\n    preventAutoClose?: boolean;\n    /** Whether to keep the dialog open on escape press. */\n    preventCloseOnEscape?: boolean;\n    /** Whether to keep the dialog open on clickaway. */\n    preventCloseOnClick?: boolean;\n    /** Size variant. */\n    size?: DialogSizes;\n    /** Z-axis position. */\n    zIndex?: number;\n    /** Z-axis position. */\n    dialogProps?: GenericProps;\n    /** On close callback. */\n    onClose?(): void;\n    /** Callback called when the open animation starts and the close animation finishes. */\n    onVisibilityChange?(isVisible: boolean): void;\n    /** whether to disable the scroll on the body or not */\n    disableBodyScroll?: boolean;\n}\n\nexport type DialogSizes = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;\n\nconst isHeader = isComponent('header');\nconst isFooter = isComponent('footer');\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Dialog';\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<DialogProps> = {\n    size: Size.big,\n    disableBodyScroll: true,\n};\n\n/**\n * Dialog component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Dialog: Comp<DialogProps, HTMLDivElement> = forwardRef((props, ref) => {\n    if (!DOCUMENT) {\n        // Can't render in SSR.\n        return null;\n    }\n\n    const {\n        children,\n        className,\n        header,\n        focusElement,\n        forceFooterDivider,\n        forceHeaderDivider,\n        footer,\n        isLoading,\n        isOpen,\n        onClose,\n        parentElement,\n        contentRef,\n        preventAutoClose,\n        size,\n        zIndex,\n        dialogProps,\n        onVisibilityChange,\n        disableBodyScroll,\n        preventCloseOnClick,\n        preventCloseOnEscape,\n        ...forwardedProps\n    } = props;\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const previousOpen = React.useRef(isOpen);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.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    const shouldPreventCloseOnEscape = preventAutoClose || preventCloseOnEscape;\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useCallbackOnEscape(onClose, isOpen && !shouldPreventCloseOnEscape);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    /**\n     * Since the `contentRef` comes from the parent and is optional,\n     * we need to create a stable contentRef that will always be available.\n     */\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const localContentRef = useRef<HTMLDivElement>(null);\n    // Handle focus trap.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useFocusTrap(isOpen && wrapperRef.current, focusElement?.current);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useDisableBodyScroll(disableBodyScroll && isOpen && localContentRef.current);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const [sentinelTop, setSentinelTop] = useState<Element | null>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const [sentinelBottom, setSentinelBottom] = useState<Element | null>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const intersections = useIntersectionObserver([sentinelTop, sentinelBottom], {\n        threshold: [0, 1],\n    });\n\n    const hasTopIntersection = sentinelTop && !(intersections.get(sentinelTop)?.isIntersecting ?? true);\n    const hasBottomIntersection = sentinelBottom && !(intersections.get(sentinelBottom)?.isIntersecting ?? true);\n\n    // Separate header, footer and dialog content from children.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const [[headerChild], [footerChild], content] = useMemo(\n        () => partitionMulti(Children.toArray(children), [isHeader, isFooter]),\n        [children],\n    );\n    const headerChildProps = (headerChild as ReactElement)?.props;\n    const headerChildContent = headerChildProps?.children;\n    const footerChildProps = (footerChild as ReactElement)?.props;\n    const footerChildContent = footerChildProps?.children;\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const clickAwayRefs = useRef([wrapperRef]);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const isVisible = useTransitionVisibility(rootRef, Boolean(isOpen), onVisibilityChange);\n\n    const shouldPreventCloseOnClickAway = preventAutoClose || preventCloseOnClick;\n\n    return isOpen || isVisible\n        ? createPortal(\n              <div\n                  ref={mergeRefs(rootRef, ref)}\n                  {...forwardedProps}\n                  className={classNames(\n                      className,\n                      handleBasicClasses({\n                          isHidden: !isOpen,\n                          isLoading,\n                          isShown: isOpen || isVisible,\n                          prefix: CLASSNAME,\n                          size,\n                      }),\n                  )}\n                  style={{ zIndex }}\n              >\n                  <div className={`${CLASSNAME}__overlay`} />\n\n                  <section className={`${CLASSNAME}__container`} role=\"dialog\" aria-modal=\"true\" {...dialogProps}>\n                      <ClickAwayProvider\n                          callback={!shouldPreventCloseOnClickAway && onClose}\n                          childrenRefs={clickAwayRefs}\n                          parentRef={rootRef}\n                      >\n                          <div className={`${CLASSNAME}__wrapper`} ref={wrapperRef}>\n                              {(header || headerChildContent) && (\n                                  <header\n                                      {...headerChildProps}\n                                      className={classNames(\n                                          `${CLASSNAME}__header`,\n                                          (forceHeaderDivider || hasTopIntersection) &&\n                                              `${CLASSNAME}__header--has-divider`,\n                                          headerChildProps?.className,\n                                      )}\n                                  >\n                                      {header}\n                                      {headerChildContent}\n                                  </header>\n                              )}\n\n                              <div ref={mergeRefs(contentRef, localContentRef)} className={`${CLASSNAME}__content`}>\n                                  <div\n                                      className={`${CLASSNAME}__sentinel ${CLASSNAME}__sentinel--top`}\n                                      ref={setSentinelTop}\n                                  />\n\n                                  {content}\n\n                                  <div\n                                      className={`${CLASSNAME}__sentinel ${CLASSNAME}__sentinel--bottom`}\n                                      ref={setSentinelBottom}\n                                  />\n                              </div>\n\n                              {(footer || footerChildContent) && (\n                                  <footer\n                                      {...footerChildProps}\n                                      className={classNames(\n                                          `${CLASSNAME}__footer`,\n                                          (forceFooterDivider || hasBottomIntersection) &&\n                                              `${CLASSNAME}__footer--has-divider`,\n                                          footerChildProps?.className,\n                                      )}\n                                  >\n                                      {footer}\n                                      {footerChildContent}\n                                  </footer>\n                              )}\n\n                              {isLoading && (\n                                  <div className={`${CLASSNAME}__progress-overlay`}>\n                                      <Progress variant={ProgressVariant.circular} />\n                                  </div>\n                              )}\n                          </div>\n                      </ClickAwayProvider>\n                  </section>\n              </div>,\n              document.body,\n          )\n        : null;\n});\nDialog.displayName = COMPONENT_NAME;\nDialog.className = CLASSNAME;\nDialog.defaultProps = DEFAULT_PROPS;\n"],"names":["useIntersectionObserver","elements","options","intersections","setIntersections","useState","Map","useEffect","length","some","Boolean","undefined","observer","IntersectionObserver","entries","entry","set","target","element","observe","disconnect","isHeader","isComponent","isFooter","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","size","Size","big","disableBodyScroll","Dialog","forwardRef","props","ref","_intersections$get$is","_intersections$get","_intersections$get$is2","_intersections$get2","DOCUMENT","children","className","header","focusElement","forceFooterDivider","forceHeaderDivider","footer","isLoading","isOpen","onClose","parentElement","contentRef","preventAutoClose","zIndex","dialogProps","onVisibilityChange","preventCloseOnClick","preventCloseOnEscape","forwardedProps","_objectWithoutProperties","_excluded","previousOpen","React","useRef","current","focus","shouldPreventCloseOnEscape","useCallbackOnEscape","wrapperRef","localContentRef","useFocusTrap","useDisableBodyScroll","sentinelTop","setSentinelTop","sentinelBottom","setSentinelBottom","threshold","hasTopIntersection","get","isIntersecting","hasBottomIntersection","headerChild","footerChild","content","useMemo","partitionMulti","Children","toArray","headerChildProps","headerChildContent","footerChildProps","footerChildContent","clickAwayRefs","rootRef","isVisible","useTransitionVisibility","shouldPreventCloseOnClickAway","createPortal","createElement","_extends","mergeRefs","classNames","handleBasicClasses","isHidden","isShown","prefix","style","role","ClickAwayProvider","callback","childrenRefs","parentRef","Progress","variant","ProgressVariant","circular","document","body","displayName","defaultProps"],"mappings":"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"}