@chayns-components/core 5.0.55 → 5.0.57

package/lib/esm/components/context-menu/ContextMenu.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.styles.js","names":["styled","css","StyledContextMenu","span","$isActive","theme","$shouldAddHoverEffect"],"sources":["../../../../src/components/context-menu/ContextMenu.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledContextMenuProps = WithTheme<{\n    $isActive: boolean;\n    $shouldAddHoverEffect: boolean;\n}>;\n\nexport const StyledContextMenu = styled.span<StyledContextMenuProps>`\n    align-items: center;\n    background-color: ${({ $isActive, theme }: StyledContextMenuProps) =>\n        $isActive ? theme['201'] : 'transparent'};\n    border-radius: 3px;\n    cursor: pointer;\n    display: flex;\n    padding: 6px;\n    transition: background-color 0.3s ease;\n\n    ${({ $shouldAddHoverEffect, theme }: StyledContextMenuProps) =>\n        $shouldAddHoverEffect &&\n        css`\n            &:hover {\n                background-color: ${theme['201']};\n            }\n        `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAQ/C,OAAO,MAAMC,iBAAiB,GAAGF,MAAM,CAACG,IAA4B;AACpE;AACA,wBAAwB,CAAC;EAAEC,SAAS;EAAEC;AAA8B,CAAC,KAC7DD,SAAS,GAAGC,KAAK,CAAC,KAAK,CAAC,GAAG,aAAa;AAChD;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEC,qBAAqB;EAAED;AAA8B,CAAC,KACvDC,qBAAqB,IACrBL,GAAG;AACX;AACA,oCAAoCI,KAAK,CAAC,KAAK,CAAC;AAChD;AACA,SAAS;AACT,CAAC","ignoreList":[]}
+{"version":3,"file":"ContextMenu.styles.js","names":["styled","css","StyledContextMenu","span","$isActive","$shouldUseDefaultTriggerStyles","theme","$shouldAddHoverEffect"],"sources":["../../../../src/components/context-menu/ContextMenu.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledContextMenuProps = WithTheme<{\n    $isActive: boolean;\n    $shouldAddHoverEffect: boolean;\n    $shouldUseDefaultTriggerStyles: boolean;\n}>;\n\nexport const StyledContextMenu = styled.span<StyledContextMenuProps>`\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n\n    ${({ $isActive, $shouldUseDefaultTriggerStyles, theme }: StyledContextMenuProps) =>\n        $shouldUseDefaultTriggerStyles\n            ? css`\n                  background-color: ${$isActive ? theme['201'] : 'transparent'};\n                  border-radius: 3px;\n                  padding: 6px;\n                  transition: background-color 0.3s ease;\n              `\n            : css`\n                  background-color: transparent;\n                  border-radius: inherit;\n                  padding: 0;\n\n                  > * {\n                      width: 100%;\n                  }\n              `}\n\n    ${({ $shouldAddHoverEffect, theme }: StyledContextMenuProps) =>\n        $shouldAddHoverEffect &&\n        css`\n            &:hover {\n                background-color: ${theme['201']};\n            }\n        `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAS/C,OAAO,MAAMC,iBAAiB,GAAGF,MAAM,CAACG,IAA4B;AACpE;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEC,SAAS;EAAEC,8BAA8B;EAAEC;AAA8B,CAAC,KAC3ED,8BAA8B,GACxBJ,GAAG;AACjB,sCAAsCG,SAAS,GAAGE,KAAK,CAAC,KAAK,CAAC,GAAG,aAAa;AAC9E;AACA;AACA;AACA,eAAe,GACDL,GAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA,MAAM,CAAC;EAAEM,qBAAqB;EAAED;AAA8B,CAAC,KACvDC,qBAAqB,IACrBN,GAAG;AACX;AACA,oCAAoCK,KAAK,CAAC,KAAK,CAAC;AAChD;AACA,SAAS;AACT,CAAC","ignoreList":[]}

package/lib/esm/components/context-menu/ContextMenu.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.types.js","names":["ContextMenuAlignment"],"sources":["../../../../src/components/context-menu/ContextMenu.types.ts"],"sourcesContent":["import type { MouseEvent, ReactNode } from 'react';\n\n/**\n * Enum representing the possible alignments for the context menu.\n */\nexport enum ContextMenuAlignment {\n    TopLeft,\n    BottomLeft,\n    TopRight,\n    BottomRight,\n    TopCenter,\n    BottomCenter,\n}\n\n/**\n * Type representing the coordinates for positioning the context menu.\n */\nexport type ContextMenuCoordinates = {\n    /** The x-coordinate. */\n    x: number;\n    /** The y-coordinate. */\n    y: number;\n};\n\n/**\n * Type representing an item in the context menu.\n */\nexport type ContextMenuItem = {\n    /** Optional icons for the item. Can be strings or React nodes. */\n    icons?: string[] | ReactNode;\n    /** Whether the item is selected. */\n    isSelected?: boolean;\n    /** Unique key for the item. */\n    key: string;\n    /** Function called when the item is clicked. */\n    onClick: (event?: MouseEvent<HTMLDivElement>) => Promise<void> | void;\n    /** Whether to show a spacer after the item. */\n    shouldShowSpacer?: boolean;\n    /** The text displayed for the item. */\n    text: string;\n};\n\n/**\n * Props for the ContextMenu component.\n */\nexport type ContextMenuProps = {\n    /**\n     * Context menu alignment\n     * @description Optional custom alignment used instead of calculating it using the alignment\n     * within the page. The available alignments can be taken from the ContextMenuAlignment enum.\n     * @example alignment={ContextMenuAlignment.TopLeft}\n     * @optional\n     */\n    alignment?: ContextMenuAlignment;\n    /**\n     * Children element\n     * @description The element over which the content of the ContextMenu should be displayed.\n     * @example children={<Icon icons={['fa fa-paper-clip']} />\n     * @default <Icon icons={['ts-ellipsis_v']} size={18} />\n     * @optional\n     */\n    children?: ReactNode;\n    /**\n     * Container element\n     * @description The element where the content of the ContextMenu should be rendered via React Portal.\n     * @example container={document.body}\n     * @optional\n     */\n    container?: Element;\n    /**\n     * Custom coordinates\n     * @description Optional own coordinates to be used instead of calculating the alignment based\n     * on the alignment of the children.\n     * @example coordinates={{ x: 100, y: 200 }}\n     * @optional\n     */\n    coordinates?: ContextMenuCoordinates;\n    /**\n     * Context menu headline\n     * @description The headline of the context menu. If not provided, no headline will be displayed.\n     * @example headline=\"Options\"\n     * @optional\n     */\n    headline?: string;\n    /**\n     * Menu items\n     * @description The items that will be displayed in the content of the ContextMenu. Custom icon\n     * elements only will be displayed on desktop devices.\n     * @example items={[{ key: '1', text: 'Option 1', onClick: () => {} }]}\n     */\n    items: ContextMenuItem[];\n    /**\n     * Hide callback function\n     * @description Function to be executed when the content of the Context menu has been hidden.\n     * @example onHide={() => console.log('Menu hidden')}\n     * @optional\n     */\n    onHide?: VoidFunction;\n    /**\n     * Show callback function\n     * @description Function to be executed when the content of the Context menu has been shown.\n     * @example onShow={() => console.log('Menu shown')}\n     * @optional\n     */\n    onShow?: VoidFunction;\n    /**\n     * Close on popup click flag\n     * @description Whether the popup should be closed if it is clicked.\n     * @default true\n     * @optional\n     */\n    shouldCloseOnPopupClick?: boolean;\n    /**\n     * Disable click flag\n     * @description Whether the click should be disabled.\n     * @default false\n     * @optional\n     */\n    shouldDisableClick?: boolean;\n    /**\n     * Hide popup arrow flag\n     * @description Whether the arrow of the popup should be hidden.\n     * @default false\n     * @optional\n     */\n    shouldHidePopupArrow?: boolean;\n    /**\n     * Show hover effect flag\n     * @description Whether the hover effect should be shown.\n     * @default false\n     * @optional\n     */\n    shouldShowHoverEffect?: boolean;\n    /**\n     * Z-index value\n     * @description The z-index of the popup.\n     * @example zIndex={100}\n     * @default 20\n     * @optional\n     */\n    zIndex?: number;\n};\n\n/**\n * Ref interface for the ContextMenu component.\n */\nexport interface ContextMenuRef {\n    /** Hides the context menu. */\n    hide: VoidFunction;\n    /** Shows the context menu. */\n    show: VoidFunction;\n}\n"],"mappings":"AAEA;AACA;AACA;AACA,WAAYA,oBAAoB,0BAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;;AAShC;AACA;AACA;;AAQA;AACA;AACA;;AAgBA;AACA;AACA;;AAmGA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"ContextMenu.types.js","names":["ContextMenuAlignment"],"sources":["../../../../src/components/context-menu/ContextMenu.types.ts"],"sourcesContent":["import type { CSSProperties, MouseEvent, ReactNode } from 'react';\n\n/**\n * Enum representing the possible alignments for the context menu.\n */\nexport enum ContextMenuAlignment {\n    TopLeft,\n    BottomLeft,\n    TopRight,\n    BottomRight,\n    TopCenter,\n    BottomCenter,\n}\n\n/**\n * Type representing the coordinates for positioning the context menu.\n */\nexport type ContextMenuCoordinates = {\n    /** The x-coordinate. */\n    x: number;\n    /** The y-coordinate. */\n    y: number;\n};\n\n/**\n * Type representing an item in the context menu.\n */\nexport type ContextMenuItem = {\n    /** Optional icons for the item. Can be strings or React nodes. */\n    icons?: string[] | ReactNode;\n    /** Whether the item is selected. */\n    isSelected?: boolean;\n    /** Unique key for the item. */\n    key: string;\n    /** Function called when the item is clicked. */\n    onClick: (event?: MouseEvent<HTMLDivElement>) => Promise<void> | void;\n    /** Whether to show a spacer after the item. */\n    shouldShowSpacer?: boolean;\n    /** The text displayed for the item. */\n    text: string;\n};\n\n/**\n * Props for the ContextMenu component.\n */\nexport type ContextMenuProps = {\n    /**\n     * Context menu alignment\n     * @description Optional custom alignment used instead of calculating it using the alignment\n     * within the page. The available alignments can be taken from the ContextMenuAlignment enum.\n     * @example alignment={ContextMenuAlignment.TopLeft}\n     * @optional\n     */\n    alignment?: ContextMenuAlignment;\n    /**\n     * Additional class name applied to the trigger wrapper.\n     * @optional\n     */\n    className?: string;\n    /**\n     * Children element\n     * @description The element over which the content of the ContextMenu should be displayed.\n     * @example children={<Icon icons={['fa fa-paper-clip']} />\n     * @default <Icon icons={['ts-ellipsis_v']} size={18} />\n     * @optional\n     */\n    children?: ReactNode;\n    /**\n     * Container element\n     * @description The element where the content of the ContextMenu should be rendered via React Portal.\n     * @example container={document.body}\n     * @optional\n     */\n    container?: Element;\n    /**\n     * Custom coordinates\n     * @description Optional own coordinates to be used instead of calculating the alignment based\n     * on the alignment of the children.\n     * @example coordinates={{ x: 100, y: 200 }}\n     * @optional\n     */\n    coordinates?: ContextMenuCoordinates;\n    /**\n     * Context menu headline\n     * @description The headline of the context menu. If not provided, no headline will be displayed.\n     * @example headline=\"Options\"\n     * @optional\n     */\n    headline?: string;\n    /**\n     * Menu items\n     * @description The items that will be displayed in the content of the ContextMenu. Custom icon\n     * elements only will be displayed on desktop devices.\n     * @example items={[{ key: '1', text: 'Option 1', onClick: () => {} }]}\n     */\n    items: ContextMenuItem[];\n    /**\n     * Hide callback function\n     * @description Function to be executed when the content of the Context menu has been hidden.\n     * @example onHide={() => console.log('Menu hidden')}\n     * @optional\n     */\n    onHide?: VoidFunction;\n    /**\n     * Show callback function\n     * @description Function to be executed when the content of the Context menu has been shown.\n     * @example onShow={() => console.log('Menu shown')}\n     * @optional\n     */\n    onShow?: VoidFunction;\n    /**\n     * Close on popup click flag\n     * @description Whether the popup should be closed if it is clicked.\n     * @default true\n     * @optional\n     */\n    shouldCloseOnPopupClick?: boolean;\n    /**\n     * Disable click flag\n     * @description Whether the click should be disabled.\n     * @default false\n     * @optional\n     */\n    shouldDisableClick?: boolean;\n    /**\n     * Hide popup arrow flag\n     * @description Whether the arrow of the popup should be hidden.\n     * @default false\n     * @optional\n     */\n    shouldHidePopupArrow?: boolean;\n    /**\n     * Whether the default trigger padding/background styles should be applied.\n     * @description Disable this when the trigger child already provides its own full visual styling.\n     * @default true\n     * @optional\n     */\n    shouldUseDefaultTriggerStyles?: boolean;\n    /**\n     * Show hover effect flag\n     * @description Whether the hover effect should be shown.\n     * @default false\n     * @optional\n     */\n    shouldShowHoverEffect?: boolean;\n    /**\n     * Inline styles applied to the trigger wrapper.\n     * @optional\n     */\n    style?: CSSProperties;\n    /**\n     * Vertical offset between the trigger element and the context menu.\n     * @description Use this prop to fine-tune the context menu position on the Y axis. Positive and\n     * negative values can be used depending on the desired spacing.\n     * @default 0\n     * @example yOffset={8}\n     * @optional\n     */\n    yOffset?: number;\n    /**\n     * Z-index value\n     * @description The z-index of the popup.\n     * @example zIndex={100}\n     * @default 20\n     * @optional\n     */\n    zIndex?: number;\n};\n\n/**\n * Ref interface for the ContextMenu component.\n */\nexport interface ContextMenuRef {\n    /** Hides the context menu. */\n    hide: VoidFunction;\n    /** Shows the context menu. */\n    show: VoidFunction;\n}\n"],"mappings":"AAEA;AACA;AACA;AACA,WAAYA,oBAAoB,0BAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;;AAShC;AACA;AACA;;AAQA;AACA;AACA;;AAgBA;AACA;AACA;;AA6HA;AACA;AACA","ignoreList":[]}

package/lib/esm/components/multi-action-button/MultiActionButton.js

@@ -1,9 +1,16 @@
 import clsx from 'clsx';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useIsTouch } from '../../utils/environment';
+import ContextMenu from '../context-menu/ContextMenu';
 import ActionButton from './action-button/ActionButton';
 import { StyledMultiActionButton, StyledSeparator } from './MultiActionButton.styles';
+import { getSecondaryContextMenuTriggerStyle } from './MultiActionButton.utils';
 import { MultiActionButtonHeight } from './MultiActionButton.types';
+const SECONDARY_CONTEXT_MENU_ACTION = {
+  icon: 'fa fa-chevron-down',
+  label: undefined
+};
+
 /**
  * Multi-action button with optional secondary action that can expand on hover/click.
  */
