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

package/_internal/components/dropdown/index.ts-2a17db51.js

@@ -1,154 +0,0 @@
-import { h as getRootClassName, i as forwardRef, j as _objectWithoutProperties, k as _objectSpread2, _ as _extends, g as classNames } from '../../1da25128.js';
-import React__default, { useEffect, useRef, useMemo, cloneElement } from 'react';
-import { L as List } from '../../bc28d510.js';
-import { P as Popover } from '../../54d9ded5.js';
-import { i as isComponent } from '../../f39a1ba4.js';
-import { P as Placement } from '../../2e2abe51.js';
-import { h as handleBasicClasses } from '../../f57e1239.js';
-
-// The error margin in px we want to have for triggering infinite scroll
-const SCROLL_TRIGGER_MARGIN = 5;
-
-/**
- * Listen to clicks away from a given element and callback the passed in function.
- *
- * @param  ref               A reference to the element on which you want to listen scroll event.
- * @param  [callback]        A callback function to call when the bottom of the reference element is reached.
- * @param  [callbackOnMount] A callback function to call when the component is mounted.
- */
-const useInfiniteScroll = function (ref, callback) {
-  let callbackOnMount = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  let scrollTriggerMargin = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : SCROLL_TRIGGER_MARGIN;
-  useEffect(() => {
-    const {
-      current
-    } = ref;
-    if (!callback || !current) {
-      return undefined;
-    }
-    const isAtBottom = () => Boolean(current && current.scrollHeight - (current.scrollTop + current.clientHeight) <= scrollTriggerMargin);
-    const onScroll = e => {
-      if (isAtBottom()) {
-        callback(e);
-      }
-    };
-    if (isAtBottom()) {
-      onScroll();
-    }
-    current.addEventListener('scroll', onScroll);
-    current.addEventListener('resize', onScroll);
-    return () => {
-      current.removeEventListener('scroll', onScroll);
-      current.removeEventListener('resize', onScroll);
-    };
-  }, [ref, callback, scrollTriggerMargin]);
-  useEffect(() => {
-    if (callback && callbackOnMount) {
-      callback();
-    }
-  }, [callback, callbackOnMount]);
-};
-
-const _excluded = ["anchorRef", "children", "className", "closeOnClick", "closeOnClickAway", "closeOnEscape", "fitToAnchorWidth", "fitWithinViewportHeight", "isOpen", "offset", "focusAnchorOnClose", "onClose", "onInfiniteScroll", "placement", "shouldFocusOnOpen", "zIndex"];
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Dropdown';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  closeOnClick: true,
-  closeOnClickAway: true,
-  closeOnEscape: true,
-  fitToAnchorWidth: true,
-  fitWithinViewportHeight: true,
-  placement: Placement.BOTTOM_START,
-  shouldFocusOnOpen: true,
-  focusAnchorOnClose: true
-};
-
-/**
- * Dropdown component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Dropdown = forwardRef((props, ref) => {
-  const {
-      anchorRef,
-      children,
-      className,
-      closeOnClick,
-      closeOnClickAway,
-      closeOnEscape,
-      fitToAnchorWidth,
-      fitWithinViewportHeight,
-      isOpen,
-      offset,
-      focusAnchorOnClose,
-      onClose,
-      onInfiniteScroll,
-      placement,
-      shouldFocusOnOpen,
-      zIndex
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const innerRef = useRef(null);
-  const listElement = useRef(null);
-  useInfiniteScroll(innerRef, onInfiniteScroll);
-  const popperElement = useMemo(() => {
-    return !Array.isArray(children) && isComponent(List)(children) ? /*#__PURE__*/cloneElement(children, _objectSpread2(_objectSpread2({}, children.props), {}, {
-      ref: listElement,
-      onClick(evt) {
-        var _children$props$onCli, _children$props;
-        (_children$props$onCli = (_children$props = children.props).onClick) === null || _children$props$onCli === void 0 ? void 0 : _children$props$onCli.call(_children$props, evt);
-        if (closeOnClick) {
-          onClose === null || onClose === void 0 ? void 0 : onClose();
-        }
-      },
-      isClickable: true
-    })) : children;
-  }, [children, closeOnClick, onClose]);
-  return isOpen ? /*#__PURE__*/React__default.createElement(Popover, _extends({
-    ref: ref
-  }, forwardedProps, {
-    focusAnchorOnClose: focusAnchorOnClose,
-    anchorRef: anchorRef,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME
-    })),
-    elevation: 0,
-    closeOnClickAway: closeOnClickAway,
-    closeOnEscape: closeOnEscape,
-    fitToAnchorWidth: fitToAnchorWidth,
-    fitWithinViewportHeight: fitWithinViewportHeight,
-    focusElement: shouldFocusOnOpen ? listElement : undefined,
-    isOpen: isOpen,
-    offset: offset,
-    onClose: onClose,
-    placement: placement,
-    zIndex: zIndex
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__menu`,
-    ref: innerRef
-  }, popperElement)) : null;
-});
-Dropdown.displayName = COMPONENT_NAME;
-Dropdown.className = CLASSNAME;
-Dropdown.defaultProps = DEFAULT_PROPS;
-
-export { Dropdown };
-//# sourceMappingURL=index.ts-2a17db51.js.map

package/_internal/components/dropdown/index.ts-2a17db51.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ts-2a17db51.js","sources":["../../../../src/hooks/useInfiniteScroll.tsx","../../../../src/components/dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\ntype useInfiniteScrollType = (\n    ref: React.RefObject<HTMLElement>,\n    callback?: EventCallback,\n    callbackOnMount?: boolean,\n) => void;\ntype EventCallback = (evt?: Event) => void;\n\n// The error margin in px we want to have for triggering infinite scroll\nconst SCROLL_TRIGGER_MARGIN = 5;\n\n/**\n * Listen to clicks away from a given element and callback the passed in function.\n *\n * @param  ref               A reference to the element on which you want to listen scroll event.\n * @param  [callback]        A callback function to call when the bottom of the reference element is reached.\n * @param  [callbackOnMount] A callback function to call when the component is mounted.\n */\nexport const useInfiniteScroll: useInfiniteScrollType = (\n    ref,\n    callback,\n    callbackOnMount = false,\n    scrollTriggerMargin = SCROLL_TRIGGER_MARGIN,\n) => {\n    useEffect(() => {\n        const { current } = ref;\n        if (!callback || !current) {\n            return undefined;\n        }\n\n        const isAtBottom = () =>\n            Boolean(\n                current && current.scrollHeight - (current.scrollTop + current.clientHeight) <= scrollTriggerMargin,\n            );\n\n        const onScroll = (e?: Event): void => {\n            if (isAtBottom()) {\n                callback(e);\n            }\n        };\n\n        if (isAtBottom()) {\n            onScroll();\n        }\n\n        current.addEventListener('scroll', onScroll);\n        current.addEventListener('resize', onScroll);\n        return () => {\n            current.removeEventListener('scroll', onScroll);\n            current.removeEventListener('resize', onScroll);\n        };\n    }, [ref, callback, scrollTriggerMargin]);\n\n    useEffect(() => {\n        if (callback && callbackOnMount) {\n            callback();\n        }\n    }, [callback, callbackOnMount]);\n};\n","import React, { cloneElement, useMemo, useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { List, ListProps } from '@lumx/react/components/list/List';\nimport { Popover, PopoverProps } from '@lumx/react/components/popover/Popover';\nimport { useInfiniteScroll } from '@lumx/react/hooks/useInfiniteScroll';\nimport { GenericProps, isComponent } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { Offset, Placement } from '@lumx/react/components/popover/constants';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface DropdownProps extends GenericProps {\n    /**\n     * Reference to the element around which the dropdown is placed.\n     * @see {@link PopoverProps#anchorRef}\n     */\n    anchorRef: PopoverProps['anchorRef'];\n    /** Dropdown content. */\n    children: React.ReactNode;\n    /**\n     * Whether a click anywhere out of the Dropdown would close it or not.\n     * @see {@link PopoverProps#closeOnClickAway}\n     */\n    closeOnClickAway?: boolean;\n    /**\n     * Whether to close the Dropdown when clicking in it or not.\n     */\n    closeOnClick?: boolean;\n    /**\n     * Whether an escape key press would close the Dropdown or not.\n     * @see {@link PopoverProps#closeOnEscape}\n     */\n    closeOnEscape?: boolean;\n    /**\n     * Manage dropdown width:\n     *   - `maxWidth`: dropdown not bigger than anchor\n     *   - `minWidth` or `true`: dropdown not smaller than anchor\n     *   - `width`: dropdown equal to the anchor.\n     * @see {@link PopoverProps#fitToAnchorWidth}\n     */\n    fitToAnchorWidth?: PopoverProps['fitToAnchorWidth'];\n    /**\n     * Whether the dropdown should shrink to fit within the viewport height or not.\n     * @see {@link PopoverProps#fitWithinViewportHeight}\n     */\n    fitWithinViewportHeight?: boolean;\n    /**\n     * Whether the dropdown should be displayed or not. Useful to control the Dropdown from outside the component.\n     * @see {@link PopoverProps#isOpen}\n     */\n    isOpen: boolean;\n    /**\n     * Offset applied to the Dropdown position.\n     * @see {@link PopoverProps#offset}\n     */\n    offset?: Offset;\n    /**\n     * Preferred Dropdown placement against the anchor element.\n     * @see {@link PopoverProps#placement}\n     */\n    placement?: Placement;\n    /** Whether the focus should be set on the list when the dropdown is open or not. */\n    shouldFocusOnOpen?: boolean;\n    /** Whether the dropdown should be rendered into a DOM node that exists outside the DOM hierarchy of the parent component. */\n    usePortal?: boolean;\n    /** Whether the focus should go back on the anchor when dropdown closes and focus is within. */\n    focusAnchorOnClose?: boolean;\n    /**\n     * Z-axis position.\n     * @see {@link PopoverProps#zIndex}\n     */\n    zIndex?: number;\n    /**\n     * On close callback.\n     * @see {@link PopoverProps#onClose}\n     */\n    onClose?(): void;\n    /** On scroll end callback. */\n    onInfiniteScroll?(): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Dropdown';\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<DropdownProps> = {\n    closeOnClick: true,\n    closeOnClickAway: true,\n    closeOnEscape: true,\n    fitToAnchorWidth: true,\n    fitWithinViewportHeight: true,\n    placement: Placement.BOTTOM_START,\n    shouldFocusOnOpen: true,\n    focusAnchorOnClose: true,\n};\n\n/**\n * Dropdown component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Dropdown = forwardRef<DropdownProps, HTMLDivElement>((props, ref) => {\n    const {\n        anchorRef,\n        children,\n        className,\n        closeOnClick,\n        closeOnClickAway,\n        closeOnEscape,\n        fitToAnchorWidth,\n        fitWithinViewportHeight,\n        isOpen,\n        offset,\n        focusAnchorOnClose,\n        onClose,\n        onInfiniteScroll,\n        placement,\n        shouldFocusOnOpen,\n        zIndex,\n        ...forwardedProps\n    } = props;\n    const innerRef = useRef<HTMLDivElement>(null);\n    const listElement = useRef(null);\n\n    useInfiniteScroll(innerRef, onInfiniteScroll);\n\n    const popperElement = useMemo(() => {\n        return !Array.isArray(children) && isComponent(List)(children)\n            ? cloneElement<ListProps>(children, {\n                  ...children.props,\n                  ref: listElement,\n                  onClick(evt: MouseEvent) {\n                      children.props.onClick?.(evt);\n\n                      if (closeOnClick) {\n                          onClose?.();\n                      }\n                  },\n                  isClickable: true,\n              })\n            : children;\n    }, [children, closeOnClick, onClose]);\n\n    return isOpen ? (\n        <Popover\n            ref={ref}\n            {...forwardedProps}\n            focusAnchorOnClose={focusAnchorOnClose}\n            anchorRef={anchorRef}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME }))}\n            elevation={0 as any}\n            closeOnClickAway={closeOnClickAway}\n            closeOnEscape={closeOnEscape}\n            fitToAnchorWidth={fitToAnchorWidth}\n            fitWithinViewportHeight={fitWithinViewportHeight}\n            focusElement={shouldFocusOnOpen ? listElement : undefined}\n            isOpen={isOpen}\n            offset={offset}\n            onClose={onClose}\n            placement={placement}\n            zIndex={zIndex}\n        >\n            <div className={`${CLASSNAME}__menu`} ref={innerRef}>\n                {popperElement}\n            </div>\n        </Popover>\n    ) : null;\n});\nDropdown.displayName = COMPONENT_NAME;\nDropdown.className = CLASSNAME;\nDropdown.defaultProps = DEFAULT_PROPS;\n"],"names":["SCROLL_TRIGGER_MARGIN","useInfiniteScroll","ref","callback","callbackOnMount","arguments","length","undefined","scrollTriggerMargin","useEffect","current","isAtBottom","Boolean","scrollHeight","scrollTop","clientHeight","onScroll","e","addEventListener","removeEventListener","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","closeOnClick","closeOnClickAway","closeOnEscape","fitToAnchorWidth","fitWithinViewportHeight","placement","Placement","BOTTOM_START","shouldFocusOnOpen","focusAnchorOnClose","Dropdown","forwardRef","props","anchorRef","children","className","isOpen","offset","onClose","onInfiniteScroll","zIndex","forwardedProps","_objectWithoutProperties","_excluded","innerRef","useRef","listElement","popperElement","useMemo","Array","isArray","isComponent","List","cloneElement","_objectSpread","onClick","evt","_children$props$onCli","_children$props","call","isClickable","React","createElement","Popover","_extends","classNames","handleBasicClasses","prefix","elevation","focusElement","displayName","defaultProps"],"mappings":"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"}

package/_internal/components/dropdown/index.ts-b648a15c.d.ts

@@ -1,87 +0,0 @@
-import { G as GenericProps, C as Comp } from '../../8d67e1e3.js';
-import React from 'react';
-import { PopoverProps } from '../popover/index.ts-e3b4ff19.js';
-import { O as Offset, P as Placement } from '../../f5ff1aa4.js';
-
-/**
- * Defines the props of the component.
- */
-interface DropdownProps extends GenericProps {
-    /**
-     * Reference to the element around which the dropdown is placed.
-     * @see {@link PopoverProps#anchorRef}
-     */
-    anchorRef: PopoverProps['anchorRef'];
-    /** Dropdown content. */
-    children: React.ReactNode;
-    /**
-     * Whether a click anywhere out of the Dropdown would close it or not.
-     * @see {@link PopoverProps#closeOnClickAway}
-     */
-    closeOnClickAway?: boolean;
-    /**
-     * Whether to close the Dropdown when clicking in it or not.
-     */
-    closeOnClick?: boolean;
-    /**
-     * Whether an escape key press would close the Dropdown or not.
-     * @see {@link PopoverProps#closeOnEscape}
-     */
-    closeOnEscape?: boolean;
-    /**
-     * Manage dropdown width:
-     *   - `maxWidth`: dropdown not bigger than anchor
-     *   - `minWidth` or `true`: dropdown not smaller than anchor
-     *   - `width`: dropdown equal to the anchor.
-     * @see {@link PopoverProps#fitToAnchorWidth}
-     */
-    fitToAnchorWidth?: PopoverProps['fitToAnchorWidth'];
-    /**
-     * Whether the dropdown should shrink to fit within the viewport height or not.
-     * @see {@link PopoverProps#fitWithinViewportHeight}
-     */
-    fitWithinViewportHeight?: boolean;
-    /**
-     * Whether the dropdown should be displayed or not. Useful to control the Dropdown from outside the component.
-     * @see {@link PopoverProps#isOpen}
-     */
-    isOpen: boolean;
-    /**
-     * Offset applied to the Dropdown position.
-     * @see {@link PopoverProps#offset}
-     */
-    offset?: Offset;
-    /**
-     * Preferred Dropdown placement against the anchor element.
-     * @see {@link PopoverProps#placement}
-     */
-    placement?: Placement;
-    /** Whether the focus should be set on the list when the dropdown is open or not. */
-    shouldFocusOnOpen?: boolean;
-    /** Whether the dropdown should be rendered into a DOM node that exists outside the DOM hierarchy of the parent component. */
-    usePortal?: boolean;
-    /** Whether the focus should go back on the anchor when dropdown closes and focus is within. */
-    focusAnchorOnClose?: boolean;
-    /**
-     * Z-axis position.
-     * @see {@link PopoverProps#zIndex}
-     */
-    zIndex?: number;
-    /**
-     * On close callback.
-     * @see {@link PopoverProps#onClose}
-     */
-    onClose?(): void;
-    /** On scroll end callback. */
-    onInfiniteScroll?(): void;
-}
-/**
- * Dropdown component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const Dropdown: Comp<DropdownProps, HTMLDivElement>;
-
-export { Dropdown, type DropdownProps };

package/_internal/components/expansion-panel/index.ts-69f09f5b.d.ts

@@ -1,38 +0,0 @@
-import { G as GenericProps, H as HasTheme, C as Comp } from '../../8d67e1e3.js';
-import React from 'react';
-import { I as IconButtonProps } from '../../dc3e28c8.js';
-import '../../7f022f8c.js';
-import '../tooltip/index.ts-c6931e9e.js';
-import '../../f5ff1aa4.js';
-
-/**
- * Defines the props of the component.
- */
-interface ExpansionPanelProps extends GenericProps, HasTheme {
-    /** Whether the expansion panel has a background. */
-    hasBackground?: boolean;
-    /** Whether the header has a divider. */
-    hasHeaderDivider?: boolean;
-    /** Whether the component is open or not. */
-    isOpen?: boolean;
-    /** Label text (overwritten if a `<header>` is provided in the children). */
-    label?: string;
-    /** On open callback. */
-    onOpen?: (event: React.MouseEvent) => void;
-    /** On close callback. */
-    onClose?: (event: React.MouseEvent) => void;
-    /** Props to pass to the toggle button (minus those already set by the ExpansionPanel props). */
-    toggleButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;
-    /** On toggle open or close callback. */
-    onToggleOpen?(shouldOpen: boolean, event: React.MouseEvent): void;
-}
-/**
- * ExpansionPanel component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const ExpansionPanel: Comp<ExpansionPanelProps, HTMLDivElement>;
-
-export { ExpansionPanel, type ExpansionPanelProps };

package/_internal/components/expansion-panel/index.ts-fae3762e.js

@@ -1,143 +0,0 @@
-import { h as getRootClassName, i as forwardRef, T as Theme, j as _objectWithoutProperties, C as ColorPalette, g as classNames, _ as _extends, E as Emphasis, o as EXPANSION_PANEL_TRANSITION_DURATION } from '../../1da25128.js';
-import React__default, { Children, useRef, useState, useEffect } from 'react';
-import get from 'lodash/get';
-import isEmpty from 'lodash/isEmpty';
-import isFunction from 'lodash/isFunction';
-import { i as isComponent } from '../../f39a1ba4.js';
-import { p as partitionMulti } from '../../4daccdd5.js';
-import { u as useTransitionVisibility } from '../../fb975afe.js';
-import { u as useTheme } from '../../3181f000.js';
-import { h as handleBasicClasses } from '../../f57e1239.js';
-import { n as mdiChevronUp, o as mdiChevronDown } from '../../c6c99f76.js';
-import { DragHandle } from '../drag-handle/index.ts-0aebf92f.js';
-import { I as IconButton } from '../../23bdba2d.js';
-
-const _excluded = ["className", "children", "hasBackground", "hasHeaderDivider", "isOpen", "label", "onClose", "onOpen", "onToggleOpen", "theme", "toggleButtonProps"];
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'ExpansionPanel';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-const isDragHandle = isComponent(DragHandle);
-const isHeader = isComponent('header');
-const isFooter = isComponent('footer');
-
-/**
- * ExpansionPanel component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const ExpansionPanel = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-      className,
-      children: anyChildren,
-      hasBackground,
-      hasHeaderDivider,
-      isOpen,
-      label,
-      onClose,
-      onOpen,
-      onToggleOpen,
-      theme = defaultTheme,
-      toggleButtonProps
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const children = Children.toArray(anyChildren);
-
-  // Partition children by types.
-  const [[dragHandle], [header], [footer], content] = partitionMulti(children, [isDragHandle, isHeader, isFooter]);
-
-  // Either take the header in children or create one with the label.
-  const headerProps = /*#__PURE__*/React__default.isValidElement(header) ? header.props : {};
-  const headerContent = !isEmpty(headerProps.children) ? headerProps.children : /*#__PURE__*/React__default.createElement("span", {
-    className: `${CLASSNAME}__label`
-  }, label);
-  const toggleOpen = event => {
-    const shouldOpen = !isOpen;
-    if (isFunction(onOpen) && shouldOpen) {
-      onOpen(event);
-    }
-    if (isFunction(onClose) && !shouldOpen) {
-      onClose(event);
-    }
-    if (isFunction(onToggleOpen)) {
-      onToggleOpen(shouldOpen, event);
-    }
-  };
-  const color = theme === Theme.dark ? ColorPalette.light : ColorPalette.dark;
-  const rootClassName = classNames(className, handleBasicClasses({
-    hasBackground,
-    hasHeader: Boolean(!isEmpty(headerProps.children)),
-    hasHeaderDivider,
-    isClose: !isOpen,
-    isDraggable: Boolean(dragHandle),
-    isOpen,
-    prefix: CLASSNAME,
-    theme
-  }));
-  const wrapperRef = useRef(null);
-
-  /** Hide the children at the end of the transition */
-  const isChildrenVisible = useTransitionVisibility(wrapperRef, !!isOpen, EXPANSION_PANEL_TRANSITION_DURATION);
-
-  // Switch max height on/off to activate the CSS transition (updates when children changes).
-  const [maxHeight, setMaxHeight] = useState('0');
-  useEffect(() => {
-    const height = isOpen ? get(wrapperRef.current, 'offsetHeight', 0) : 0;
-    setMaxHeight(`${height}px`);
-  }, [children, isOpen]);
-  return /*#__PURE__*/React__default.createElement("section", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: rootClassName
-  }), /*#__PURE__*/React__default.createElement("header", {
-    className: `${CLASSNAME}__header`,
-    onClick: toggleOpen
-  }, dragHandle && /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__header-drag`
-  }, dragHandle), /*#__PURE__*/React__default.createElement("div", _extends({}, headerProps, {
-    className: `${CLASSNAME}__header-content`
-  }), headerContent), /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__header-toggle`
-  }, /*#__PURE__*/React__default.createElement(IconButton, _extends({}, toggleButtonProps, {
-    color: color,
-    emphasis: Emphasis.low,
-    icon: isOpen ? mdiChevronUp : mdiChevronDown,
-    "aria-expanded": isOpen || 'false'
-  })))), (isOpen || isChildrenVisible) && /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__wrapper`,
-    style: {
-      maxHeight
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__container`,
-    ref: wrapperRef
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__content`
-  }, content), footer && /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__footer`
-  }, footer))));
-});
-ExpansionPanel.displayName = COMPONENT_NAME;
-ExpansionPanel.className = CLASSNAME;
-ExpansionPanel.defaultProps = DEFAULT_PROPS;
-
-export { ExpansionPanel };
-//# sourceMappingURL=index.ts-fae3762e.js.map

package/_internal/components/expansion-panel/index.ts-fae3762e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ts-fae3762e.js","sources":["../../../../src/components/expansion-panel/ExpansionPanel.tsx"],"sourcesContent":["import React, { Children, PropsWithChildren, ReactNode, useEffect, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiChevronDown, mdiChevronUp } from '@lumx/icons';\n\nimport get from 'lodash/get';\nimport isEmpty from 'lodash/isEmpty';\nimport isFunction from 'lodash/isFunction';\n\nimport { ColorPalette, DragHandle, Emphasis, IconButton, IconButtonProps, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme, isComponent } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { partitionMulti } from '@lumx/react/utils/partitionMulti';\nimport { useTransitionVisibility } from '@lumx/react/hooks/useTransitionVisibility';\nimport { EXPANSION_PANEL_TRANSITION_DURATION } from '@lumx/core/js/constants';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface ExpansionPanelProps extends GenericProps, HasTheme {\n    /** Whether the expansion panel has a background. */\n    hasBackground?: boolean;\n    /** Whether the header has a divider. */\n    hasHeaderDivider?: boolean;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Label text (overwritten if a `<header>` is provided in the children). */\n    label?: string;\n    /** On open callback. */\n    onOpen?: (event: React.MouseEvent) => void;\n    /** On close callback. */\n    onClose?: (event: React.MouseEvent) => void;\n    /** Props to pass to the toggle button (minus those already set by the ExpansionPanel props). */\n    toggleButtonProps: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n    /** On toggle open or close callback. */\n    onToggleOpen?(shouldOpen: boolean, event: React.MouseEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ExpansionPanel';\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<ExpansionPanelProps> = {};\n\nconst isDragHandle = isComponent(DragHandle);\nconst isHeader = isComponent('header');\nconst isFooter = isComponent('footer');\n\n/**\n * ExpansionPanel component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ExpansionPanel = forwardRef<ExpansionPanelProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        className,\n        children: anyChildren,\n        hasBackground,\n        hasHeaderDivider,\n        isOpen,\n        label,\n        onClose,\n        onOpen,\n        onToggleOpen,\n        theme = defaultTheme,\n        toggleButtonProps,\n        ...forwardedProps\n    } = props;\n\n    const children: ReactNode[] = Children.toArray(anyChildren);\n\n    // Partition children by types.\n    const [[dragHandle], [header], [footer], content] = partitionMulti(children, [isDragHandle, isHeader, isFooter]);\n\n    // Either take the header in children or create one with the label.\n    const headerProps: PropsWithChildren<any> = React.isValidElement(header) ? header.props : {};\n    const headerContent = !isEmpty(headerProps.children) ? (\n        headerProps.children\n    ) : (\n        <span className={`${CLASSNAME}__label`}>{label}</span>\n    );\n\n    const toggleOpen = (event: React.MouseEvent) => {\n        const shouldOpen = !isOpen;\n\n        if (isFunction(onOpen) && shouldOpen) {\n            onOpen(event);\n        }\n        if (isFunction(onClose) && !shouldOpen) {\n            onClose(event);\n        }\n        if (isFunction(onToggleOpen)) {\n            onToggleOpen(shouldOpen, event);\n        }\n    };\n\n    const color = theme === Theme.dark ? ColorPalette.light : ColorPalette.dark;\n\n    const rootClassName = classNames(\n        className,\n        handleBasicClasses({\n            hasBackground,\n            hasHeader: Boolean(!isEmpty(headerProps.children)),\n            hasHeaderDivider,\n            isClose: !isOpen,\n            isDraggable: Boolean(dragHandle),\n            isOpen,\n            prefix: CLASSNAME,\n            theme,\n        }),\n    );\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    /** Hide the children at the end of the transition */\n    const isChildrenVisible = useTransitionVisibility(wrapperRef, !!isOpen, EXPANSION_PANEL_TRANSITION_DURATION);\n\n    // Switch max height on/off to activate the CSS transition (updates when children changes).\n    const [maxHeight, setMaxHeight] = useState('0');\n    useEffect(() => {\n        const height = isOpen ? get(wrapperRef.current, 'offsetHeight', 0) : 0;\n        setMaxHeight(`${height}px`);\n    }, [children, isOpen]);\n\n    return (\n        <section ref={ref} {...forwardedProps} className={rootClassName}>\n            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}\n            <header className={`${CLASSNAME}__header`} onClick={toggleOpen}>\n                {dragHandle && <div className={`${CLASSNAME}__header-drag`}>{dragHandle}</div>}\n\n                <div {...headerProps} className={`${CLASSNAME}__header-content`}>\n                    {headerContent}\n                </div>\n\n                <div className={`${CLASSNAME}__header-toggle`}>\n                    <IconButton\n                        {...toggleButtonProps}\n                        color={color}\n                        emphasis={Emphasis.low}\n                        icon={isOpen ? mdiChevronUp : mdiChevronDown}\n                        aria-expanded={isOpen || 'false'}\n                    />\n                </div>\n            </header>\n\n            {(isOpen || isChildrenVisible) && (\n                <div className={`${CLASSNAME}__wrapper`} style={{ maxHeight }}>\n                    <div className={`${CLASSNAME}__container`} ref={wrapperRef}>\n                        <div className={`${CLASSNAME}__content`}>{content}</div>\n\n                        {footer && <div className={`${CLASSNAME}__footer`}>{footer}</div>}\n                    </div>\n                </div>\n            )}\n        </section>\n    );\n});\nExpansionPanel.displayName = COMPONENT_NAME;\nExpansionPanel.className = CLASSNAME;\nExpansionPanel.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","isDragHandle","isComponent","DragHandle","isHeader","isFooter","ExpansionPanel","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","children","anyChildren","hasBackground","hasHeaderDivider","isOpen","label","onClose","onOpen","onToggleOpen","theme","toggleButtonProps","forwardedProps","_objectWithoutProperties","_excluded","Children","toArray","dragHandle","header","footer","content","partitionMulti","headerProps","React","isValidElement","headerContent","isEmpty","createElement","toggleOpen","event","shouldOpen","isFunction","color","dark","ColorPalette","rootClassName","classNames","handleBasicClasses","hasHeader","Boolean","isClose","isDraggable","prefix","wrapperRef","useRef","isChildrenVisible","useTransitionVisibility","EXPANSION_PANEL_TRANSITION_DURATION","maxHeight","setMaxHeight","useState","useEffect","height","get","current","_extends","onClick","IconButton","emphasis","Emphasis","low","icon","mdiChevronUp","mdiChevronDown","style","displayName","defaultProps"],"mappings":"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"}

package/_internal/components/flag/index.ts-8dcd685b.js

@@ -1,56 +0,0 @@
-import { h as getRootClassName, i as forwardRef, T as Theme, j as _objectWithoutProperties, C as ColorPalette, _ as _extends, g as classNames, S as Size } from '../../1da25128.js';
-import React__default from 'react';
-import { u as useTheme } from '../../3181f000.js';
-import { h as handleBasicClasses } from '../../f57e1239.js';
-import { I as Icon } from '../../c6c99f76.js';
-import { T as Text } from '../../53c94227.js';
-
-const _excluded = ["label", "icon", "color", "className", "theme", "truncate"];
-const COMPONENT_NAME = 'Flag';
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-const DEFAULT_PROPS = {};
-
-/**
- * Flag component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Flag = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-      label,
-      icon,
-      color,
-      className,
-      theme = defaultTheme,
-      truncate
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const flagColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);
-  const isTruncated = !!truncate;
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, forwardedProps, {
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      color: flagColor,
-      isTruncated
-    })),
-    ref: ref
-  }), icon && /*#__PURE__*/React__default.createElement(Icon, {
-    icon: icon,
-    size: Size.xxs,
-    className: `${CLASSNAME}__icon`
-  }), /*#__PURE__*/React__default.createElement(Text, {
-    as: "span",
-    truncate: isTruncated,
-    typography: "overline",
-    className: `${CLASSNAME}__label`
-  }, label));
-});
-Flag.displayName = COMPONENT_NAME;
-Flag.className = CLASSNAME;
-Flag.defaultProps = DEFAULT_PROPS;
-
-export { Flag };
-//# sourceMappingURL=index.ts-8dcd685b.js.map

package/_internal/components/flag/index.ts-8dcd685b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ts-8dcd685b.js","sources":["../../../../src/components/flag/Flag.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { ColorPalette, Icon, Size, Theme, Text } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport interface FlagProps extends GenericProps, HasTheme {\n    /** Color of the component. */\n    color?: ColorPalette;\n    /** Icon to use before the label. */\n    icon?: string;\n    /** Text label of the flag. */\n    label: React.ReactNode;\n    /** Enable text truncate on overflow */\n    truncate?: boolean;\n}\n\nconst COMPONENT_NAME = 'Flag';\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\nconst DEFAULT_PROPS: Partial<FlagProps> = {};\n\n/**\n * Flag component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Flag = forwardRef<FlagProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { label, icon, color, className, theme = defaultTheme, truncate, ...forwardedProps } = props;\n    const flagColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);\n    const isTruncated = !!truncate;\n\n    return (\n        <div\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, color: flagColor, isTruncated }))}\n            ref={ref}\n        >\n            {icon && <Icon icon={icon} size={Size.xxs} className={`${CLASSNAME}__icon`} />}\n            <Text as=\"span\" truncate={isTruncated} typography=\"overline\" className={`${CLASSNAME}__label`}>\n                {label}\n            </Text>\n        </div>\n    );\n});\nFlag.displayName = COMPONENT_NAME;\nFlag.className = CLASSNAME;\nFlag.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Flag","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","label","icon","color","className","theme","truncate","forwardedProps","_objectWithoutProperties","_excluded","flagColor","ColorPalette","dark","isTruncated","React","createElement","_extends","classNames","handleBasicClasses","prefix","Icon","size","Size","xxs","Text","as","typography","displayName","defaultProps"],"mappings":";;;;;;;;AAqBA,MAAMA,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;AAClD,MAAMG,aAAiC,GAAG,EAAE,CAAA;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAI,GAAGC,UAAU,CAA4B,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtE,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;MAAEC,KAAK;MAAEC,IAAI;MAAEC,KAAK;MAAEC,SAAS;AAAEC,MAAAA,KAAK,GAAGR,YAAY;AAAES,MAAAA,QAAAA;AAA4B,KAAC,GAAGX,KAAK;AAAxBY,IAAAA,cAAc,GAAAC,wBAAA,CAAKb,KAAK,EAAAc,SAAA,CAAA,CAAA;AAClG,EAAA,MAAMC,SAAS,GAAGP,KAAK,KAAKE,KAAK,KAAKN,KAAK,CAACC,KAAK,GAAGW,YAAY,CAACC,IAAI,GAAGD,YAAY,CAACX,KAAK,CAAC,CAAA;AAC3F,EAAA,MAAMa,WAAW,GAAG,CAAC,CAACP,QAAQ,CAAA;AAE9B,EAAA,oBACIQ,cAAA,CAAAC,aAAA,CAAAC,KAAAA,EAAAA,QAAA,KACQT,cAAc,EAAA;AAClBH,IAAAA,SAAS,EAAEa,UAAU,CAACb,SAAS,EAAEc,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAE7B,SAAS;AAAEa,MAAAA,KAAK,EAAEO,SAAS;AAAEG,MAAAA,WAAAA;AAAY,KAAC,CAAC,CAAE;AAC3GjB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAA,EAERM,IAAI,iBAAIY,cAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AAAClB,IAAAA,IAAI,EAAEA,IAAK;IAACmB,IAAI,EAAEC,IAAI,CAACC,GAAI;IAACnB,SAAS,EAAG,GAAEd,SAAU,CAAA,MAAA,CAAA;AAAQ,GAAE,CAAC,eAC9EwB,cAAA,CAAAC,aAAA,CAACS,IAAI,EAAA;AAACC,IAAAA,EAAE,EAAC,MAAM;AAACnB,IAAAA,QAAQ,EAAEO,WAAY;AAACa,IAAAA,UAAU,EAAC,UAAU;IAACtB,SAAS,EAAG,GAAEd,SAAU,CAAA,OAAA,CAAA;GAChFW,EAAAA,KACC,CACL,CAAC,CAAA;AAEd,CAAC,EAAC;AACFR,IAAI,CAACkC,WAAW,GAAGtC,cAAc,CAAA;AACjCI,IAAI,CAACW,SAAS,GAAGd,SAAS,CAAA;AAC1BG,IAAI,CAACmC,YAAY,GAAGpC,aAAa;;;;"}

package/_internal/components/flag/index.ts-fda89adb.d.ts

@@ -1,23 +0,0 @@
-import { G as GenericProps, H as HasTheme, a as ColorPalette, C as Comp } from '../../8d67e1e3.js';
-import React from 'react';
-
-interface FlagProps extends GenericProps, HasTheme {
-    /** Color of the component. */
-    color?: ColorPalette;
-    /** Icon to use before the label. */
-    icon?: string;
-    /** Text label of the flag. */
-    label: React.ReactNode;
-    /** Enable text truncate on overflow */
-    truncate?: boolean;
-}
-/**
- * Flag component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const Flag: Comp<FlagProps, HTMLDivElement>;
-
-export { Flag, type FlagProps };

package/_internal/components/flex-box/index.ts-87f2b58d.d.ts

@@ -1,43 +0,0 @@
-import { A as Alignment, S as Size, c as VerticalAlignment, d as HorizontalAlignment, G as GenericProps, O as Orientation, C as Comp } from '../../8d67e1e3.js';
-import React, { ReactNode } from 'react';
-
-type MarginAutoAlignment = Extract<Alignment, 'top' | 'bottom' | 'right' | 'left'>;
-type GapSize = Extract<Size, 'tiny' | 'regular' | 'medium' | 'big' | 'huge'>;
-type SpaceAlignment = Extract<Alignment, 'space-between' | 'space-evenly' | 'space-around'>;
-type FlexVerticalAlignment = VerticalAlignment | SpaceAlignment;
-type FlexHorizontalAlignment = HorizontalAlignment | SpaceAlignment;
-/**
- * Defines the props of the component.
- */
-interface FlexBoxProps extends GenericProps {
-    /** Customize the root element. */
-    as?: React.ElementType;
-    /** Children elements. */
-    children?: ReactNode;
-    /** Whether the "content filling space" is enabled or not. */
-    fillSpace?: boolean;
-    /** Gap space between flexbox items. */
-    gap?: GapSize;
-    /** Flex horizontal alignment. */
-    hAlign?: FlexVerticalAlignment;
-    /** Whether the "auto margin" is enabled all around or not. */
-    marginAuto?: MarginAutoAlignment | MarginAutoAlignment[];
-    /** Whether the "content shrink" is disabled or not. */
-    noShrink?: boolean;
-    /** Flex direction. */
-    orientation?: Orientation;
-    /** Flex vertical alignment. */
-    vAlign?: FlexHorizontalAlignment;
-    /** Whether the "flex wrap" is enabled or not. */
-    wrap?: boolean;
-}
-/**
- * FlexBox component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const FlexBox: Comp<FlexBoxProps, HTMLDivElement>;
-
-export { FlexBox, type FlexBoxProps, type FlexHorizontalAlignment, type FlexVerticalAlignment, type GapSize, type MarginAutoAlignment };