@@ -17,6 +24,7 @@ const MultiActionButton = ({
   isDisabled = false,
   primaryAction,
   secondaryAction,
+  secondaryContextMenu,
   shouldUseFullWidth,
   width
 }) => {
@@ -24,27 +32,44 @@ const MultiActionButton = ({
   const [isSecondaryExpanded, setIsSecondaryExpanded] = useState(false);
   const [isSecondaryHovered, setIsSecondaryHovered] = useState(false);
   const autoCollapseTimeoutRef = useRef(null);
+  const secondaryContextMenuRef = useRef(null);
   const isTouch = useIsTouch();
-  const hasSecondaryAction = Boolean(secondaryAction);
+  const hasSecondaryContextMenu = Boolean(secondaryContextMenu?.length);
+  const hasExpandableSecondaryAction = Boolean(secondaryAction) && !hasSecondaryContextMenu;
+  const hasSecondaryAction = hasExpandableSecondaryAction || hasSecondaryContextMenu;
+  const resolvedSecondaryAction = hasSecondaryContextMenu ? SECONDARY_CONTEXT_MENU_ACTION : secondaryAction;
   const shouldUseContentWidth = !width && !shouldUseFullWidth;
   const resolvedWidth = isCollapsed ? height : width ?? (shouldUseFullWidth ? '100%' : 'fit-content');
+  const secondaryContextMenuTriggerStyle = getSecondaryContextMenuTriggerStyle({
+    height,
+    isCollapsed,
+    isExpanded: isSecondaryExpanded,
+    shouldUseContentWidth
+  });
 
   /**
-   * Clears and restarts the auto-collapse timer used after click-triggered expansion.
+   * Clears the current auto-collapse timer without changing visual state.
    */
-  const resetAutoCollapseTimeout = useCallback(() => {
+  const clearAutoCollapseTimeout = useCallback(() => {
     if (autoCollapseTimeoutRef.current) {
       window.clearTimeout(autoCollapseTimeoutRef.current);
+      autoCollapseTimeoutRef.current = null;
     }
+  }, []);
+
+  /**
+   * Clears and restarts the auto-collapse timer used after click-triggered expansion.
+   */
+  const resetAutoCollapseTimeout = useCallback(() => {
+    clearAutoCollapseTimeout();
     if (extendedTimeoutMs <= 0) {
-      autoCollapseTimeoutRef.current = null;
       return;
     }
     autoCollapseTimeoutRef.current = window.setTimeout(() => {
       setIsSecondaryExpanded(false);
       setIsExtendedByClick(false);
     }, extendedTimeoutMs);
-  }, [extendedTimeoutMs]);
+  }, [clearAutoCollapseTimeout, extendedTimeoutMs]);
 
   /**
    * Expands the secondary action and remembers that it originated from a click.
@@ -59,10 +84,8 @@ const MultiActionButton = ({
    * Cleanup timers on unmount.
    */
   useEffect(() => () => {
-    if (autoCollapseTimeoutRef.current) {
-      window.clearTimeout(autoCollapseTimeoutRef.current);
-    }
-  }, []);
+    clearAutoCollapseTimeout();
+  }, [clearAutoCollapseTimeout]);
 
   /**
    * Collapsing the control should also reset any temporary expansion state.
@@ -94,7 +117,11 @@ const MultiActionButton = ({
    * Handler for the secondary action button.
    */
   const handleSecondaryClick = useCallback(event => {
-    if (!secondaryAction || isCollapsed || isDisabled || secondaryAction.isDisabled) {
+    if (!resolvedSecondaryAction || isCollapsed || isDisabled || resolvedSecondaryAction.isDisabled) {
+      return;
+    }
+    if (hasSecondaryContextMenu) {
+      secondaryContextMenuRef.current?.show();
       return;
     }
     const payload = {
@@ -103,9 +130,9 @@ const MultiActionButton = ({
       isExtended: isSecondaryExpanded,
       isTouch
     };
-    secondaryAction.onClick?.(payload);
+    resolvedSecondaryAction.onClick?.(payload);
     expandSecondaryByClick();
-  }, [expandSecondaryByClick, isCollapsed, isDisabled, isSecondaryExpanded, isTouch, secondaryAction]);
+  }, [expandSecondaryByClick, hasSecondaryContextMenu, isCollapsed, isDisabled, isSecondaryExpanded, isTouch, resolvedSecondaryAction]);
 
   /**
    * Desktop hover behavior keeps the secondary action expanded while hovered.
@@ -145,18 +172,38 @@ const MultiActionButton = ({
     backgroundColor: primaryAction.backgroundColor ?? backgroundColor,
     isCollapsed: isCollapsed,
     isDisabled: isDisabled,
-    isShrunk: hasSecondaryAction && isSecondaryExpanded,
+    isShrunk: hasExpandableSecondaryAction && isSecondaryExpanded,
     isSolo: !hasSecondaryAction && !isCollapsed,
     onClick: handlePrimaryClick,
-    showLabel: !isCollapsed && (!hasSecondaryAction || !isSecondaryExpanded),
+    showLabel: !isCollapsed && (!hasExpandableSecondaryAction || !isSecondaryExpanded),
     shouldUseContentWidth: shouldUseContentWidth,
     height: height
-  }), secondaryAction && /*#__PURE__*/React.createElement(React.Fragment, null, !isCollapsed && /*#__PURE__*/React.createElement(StyledSeparator, {
+  }), resolvedSecondaryAction && /*#__PURE__*/React.createElement(React.Fragment, null, !isCollapsed && /*#__PURE__*/React.createElement(StyledSeparator, {
     $gapColor: gapColor
-  }), /*#__PURE__*/React.createElement(ActionButton, {
-    action: secondaryAction,
+  }), hasSecondaryContextMenu ? /*#__PURE__*/React.createElement(ContextMenu, {
+    items: secondaryContextMenu ?? [],
+    ref: secondaryContextMenuRef,
+    shouldDisableClick: true,
+    shouldUseDefaultTriggerStyles: false,
+    shouldHidePopupArrow: true,
+    yOffset: -6,
+    style: secondaryContextMenuTriggerStyle
+  }, /*#__PURE__*/React.createElement(ActionButton, {
+    action: resolvedSecondaryAction,
+    actionType: "secondary",
+    backgroundColor: resolvedSecondaryAction.backgroundColor ?? backgroundColor,
+    isCollapsed: isCollapsed,
+    isDisabled: isDisabled,
+    isExpanded: false,
+    isHidden: isCollapsed,
+    onClick: handleSecondaryClick,
+    showLabel: false,
+    shouldUseContentWidth: shouldUseContentWidth,
+    height: height
+  })) : /*#__PURE__*/React.createElement(ActionButton, {
+    action: resolvedSecondaryAction,
     actionType: "secondary",
-    backgroundColor: secondaryAction.backgroundColor ?? backgroundColor,
+    backgroundColor: resolvedSecondaryAction.backgroundColor ?? backgroundColor,
     isCollapsed: isCollapsed,
     isDisabled: isDisabled,
     isExpanded: isSecondaryExpanded,

package/lib/esm/components/multi-action-button/MultiActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiActionButton.js","names":["clsx","React","useCallback","useEffect","useRef","useState","useIsTouch","ActionButton","StyledMultiActionButton","StyledSeparator","MultiActionButtonHeight","MultiActionButton","backgroundColor","className","extendedTimeoutMs","gapColor","height","Medium","isCollapsed","isDisabled","primaryAction","secondaryAction","shouldUseFullWidth","width","isExtendedByClick","setIsExtendedByClick","isSecondaryExpanded","setIsSecondaryExpanded","isSecondaryHovered","setIsSecondaryHovered","autoCollapseTimeoutRef","isTouch","hasSecondaryAction","Boolean","shouldUseContentWidth","resolvedWidth","resetAutoCollapseTimeout","current","window","clearTimeout","setTimeout","expandSecondaryByClick","handlePrimaryClick","event","payload","action","isExtended","onClick","handleSecondaryClick","handleSecondaryMouseEnter","handleSecondaryMouseLeave","isSecondaryLabelVisible","createElement","style","maxWidth","actionType","isShrunk","isSolo","showLabel","Fragment","$gapColor","isExpanded","isHidden","onMouseEnter","onMouseLeave","displayName"],"sources":["../../../../src/components/multi-action-button/MultiActionButton.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { FC, MouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport { useIsTouch } from '../../utils/environment';\nimport ActionButton from './action-button/ActionButton';\nimport { StyledMultiActionButton, StyledSeparator } from './MultiActionButton.styles';\nimport { MultiActionButtonHeight } from './MultiActionButton.types';\nimport type {\n    MultiActionButtonActionEvent,\n    MultiActionButtonProps,\n} from './MultiActionButton.types';\n\n/**\n * Multi-action button with optional secondary action that can expand on hover/click.\n */\nconst MultiActionButton: FC<MultiActionButtonProps> = ({\n    backgroundColor,\n    className,\n    extendedTimeoutMs = 3000,\n    gapColor,\n    height = MultiActionButtonHeight.Medium,\n    isCollapsed = false,\n    isDisabled = false,\n    primaryAction,\n    secondaryAction,\n    shouldUseFullWidth,\n    width,\n}) => {\n    const [isExtendedByClick, setIsExtendedByClick] = useState(false);\n    const [isSecondaryExpanded, setIsSecondaryExpanded] = useState(false);\n    const [isSecondaryHovered, setIsSecondaryHovered] = useState(false);\n\n    const autoCollapseTimeoutRef = useRef<number | null>(null);\n\n    const isTouch = useIsTouch();\n\n    const hasSecondaryAction = Boolean(secondaryAction);\n    const shouldUseContentWidth = !width && !shouldUseFullWidth;\n\n    const resolvedWidth = isCollapsed\n        ? height\n        : (width ?? (shouldUseFullWidth ? '100%' : 'fit-content'));\n\n    /**\n     * Clears and restarts the auto-collapse timer used after click-triggered expansion.\n     */\n    const resetAutoCollapseTimeout = useCallback(() => {\n        if (autoCollapseTimeoutRef.current) {\n            window.clearTimeout(autoCollapseTimeoutRef.current);\n        }\n\n        if (extendedTimeoutMs <= 0) {\n            autoCollapseTimeoutRef.current = null;\n            return;\n        }\n\n        autoCollapseTimeoutRef.current = window.setTimeout(() => {\n            setIsSecondaryExpanded(false);\n            setIsExtendedByClick(false);\n        }, extendedTimeoutMs);\n    }, [extendedTimeoutMs]);\n\n    /**\n     * Expands the secondary action and remembers that it originated from a click.\n     */\n    const expandSecondaryByClick = useCallback(() => {\n        setIsSecondaryExpanded(true);\n        setIsExtendedByClick(true);\n        resetAutoCollapseTimeout();\n    }, [resetAutoCollapseTimeout]);\n\n    /**\n     * Cleanup timers on unmount.\n     */\n    useEffect(\n        () => () => {\n            if (autoCollapseTimeoutRef.current) {\n                window.clearTimeout(autoCollapseTimeoutRef.current);\n            }\n        },\n        [],\n    );\n\n    /**\n     * Collapsing the control should also reset any temporary expansion state.\n     */\n    useEffect(() => {\n        if (isCollapsed) {\n            setIsSecondaryExpanded(false);\n            setIsExtendedByClick(false);\n        }\n    }, [isCollapsed]);\n\n    /**\n     * Handler for the primary action button.\n     */\n    const handlePrimaryClick = useCallback(\n        (event: MouseEvent<HTMLButtonElement>) => {\n            if (isDisabled || primaryAction.isDisabled) {\n                return;\n            }\n\n            const payload: MultiActionButtonActionEvent = {\n                action: 'primary',\n                event,\n                isExtended: isSecondaryExpanded,\n                isTouch,\n            };\n\n            primaryAction.onClick?.(payload);\n        },\n        [isDisabled, isSecondaryExpanded, isTouch, primaryAction],\n    );\n\n    /**\n     * Handler for the secondary action button.\n     */\n    const handleSecondaryClick = useCallback(\n        (event: MouseEvent<HTMLButtonElement>) => {\n            if (!secondaryAction || isCollapsed || isDisabled || secondaryAction.isDisabled) {\n                return;\n            }\n\n            const payload: MultiActionButtonActionEvent = {\n                action: 'secondary',\n                event,\n                isExtended: isSecondaryExpanded,\n                isTouch,\n            };\n\n            secondaryAction.onClick?.(payload);\n            expandSecondaryByClick();\n        },\n        [\n            expandSecondaryByClick,\n            isCollapsed,\n            isDisabled,\n            isSecondaryExpanded,\n            isTouch,\n            secondaryAction,\n        ],\n    );\n\n    /**\n     * Desktop hover behavior keeps the secondary action expanded while hovered.\n     */\n    const handleSecondaryMouseEnter = useCallback(() => {\n        if (\n            !secondaryAction ||\n            isCollapsed ||\n            isTouch ||\n            isDisabled ||\n            secondaryAction.isDisabled\n        ) {\n            return;\n        }\n\n        setIsSecondaryHovered(true);\n        if (!isExtendedByClick) {\n            setIsSecondaryExpanded(true);\n        }\n    }, [isCollapsed, isDisabled, isExtendedByClick, isTouch, secondaryAction]);\n\n    const handleSecondaryMouseLeave = useCallback(() => {\n        if (isTouch) {\n            return;\n        }\n\n        setIsSecondaryHovered(false);\n        if (!isExtendedByClick && !isCollapsed) {\n            setIsSecondaryExpanded(false);\n        }\n    }, [isCollapsed, isExtendedByClick, isTouch]);\n\n    /**\n     * Secondary label is visible when expanded or when hovered (desktop only).\n     */\n    const isSecondaryLabelVisible = isSecondaryExpanded || (!isTouch && isSecondaryHovered);\n\n    return (\n        <StyledMultiActionButton\n            className={clsx('beta-chayns-multi-action', className)}\n            style={{ maxWidth: '100%', width: resolvedWidth }}\n        >\n            <ActionButton\n                action={primaryAction}\n                actionType=\"primary\"\n                backgroundColor={primaryAction.backgroundColor ?? backgroundColor}\n                isCollapsed={isCollapsed}\n                isDisabled={isDisabled}\n                isShrunk={hasSecondaryAction && isSecondaryExpanded}\n                isSolo={!hasSecondaryAction && !isCollapsed}\n                onClick={handlePrimaryClick}\n                showLabel={!isCollapsed && (!hasSecondaryAction || !isSecondaryExpanded)}\n                shouldUseContentWidth={shouldUseContentWidth}\n                height={height}\n            />\n            {secondaryAction && (\n                <>\n                    {!isCollapsed && <StyledSeparator $gapColor={gapColor} />}\n                    <ActionButton\n                        action={secondaryAction}\n                        actionType=\"secondary\"\n                        backgroundColor={secondaryAction.backgroundColor ?? backgroundColor}\n                        isCollapsed={isCollapsed}\n                        isDisabled={isDisabled}\n                        isExpanded={isSecondaryExpanded}\n                        isHidden={isCollapsed}\n                        onClick={handleSecondaryClick}\n                        onMouseEnter={handleSecondaryMouseEnter}\n                        onMouseLeave={handleSecondaryMouseLeave}\n                        showLabel={isSecondaryLabelVisible}\n                        shouldUseContentWidth={shouldUseContentWidth}\n                        height={height}\n                    />\n                </>\n            )}\n        </StyledMultiActionButton>\n    );\n};\n\nMultiActionButton.displayName = 'MultiActionButton';\n\nexport default MultiActionButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MultiActionButton.js","names":["clsx","React","useCallback","useEffect","useRef","useState","useIsTouch","ContextMenu","ActionButton","StyledMultiActionButton","StyledSeparator","getSecondaryContextMenuTriggerStyle","MultiActionButtonHeight","SECONDARY_CONTEXT_MENU_ACTION","icon","label","undefined","MultiActionButton","backgroundColor","className","extendedTimeoutMs","gapColor","height","Medium","isCollapsed","isDisabled","primaryAction","secondaryAction","secondaryContextMenu","shouldUseFullWidth","width","isExtendedByClick","setIsExtendedByClick","isSecondaryExpanded","setIsSecondaryExpanded","isSecondaryHovered","setIsSecondaryHovered","autoCollapseTimeoutRef","secondaryContextMenuRef","isTouch","hasSecondaryContextMenu","Boolean","length","hasExpandableSecondaryAction","hasSecondaryAction","resolvedSecondaryAction","shouldUseContentWidth","resolvedWidth","secondaryContextMenuTriggerStyle","isExpanded","clearAutoCollapseTimeout","current","window","clearTimeout","resetAutoCollapseTimeout","setTimeout","expandSecondaryByClick","handlePrimaryClick","event","payload","action","isExtended","onClick","handleSecondaryClick","show","handleSecondaryMouseEnter","handleSecondaryMouseLeave","isSecondaryLabelVisible","createElement","style","maxWidth","actionType","isShrunk","isSolo","showLabel","Fragment","$gapColor","items","ref","shouldDisableClick","shouldUseDefaultTriggerStyles","shouldHidePopupArrow","yOffset","isHidden","onMouseEnter","onMouseLeave","displayName"],"sources":["../../../../src/components/multi-action-button/MultiActionButton.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { FC, MouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport { useIsTouch } from '../../utils/environment';\nimport ContextMenu from '../context-menu/ContextMenu';\nimport type { ContextMenuRef } from '../context-menu/ContextMenu.types';\nimport ActionButton from './action-button/ActionButton';\nimport { StyledMultiActionButton, StyledSeparator } from './MultiActionButton.styles';\nimport { getSecondaryContextMenuTriggerStyle } from './MultiActionButton.utils';\nimport { MultiActionButtonHeight } from './MultiActionButton.types';\nimport type {\n    MultiActionButtonAction,\n    MultiActionButtonActionEvent,\n    MultiActionButtonProps,\n} from './MultiActionButton.types';\n\nconst SECONDARY_CONTEXT_MENU_ACTION: MultiActionButtonAction = {\n    icon: 'fa fa-chevron-down',\n    label: undefined,\n};\n\n/**\n * Multi-action button with optional secondary action that can expand on hover/click.\n */\nconst MultiActionButton: FC<MultiActionButtonProps> = ({\n    backgroundColor,\n    className,\n    extendedTimeoutMs = 3000,\n    gapColor,\n    height = MultiActionButtonHeight.Medium,\n    isCollapsed = false,\n    isDisabled = false,\n    primaryAction,\n    secondaryAction,\n    secondaryContextMenu,\n    shouldUseFullWidth,\n    width,\n}) => {\n    const [isExtendedByClick, setIsExtendedByClick] = useState(false);\n    const [isSecondaryExpanded, setIsSecondaryExpanded] = useState(false);\n    const [isSecondaryHovered, setIsSecondaryHovered] = useState(false);\n\n    const autoCollapseTimeoutRef = useRef<number | null>(null);\n    const secondaryContextMenuRef = useRef<ContextMenuRef>(null);\n\n    const isTouch = useIsTouch();\n\n    const hasSecondaryContextMenu = Boolean(secondaryContextMenu?.length);\n    const hasExpandableSecondaryAction = Boolean(secondaryAction) && !hasSecondaryContextMenu;\n    const hasSecondaryAction = hasExpandableSecondaryAction || hasSecondaryContextMenu;\n    const resolvedSecondaryAction = hasSecondaryContextMenu\n        ? SECONDARY_CONTEXT_MENU_ACTION\n        : secondaryAction;\n    const shouldUseContentWidth = !width && !shouldUseFullWidth;\n\n    const resolvedWidth = isCollapsed\n        ? height\n        : (width ?? (shouldUseFullWidth ? '100%' : 'fit-content'));\n\n    const secondaryContextMenuTriggerStyle = getSecondaryContextMenuTriggerStyle({\n        height,\n        isCollapsed,\n        isExpanded: isSecondaryExpanded,\n        shouldUseContentWidth,\n    });\n\n    /**\n     * Clears the current auto-collapse timer without changing visual state.\n     */\n    const clearAutoCollapseTimeout = useCallback(() => {\n        if (autoCollapseTimeoutRef.current) {\n            window.clearTimeout(autoCollapseTimeoutRef.current);\n            autoCollapseTimeoutRef.current = null;\n        }\n    }, []);\n\n    /**\n     * Clears and restarts the auto-collapse timer used after click-triggered expansion.\n     */\n    const resetAutoCollapseTimeout = useCallback(() => {\n        clearAutoCollapseTimeout();\n\n        if (extendedTimeoutMs <= 0) {\n            return;\n        }\n\n        autoCollapseTimeoutRef.current = window.setTimeout(() => {\n            setIsSecondaryExpanded(false);\n            setIsExtendedByClick(false);\n        }, extendedTimeoutMs);\n    }, [clearAutoCollapseTimeout, extendedTimeoutMs]);\n\n    /**\n     * Expands the secondary action and remembers that it originated from a click.\n     */\n    const expandSecondaryByClick = useCallback(() => {\n        setIsSecondaryExpanded(true);\n        setIsExtendedByClick(true);\n        resetAutoCollapseTimeout();\n    }, [resetAutoCollapseTimeout]);\n\n    /**\n     * Cleanup timers on unmount.\n     */\n    useEffect(\n        () => () => {\n            clearAutoCollapseTimeout();\n        },\n        [clearAutoCollapseTimeout],\n    );\n\n    /**\n     * Collapsing the control should also reset any temporary expansion state.\n     */\n    useEffect(() => {\n        if (isCollapsed) {\n            setIsSecondaryExpanded(false);\n            setIsExtendedByClick(false);\n        }\n    }, [isCollapsed]);\n\n    /**\n     * Handler for the primary action button.\n     */\n    const handlePrimaryClick = useCallback(\n        (event: MouseEvent<HTMLButtonElement>) => {\n            if (isDisabled || primaryAction.isDisabled) {\n                return;\n            }\n\n            const payload: MultiActionButtonActionEvent = {\n                action: 'primary',\n                event,\n                isExtended: isSecondaryExpanded,\n                isTouch,\n            };\n\n            primaryAction.onClick?.(payload);\n        },\n        [isDisabled, isSecondaryExpanded, isTouch, primaryAction],\n    );\n\n    /**\n     * Handler for the secondary action button.\n     */\n    const handleSecondaryClick = useCallback(\n        (event: MouseEvent<HTMLButtonElement>) => {\n            if (\n                !resolvedSecondaryAction ||\n                isCollapsed ||\n                isDisabled ||\n                resolvedSecondaryAction.isDisabled\n            ) {\n                return;\n            }\n\n            if (hasSecondaryContextMenu) {\n                secondaryContextMenuRef.current?.show();\n                return;\n            }\n\n            const payload: MultiActionButtonActionEvent = {\n                action: 'secondary',\n                event,\n                isExtended: isSecondaryExpanded,\n                isTouch,\n            };\n\n            resolvedSecondaryAction.onClick?.(payload);\n            expandSecondaryByClick();\n        },\n        [\n            expandSecondaryByClick,\n            hasSecondaryContextMenu,\n            isCollapsed,\n            isDisabled,\n            isSecondaryExpanded,\n            isTouch,\n            resolvedSecondaryAction,\n        ],\n    );\n\n    /**\n     * Desktop hover behavior keeps the secondary action expanded while hovered.\n     */\n    const handleSecondaryMouseEnter = useCallback(() => {\n        if (\n            !secondaryAction ||\n            isCollapsed ||\n            isTouch ||\n            isDisabled ||\n            secondaryAction.isDisabled\n        ) {\n            return;\n        }\n\n        setIsSecondaryHovered(true);\n        if (!isExtendedByClick) {\n            setIsSecondaryExpanded(true);\n        }\n    }, [isCollapsed, isDisabled, isExtendedByClick, isTouch, secondaryAction]);\n\n    const handleSecondaryMouseLeave = useCallback(() => {\n        if (isTouch) {\n            return;\n        }\n\n        setIsSecondaryHovered(false);\n        if (!isExtendedByClick && !isCollapsed) {\n            setIsSecondaryExpanded(false);\n        }\n    }, [isCollapsed, isExtendedByClick, isTouch]);\n\n    /**\n     * Secondary label is visible when expanded or when hovered (desktop only).\n     */\n    const isSecondaryLabelVisible = isSecondaryExpanded || (!isTouch && isSecondaryHovered);\n\n    return (\n        <StyledMultiActionButton\n            className={clsx('beta-chayns-multi-action', className)}\n            style={{ maxWidth: '100%', width: resolvedWidth }}\n        >\n            <ActionButton\n                action={primaryAction}\n                actionType=\"primary\"\n                backgroundColor={primaryAction.backgroundColor ?? backgroundColor}\n                isCollapsed={isCollapsed}\n                isDisabled={isDisabled}\n                isShrunk={hasExpandableSecondaryAction && isSecondaryExpanded}\n                isSolo={!hasSecondaryAction && !isCollapsed}\n                onClick={handlePrimaryClick}\n                showLabel={!isCollapsed && (!hasExpandableSecondaryAction || !isSecondaryExpanded)}\n                shouldUseContentWidth={shouldUseContentWidth}\n                height={height}\n            />\n            {resolvedSecondaryAction && (\n                <>\n                    {!isCollapsed && <StyledSeparator $gapColor={gapColor} />}\n                    {hasSecondaryContextMenu ? (\n                        <ContextMenu\n                            items={secondaryContextMenu ?? []}\n                            ref={secondaryContextMenuRef}\n                            shouldDisableClick\n                            shouldUseDefaultTriggerStyles={false}\n                            shouldHidePopupArrow\n                            yOffset={-6}\n                            style={secondaryContextMenuTriggerStyle}\n                        >\n                            <ActionButton\n                                action={resolvedSecondaryAction}\n                                actionType=\"secondary\"\n                                backgroundColor={\n                                    resolvedSecondaryAction.backgroundColor ?? backgroundColor\n                                }\n                                isCollapsed={isCollapsed}\n                                isDisabled={isDisabled}\n                                isExpanded={false}\n                                isHidden={isCollapsed}\n                                onClick={handleSecondaryClick}\n                                showLabel={false}\n                                shouldUseContentWidth={shouldUseContentWidth}\n                                height={height}\n                            />\n                        </ContextMenu>\n                    ) : (\n                        <ActionButton\n                            action={resolvedSecondaryAction}\n                            actionType=\"secondary\"\n                            backgroundColor={\n                                resolvedSecondaryAction.backgroundColor ?? backgroundColor\n                            }\n                            isCollapsed={isCollapsed}\n                            isDisabled={isDisabled}\n                            isExpanded={isSecondaryExpanded}\n                            isHidden={isCollapsed}\n                            onClick={handleSecondaryClick}\n                            onMouseEnter={handleSecondaryMouseEnter}\n                            onMouseLeave={handleSecondaryMouseLeave}\n                            showLabel={isSecondaryLabelVisible}\n                            shouldUseContentWidth={shouldUseContentWidth}\n                            height={height}\n                        />\n                    )}\n                </>\n            )}\n        </StyledMultiActionButton>\n    );\n};\n\nMultiActionButton.displayName = 'MultiActionButton';\n\nexport default MultiActionButton;\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,MAAM;AACvB,OAAOC,KAAK,IAAoBC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACvF,SAASC,UAAU,QAAQ,yBAAyB;AACpD,OAAOC,WAAW,MAAM,6BAA6B;AAErD,OAAOC,YAAY,MAAM,8BAA8B;AACvD,SAASC,uBAAuB,EAAEC,eAAe,QAAQ,4BAA4B;AACrF,SAASC,mCAAmC,QAAQ,2BAA2B;AAC/E,SAASC,uBAAuB,QAAQ,2BAA2B;AAOnE,MAAMC,6BAAsD,GAAG;EAC3DC,IAAI,EAAE,oBAAoB;EAC1BC,KAAK,EAAEC;AACX,CAAC;;AAED;AACA;AACA;AACA,MAAMC,iBAA6C,GAAGA,CAAC;EACnDC,eAAe;EACfC,SAAS;EACTC,iBAAiB,GAAG,IAAI;EACxBC,QAAQ;EACRC,MAAM,GAAGV,uBAAuB,CAACW,MAAM;EACvCC,WAAW,GAAG,KAAK;EACnBC,UAAU,GAAG,KAAK;EAClBC,aAAa;EACbC,eAAe;EACfC,oBAAoB;EACpBC,kBAAkB;EAClBC;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG3B,QAAQ,CAAC,KAAK,CAAC;EACjE,MAAM,CAAC4B,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG7B,QAAQ,CAAC,KAAK,CAAC;EACrE,MAAM,CAAC8B,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG/B,QAAQ,CAAC,KAAK,CAAC;EAEnE,MAAMgC,sBAAsB,GAAGjC,MAAM,CAAgB,IAAI,CAAC;EAC1D,MAAMkC,uBAAuB,GAAGlC,MAAM,CAAiB,IAAI,CAAC;EAE5D,MAAMmC,OAAO,GAAGjC,UAAU,CAAC,CAAC;EAE5B,MAAMkC,uBAAuB,GAAGC,OAAO,CAACb,oBAAoB,EAAEc,MAAM,CAAC;EACrE,MAAMC,4BAA4B,GAAGF,OAAO,CAACd,eAAe,CAAC,IAAI,CAACa,uBAAuB;EACzF,MAAMI,kBAAkB,GAAGD,4BAA4B,IAAIH,uBAAuB;EAClF,MAAMK,uBAAuB,GAAGL,uBAAuB,GACjD3B,6BAA6B,GAC7Bc,eAAe;EACrB,MAAMmB,qBAAqB,GAAG,CAAChB,KAAK,IAAI,CAACD,kBAAkB;EAE3D,MAAMkB,aAAa,GAAGvB,WAAW,GAC3BF,MAAM,GACLQ,KAAK,KAAKD,kBAAkB,GAAG,MAAM,GAAG,aAAa,CAAE;EAE9D,MAAMmB,gCAAgC,GAAGrC,mCAAmC,CAAC;IACzEW,MAAM;IACNE,WAAW;IACXyB,UAAU,EAAEhB,mBAAmB;IAC/Ba;EACJ,CAAC,CAAC;;EAEF;AACJ;AACA;EACI,MAAMI,wBAAwB,GAAGhD,WAAW,CAAC,MAAM;IAC/C,IAAImC,sBAAsB,CAACc,OAAO,EAAE;MAChCC,MAAM,CAACC,YAAY,CAAChB,sBAAsB,CAACc,OAAO,CAAC;MACnDd,sBAAsB,CAACc,OAAO,GAAG,IAAI;IACzC;EACJ,CAAC,EAAE,EAAE,CAAC;;EAEN;AACJ;AACA;EACI,MAAMG,wBAAwB,GAAGpD,WAAW,CAAC,MAAM;IAC/CgD,wBAAwB,CAAC,CAAC;IAE1B,IAAI9B,iBAAiB,IAAI,CAAC,EAAE;MACxB;IACJ;IAEAiB,sBAAsB,CAACc,OAAO,GAAGC,MAAM,CAACG,UAAU,CAAC,MAAM;MACrDrB,sBAAsB,CAAC,KAAK,CAAC;MAC7BF,oBAAoB,CAAC,KAAK,CAAC;IAC/B,CAAC,EAAEZ,iBAAiB,CAAC;EACzB,CAAC,EAAE,CAAC8B,wBAAwB,EAAE9B,iBAAiB,CAAC,CAAC;;EAEjD;AACJ;AACA;EACI,MAAMoC,sBAAsB,GAAGtD,WAAW,CAAC,MAAM;IAC7CgC,sBAAsB,CAAC,IAAI,CAAC;IAC5BF,oBAAoB,CAAC,IAAI,CAAC;IAC1BsB,wBAAwB,CAAC,CAAC;EAC9B,CAAC,EAAE,CAACA,wBAAwB,CAAC,CAAC;;EAE9B;AACJ;AACA;EACInD,SAAS,CACL,MAAM,MAAM;IACR+C,wBAAwB,CAAC,CAAC;EAC9B,CAAC,EACD,CAACA,wBAAwB,CAC7B,CAAC;;EAED;AACJ;AACA;EACI/C,SAAS,CAAC,MAAM;IACZ,IAAIqB,WAAW,EAAE;MACbU,sBAAsB,CAAC,KAAK,CAAC;MAC7BF,oBAAoB,CAAC,KAAK,CAAC;IAC/B;EACJ,CAAC,EAAE,CAACR,WAAW,CAAC,CAAC;;EAEjB;AACJ;AACA;EACI,MAAMiC,kBAAkB,GAAGvD,WAAW,CACjCwD,KAAoC,IAAK;IACtC,IAAIjC,UAAU,IAAIC,aAAa,CAACD,UAAU,EAAE;MACxC;IACJ;IAEA,MAAMkC,OAAqC,GAAG;MAC1CC,MAAM,EAAE,SAAS;MACjBF,KAAK;MACLG,UAAU,EAAE5B,mBAAmB;MAC/BM;IACJ,CAAC;IAEDb,aAAa,CAACoC,OAAO,GAAGH,OAAO,CAAC;EACpC,CAAC,EACD,CAAClC,UAAU,EAAEQ,mBAAmB,EAAEM,OAAO,EAAEb,aAAa,CAC5D,CAAC;;EAED;AACJ;AACA;EACI,MAAMqC,oBAAoB,GAAG7D,WAAW,CACnCwD,KAAoC,IAAK;IACtC,IACI,CAACb,uBAAuB,IACxBrB,WAAW,IACXC,UAAU,IACVoB,uBAAuB,CAACpB,UAAU,EACpC;MACE;IACJ;IAEA,IAAIe,uBAAuB,EAAE;MACzBF,uBAAuB,CAACa,OAAO,EAAEa,IAAI,CAAC,CAAC;MACvC;IACJ;IAEA,MAAML,OAAqC,GAAG;MAC1CC,MAAM,EAAE,WAAW;MACnBF,KAAK;MACLG,UAAU,EAAE5B,mBAAmB;MAC/BM;IACJ,CAAC;IAEDM,uBAAuB,CAACiB,OAAO,GAAGH,OAAO,CAAC;IAC1CH,sBAAsB,CAAC,CAAC;EAC5B,CAAC,EACD,CACIA,sBAAsB,EACtBhB,uBAAuB,EACvBhB,WAAW,EACXC,UAAU,EACVQ,mBAAmB,EACnBM,OAAO,EACPM,uBAAuB,CAE/B,CAAC;;EAED;AACJ;AACA;EACI,MAAMoB,yBAAyB,GAAG/D,WAAW,CAAC,MAAM;IAChD,IACI,CAACyB,eAAe,IAChBH,WAAW,IACXe,OAAO,IACPd,UAAU,IACVE,eAAe,CAACF,UAAU,EAC5B;MACE;IACJ;IAEAW,qBAAqB,CAAC,IAAI,CAAC;IAC3B,IAAI,CAACL,iBAAiB,EAAE;MACpBG,sBAAsB,CAAC,IAAI,CAAC;IAChC;EACJ,CAAC,EAAE,CAACV,WAAW,EAAEC,UAAU,EAAEM,iBAAiB,EAAEQ,OAAO,EAAEZ,eAAe,CAAC,CAAC;EAE1E,MAAMuC,yBAAyB,GAAGhE,WAAW,CAAC,MAAM;IAChD,IAAIqC,OAAO,EAAE;MACT;IACJ;IAEAH,qBAAqB,CAAC,KAAK,CAAC;IAC5B,IAAI,CAACL,iBAAiB,IAAI,CAACP,WAAW,EAAE;MACpCU,sBAAsB,CAAC,KAAK,CAAC;IACjC;EACJ,CAAC,EAAE,CAACV,WAAW,EAAEO,iBAAiB,EAAEQ,OAAO,CAAC,CAAC;;EAE7C;AACJ;AACA;EACI,MAAM4B,uBAAuB,GAAGlC,mBAAmB,IAAK,CAACM,OAAO,IAAIJ,kBAAmB;EAEvF,oBACIlC,KAAA,CAAAmE,aAAA,CAAC3D,uBAAuB;IACpBU,SAAS,EAAEnB,IAAI,CAAC,0BAA0B,EAAEmB,SAAS,CAAE;IACvDkD,KAAK,EAAE;MAAEC,QAAQ,EAAE,MAAM;MAAExC,KAAK,EAAEiB;IAAc;EAAE,gBAElD9C,KAAA,CAAAmE,aAAA,CAAC5D,YAAY;IACToD,MAAM,EAAElC,aAAc;IACtB6C,UAAU,EAAC,SAAS;IACpBrD,eAAe,EAAEQ,aAAa,CAACR,eAAe,IAAIA,eAAgB;IAClEM,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvB+C,QAAQ,EAAE7B,4BAA4B,IAAIV,mBAAoB;IAC9DwC,MAAM,EAAE,CAAC7B,kBAAkB,IAAI,CAACpB,WAAY;IAC5CsC,OAAO,EAAEL,kBAAmB;IAC5BiB,SAAS,EAAE,CAAClD,WAAW,KAAK,CAACmB,4BAA4B,IAAI,CAACV,mBAAmB,CAAE;IACnFa,qBAAqB,EAAEA,qBAAsB;IAC7CxB,MAAM,EAAEA;EAAO,CAClB,CAAC,EACDuB,uBAAuB,iBACpB5C,KAAA,CAAAmE,aAAA,CAAAnE,KAAA,CAAA0E,QAAA,QACK,CAACnD,WAAW,iBAAIvB,KAAA,CAAAmE,aAAA,CAAC1D,eAAe;IAACkE,SAAS,EAAEvD;EAAS,CAAE,CAAC,EACxDmB,uBAAuB,gBACpBvC,KAAA,CAAAmE,aAAA,CAAC7D,WAAW;IACRsE,KAAK,EAAEjD,oBAAoB,IAAI,EAAG;IAClCkD,GAAG,EAAExC,uBAAwB;IAC7ByC,kBAAkB;IAClBC,6BAA6B,EAAE,KAAM;IACrCC,oBAAoB;IACpBC,OAAO,EAAE,CAAC,CAAE;IACZb,KAAK,EAAErB;EAAiC,gBAExC/C,KAAA,CAAAmE,aAAA,CAAC5D,YAAY;IACToD,MAAM,EAAEf,uBAAwB;IAChC0B,UAAU,EAAC,WAAW;IACtBrD,eAAe,EACX2B,uBAAuB,CAAC3B,eAAe,IAAIA,eAC9C;IACDM,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBwB,UAAU,EAAE,KAAM;IAClBkC,QAAQ,EAAE3D,WAAY;IACtBsC,OAAO,EAAEC,oBAAqB;IAC9BW,SAAS,EAAE,KAAM;IACjB5B,qBAAqB,EAAEA,qBAAsB;IAC7CxB,MAAM,EAAEA;EAAO,CAClB,CACQ,CAAC,gBAEdrB,KAAA,CAAAmE,aAAA,CAAC5D,YAAY;IACToD,MAAM,EAAEf,uBAAwB;IAChC0B,UAAU,EAAC,WAAW;IACtBrD,eAAe,EACX2B,uBAAuB,CAAC3B,eAAe,IAAIA,eAC9C;IACDM,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBwB,UAAU,EAAEhB,mBAAoB;IAChCkD,QAAQ,EAAE3D,WAAY;IACtBsC,OAAO,EAAEC,oBAAqB;IAC9BqB,YAAY,EAAEnB,yBAA0B;IACxCoB,YAAY,EAAEnB,yBAA0B;IACxCQ,SAAS,EAAEP,uBAAwB;IACnCrB,qBAAqB,EAAEA,qBAAsB;IAC7CxB,MAAM,EAAEA;EAAO,CAClB,CAEP,CAEe,CAAC;AAElC,CAAC;AAEDL,iBAAiB,CAACqE,WAAW,GAAG,mBAAmB;AAEnD,eAAerE,iBAAiB","ignoreList":[]}

package/lib/esm/components/multi-action-button/MultiActionButton.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiActionButton.types.js","names":["MultiActionButtonStatusType","MultiActionButtonHeight"],"sources":["../../../../src/components/multi-action-button/MultiActionButton.types.ts"],"sourcesContent":["import type { MouseEvent, ReactElement, ReactNode } from 'react';\nimport type { MotionValue } from 'motion/react';\n\n/**\n * Supported status types for the multi action button.\n */\nexport enum MultiActionButtonStatusType {\n    /**\n     * Pulsing background effect.\n     * @description Applies a subtle animated overlay on the action background to draw attention.\n     * This is intended for temporary states like recording or live activity indicators.\n     */\n    Pulse = 'pulse',\n}\n\n/**\n * Supported heights for the multi action button.\n */\nexport enum MultiActionButtonHeight {\n    /**\n     * Medium height (42px).\n     */\n    Medium = 42,\n    /**\n     * Large height (48px).\n     */\n    Large = 48,\n}\n\n/**\n * Minimal status configuration for an action.\n */\nexport type MultiActionButtonActionStatus = {\n    /**\n     * Optional pulse colors for the animation.\n     * @description Defines the two colors for the pulsing background animation. If not provided, defaults to ['#A50000', '#630000'].\n     * @optional\n     */\n    pulseColors?: [string, string];\n    /**\n     * Status type to apply.\n     * @description Selects the visual emphasis type applied to the action. The component currently\n     * supports a pulsing overlay, and additional types may be added later.\n     * @optional\n     */\n    type?: MultiActionButtonStatusType;\n};\n\n/**\n * Event payload emitted on action click.\n */\nexport type MultiActionButtonActionEvent = {\n    /**\n     * Which action was clicked.\n     * @description Indicates whether the primary or secondary action fired. This is helpful when\n     * sharing a handler between both actions.\n     */\n    action: 'primary' | 'secondary';\n    /**\n     * Original click event.\n     * @description Useful to access modifier keys, prevent default, or stop propagation.\n     */\n    event: MouseEvent<HTMLButtonElement>;\n    /**\n     * Whether the secondary action is currently extended.\n     * @description Useful for flows that need to distinguish between a collapsed and expanded\n     * secondary action, especially on touch devices.\n     */\n    isExtended: boolean;\n    /**\n     * Whether the device is considered touch.\n     * @description Derived from pointer capabilities and used to decide between hover and click behavior.\n     */\n    isTouch: boolean;\n};\n\n/**\n * Configuration for a single action.\n */\nexport type MultiActionButtonAction = {\n    /**\n     * Optional background color for this action.\n     * @description Overrides the component-level background color for this specific action.\n     * If omitted, `MultiActionButton.backgroundColor` is used as fallback.\n     * @optional\n     */\n    backgroundColor?: string;\n    /**\n     * Optional color for the icon and label.\n     * @description Overrides the default text/icon color. If omitted, the current theme text color is used.\n     * @optional\n     */\n    color?: string;\n    /**\n     * The icon for the action.\n     * @description Can be a FontAwesome class string (e.g., 'fa fa-microphone') or a custom React element.\n     * The icon is always rendered inside a fixed-size slot to keep alignment stable.\n     */\n    icon: string | ReactElement;\n    /**\n     * Whether the action is disabled.\n     * @description Disabled actions do not respond to hover or click and are visually dimmed.\n     * @optional\n     */\n    isDisabled?: boolean;\n    /**\n     * Optional reason shown in a tooltip when the action is disabled.\n     * @description Use this to explain why the action is currently unavailable.\n     * @optional\n     */\n    disabledReason?: string;\n    /**\n     * The optional label for the action.\n     * @description The label is shown next to the icon and will be truncated with ellipsis when\n     * there is not enough horizontal space.\n     * @optional\n     */\n    label: ReactNode;\n    /**\n     * Click handler for the action.\n     * @description Receives a payload that includes the action type, extension state, and device info.\n     * This allows external logic to decide whether the click should trigger an action immediately.\n     * @optional\n     */\n    onClick?: (info: MultiActionButtonActionEvent) => void;\n    /**\n     * Status effect configuration for the action.\n     * @description Controls optional visual emphasis like pulsing, without changing layout or sizing.\n     * @optional\n     */\n    status?: MultiActionButtonActionStatus;\n};\n\n/**\n * Props for the MultiActionButton component.\n */\nexport type MultiActionButtonProps = {\n    /**\n     * Optional background color for both actions.\n     * @description Overrides the default background color for the action buttons. This is useful\n     * when the button is used on different backgrounds or when a specific brand color is needed.\n     * If omitted, the primary color from the theme is used.\n     * @default theme.primary\n     * @optional\n     */\n    backgroundColor?: string;\n    /**\n     * Additional class name for the wrapper element.\n     * @description Useful for custom styling or testing hooks.\n     * @optional\n     */\n    className?: string;\n    /**\n     * Timeout in ms before the secondary action collapses after a click.\n     * @description Set to 0 to keep the secondary action extended until the user collapses it.\n     * @example\n     * <MultiActionButton\n     *   primaryAction={primaryAction}\n     *   secondaryAction={secondaryAction}\n     *   extendedTimeoutMs={0}\n     * />\n     * @default 3000\n     * @optional\n     */\n    extendedTimeoutMs?: number;\n    /**\n     * Height of the button.\n     * @description Controls the height of the button. Use values from MultiActionButtonHeight enum or custom number.\n     * @default MultiActionButtonHeight.Medium\n     * @optional\n     */\n    height?: number;\n    /**\n     * Optional color for the 1px separator line between actions.\n     * @description Defaults to theme.cw-body-background and falls back to #fff if not available.\n     * @optional\n     */\n    gapColor?: string;\n    /**\n     * Whether the button is collapsed to a single icon.\n     * @description When collapsed, only the primary icon is shown and the overall width shrinks to a circle.\n     * Use this to provide compact states or toolbar modes.\n     * @default false\n     * @optional\n     */\n    isCollapsed?: boolean;\n    /**\n     * Whether the whole control is disabled.\n     * @description Disables interactions for both actions, including hover expansion and clicks.\n     * @default false\n     * @optional\n     */\n    isDisabled?: boolean;\n    /**\n     * Primary action configuration.\n     * @description Required action shown on the left side (or as the only action when no secondary is provided).\n     */\n    primaryAction: MultiActionButtonAction;\n    /**\n     * Secondary action configuration.\n     * @description Optional action shown on the right side. When present, it can expand on hover or click.\n     * @optional\n     */\n    secondaryAction?: MultiActionButtonAction;\n    /**\n     * Whether the button should take the full width of its parent.\n     * @description When true, the control stretches to 100% width unless `width` is provided.\n     * @optional\n     */\n    shouldUseFullWidth?: boolean;\n    /**\n     * Optional width override for the whole button.\n     * @description Can be a fixed number or a MotionValue for external animations. When omitted,\n     * the width is driven by the content unless `shouldUseFullWidth` is true.\n     * @optional\n     */\n    width?: number | MotionValue<number>;\n};\n"],"mappings":"AAGA;AACA;AACA;AACA,WAAYA,2BAA2B,0BAA3BA,2BAA2B;EACnC;AACJ;AACA;AACA;AACA;EALYA,2BAA2B;EAAA,OAA3BA,2BAA2B;AAAA;;AASvC;AACA;AACA;AACA,WAAYC,uBAAuB,0BAAvBA,uBAAuB;EAC/B;AACJ;AACA;EAHYA,uBAAuB,CAAvBA,uBAAuB;EAK/B;AACJ;AACA;EAPYA,uBAAuB,CAAvBA,uBAAuB;EAAA,OAAvBA,uBAAuB;AAAA;;AAWnC;AACA;AACA;;AAiBA;AACA;AACA;;AA0BA;AACA;AACA;;AAuDA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"MultiActionButton.types.js","names":["MultiActionButtonStatusType","MultiActionButtonHeight"],"sources":["../../../../src/components/multi-action-button/MultiActionButton.types.ts"],"sourcesContent":["import type { MouseEvent, ReactElement, ReactNode } from 'react';\nimport type { MotionValue } from 'motion/react';\nimport type { ContextMenuItem } from '../context-menu/ContextMenu.types';\n\n/**\n * Supported status types for the multi action button.\n */\nexport enum MultiActionButtonStatusType {\n    /**\n     * Pulsing background effect.\n     * @description Applies a subtle animated overlay on the action background to draw attention.\n     * This is intended for temporary states like recording or live activity indicators.\n     */\n    Pulse = 'pulse',\n}\n\n/**\n * Supported heights for the multi action button.\n */\nexport enum MultiActionButtonHeight {\n    /**\n     * Medium height (42px).\n     */\n    Medium = 42,\n    /**\n     * Large height (48px).\n     */\n    Large = 48,\n}\n\n/**\n * Minimal status configuration for an action.\n */\nexport type MultiActionButtonActionStatus = {\n    /**\n     * Optional pulse colors for the animation.\n     * @description Defines the two colors for the pulsing background animation. If not provided, defaults to ['#A50000', '#630000'].\n     * @optional\n     */\n    pulseColors?: [string, string];\n    /**\n     * Status type to apply.\n     * @description Selects the visual emphasis type applied to the action. The component currently\n     * supports a pulsing overlay, and additional types may be added later.\n     * @optional\n     */\n    type?: MultiActionButtonStatusType;\n};\n\n/**\n * Event payload emitted on action click.\n */\nexport type MultiActionButtonActionEvent = {\n    /**\n     * Which action was clicked.\n     * @description Indicates whether the primary or secondary action fired. This is helpful when\n     * sharing a handler between both actions.\n     */\n    action: 'primary' | 'secondary';\n    /**\n     * Original click event.\n     * @description Useful to access modifier keys, prevent default, or stop propagation.\n     */\n    event: MouseEvent<HTMLButtonElement>;\n    /**\n     * Whether the secondary action is currently extended.\n     * @description Useful for flows that need to distinguish between a collapsed and expanded\n     * secondary action, especially on touch devices.\n     */\n    isExtended: boolean;\n    /**\n     * Whether the device is considered touch.\n     * @description Derived from pointer capabilities and used to decide between hover and click behavior.\n     */\n    isTouch: boolean;\n};\n\n/**\n * Configuration for a single action.\n */\nexport type MultiActionButtonAction = {\n    /**\n     * Optional background color for this action.\n     * @description Overrides the component-level background color for this specific action.\n     * If omitted, `MultiActionButton.backgroundColor` is used as fallback.\n     * @optional\n     */\n    backgroundColor?: string;\n    /**\n     * Optional color for the icon and label.\n     * @description Overrides the default text/icon color. If omitted, the current theme text color is used.\n     * @optional\n     */\n    color?: string;\n    /**\n     * The icon for the action.\n     * @description Can be a FontAwesome class string (e.g., 'fa fa-microphone') or a custom React element.\n     * The icon is always rendered inside a fixed-size slot to keep alignment stable.\n     */\n    icon: string | ReactElement;\n    /**\n     * Whether the action is disabled.\n     * @description Disabled actions do not respond to hover or click and are visually dimmed.\n     * @optional\n     */\n    isDisabled?: boolean;\n    /**\n     * Optional reason shown in a tooltip when the action is disabled.\n     * @description Use this to explain why the action is currently unavailable.\n     * @optional\n     */\n    disabledReason?: string;\n    /**\n     * The optional label for the action.\n     * @description The label is shown next to the icon and will be truncated with ellipsis when\n     * there is not enough horizontal space.\n     * @optional\n     */\n    label: ReactNode;\n    /**\n     * Click handler for the action.\n     * @description Receives a payload that includes the action type, extension state, and device info.\n     * This allows external logic to decide whether the click should trigger an action immediately.\n     * @optional\n     */\n    onClick?: (info: MultiActionButtonActionEvent) => void;\n    /**\n     * Status effect configuration for the action.\n     * @description Controls optional visual emphasis like pulsing, without changing layout or sizing.\n     * @optional\n     */\n    status?: MultiActionButtonActionStatus;\n};\n\nexport type MultiActionButtonSecondaryContextMenu = ContextMenuItem[];\n\n/**\n * Props for the MultiActionButton component.\n */\nexport type MultiActionButtonProps = {\n    /**\n     * Optional background color for both actions.\n     * @description Overrides the default background color for the action buttons. This is useful\n     * when the button is used on different backgrounds or when a specific brand color is needed.\n     * If omitted, the primary color from the theme is used.\n     * @default theme.primary\n     * @optional\n     */\n    backgroundColor?: string;\n    /**\n     * Additional class name for the wrapper element.\n     * @description Useful for custom styling or testing hooks.\n     * @optional\n     */\n    className?: string;\n    /**\n     * Timeout in ms before the secondary action collapses after a click.\n     * @description Set to 0 to keep the secondary action extended until the user collapses it.\n     * @example\n     * <MultiActionButton\n     *   primaryAction={primaryAction}\n     *   secondaryAction={secondaryAction}\n     *   extendedTimeoutMs={0}\n     * />\n     * @default 3000\n     * @optional\n     */\n    extendedTimeoutMs?: number;\n    /**\n     * Height of the button.\n     * @description Controls the height of the button. Use values from MultiActionButtonHeight enum or custom number.\n     * @default MultiActionButtonHeight.Medium\n     * @optional\n     */\n    height?: number;\n    /**\n     * Optional color for the 1px separator line between actions.\n     * @description Defaults to theme.cw-body-background and falls back to #fff if not available.\n     * @optional\n     */\n    gapColor?: string;\n    /**\n     * Whether the button is collapsed to a single icon.\n     * @description When collapsed, only the primary icon is shown and the overall width shrinks to a circle.\n     * Use this to provide compact states or toolbar modes.\n     * @default false\n     * @optional\n     */\n    isCollapsed?: boolean;\n    /**\n     * Whether the whole control is disabled.\n     * @description Disables interactions for both actions, including hover expansion and clicks.\n     * @default false\n     * @optional\n     */\n    isDisabled?: boolean;\n    /**\n     * Primary action configuration.\n     * @description Required action shown on the left side (or as the only action when no secondary is provided).\n     */\n    primaryAction: MultiActionButtonAction;\n    /**\n     * Secondary action configuration.\n     * @description Optional action shown on the right side. When present, it can expand on hover or click.\n     * @optional\n     */\n    secondaryAction?: MultiActionButtonAction;\n    /**\n     * Context menu rendered as the secondary action.\n     * @description When the list contains entries, the secondary slot renders a fixed down-arrow\n     * trigger that opens a ContextMenu. If the list is empty or undefined, no context menu trigger\n     * is shown and `secondaryAction` can be used as usual.\n     * @optional\n     */\n    secondaryContextMenu?: MultiActionButtonSecondaryContextMenu;\n    /**\n     * Whether the button should take the full width of its parent.\n     * @description When true, the control stretches to 100% width unless `width` is provided.\n     * @optional\n     */\n    shouldUseFullWidth?: boolean;\n    /**\n     * Optional width override for the whole button.\n     * @description Can be a fixed number or a MotionValue for external animations. When omitted,\n     * the width is driven by the content unless `shouldUseFullWidth` is true.\n     * @optional\n     */\n    width?: number | MotionValue<number>;\n};\n"],"mappings":"AAIA;AACA;AACA;AACA,WAAYA,2BAA2B,0BAA3BA,2BAA2B;EACnC;AACJ;AACA;AACA;AACA;EALYA,2BAA2B;EAAA,OAA3BA,2BAA2B;AAAA;;AASvC;AACA;AACA;AACA,WAAYC,uBAAuB,0BAAvBA,uBAAuB;EAC/B;AACJ;AACA;EAHYA,uBAAuB,CAAvBA,uBAAuB;EAK/B;AACJ;AACA;EAPYA,uBAAuB,CAAvBA,uBAAuB;EAAA,OAAvBA,uBAAuB;AAAA;;AAWnC;AACA;AACA;;AAiBA;AACA;AACA;;AA0BA;AACA;AACA;;AAyDA;AACA;AACA","ignoreList":[]}

package/lib/esm/components/multi-action-button/MultiActionButton.utils.js

@@ -0,0 +1,37 @@
+export const getSecondaryContextMenuTriggerStyle = ({
+  height,
+  isCollapsed,
+  isExpanded,
+  shouldUseContentWidth
+}) => {
+  if (isCollapsed) {
+    return {
+      display: 'inline-flex',
+      minWidth: 0,
+      opacity: 0,
+      pointerEvents: 'none',
+      width: 0
+    };
+  }
+  if (shouldUseContentWidth) {
+    return {
+      display: 'inline-flex',
+      flex: '0 1 auto',
+      minWidth: 0
+    };
+  }
+  if (isExpanded) {
+    return {
+      display: 'inline-flex',
+      flex: '1 1 auto',
+      minWidth: 0
+    };
+  }
+  return {
+    display: 'inline-flex',
+    flex: '0 0 auto',
+    minWidth: 0,
+    width: height
+  };
+};
+//# sourceMappingURL=MultiActionButton.utils.js.map

package/lib/esm/components/multi-action-button/MultiActionButton.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiActionButton.utils.js","names":["getSecondaryContextMenuTriggerStyle","height","isCollapsed","isExpanded","shouldUseContentWidth","display","minWidth","opacity","pointerEvents","width","flex"],"sources":["../../../../src/components/multi-action-button/MultiActionButton.utils.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nexport interface GetSecondaryContextMenuTriggerStyleOptions {\n    height: number;\n    isCollapsed: boolean;\n    isExpanded: boolean;\n    shouldUseContentWidth: boolean;\n}\n\nexport const getSecondaryContextMenuTriggerStyle = ({\n    height,\n    isCollapsed,\n    isExpanded,\n    shouldUseContentWidth,\n}: GetSecondaryContextMenuTriggerStyleOptions): CSSProperties => {\n    if (isCollapsed) {\n        return {\n            display: 'inline-flex',\n            minWidth: 0,\n            opacity: 0,\n            pointerEvents: 'none',\n            width: 0,\n        };\n    }\n\n    if (shouldUseContentWidth) {\n        return {\n            display: 'inline-flex',\n            flex: '0 1 auto',\n            minWidth: 0,\n        };\n    }\n\n    if (isExpanded) {\n        return {\n            display: 'inline-flex',\n            flex: '1 1 auto',\n            minWidth: 0,\n        };\n    }\n\n    return {\n        display: 'inline-flex',\n        flex: '0 0 auto',\n        minWidth: 0,\n        width: height,\n    };\n};\n"],"mappings":"AASA,OAAO,MAAMA,mCAAmC,GAAGA,CAAC;EAChDC,MAAM;EACNC,WAAW;EACXC,UAAU;EACVC;AACwC,CAAC,KAAoB;EAC7D,IAAIF,WAAW,EAAE;IACb,OAAO;MACHG,OAAO,EAAE,aAAa;MACtBC,QAAQ,EAAE,CAAC;MACXC,OAAO,EAAE,CAAC;MACVC,aAAa,EAAE,MAAM;MACrBC,KAAK,EAAE;IACX,CAAC;EACL;EAEA,IAAIL,qBAAqB,EAAE;IACvB,OAAO;MACHC,OAAO,EAAE,aAAa;MACtBK,IAAI,EAAE,UAAU;MAChBJ,QAAQ,EAAE;IACd,CAAC;EACL;EAEA,IAAIH,UAAU,EAAE;IACZ,OAAO;MACHE,OAAO,EAAE,aAAa;MACtBK,IAAI,EAAE,UAAU;MAChBJ,QAAQ,EAAE;IACd,CAAC;EACL;EAEA,OAAO;IACHD,OAAO,EAAE,aAAa;IACtBK,IAAI,EAAE,UAAU;IAChBJ,QAAQ,EAAE,CAAC;IACXG,KAAK,EAAER;EACX,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/esm/components/popup/Popup.js

@@ -160,7 +160,7 @@ const Popup = /*#__PURE__*/forwardRef(({
   }, [isPopupOpen, updatePopupPosition]);
   useEffect(() => {
     if (!isPopupOpen) {
-      return;
+      return undefined;
     }
     window.addEventListener('resize', handleReposition);
     window.addEventListener('scroll', handleReposition, true);

package/lib/esm/components/popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","names":["AnimatePresence","React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","useState","createPortal","useUuid","PopupAlignment","AreaContextProvider","PopupContentWrapper","StyledPopup","useMeasuredClone","Popup","alignment","content","onShow","container","onHide","children","isOpen","shouldHideOnChildrenLeave","shouldShowOnHover","shouldUseChildrenWidth","shouldScrollWithContent","shouldUseFullWidth","yOffset","shouldBeOpen","ref","coordinates","setCoordinates","x","y","internalAlignment","setInternalAlignment","TopLeft","offset","setOffset","isInternallyOpen","setIsInternallyOpen","portal","setPortal","pseudoSize","setPseudoSize","newContainer","setNewContainer","contentMaxHeight","setContentMaxHeight","undefined","timeout","previousIsVisibleRef","uuid","isControlled","isPopupOpen","height","width","measuredElement","shouldPreventTextWrapping","popupContentRef","popupRef","current","el","element","closest","Element","updatePopupPosition","HORIZONTAL_PADDING","pseudoHeight","pseudoWidth","childrenHeight","left","childrenLeft","top","childrenTop","childrenWidth","getBoundingClientRect","document","body","containerHeight","containerWidth","zoomX","offsetWidth","zoomY","offsetHeight","childrenCenterX","scrollLeft","scrollTop","boundaryLeft","boundaryWidth","relativeX","shouldShowBottom","BottomLeft","BottomRight","BottomCenter","shouldForceRight","TopRight","shouldUseCenterAlignment","TopCenter","hasEnoughSpaceForCenter","isRight","newOffset","right","newX","handleShow","handleReposition","window","addEventListener","removeEventListener","viewHeight","clientHeight","includes","handleChildrenClick","handleHide","handleMouseEnter","clearTimeout","handleMouseLeave","setTimeout","handleDocumentClick","event","contains","target","hide","show","createElement","initial","key","maxHeight","onMouseLeave","onMouseEnter","shouldChangeColor","Fragment","className","onClick","$shouldUseChildrenWidth","$shouldUseFullWidth","displayName"],"sources":["../../../../src/components/popup/Popup.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    forwardRef,\n    ReactPortal,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useUuid } from '../../hooks/uuid';\nimport { PopupAlignment, PopupCoordinates, PopupRef } from '../../types/popup';\nimport AreaContextProvider from '../area-provider/AreaContextProvider';\nimport PopupContentWrapper from './popup-content-wrapper/PopupContentWrapper';\nimport { StyledPopup } from './Popup.styles';\nimport { useMeasuredClone } from '../../hooks/element';\nimport type { PopupProps } from './Popup.types';\n\nexport type { PopupProps } from './Popup.types';\n\nconst Popup = forwardRef<PopupRef, PopupProps>(\n    (\n        {\n            alignment,\n            content,\n            onShow,\n            container,\n            onHide,\n            children,\n            isOpen,\n            shouldHideOnChildrenLeave,\n            shouldShowOnHover = false,\n            shouldUseChildrenWidth = true,\n            shouldScrollWithContent = true,\n            shouldUseFullWidth = false,\n            yOffset = 0,\n            shouldBeOpen = false,\n        },\n        ref,\n    ) => {\n        const [coordinates, setCoordinates] = useState<PopupCoordinates>({\n            x: 0,\n            y: 0,\n        });\n\n        const [internalAlignment, setInternalAlignment] = useState<PopupAlignment>(\n            PopupAlignment.TopLeft,\n        );\n        const [offset, setOffset] = useState<number>(0);\n        const [isInternallyOpen, setIsInternallyOpen] = useState(shouldBeOpen);\n        const [portal, setPortal] = useState<ReactPortal>();\n        const [pseudoSize, setPseudoSize] = useState<{ height: number; width: number }>();\n        const [newContainer, setNewContainer] = useState<Element | null>(container ?? null);\n        const [contentMaxHeight, setContentMaxHeight] = useState<number | undefined>(undefined);\n\n        const timeout = useRef<number>();\n        const previousIsVisibleRef = useRef(false);\n\n        const uuid = useUuid();\n        const isControlled = typeof isOpen === 'boolean';\n        const isPopupOpen = isControlled ? isOpen : isInternallyOpen;\n\n        const { height, width, measuredElement } = useMeasuredClone({\n            content,\n            shouldPreventTextWrapping: !shouldUseChildrenWidth,\n        });\n\n        const popupContentRef = useRef<HTMLDivElement>(null);\n        const popupRef = useRef<HTMLDivElement>(null);\n\n        useEffect(() => {\n            if (popupRef.current && !container) {\n                const el = popupRef.current as HTMLElement;\n\n                const element = el.closest('.dialog-inner, .page-provider, .tapp, body');\n\n                setNewContainer(element);\n            }\n        }, [container]);\n\n        useEffect(() => {\n            if (container instanceof Element) {\n                setNewContainer(container);\n            }\n        }, [container]);\n\n        useEffect(() => {\n            setPseudoSize({ height, width });\n        }, [height, width]);\n\n        const updatePopupPosition = useCallback(() => {\n            if (popupRef.current && pseudoSize) {\n                if (!newContainer) {\n                    return;\n                }\n\n                const HORIZONTAL_PADDING = 23;\n\n                const { height: pseudoHeight, width: pseudoWidth } = pseudoSize;\n\n                const {\n                    height: childrenHeight,\n                    left: childrenLeft,\n                    top: childrenTop,\n                    width: childrenWidth,\n                } = popupRef.current.getBoundingClientRect();\n\n                const element = shouldScrollWithContent ? newContainer : document.body;\n\n                const {\n                    height: containerHeight,\n                    width: containerWidth,\n                    top,\n                    left,\n                } = element.getBoundingClientRect();\n\n                const zoomX = containerWidth / (element as HTMLElement).offsetWidth;\n                const zoomY = containerHeight / (element as HTMLElement).offsetHeight;\n\n                const childrenCenterX = childrenLeft + childrenWidth / 2;\n                const x = (childrenCenterX - left) / zoomX + element.scrollLeft;\n                const y =\n                    (childrenTop + childrenHeight / 2 - top) / zoomY + element.scrollTop - yOffset;\n\n                // Use one coordinate space for all horizontal bounds checks.\n                const boundaryLeft = element.scrollLeft;\n                const boundaryWidth = containerWidth / zoomX;\n                const relativeX = x - boundaryLeft;\n\n                const shouldShowBottom =\n                    pseudoHeight > childrenTop - 25 ||\n                    alignment === PopupAlignment.BottomLeft ||\n                    alignment === PopupAlignment.BottomRight ||\n                    alignment === PopupAlignment.BottomCenter;\n\n                const shouldForceRight = shouldShowBottom\n                    ? alignment === PopupAlignment.BottomRight\n                    : alignment === PopupAlignment.TopRight;\n\n                const shouldUseCenterAlignment = shouldShowBottom\n                    ? alignment === PopupAlignment.BottomCenter\n                    : alignment === PopupAlignment.TopCenter;\n\n                const hasEnoughSpaceForCenter =\n                    pseudoWidth / 2 <= relativeX - HORIZONTAL_PADDING &&\n                    pseudoWidth / 2 <= boundaryWidth - relativeX - HORIZONTAL_PADDING;\n\n                if (shouldUseCenterAlignment && hasEnoughSpaceForCenter) {\n                    setInternalAlignment(\n                        shouldShowBottom ? PopupAlignment.BottomCenter : PopupAlignment.TopCenter,\n                    );\n                    setOffset(0);\n                    setCoordinates({\n                        x,\n                        y,\n                    });\n                } else {\n                    let isRight = false;\n\n                    if (pseudoWidth > relativeX - HORIZONTAL_PADDING || shouldForceRight) {\n                        setInternalAlignment(\n                            shouldShowBottom ? PopupAlignment.BottomRight : PopupAlignment.TopRight,\n                        );\n                        isRight = true;\n                    } else {\n                        setInternalAlignment(\n                            shouldShowBottom ? PopupAlignment.BottomLeft : PopupAlignment.TopLeft,\n                        );\n                    }\n\n                    let newOffset;\n\n                    if (isRight) {\n                        newOffset =\n                            relativeX + pseudoWidth >= boundaryWidth - HORIZONTAL_PADDING\n                                ? relativeX + pseudoWidth - (boundaryWidth - HORIZONTAL_PADDING)\n                                : 0;\n                    } else {\n                        const right = boundaryWidth - relativeX;\n\n                        newOffset =\n                            right + pseudoWidth >= boundaryWidth + HORIZONTAL_PADDING\n                                ? right + pseudoWidth - (boundaryWidth + HORIZONTAL_PADDING)\n                                : 0;\n                    }\n\n                    setOffset(newOffset);\n\n                    const newX = x - newOffset;\n\n                    setCoordinates({\n                        x: newX,\n                        y,\n                    });\n                }\n            }\n        }, [alignment, newContainer, pseudoSize, shouldScrollWithContent, yOffset]);\n\n        const handleShow = useCallback(() => {\n            updatePopupPosition();\n\n            if (isControlled) {\n                return;\n            }\n\n            setIsInternallyOpen(true);\n        }, [isControlled, updatePopupPosition]);\n\n        useEffect(() => {\n            if (isControlled) {\n                if (isOpen) {\n                    updatePopupPosition();\n                }\n\n                return;\n            }\n\n            if (shouldBeOpen) {\n                handleShow();\n            }\n        }, [handleShow, isControlled, isOpen, shouldBeOpen, updatePopupPosition]);\n\n        const handleReposition = useCallback(() => {\n            if (isPopupOpen) {\n                updatePopupPosition();\n            }\n        }, [isPopupOpen, updatePopupPosition]);\n\n        useEffect(() => {\n            if (!isPopupOpen) {\n                return;\n            }\n\n            window.addEventListener('resize', handleReposition);\n            window.addEventListener('scroll', handleReposition, true);\n\n            return () => {\n                window.removeEventListener('resize', handleReposition);\n                window.removeEventListener('scroll', handleReposition, true);\n            };\n        }, [handleReposition, isPopupOpen]);\n\n        useEffect(() => {\n            if (!newContainer || !popupRef.current) return;\n\n            const viewHeight = newContainer.clientHeight;\n            const childrenHeight = popupRef.current.getBoundingClientRect().height;\n\n            if (\n                [\n                    PopupAlignment.TopLeft,\n                    PopupAlignment.TopRight,\n                    PopupAlignment.TopCenter,\n                ].includes(internalAlignment)\n            ) {\n                setContentMaxHeight(coordinates.y - 20);\n            } else {\n                setContentMaxHeight(viewHeight - childrenHeight - coordinates.y - 20);\n            }\n        }, [coordinates.y, internalAlignment, newContainer]);\n\n        const handleChildrenClick = () => {\n            if (isControlled) {\n                return;\n            }\n\n            handleShow();\n        };\n\n        const handleHide = useCallback(() => {\n            if (isControlled) {\n                return;\n            }\n\n            setIsInternallyOpen(false);\n        }, [isControlled]);\n\n        const handleMouseEnter = useCallback(() => {\n            if (isControlled) {\n                return;\n            }\n\n            if (shouldShowOnHover) {\n                window.clearTimeout(timeout.current);\n                handleShow();\n            }\n        }, [handleShow, isControlled, shouldShowOnHover]);\n\n        const handleMouseLeave = useCallback(() => {\n            if (isControlled) {\n                return;\n            }\n\n            if (!shouldShowOnHover) {\n                return;\n            }\n\n            if (shouldHideOnChildrenLeave) {\n                handleHide();\n\n                return;\n            }\n\n            timeout.current = window.setTimeout(() => {\n                handleHide();\n            }, 500);\n        }, [handleHide, isControlled, shouldHideOnChildrenLeave, shouldShowOnHover]);\n\n        const handleDocumentClick = useCallback<EventListener>(\n            (event) => {\n                if (!popupContentRef.current?.contains(event.target as Node)) {\n                    handleHide();\n                }\n            },\n            [handleHide],\n        );\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                hide: handleHide,\n                show: handleShow,\n            }),\n            [handleHide, handleShow],\n        );\n\n        useEffect(() => {\n            if (!isPopupOpen) {\n                return undefined;\n            }\n\n            if (!isControlled && !shouldBeOpen) {\n                document.addEventListener('click', handleDocumentClick, true);\n                window.addEventListener('blur', handleHide);\n            }\n\n            return () => {\n                document.removeEventListener('click', handleDocumentClick, true);\n                window.removeEventListener('blur', handleHide);\n            };\n        }, [handleDocumentClick, handleHide, isControlled, isPopupOpen, shouldBeOpen]);\n\n        useEffect(() => {\n            if (previousIsVisibleRef.current === isPopupOpen) {\n                return;\n            }\n\n            previousIsVisibleRef.current = isPopupOpen;\n\n            if (isPopupOpen) {\n                onShow?.();\n\n                return;\n            }\n\n            onHide?.();\n        }, [isPopupOpen, onHide, onShow]);\n\n        useEffect(() => {\n            if (!newContainer) {\n                return;\n            }\n\n            setPortal(() =>\n                createPortal(\n                    <AnimatePresence initial={false}>\n                        {isPopupOpen && (\n                            <PopupContentWrapper\n                                width={pseudoSize?.width ?? 0}\n                                offset={offset}\n                                shouldScrollWithContent={shouldScrollWithContent}\n                                coordinates={coordinates}\n                                key={`tooltip_${uuid}`}\n                                maxHeight={contentMaxHeight}\n                                alignment={internalAlignment}\n                                ref={popupContentRef}\n                                onMouseLeave={handleMouseLeave}\n                                onMouseEnter={handleMouseEnter}\n                            >\n                                <AreaContextProvider shouldChangeColor>\n                                    {content}\n                                </AreaContextProvider>\n                            </PopupContentWrapper>\n                        )}\n                    </AnimatePresence>,\n                    newContainer,\n                ),\n            );\n        }, [\n            contentMaxHeight,\n            internalAlignment,\n            newContainer,\n            content,\n            coordinates,\n            handleMouseEnter,\n            handleMouseLeave,\n            isPopupOpen,\n            offset,\n            pseudoSize?.width,\n            uuid,\n            shouldScrollWithContent,\n        ]);\n\n        return (\n            <>\n                {measuredElement}\n                <StyledPopup\n                    className=\"beta-chayns-popup\"\n                    ref={popupRef}\n                    onClick={handleChildrenClick}\n                    onMouseLeave={handleMouseLeave}\n                    onMouseEnter={handleMouseEnter}\n                    $shouldUseChildrenWidth={shouldUseChildrenWidth}\n                    $shouldUseFullWidth={shouldUseFullWidth}\n                >\n                    {children}\n                </StyledPopup>\n                {portal}\n            </>\n        );\n    },\n);\n\nPopup.displayName = 'Popup';\n\nexport default Popup;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Popup.js","names":["AnimatePresence","React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","useState","createPortal","useUuid","PopupAlignment","AreaContextProvider","PopupContentWrapper","StyledPopup","useMeasuredClone","Popup","alignment","content","onShow","container","onHide","children","isOpen","shouldHideOnChildrenLeave","shouldShowOnHover","shouldUseChildrenWidth","shouldScrollWithContent","shouldUseFullWidth","yOffset","shouldBeOpen","ref","coordinates","setCoordinates","x","y","internalAlignment","setInternalAlignment","TopLeft","offset","setOffset","isInternallyOpen","setIsInternallyOpen","portal","setPortal","pseudoSize","setPseudoSize","newContainer","setNewContainer","contentMaxHeight","setContentMaxHeight","undefined","timeout","previousIsVisibleRef","uuid","isControlled","isPopupOpen","height","width","measuredElement","shouldPreventTextWrapping","popupContentRef","popupRef","current","el","element","closest","Element","updatePopupPosition","HORIZONTAL_PADDING","pseudoHeight","pseudoWidth","childrenHeight","left","childrenLeft","top","childrenTop","childrenWidth","getBoundingClientRect","document","body","containerHeight","containerWidth","zoomX","offsetWidth","zoomY","offsetHeight","childrenCenterX","scrollLeft","scrollTop","boundaryLeft","boundaryWidth","relativeX","shouldShowBottom","BottomLeft","BottomRight","BottomCenter","shouldForceRight","TopRight","shouldUseCenterAlignment","TopCenter","hasEnoughSpaceForCenter","isRight","newOffset","right","newX","handleShow","handleReposition","window","addEventListener","removeEventListener","viewHeight","clientHeight","includes","handleChildrenClick","handleHide","handleMouseEnter","clearTimeout","handleMouseLeave","setTimeout","handleDocumentClick","event","contains","target","hide","show","createElement","initial","key","maxHeight","onMouseLeave","onMouseEnter","shouldChangeColor","Fragment","className","onClick","$shouldUseChildrenWidth","$shouldUseFullWidth","displayName"],"sources":["../../../../src/components/popup/Popup.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    forwardRef,\n    ReactPortal,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useUuid } from '../../hooks/uuid';\nimport { PopupAlignment, PopupCoordinates, PopupRef } from '../../types/popup';\nimport AreaContextProvider from '../area-provider/AreaContextProvider';\nimport PopupContentWrapper from './popup-content-wrapper/PopupContentWrapper';\nimport { StyledPopup } from './Popup.styles';\nimport { useMeasuredClone } from '../../hooks/element';\nimport type { PopupProps } from './Popup.types';\n\nexport type { PopupProps } from './Popup.types';\n\nconst Popup = forwardRef<PopupRef, PopupProps>(\n    (\n        {\n            alignment,\n            content,\n            onShow,\n            container,\n            onHide,\n            children,\n            isOpen,\n            shouldHideOnChildrenLeave,\n            shouldShowOnHover = false,\n            shouldUseChildrenWidth = true,\n            shouldScrollWithContent = true,\n            shouldUseFullWidth = false,\n            yOffset = 0,\n            shouldBeOpen = false,\n        },\n        ref,\n    ) => {\n        const [coordinates, setCoordinates] = useState<PopupCoordinates>({\n            x: 0,\n            y: 0,\n        });\n\n        const [internalAlignment, setInternalAlignment] = useState<PopupAlignment>(\n            PopupAlignment.TopLeft,\n        );\n        const [offset, setOffset] = useState<number>(0);\n        const [isInternallyOpen, setIsInternallyOpen] = useState(shouldBeOpen);\n        const [portal, setPortal] = useState<ReactPortal>();\n        const [pseudoSize, setPseudoSize] = useState<{ height: number; width: number }>();\n        const [newContainer, setNewContainer] = useState<Element | null>(container ?? null);\n        const [contentMaxHeight, setContentMaxHeight] = useState<number | undefined>(undefined);\n\n        const timeout = useRef<number>();\n        const previousIsVisibleRef = useRef(false);\n\n        const uuid = useUuid();\n        const isControlled = typeof isOpen === 'boolean';\n        const isPopupOpen = isControlled ? isOpen : isInternallyOpen;\n\n        const { height, width, measuredElement } = useMeasuredClone({\n            content,\n            shouldPreventTextWrapping: !shouldUseChildrenWidth,\n        });\n\n        const popupContentRef = useRef<HTMLDivElement>(null);\n        const popupRef = useRef<HTMLDivElement>(null);\n\n        useEffect(() => {\n            if (popupRef.current && !container) {\n                const el = popupRef.current as HTMLElement;\n\n                const element = el.closest('.dialog-inner, .page-provider, .tapp, body');\n\n                setNewContainer(element);\n            }\n        }, [container]);\n\n        useEffect(() => {\n            if (container instanceof Element) {\n                setNewContainer(container);\n            }\n        }, [container]);\n\n        useEffect(() => {\n            setPseudoSize({ height, width });\n        }, [height, width]);\n\n        const updatePopupPosition = useCallback(() => {\n            if (popupRef.current && pseudoSize) {\n                if (!newContainer) {\n                    return;\n                }\n\n                const HORIZONTAL_PADDING = 23;\n\n                const { height: pseudoHeight, width: pseudoWidth } = pseudoSize;\n\n                const {\n                    height: childrenHeight,\n                    left: childrenLeft,\n                    top: childrenTop,\n                    width: childrenWidth,\n                } = popupRef.current.getBoundingClientRect();\n\n                const element = shouldScrollWithContent ? newContainer : document.body;\n\n                const {\n                    height: containerHeight,\n                    width: containerWidth,\n                    top,\n                    left,\n                } = element.getBoundingClientRect();\n\n                const zoomX = containerWidth / (element as HTMLElement).offsetWidth;\n                const zoomY = containerHeight / (element as HTMLElement).offsetHeight;\n\n                const childrenCenterX = childrenLeft + childrenWidth / 2;\n                const x = (childrenCenterX - left) / zoomX + element.scrollLeft;\n                const y =\n                    (childrenTop + childrenHeight / 2 - top) / zoomY + element.scrollTop - yOffset;\n\n                // Use one coordinate space for all horizontal bounds checks.\n                const boundaryLeft = element.scrollLeft;\n                const boundaryWidth = containerWidth / zoomX;\n                const relativeX = x - boundaryLeft;\n\n                const shouldShowBottom =\n                    pseudoHeight > childrenTop - 25 ||\n                    alignment === PopupAlignment.BottomLeft ||\n                    alignment === PopupAlignment.BottomRight ||\n                    alignment === PopupAlignment.BottomCenter;\n\n                const shouldForceRight = shouldShowBottom\n                    ? alignment === PopupAlignment.BottomRight\n                    : alignment === PopupAlignment.TopRight;\n\n                const shouldUseCenterAlignment = shouldShowBottom\n                    ? alignment === PopupAlignment.BottomCenter\n                    : alignment === PopupAlignment.TopCenter;\n\n                const hasEnoughSpaceForCenter =\n                    pseudoWidth / 2 <= relativeX - HORIZONTAL_PADDING &&\n                    pseudoWidth / 2 <= boundaryWidth - relativeX - HORIZONTAL_PADDING;\n\n                if (shouldUseCenterAlignment && hasEnoughSpaceForCenter) {\n                    setInternalAlignment(\n                        shouldShowBottom ? PopupAlignment.BottomCenter : PopupAlignment.TopCenter,\n                    );\n                    setOffset(0);\n                    setCoordinates({\n                        x,\n                        y,\n                    });\n                } else {\n                    let isRight = false;\n\n                    if (pseudoWidth > relativeX - HORIZONTAL_PADDING || shouldForceRight) {\n                        setInternalAlignment(\n                            shouldShowBottom ? PopupAlignment.BottomRight : PopupAlignment.TopRight,\n                        );\n                        isRight = true;\n                    } else {\n                        setInternalAlignment(\n                            shouldShowBottom ? PopupAlignment.BottomLeft : PopupAlignment.TopLeft,\n                        );\n                    }\n\n                    let newOffset;\n\n                    if (isRight) {\n                        newOffset =\n                            relativeX + pseudoWidth >= boundaryWidth - HORIZONTAL_PADDING\n                                ? relativeX + pseudoWidth - (boundaryWidth - HORIZONTAL_PADDING)\n                                : 0;\n                    } else {\n                        const right = boundaryWidth - relativeX;\n\n                        newOffset =\n                            right + pseudoWidth >= boundaryWidth + HORIZONTAL_PADDING\n                                ? right + pseudoWidth - (boundaryWidth + HORIZONTAL_PADDING)\n                                : 0;\n                    }\n\n                    setOffset(newOffset);\n\n                    const newX = x - newOffset;\n\n                    setCoordinates({\n                        x: newX,\n                        y,\n                    });\n                }\n            }\n        }, [alignment, newContainer, pseudoSize, shouldScrollWithContent, yOffset]);\n\n        const handleShow = useCallback(() => {\n            updatePopupPosition();\n\n            if (isControlled) {\n                return;\n            }\n\n            setIsInternallyOpen(true);\n        }, [isControlled, updatePopupPosition]);\n\n        useEffect(() => {\n            if (isControlled) {\n                if (isOpen) {\n                    updatePopupPosition();\n                }\n\n                return;\n            }\n\n            if (shouldBeOpen) {\n                handleShow();\n            }\n        }, [handleShow, isControlled, isOpen, shouldBeOpen, updatePopupPosition]);\n\n        const handleReposition = useCallback(() => {\n            if (isPopupOpen) {\n                updatePopupPosition();\n            }\n        }, [isPopupOpen, updatePopupPosition]);\n\n        useEffect(() => {\n            if (!isPopupOpen) {\n                return undefined;\n            }\n\n            window.addEventListener('resize', handleReposition);\n            window.addEventListener('scroll', handleReposition, true);\n\n            return () => {\n                window.removeEventListener('resize', handleReposition);\n                window.removeEventListener('scroll', handleReposition, true);\n            };\n        }, [handleReposition, isPopupOpen]);\n\n        useEffect(() => {\n            if (!newContainer || !popupRef.current) return;\n\n            const viewHeight = newContainer.clientHeight;\n            const childrenHeight = popupRef.current.getBoundingClientRect().height;\n\n            if (\n                [\n                    PopupAlignment.TopLeft,\n                    PopupAlignment.TopRight,\n                    PopupAlignment.TopCenter,\n                ].includes(internalAlignment)\n            ) {\n                setContentMaxHeight(coordinates.y - 20);\n            } else {\n                setContentMaxHeight(viewHeight - childrenHeight - coordinates.y - 20);\n            }\n        }, [coordinates.y, internalAlignment, newContainer]);\n\n        const handleChildrenClick = () => {\n            if (isControlled) {\n                return;\n            }\n\n            handleShow();\n        };\n\n        const handleHide = useCallback(() => {\n            if (isControlled) {\n                return;\n            }\n\n            setIsInternallyOpen(false);\n        }, [isControlled]);\n\n        const handleMouseEnter = useCallback(() => {\n            if (isControlled) {\n                return;\n            }\n\n            if (shouldShowOnHover) {\n                window.clearTimeout(timeout.current);\n                handleShow();\n            }\n        }, [handleShow, isControlled, shouldShowOnHover]);\n\n        const handleMouseLeave = useCallback(() => {\n            if (isControlled) {\n                return;\n            }\n\n            if (!shouldShowOnHover) {\n                return;\n            }\n\n            if (shouldHideOnChildrenLeave) {\n                handleHide();\n\n                return;\n            }\n\n            timeout.current = window.setTimeout(() => {\n                handleHide();\n            }, 500);\n        }, [handleHide, isControlled, shouldHideOnChildrenLeave, shouldShowOnHover]);\n\n        const handleDocumentClick = useCallback<EventListener>(\n            (event) => {\n                if (!popupContentRef.current?.contains(event.target as Node)) {\n                    handleHide();\n                }\n            },\n            [handleHide],\n        );\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                hide: handleHide,\n                show: handleShow,\n            }),\n            [handleHide, handleShow],\n        );\n\n        useEffect(() => {\n            if (!isPopupOpen) {\n                return undefined;\n            }\n\n            if (!isControlled && !shouldBeOpen) {\n                document.addEventListener('click', handleDocumentClick, true);\n                window.addEventListener('blur', handleHide);\n            }\n\n            return () => {\n                document.removeEventListener('click', handleDocumentClick, true);\n                window.removeEventListener('blur', handleHide);\n            };\n        }, [handleDocumentClick, handleHide, isControlled, isPopupOpen, shouldBeOpen]);\n\n        useEffect(() => {\n            if (previousIsVisibleRef.current === isPopupOpen) {\n                return;\n            }\n\n            previousIsVisibleRef.current = isPopupOpen;\n\n            if (isPopupOpen) {\n                onShow?.();\n\n                return;\n            }\n\n            onHide?.();\n        }, [isPopupOpen, onHide, onShow]);\n\n        useEffect(() => {\n            if (!newContainer) {\n                return;\n            }\n\n            setPortal(() =>\n                createPortal(\n                    <AnimatePresence initial={false}>\n                        {isPopupOpen && (\n                            <PopupContentWrapper\n                                width={pseudoSize?.width ?? 0}\n                                offset={offset}\n                                shouldScrollWithContent={shouldScrollWithContent}\n                                coordinates={coordinates}\n                                key={`tooltip_${uuid}`}\n                                maxHeight={contentMaxHeight}\n                                alignment={internalAlignment}\n                                ref={popupContentRef}\n                                onMouseLeave={handleMouseLeave}\n                                onMouseEnter={handleMouseEnter}\n                            >\n                                <AreaContextProvider shouldChangeColor>\n                                    {content}\n                                </AreaContextProvider>\n                            </PopupContentWrapper>\n                        )}\n                    </AnimatePresence>,\n                    newContainer,\n                ),\n            );\n        }, [\n            contentMaxHeight,\n            internalAlignment,\n            newContainer,\n            content,\n            coordinates,\n            handleMouseEnter,\n            handleMouseLeave,\n            isPopupOpen,\n            offset,\n            pseudoSize?.width,\n            uuid,\n            shouldScrollWithContent,\n        ]);\n\n        return (\n            <>\n                {measuredElement}\n                <StyledPopup\n                    className=\"beta-chayns-popup\"\n                    ref={popupRef}\n                    onClick={handleChildrenClick}\n                    onMouseLeave={handleMouseLeave}\n                    onMouseEnter={handleMouseEnter}\n                    $shouldUseChildrenWidth={shouldUseChildrenWidth}\n                    $shouldUseFullWidth={shouldUseFullWidth}\n                >\n                    {children}\n                </StyledPopup>\n                {portal}\n            </>\n        );\n    },\n);\n\nPopup.displayName = 'Popup';\n\nexport default Popup;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/progress-bar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["React","useContext","useEffect","useLayoutEffect","useMemo","useRef","useState","useUuid","StyledMotionProgressBarProgress","StyledProgressBar","StyledProgressBarBackground","StyledProgressBarLabel","StyledProgressBarProgressWrapper","StyledProgressBarShine","StyledProgressBarStep","StyledProgressBarStepWrapper","StyledProgressBarThumbLabel","PopupAlignment","ThemeContext","ThemeProvider","Popup","ProgressBar","t0","$","_c","percentage","label","shouldHideProgress","t1","shouldShowLabelInline","t2","steps","colors","thumbLabel","showShine","t3","height","undefined","uuid","coordinates","setCoordinates","popupRef","hostContainer","setHostContainer","theme","t4","bb0","t","shineCount","Math","ceil","speed","t5","Array","from","length","t6","map","_","index","createElement","key","$delay","shineEffect","getBoundingClientRect","t7","t8","current","show","t9","backgroundColor","primaryTextColor","progressColor","secondaryTextColor","stepColor","thumbLabelColor","$color","initial","width","left","animate","exit","transition","type","repeat","Infinity","repeatDelay","duration","ref","instance","style","border","position","step","onUpdate","onAnimationComplete","onClick","_temp","text","alignment","TopCenter","onHide","container","shouldBeOpen","shouldScrollWithContent","yOffset","$primaryColor","$secondaryColor","progressBar","t10","t11","displayName","event","stopPropagation"],"sources":["../../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, {\n    FC,\n    useContext,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport {\n    StyledMotionProgressBarProgress,\n    StyledProgressBar,\n    StyledProgressBarBackground,\n    StyledProgressBarLabel,\n    StyledProgressBarProgressWrapper,\n    StyledProgressBarShine,\n    StyledProgressBarStep,\n    StyledProgressBarStepWrapper,\n    StyledProgressBarThumbLabel,\n} from './ProgressBar.styles';\nimport { PopupAlignment, PopupRef } from '../../types/popup';\nimport { ThemeContext, ThemeProvider } from 'styled-components';\nimport { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Popup from '../popup/Popup';\n\ntype Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N\n    ? Acc[number]\n    : Enumerate<N, [...Acc, Acc['length']]>;\n\ntype Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;\n\ninterface Colors {\n    backgroundColor?: string;\n    progressColor?: string;\n    stepColor?: string;\n    primaryTextColor?: string;\n    secondaryTextColor?: string;\n    thumbLabelColor?: string;\n}\n\nexport type ProgressBarProps = {\n    /**\n     * The colors of the ProgressBar.\n     */\n    colors?: Colors;\n    /**\n     * The label that should be displayed under the progressbar.\n     */\n    label?: string;\n    /**\n     * The percentage of the progress. Number between 0 and 100.\n     */\n    percentage?: Range<0, 101>;\n    /**\n     * Whether the progress should be hide and just display the label.\n     */\n    shouldHideProgress?: boolean;\n    /**\n     * Whether the label should be displayed inside the ProgressBar.\n     */\n    shouldShowLabelInline?: boolean;\n    /**\n     * Visual marked steps.\n     */\n    steps?: Range<0, 101>[];\n    /**\n     * The label that should be displayed on the thumb of the progress bar.\n     */\n    thumbLabel?: React.ReactNode;\n    /**\n     * Whether a shine animation should be shown on the progress bar. The amount of shine is based on the percentage value.\n     */\n    showShine?: boolean;\n    /**\n     * The height of the progress bar in pixels. If not provided, it will be 10px if shouldShowLabelInline is false and 20px if shouldShowLabelInline is true.\n     */\n    height?: number;\n};\n\nconst ProgressBar: FC<ProgressBarProps> = ({\n    percentage,\n    label,\n    shouldHideProgress = false,\n    shouldShowLabelInline = false,\n    steps,\n    colors,\n    thumbLabel,\n    showShine = false,\n    height,\n}) => {\n    'use memo';\n\n    const uuid = useUuid();\n    const [coordinates, setCoordinates] = useState<{ x: number; y: number }>();\n    const popupRef = useRef<PopupRef | null>(null);\n    const [hostContainer, setHostContainer] = useState<HTMLDivElement | null>(null);\n\n    const theme = useContext(ThemeContext) as Theme | undefined;\n\n    const shineEffect = useMemo(() => {\n        if (!showShine || percentage === undefined) return null;\n        const MIN_ANIMATION_LENGTH = 1;\n        const MAX_ANIMATION_LENGTH = 5;\n        const MAX_SHINE_COUNT = 6;\n        const t = percentage / 100;\n\n        const shineCount = Math.ceil(MAX_SHINE_COUNT * t);\n\n        const speed = MIN_ANIMATION_LENGTH + (MAX_ANIMATION_LENGTH - MIN_ANIMATION_LENGTH) * t;\n\n        return Array.from({ length: shineCount }).map((_, index) => (\n            <StyledProgressBarShine\n                /* eslint-disable-next-line react/no-array-index-key */\n                key={`progress-bar-shine__${shineCount}__${index}`}\n                $speed={speed}\n                $delay={-(speed / shineCount) * index}\n            />\n        ));\n    }, [percentage, showShine]);\n\n    useLayoutEffect(() => {\n        if (thumbLabel) setCoordinates(hostContainer?.getBoundingClientRect());\n    }, [hostContainer, thumbLabel]);\n\n    useEffect(() => {\n        if (coordinates) popupRef.current?.show();\n    }, [coordinates]);\n\n    const progressBar = useMemo(() => {\n        if (shouldHideProgress) {\n            return null;\n        }\n\n        if (percentage === undefined) {\n            return (\n                <StyledProgressBarProgressWrapper>\n                    <StyledMotionProgressBarProgress\n                        key={`progress-bar-loop__${uuid}`}\n                        $color={colors?.progressColor}\n                        initial={{ width: '200px', left: '-200px' }}\n                        animate={{ width: '200px', left: '100%' }}\n                        exit={{ width: '200px', left: '100%' }}\n                        transition={{\n                            type: 'tween',\n                            repeat: Infinity,\n                            repeatDelay: 0,\n                            duration: 1,\n                        }}\n                    />\n                    <StyledProgressBarBackground $color={colors?.backgroundColor} />\n                </StyledProgressBarProgressWrapper>\n            );\n        }\n\n        return (\n            <div\n                ref={(instance) => setHostContainer(instance)}\n                style={{ border: 0, position: 'relative' }}\n            >\n                <StyledProgressBarProgressWrapper $isBig={shouldShowLabelInline} $height={height}>\n                    {!!steps?.length && (\n                        <StyledProgressBarStepWrapper>\n                            {steps.map((step) => (\n                                <StyledProgressBarStep\n                                    $position={step}\n                                    key={`progress-step-${step}`}\n                                    $color={colors?.stepColor}\n                                />\n                            ))}\n                        </StyledProgressBarStepWrapper>\n                    )}\n                    <StyledMotionProgressBarProgress\n                        $height={height}\n                        $color={colors?.progressColor}\n                        key={`progress-bar__${uuid}`}\n                        initial={{ width: '0%' }}\n                        animate={{ width: `${percentage}%` }}\n                        exit={{ width: '0%' }}\n                        transition={{ type: 'tween' }}\n                        onUpdate={() => popupRef.current?.show()}\n                        onAnimationComplete={() => popupRef.current?.show()}\n                    >\n                        {showShine && shineEffect}\n                        {thumbLabel && (\n                            <StyledProgressBarThumbLabel\n                                $height={height}\n                                onClick={(event) => event.stopPropagation()}\n                            >\n                                <ThemeProvider\n                                    theme={{\n                                        '000': colors?.thumbLabelColor ?? theme?.['104'],\n                                        text: colors?.secondaryTextColor ?? theme?.['300'],\n                                    }}\n                                >\n                                    <Popup\n                                        ref={popupRef}\n                                        content={thumbLabel}\n                                        alignment={PopupAlignment.TopCenter}\n                                        onHide={() => popupRef.current?.show()}\n                                        container={hostContainer ?? undefined}\n                                        shouldBeOpen\n                                        shouldScrollWithContent\n                                        yOffset={-12}\n                                    >\n                                        {}\n                                    </Popup>\n                                </ThemeProvider>\n                            </StyledProgressBarThumbLabel>\n                        )}\n                    </StyledMotionProgressBarProgress>\n\n                    {shouldShowLabelInline && label && (\n                        <StyledProgressBarLabel\n                            $shouldShowLabelInline={shouldShowLabelInline}\n                            $primaryColor={colors?.primaryTextColor}\n                            $secondaryColor={colors?.secondaryTextColor}\n                            $colorSplitPosition={percentage}\n                        >\n                            {label}\n                        </StyledProgressBarLabel>\n                    )}\n\n                    <StyledProgressBarBackground $color={colors?.backgroundColor} />\n                </StyledProgressBarProgressWrapper>\n            </div>\n        );\n    }, [\n        colors?.backgroundColor,\n        colors?.primaryTextColor,\n        colors?.progressColor,\n        colors?.secondaryTextColor,\n        colors?.stepColor,\n        colors?.thumbLabelColor,\n        height,\n        hostContainer,\n        label,\n        percentage,\n        shineEffect,\n        shouldHideProgress,\n        shouldShowLabelInline,\n        showShine,\n        steps,\n        theme,\n        thumbLabel,\n        uuid,\n    ]);\n\n    return useMemo(\n        () => (\n            <StyledProgressBar>\n                {progressBar}\n                {label && !shouldShowLabelInline && (\n                    <StyledProgressBarLabel $primaryColor={colors?.primaryTextColor}>\n                        {label}\n                    </StyledProgressBarLabel>\n                )}\n            </StyledProgressBar>\n        ),\n        [colors?.primaryTextColor, label, progressBar, shouldShowLabelInline],\n    );\n};\n\nProgressBar.displayName = 'ProgressBar';\n\nexport default ProgressBar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ProgressBar.js","names":["React","useContext","useEffect","useLayoutEffect","useMemo","useRef","useState","useUuid","StyledMotionProgressBarProgress","StyledProgressBar","StyledProgressBarBackground","StyledProgressBarLabel","StyledProgressBarProgressWrapper","StyledProgressBarShine","StyledProgressBarStep","StyledProgressBarStepWrapper","StyledProgressBarThumbLabel","PopupAlignment","ThemeContext","ThemeProvider","Popup","ProgressBar","t0","$","_c","percentage","label","shouldHideProgress","t1","shouldShowLabelInline","t2","steps","colors","thumbLabel","showShine","t3","height","undefined","uuid","coordinates","setCoordinates","popupRef","hostContainer","setHostContainer","theme","t4","bb0","t","shineCount","Math","ceil","speed","t5","Array","from","length","t6","map","_","index","createElement","key","$delay","shineEffect","getBoundingClientRect","t7","t8","current","show","t9","backgroundColor","primaryTextColor","progressColor","secondaryTextColor","stepColor","thumbLabelColor","$color","initial","width","left","animate","exit","transition","type","repeat","Infinity","repeatDelay","duration","ref","instance","style","border","position","step","onUpdate","onAnimationComplete","onClick","_temp","text","alignment","TopCenter","onHide","container","shouldBeOpen","shouldScrollWithContent","yOffset","$primaryColor","$secondaryColor","progressBar","t10","t11","displayName","event","stopPropagation"],"sources":["../../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, {\n    FC,\n    useContext,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport {\n    StyledMotionProgressBarProgress,\n    StyledProgressBar,\n    StyledProgressBarBackground,\n    StyledProgressBarLabel,\n    StyledProgressBarProgressWrapper,\n    StyledProgressBarShine,\n    StyledProgressBarStep,\n    StyledProgressBarStepWrapper,\n    StyledProgressBarThumbLabel,\n} from './ProgressBar.styles';\nimport { PopupAlignment, PopupRef } from '../../types/popup';\nimport { ThemeContext, ThemeProvider } from 'styled-components';\nimport { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Popup from '../popup/Popup';\n\ntype Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N\n    ? Acc[number]\n    : Enumerate<N, [...Acc, Acc['length']]>;\n\ntype Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;\n\ninterface Colors {\n    backgroundColor?: string;\n    progressColor?: string;\n    stepColor?: string;\n    primaryTextColor?: string;\n    secondaryTextColor?: string;\n    thumbLabelColor?: string;\n}\n\nexport type ProgressBarProps = {\n    /**\n     * The colors of the ProgressBar.\n     */\n    colors?: Colors;\n    /**\n     * The label that should be displayed under the progressbar.\n     */\n    label?: string;\n    /**\n     * The percentage of the progress. Number between 0 and 100.\n     */\n    percentage?: Range<0, 101>;\n    /**\n     * Whether the progress should be hide and just display the label.\n     */\n    shouldHideProgress?: boolean;\n    /**\n     * Whether the label should be displayed inside the ProgressBar.\n     */\n    shouldShowLabelInline?: boolean;\n    /**\n     * Visual marked steps.\n     */\n    steps?: Range<0, 101>[];\n    /**\n     * The label that should be displayed on the thumb of the progress bar.\n     */\n    thumbLabel?: React.ReactNode;\n    /**\n     * Whether a shine animation should be shown on the progress bar. The amount of shine is based on the percentage value.\n     */\n    showShine?: boolean;\n    /**\n     * The height of the progress bar in pixels. If not provided, it will be 10px if shouldShowLabelInline is false and 20px if shouldShowLabelInline is true.\n     */\n    height?: number;\n};\n\nconst ProgressBar: FC<ProgressBarProps> = ({\n    percentage,\n    label,\n    shouldHideProgress = false,\n    shouldShowLabelInline = false,\n    steps,\n    colors,\n    thumbLabel,\n    showShine = false,\n    height,\n}) => {\n    'use memo';\n\n    const uuid = useUuid();\n    const [coordinates, setCoordinates] = useState<{ x: number; y: number }>();\n    const popupRef = useRef<PopupRef | null>(null);\n    const [hostContainer, setHostContainer] = useState<HTMLDivElement | null>(null);\n\n    const theme = useContext(ThemeContext) as Theme | undefined;\n\n    const shineEffect = useMemo(() => {\n        if (!showShine || percentage === undefined) return null;\n        const MIN_ANIMATION_LENGTH = 1;\n        const MAX_ANIMATION_LENGTH = 5;\n        const MAX_SHINE_COUNT = 6;\n        const t = percentage / 100;\n\n        const shineCount = Math.ceil(MAX_SHINE_COUNT * t);\n\n        const speed = MIN_ANIMATION_LENGTH + (MAX_ANIMATION_LENGTH - MIN_ANIMATION_LENGTH) * t;\n\n        return Array.from({ length: shineCount }).map((_, index) => (\n            <StyledProgressBarShine\n                /* eslint-disable-next-line react/no-array-index-key */\n                key={`progress-bar-shine__${shineCount}__${index}`}\n                $speed={speed}\n                $delay={-(speed / shineCount) * index}\n            />\n        ));\n    }, [percentage, showShine]);\n\n    useLayoutEffect(() => {\n        if (thumbLabel) setCoordinates(hostContainer?.getBoundingClientRect());\n    }, [hostContainer, thumbLabel]);\n\n    useEffect(() => {\n        if (coordinates) popupRef.current?.show();\n    }, [coordinates]);\n\n    const progressBar = useMemo(() => {\n        if (shouldHideProgress) {\n            return null;\n        }\n\n        if (percentage === undefined) {\n            return (\n                <StyledProgressBarProgressWrapper>\n                    <StyledMotionProgressBarProgress\n                        key={`progress-bar-loop__${uuid}`}\n                        $color={colors?.progressColor}\n                        initial={{ width: '200px', left: '-200px' }}\n                        animate={{ width: '200px', left: '100%' }}\n                        exit={{ width: '200px', left: '100%' }}\n                        transition={{\n                            type: 'tween',\n                            repeat: Infinity,\n                            repeatDelay: 0,\n                            duration: 1,\n                        }}\n                    />\n                    <StyledProgressBarBackground $color={colors?.backgroundColor} />\n                </StyledProgressBarProgressWrapper>\n            );\n        }\n\n        return (\n            <div\n                ref={(instance) => setHostContainer(instance)}\n                style={{ border: 0, position: 'relative' }}\n            >\n                <StyledProgressBarProgressWrapper $isBig={shouldShowLabelInline} $height={height}>\n                    {!!steps?.length && (\n                        <StyledProgressBarStepWrapper>\n                            {steps.map((step) => (\n                                <StyledProgressBarStep\n                                    $position={step}\n                                    key={`progress-step-${step}`}\n                                    $color={colors?.stepColor}\n                                />\n                            ))}\n                        </StyledProgressBarStepWrapper>\n                    )}\n                    <StyledMotionProgressBarProgress\n                        $height={height}\n                        $color={colors?.progressColor}\n                        key={`progress-bar__${uuid}`}\n                        initial={{ width: '0%' }}\n                        animate={{ width: `${percentage}%` }}\n                        exit={{ width: '0%' }}\n                        transition={{ type: 'tween' }}\n                        onUpdate={() => popupRef.current?.show()}\n                        onAnimationComplete={() => popupRef.current?.show()}\n                    >\n                        {showShine && shineEffect}\n                        {thumbLabel && (\n                            <StyledProgressBarThumbLabel\n                                $height={height}\n                                onClick={(event) => event.stopPropagation()}\n                            >\n                                <ThemeProvider\n                                    theme={{\n                                        '000': colors?.thumbLabelColor ?? theme?.['104'],\n                                        text: colors?.secondaryTextColor ?? theme?.['300'],\n                                    }}\n                                >\n                                    <Popup\n                                        ref={popupRef}\n                                        content={thumbLabel}\n                                        alignment={PopupAlignment.TopCenter}\n                                        onHide={() => popupRef.current?.show()}\n                                        container={hostContainer ?? undefined}\n                                        shouldBeOpen\n                                        shouldScrollWithContent\n                                        yOffset={-12}\n                                    />\n                                </ThemeProvider>\n                            </StyledProgressBarThumbLabel>\n                        )}\n                    </StyledMotionProgressBarProgress>\n\n                    {shouldShowLabelInline && label && (\n                        <StyledProgressBarLabel\n                            $shouldShowLabelInline={shouldShowLabelInline}\n                            $primaryColor={colors?.primaryTextColor}\n                            $secondaryColor={colors?.secondaryTextColor}\n                            $colorSplitPosition={percentage}\n                        >\n                            {label}\n                        </StyledProgressBarLabel>\n                    )}\n\n                    <StyledProgressBarBackground $color={colors?.backgroundColor} />\n                </StyledProgressBarProgressWrapper>\n            </div>\n        );\n    }, [\n        colors?.backgroundColor,\n        colors?.primaryTextColor,\n        colors?.progressColor,\n        colors?.secondaryTextColor,\n        colors?.stepColor,\n        colors?.thumbLabelColor,\n        height,\n        hostContainer,\n        label,\n        percentage,\n        shineEffect,\n        shouldHideProgress,\n        shouldShowLabelInline,\n        showShine,\n        steps,\n        theme,\n        thumbLabel,\n        uuid,\n    ]);\n\n    return useMemo(\n        () => (\n            <StyledProgressBar>\n                {progressBar}\n                {label && !shouldShowLabelInline && (\n                    <StyledProgressBarLabel $primaryColor={colors?.primaryTextColor}>\n                        {label}\n                    </StyledProgressBarLabel>\n                )}\n            </StyledProgressBar>\n        ),\n        [colors?.primaryTextColor, label, progressBar, shouldShowLabelInline],\n    );\n};\n\nProgressBar.displayName = 'ProgressBar';\n\nexport default ProgressBar;\n"],"mappings":"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","ignoreList":[]}