@chayns-components/core 5.3.9 → 5.3.11-alpha.0

package/lib/esm/components/mention-finder/MentionFinder.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionFinder.js","names":["AnimatePresence","React","useCallback","useEffect","useMemo","useRef","useState","createPortal","MentionFinderPopupAlignment","MentionFinderItem","StyledMentionFinder","StyledMentionFinderDragHandle","StyledMentionFinderDragHandleInner","StyledMentionFinderItemList","StyledMentionFinderOverlay","StyledMotionMentionFinderPopup","DRAG_CLOSE_THRESHOLD_IN_PX","findTouchByIdentifier","touchList","identifier","i","length","touch","item","MentionFinder","inputValue","members","onSelect","popupAlignment","enableDragHandle","dragCloseThresholdInPx","overlayContainerSelector","activeMember","setActiveMember","focusedIndex","setFocusedIndex","shouldShowPopup","setShouldShowPopup","popupRef","listRef","dragStartYRef","hasTriggeredDragCloseRef","activePointerIdRef","activeTouchIdRef","isDraggingHandle","setIsDraggingHandle","dragOffset","setDragOffset","dragProgress","setDragProgress","overlayContainer","setOverlayContainer","fullMatch","searchString","regExpMatchArray","match","toLowerCase","filteredMembers","filter","id","info","name","includes","replace","handleKeyDown","event","key","shouldRenderPopup","preventDefault","children","current","newIndex","prevElement","tabIndex","member","newElement","focus","stopPropagation","handleMemberClick","handleMemberHover","isActiveMemberShown","some","items","map","createElement","isActive","onClick","onHover","window","addEventListener","removeEventListener","closePopupViaDrag","handleOverlayClick","updateDragByClientY","clientY","closingDirectionMultiplier","Bottom","rawDelta","normalizedDelta","positiveDelta","Math","max","limitedDelta","min","handleDragPointerDown","pointerType","button","pointerId","currentTarget","setPointerCapture","handleDragPointerMove","hasClosed","releasePointerCapture","resetDragState","shouldClose","handleDragPointerUp","handleDragPointerCancel","handleDragTouchStart","touches","handleDragTouchMove","changedTouches","handleDragTouchEnd","handleDragTouchCancel","dragHandle","$alignment","$dragOffset","$dragProgress","$isDragging","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel","container","closest","document","body","overlayPortal","initial","animate","opacity","exit","Fragment","className","ref","height","y","$popupAlignment","transition","duration","Top","displayName"],"sources":["../../../../src/components/mention-finder/MentionFinder.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    FC,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    PointerEvent,\n    TouchList,\n    TouchEvent,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { MentionFinderPopupAlignment } from '../../constants/mentionFinder';\nimport MentionFinderItem from './mention-finder-item/MentionFinderItem';\nimport {\n    StyledMentionFinder,\n    StyledMentionFinderDragHandle,\n    StyledMentionFinderDragHandleInner,\n    StyledMentionFinderItemList,\n    StyledMentionFinderOverlay,\n    StyledMotionMentionFinderPopup,\n} from './MentionFinder.styles';\n\nexport type MentionMember = {\n    id: string;\n    info?: string;\n    imageUrl: string;\n    name: string;\n    shouldShowRoundImage?: boolean;\n};\n\nexport type MentionFinderProps = {\n    /**\n     * The text from the input field\n     */\n    inputValue: string;\n    /**\n     * Members that can be selected\n     */\n    members: MentionMember[];\n    /**\n     * Function to be executed when a member is selected\n     */\n    onSelect: ({ fullMatch, member }: { fullMatch: string; member: MentionMember }) => void;\n    /**\n     * Alignment of the popup\n     */\n    popupAlignment: MentionFinderPopupAlignment;\n    /**\n     * Enables the optional drag handle inside the popup\n     */\n    enableDragHandle?: boolean;\n    /**\n     * Threshold in pixels to drag to close the popup\n     */\n    dragCloseThresholdInPx?: number;\n    /**\n     * Selector for the container to render the overlay into (defaults to closest dialog, thread, page provider or tapp)\n     */\n    overlayContainerSelector?: string;\n};\n\nconst DRAG_CLOSE_THRESHOLD_IN_PX = 60;\n\nconst findTouchByIdentifier = (touchList: TouchList, identifier: number | null) => {\n    if (identifier === null) {\n        return null;\n    }\n\n    for (let i = 0; i < touchList.length; i += 1) {\n        const touch = touchList.item(i);\n        if (touch && touch.identifier === identifier) {\n            return touch;\n        }\n    }\n\n    return null;\n};\n\nconst MentionFinder: FC<MentionFinderProps> = ({\n    inputValue,\n    members,\n    onSelect,\n    popupAlignment,\n    enableDragHandle = false,\n    dragCloseThresholdInPx = DRAG_CLOSE_THRESHOLD_IN_PX,\n    overlayContainerSelector,\n}) => {\n    const [activeMember, setActiveMember] = useState(members[0]);\n    const [focusedIndex, setFocusedIndex] = useState(0);\n    const [shouldShowPopup, setShouldShowPopup] = useState(true);\n\n    const popupRef = useRef<HTMLDivElement>(null);\n    const listRef = useRef<HTMLDivElement>(null);\n    const dragStartYRef = useRef<number | null>(null);\n    const hasTriggeredDragCloseRef = useRef(false);\n    const activePointerIdRef = useRef<number | null>(null);\n    const activeTouchIdRef = useRef<number | null>(null);\n\n    const [isDraggingHandle, setIsDraggingHandle] = useState(false);\n    const [dragOffset, setDragOffset] = useState(0);\n    const [dragProgress, setDragProgress] = useState(0);\n    const [overlayContainer, setOverlayContainer] = useState<Element | null>(null);\n\n    const [fullMatch, searchString] = useMemo(() => {\n        // eslint-disable-next-line no-irregular-whitespace\n        const regExpMatchArray = inputValue.match(/@(?!\\s)([^\\s​]*)/);\n\n        return [regExpMatchArray?.[0], regExpMatchArray?.[1]?.toLowerCase() ?? ''];\n    }, [inputValue]);\n\n    const filteredMembers = useMemo(\n        () =>\n            searchString !== ''\n                ? members.filter(\n                      ({ id, info, name }) =>\n                          id.toLowerCase().includes(searchString) ||\n                          info?.replace('chayns', '').toLowerCase().includes(searchString) ||\n                          name.toLowerCase().includes(searchString),\n                  )\n                : members,\n        [members, searchString],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            if ((event.key === 'ArrowUp' || event.key === 'ArrowDown') && shouldRenderPopup) {\n                event.preventDefault();\n\n                const children = listRef.current?.children;\n\n                if (children && children.length > 0) {\n                    const newIndex =\n                        focusedIndex !== null\n                            ? (focusedIndex +\n                                  (event.key === 'ArrowUp' ? -1 : 1) +\n                                  children.length) %\n                              children.length\n                            : 0;\n\n                    if (focusedIndex !== null) {\n                        const prevElement = children[focusedIndex] as HTMLDivElement;\n                        prevElement.tabIndex = -1;\n                    }\n\n                    setFocusedIndex(newIndex);\n\n                    const member = filteredMembers[newIndex];\n\n                    setActiveMember(member);\n\n                    const newElement = children[newIndex] as HTMLDivElement;\n                    newElement.tabIndex = 0;\n                    newElement.focus();\n                }\n            } else if (event.key === 'Enter' && shouldRenderPopup) {\n                event.preventDefault();\n                event.stopPropagation();\n\n                if (fullMatch && activeMember) {\n                    onSelect({ fullMatch, member: activeMember });\n                }\n            }\n        },\n        [activeMember, filteredMembers, focusedIndex, fullMatch, onSelect],\n    );\n\n    const handleMemberClick = useCallback(\n        (member: MentionMember) => {\n            if (fullMatch) {\n                onSelect({ fullMatch, member });\n            }\n        },\n        [fullMatch, onSelect],\n    );\n\n    const handleMemberHover = useCallback((member: MentionMember) => {\n        setActiveMember(member);\n    }, []);\n\n    useEffect(() => {\n        if (filteredMembers.length > 0) {\n            const isActiveMemberShown = filteredMembers.some(({ id }) => id === activeMember?.id);\n\n            if (!isActiveMemberShown) {\n                setActiveMember(filteredMembers[0]);\n            }\n        }\n    }, [activeMember?.id, filteredMembers]);\n\n    const items = useMemo(\n        () =>\n            filteredMembers.map((member) => (\n                <MentionFinderItem\n                    isActive={member.id === activeMember?.id}\n                    key={member.id}\n                    member={member}\n                    onClick={handleMemberClick}\n                    onHover={handleMemberHover}\n                />\n            )),\n        [activeMember, filteredMembers, handleMemberClick, handleMemberHover],\n    );\n\n    useEffect(() => {\n        setDragOffset(0);\n        setDragProgress(0);\n        hasTriggeredDragCloseRef.current = false;\n        setShouldShowPopup(true);\n    }, [inputValue]);\n\n    useEffect(() => {\n        if (shouldShowPopup) {\n            window.addEventListener('keydown', handleKeyDown, true);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', handleKeyDown, true);\n        };\n    }, [handleKeyDown, shouldShowPopup]);\n\n    const closePopupViaDrag = useCallback(() => {\n        if (hasTriggeredDragCloseRef.current) {\n            return;\n        }\n        hasTriggeredDragCloseRef.current = true;\n        setDragOffset(0);\n        setDragProgress(0);\n        setShouldShowPopup(false);\n    }, []);\n\n    const handleOverlayClick = useCallback(() => {\n        closePopupViaDrag();\n    }, [closePopupViaDrag]);\n\n    const updateDragByClientY = useCallback(\n        (clientY: number) => {\n            if (dragStartYRef.current === null) {\n                return false;\n            }\n\n            const closingDirectionMultiplier =\n                popupAlignment === MentionFinderPopupAlignment.Bottom ? -1 : 1;\n            const rawDelta = clientY - dragStartYRef.current;\n            const normalizedDelta = rawDelta * closingDirectionMultiplier;\n            const positiveDelta = Math.max(0, normalizedDelta);\n            const limitedDelta = Math.min(positiveDelta, dragCloseThresholdInPx);\n\n            setDragOffset(limitedDelta * closingDirectionMultiplier);\n            setDragProgress(Math.min(positiveDelta / dragCloseThresholdInPx, 1));\n\n            if (positiveDelta >= dragCloseThresholdInPx) {\n                dragStartYRef.current = null;\n                setIsDraggingHandle(false);\n                closePopupViaDrag();\n                return true;\n            }\n\n            return false;\n        },\n        [closePopupViaDrag, dragCloseThresholdInPx, popupAlignment],\n    );\n\n    const handleDragPointerDown = useCallback((event: PointerEvent<HTMLDivElement>) => {\n        if (event.pointerType === 'touch') {\n            return;\n        }\n        if (event.pointerType === 'mouse' && event.button !== 0) {\n            return;\n        }\n        if (dragStartYRef.current !== null) {\n            return;\n        }\n        activePointerIdRef.current = event.pointerId;\n        dragStartYRef.current = event.clientY;\n        hasTriggeredDragCloseRef.current = false;\n        setDragOffset(0);\n        setDragProgress(0);\n        setIsDraggingHandle(true);\n        event.currentTarget.setPointerCapture(event.pointerId);\n        event.stopPropagation();\n    }, []);\n\n    const handleDragPointerMove = useCallback(\n        (event: PointerEvent<HTMLDivElement>) => {\n            if (event.pointerType === 'touch' || activePointerIdRef.current !== event.pointerId) {\n                return;\n            }\n            if (dragStartYRef.current === null) {\n                return;\n            }\n\n            event.preventDefault();\n            event.stopPropagation();\n\n            const hasClosed = updateDragByClientY(event.clientY);\n\n            if (hasClosed) {\n                event.currentTarget.releasePointerCapture(event.pointerId);\n                activePointerIdRef.current = null;\n            }\n        },\n        [updateDragByClientY],\n    );\n\n    const resetDragState = useCallback(\n        (shouldClose = false) => {\n            dragStartYRef.current = null;\n            setIsDraggingHandle(false);\n            if (shouldClose) {\n                closePopupViaDrag();\n            } else {\n                setDragOffset(0);\n                setDragProgress(0);\n            }\n        },\n        [closePopupViaDrag],\n    );\n\n    const handleDragPointerUp = useCallback(\n        (event: PointerEvent<HTMLDivElement>) => {\n            if (event.pointerType === 'touch' || activePointerIdRef.current !== event.pointerId) {\n                return;\n            }\n            event.stopPropagation();\n            const shouldClose = dragProgress >= 1;\n            resetDragState(shouldClose);\n            event.currentTarget.releasePointerCapture(event.pointerId);\n            activePointerIdRef.current = null;\n        },\n        [dragProgress, resetDragState],\n    );\n\n    const handleDragPointerCancel = useCallback(\n        (event: PointerEvent<HTMLDivElement>) => {\n            if (event.pointerType === 'touch' || activePointerIdRef.current !== event.pointerId) {\n                return;\n            }\n            event.stopPropagation();\n            resetDragState();\n            event.currentTarget.releasePointerCapture(event.pointerId);\n            activePointerIdRef.current = null;\n        },\n        [resetDragState],\n    );\n\n    const handleDragTouchStart = useCallback((event: TouchEvent<HTMLDivElement>) => {\n        if (event.touches.length === 0 || dragStartYRef.current !== null) {\n            return;\n        }\n\n        const touch = event.touches[0];\n\n        if (!touch) return;\n\n        activeTouchIdRef.current = touch.identifier;\n        dragStartYRef.current = touch.clientY;\n        hasTriggeredDragCloseRef.current = false;\n        setDragOffset(0);\n        setDragProgress(0);\n        setIsDraggingHandle(true);\n        event.preventDefault();\n        event.stopPropagation();\n    }, []);\n\n    const handleDragTouchMove = useCallback(\n        (event: TouchEvent<HTMLDivElement>) => {\n            if (dragStartYRef.current === null || activeTouchIdRef.current === null) {\n                return;\n            }\n            const touch =\n                findTouchByIdentifier(event.changedTouches, activeTouchIdRef.current) ??\n                findTouchByIdentifier(event.touches, activeTouchIdRef.current);\n\n            if (!touch) return;\n\n            event.preventDefault();\n            event.stopPropagation();\n            const hasClosed = updateDragByClientY(touch.clientY);\n            if (hasClosed) {\n                activeTouchIdRef.current = null;\n            }\n        },\n        [updateDragByClientY],\n    );\n\n    const handleDragTouchEnd = useCallback(\n        (event: TouchEvent<HTMLDivElement>) => {\n            if (activeTouchIdRef.current === null) return;\n\n            const touch = findTouchByIdentifier(event.changedTouches, activeTouchIdRef.current);\n\n            if (!touch) return;\n\n            event.preventDefault();\n            event.stopPropagation();\n            activeTouchIdRef.current = null;\n            const shouldClose = dragProgress >= 1;\n            resetDragState(shouldClose);\n        },\n        [dragProgress, resetDragState],\n    );\n\n    const handleDragTouchCancel = useCallback(\n        (event: TouchEvent<HTMLDivElement>) => {\n            if (activeTouchIdRef.current === null) return;\n\n            const touch = findTouchByIdentifier(event.changedTouches, activeTouchIdRef.current);\n\n            if (!touch) return;\n\n            event.preventDefault();\n            event.stopPropagation();\n            activeTouchIdRef.current = null;\n            resetDragState();\n        },\n        [resetDragState],\n    );\n\n    const dragHandle = useMemo(() => {\n        if (!enableDragHandle) {\n            return null;\n        }\n\n        return (\n            <StyledMentionFinderDragHandle $alignment={popupAlignment}>\n                <StyledMentionFinderDragHandleInner\n                    $alignment={popupAlignment}\n                    $dragOffset={dragOffset}\n                    $dragProgress={dragProgress}\n                    $isDragging={isDraggingHandle}\n                    onPointerDown={handleDragPointerDown}\n                    onPointerMove={handleDragPointerMove}\n                    onPointerUp={handleDragPointerUp}\n                    onPointerCancel={handleDragPointerCancel}\n                    onTouchStart={handleDragTouchStart}\n                    onTouchMove={handleDragTouchMove}\n                    onTouchEnd={handleDragTouchEnd}\n                    onTouchCancel={handleDragTouchCancel}\n                />\n            </StyledMentionFinderDragHandle>\n        );\n    }, [\n        enableDragHandle,\n        popupAlignment,\n        dragOffset,\n        dragProgress,\n        isDraggingHandle,\n        handleDragPointerDown,\n        handleDragPointerMove,\n        handleDragPointerUp,\n        handleDragPointerCancel,\n        handleDragTouchStart,\n        handleDragTouchMove,\n        handleDragTouchEnd,\n        handleDragTouchCancel,\n    ]);\n\n    const shouldRenderPopup = shouldShowPopup && fullMatch && items.length > 0;\n\n    useEffect(() => {\n        if (!enableDragHandle || !shouldRenderPopup) {\n            setOverlayContainer(null);\n            return;\n        }\n\n        const container = popupRef.current?.closest(\n            overlayContainerSelector ?? '.dialog-inner, .chayns-threads, .page-provider, .tapp',\n        );\n\n        if (container) {\n            setOverlayContainer(container);\n            return;\n        }\n\n        if (typeof document !== 'undefined') {\n            setOverlayContainer(document.body);\n        }\n    }, [enableDragHandle, overlayContainerSelector, shouldRenderPopup]);\n\n    const overlayPortal =\n        overlayContainer && enableDragHandle\n            ? createPortal(\n                  <AnimatePresence initial={false}>\n                      {shouldRenderPopup && (\n                          <StyledMentionFinderOverlay\n                              key=\"mention-finder-overlay\"\n                              animate={{ opacity: 1 }}\n                              exit={{ opacity: 0 }}\n                              initial={{ opacity: 0 }}\n                              onClick={handleOverlayClick}\n                          />\n                      )}\n                  </AnimatePresence>,\n                  overlayContainer,\n              )\n            : null;\n\n    return (\n        <>\n            {overlayPortal}\n            <StyledMentionFinder className=\"beta-chayns-mention-finder\">\n                <AnimatePresence initial={false}>\n                    {shouldRenderPopup && (\n                        <StyledMotionMentionFinderPopup\n                            ref={popupRef}\n                            animate={{\n                                height: 'auto',\n                                opacity: 1,\n                                y: dragOffset,\n                            }}\n                            className=\"prevent-lose-focus\"\n                            exit={{ height: 0, opacity: 0 }}\n                            initial={{ height: 0, opacity: 0 }}\n                            $popupAlignment={popupAlignment}\n                            $isDragging={enableDragHandle}\n                            transition={{ duration: 0.15 }}\n                            tabIndex={0}\n                        >\n                            {enableDragHandle &&\n                                popupAlignment === MentionFinderPopupAlignment.Top &&\n                                dragHandle}\n                            <StyledMentionFinderItemList ref={listRef}>\n                                {items}\n                            </StyledMentionFinderItemList>\n                            {enableDragHandle &&\n                                popupAlignment === MentionFinderPopupAlignment.Bottom &&\n                                dragHandle}\n                        </StyledMotionMentionFinderPopup>\n                    )}\n                </AnimatePresence>\n            </StyledMentionFinder>\n        </>\n    );\n};\n\nMentionFinder.displayName = 'MentionFinder';\n\nexport default MentionFinder;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MentionFinder.js","names":["AnimatePresence","React","useCallback","useEffect","useMemo","useRef","useState","createPortal","MentionFinderPopupAlignment","MentionFinderItem","StyledMentionFinder","StyledMentionFinderDragHandle","StyledMentionFinderDragHandleInner","StyledMentionFinderItemList","StyledMentionFinderOverlay","StyledMotionMentionFinderPopup","DRAG_CLOSE_THRESHOLD_IN_PX","isTextInputElement","element","tagName","toLowerCase","type","isContentEditable","findTouchByIdentifier","touchList","identifier","i","length","touch","item","MentionFinder","inputValue","members","onSelect","popupAlignment","enableDragHandle","dragCloseThresholdInPx","overlayContainerSelector","activeMember","setActiveMember","focusedIndex","setFocusedIndex","shouldShowPopup","setShouldShowPopup","popupRef","listRef","inputElementRef","dragStartYRef","hasTriggeredDragCloseRef","activePointerIdRef","activeTouchIdRef","isDraggingHandle","setIsDraggingHandle","dragOffset","setDragOffset","dragProgress","setDragProgress","overlayContainer","setOverlayContainer","fullMatch","searchString","regExpMatchArray","match","filteredMembers","filter","id","info","name","includes","replace","shouldRenderPopup","handleKeyDown","event","targetElement","target","current","key","preventDefault","children","newIndex","prevElement","tabIndex","member","newElement","focus","stopPropagation","window","requestAnimationFrame","handleMemberClick","handleMemberHover","isActiveMemberShown","some","items","map","createElement","isActive","onClick","onHover","activeElement","document","addEventListener","removeEventListener","closePopupViaDrag","handleOverlayClick","updateDragByClientY","clientY","closingDirectionMultiplier","Bottom","rawDelta","normalizedDelta","positiveDelta","Math","max","limitedDelta","min","handleDragPointerDown","pointerType","button","pointerId","currentTarget","setPointerCapture","handleDragPointerMove","hasClosed","releasePointerCapture","resetDragState","shouldClose","handleDragPointerUp","handleDragPointerCancel","handleDragTouchStart","touches","handleDragTouchMove","changedTouches","handleDragTouchEnd","handleDragTouchCancel","dragHandle","$alignment","$dragOffset","$dragProgress","$isDragging","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel","container","closest","body","overlayPortal","initial","animate","opacity","exit","Fragment","className","ref","height","y","$popupAlignment","transition","duration","Top","displayName"],"sources":["../../../../src/components/mention-finder/MentionFinder.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    FC,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    PointerEvent,\n    TouchList,\n    TouchEvent,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { MentionFinderPopupAlignment } from '../../constants/mentionFinder';\nimport MentionFinderItem from './mention-finder-item/MentionFinderItem';\nimport {\n    StyledMentionFinder,\n    StyledMentionFinderDragHandle,\n    StyledMentionFinderDragHandleInner,\n    StyledMentionFinderItemList,\n    StyledMentionFinderOverlay,\n    StyledMotionMentionFinderPopup,\n} from './MentionFinder.styles';\n\nexport type MentionMember = {\n    id: string;\n    info?: string;\n    imageUrl: string;\n    name: string;\n    shouldShowRoundImage?: boolean;\n};\n\nexport type MentionFinderProps = {\n    /**\n     * The text from the input field\n     */\n    inputValue: string;\n    /**\n     * Members that can be selected\n     */\n    members: MentionMember[];\n    /**\n     * Function to be executed when a member is selected\n     */\n    onSelect: ({ fullMatch, member }: { fullMatch: string; member: MentionMember }) => void;\n    /**\n     * Alignment of the popup\n     */\n    popupAlignment: MentionFinderPopupAlignment;\n    /**\n     * Enables the optional drag handle inside the popup\n     */\n    enableDragHandle?: boolean;\n    /**\n     * Threshold in pixels to drag to close the popup\n     */\n    dragCloseThresholdInPx?: number;\n    /**\n     * Selector for the container to render the overlay into (defaults to closest dialog, thread, page provider or tapp)\n     */\n    overlayContainerSelector?: string;\n};\n\nconst DRAG_CLOSE_THRESHOLD_IN_PX = 60;\n\nconst isTextInputElement = (\n    element: HTMLElement | null,\n): element is HTMLInputElement | HTMLTextAreaElement => {\n    if (!element) {\n        return false;\n    }\n\n    const tagName = element.tagName.toLowerCase();\n\n    return (\n        (tagName === 'input' && (element as HTMLInputElement).type !== 'button') ||\n        tagName === 'textarea' ||\n        element.isContentEditable\n    );\n};\n\nconst findTouchByIdentifier = (touchList: TouchList, identifier: number | null) => {\n    if (identifier === null) {\n        return null;\n    }\n\n    for (let i = 0; i < touchList.length; i += 1) {\n        const touch = touchList.item(i);\n        if (touch && touch.identifier === identifier) {\n            return touch;\n        }\n    }\n\n    return null;\n};\n\nconst MentionFinder: FC<MentionFinderProps> = ({\n    inputValue,\n    members,\n    onSelect,\n    popupAlignment,\n    enableDragHandle = false,\n    dragCloseThresholdInPx = DRAG_CLOSE_THRESHOLD_IN_PX,\n    overlayContainerSelector,\n}) => {\n    const [activeMember, setActiveMember] = useState(members[0]);\n    const [focusedIndex, setFocusedIndex] = useState(0);\n    const [shouldShowPopup, setShouldShowPopup] = useState(true);\n\n    const popupRef = useRef<HTMLDivElement>(null);\n    const listRef = useRef<HTMLDivElement>(null);\n    const inputElementRef = useRef<HTMLElement | null>(null);\n    const dragStartYRef = useRef<number | null>(null);\n    const hasTriggeredDragCloseRef = useRef(false);\n    const activePointerIdRef = useRef<number | null>(null);\n    const activeTouchIdRef = useRef<number | null>(null);\n\n    const [isDraggingHandle, setIsDraggingHandle] = useState(false);\n    const [dragOffset, setDragOffset] = useState(0);\n    const [dragProgress, setDragProgress] = useState(0);\n    const [overlayContainer, setOverlayContainer] = useState<Element | null>(null);\n\n    const [fullMatch, searchString] = useMemo(() => {\n        // eslint-disable-next-line no-irregular-whitespace\n        const regExpMatchArray = inputValue.match(/@(?!\\s)([^\\s​]*)/);\n\n        return [regExpMatchArray?.[0], regExpMatchArray?.[1]?.toLowerCase() ?? ''];\n    }, [inputValue]);\n\n    const filteredMembers = useMemo(\n        () =>\n            searchString !== ''\n                ? members.filter(\n                      ({ id, info, name }) =>\n                          id.toLowerCase().includes(searchString) ||\n                          info?.replace('chayns', '').toLowerCase().includes(searchString) ||\n                          name.toLowerCase().includes(searchString),\n                  )\n                : members,\n        [members, searchString],\n    );\n\n    const shouldRenderPopup = shouldShowPopup && !!fullMatch && filteredMembers.length > 0;\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            const targetElement = event.target as HTMLElement | null;\n\n            if (isTextInputElement(targetElement)) {\n                inputElementRef.current = targetElement;\n            }\n\n            if ((event.key === 'ArrowUp' || event.key === 'ArrowDown') && shouldRenderPopup) {\n                event.preventDefault();\n\n                const children = listRef.current?.children;\n\n                if (children && children.length > 0) {\n                    const newIndex =\n                        focusedIndex !== null\n                            ? (focusedIndex +\n                                  (event.key === 'ArrowUp' ? -1 : 1) +\n                                  children.length) %\n                              children.length\n                            : 0;\n\n                    if (focusedIndex !== null) {\n                        const prevElement = children[focusedIndex] as HTMLDivElement;\n                        prevElement.tabIndex = -1;\n                    }\n\n                    setFocusedIndex(newIndex);\n\n                    const member = filteredMembers[newIndex];\n\n                    setActiveMember(member);\n\n                    const newElement = children[newIndex] as HTMLDivElement;\n                    newElement.tabIndex = 0;\n                    newElement.focus();\n                }\n            } else if (event.key === 'Enter' && shouldRenderPopup) {\n                event.preventDefault();\n                event.stopPropagation();\n\n                if (fullMatch && activeMember) {\n                    onSelect({ fullMatch, member: activeMember });\n                }\n            } else if (event.key === 'Escape' && shouldRenderPopup) {\n                event.preventDefault();\n                event.stopPropagation();\n                setShouldShowPopup(false);\n\n                window.requestAnimationFrame(() => {\n                    inputElementRef.current?.focus();\n                });\n            }\n        },\n        [activeMember, filteredMembers, focusedIndex, fullMatch, onSelect, shouldRenderPopup],\n    );\n\n    const handleMemberClick = useCallback(\n        (member: MentionMember) => {\n            if (fullMatch) {\n                onSelect({ fullMatch, member });\n            }\n        },\n        [fullMatch, onSelect],\n    );\n\n    const handleMemberHover = useCallback((member: MentionMember) => {\n        setActiveMember(member);\n    }, []);\n\n    useEffect(() => {\n        if (filteredMembers.length > 0) {\n            const isActiveMemberShown = filteredMembers.some(({ id }) => id === activeMember?.id);\n\n            if (!isActiveMemberShown) {\n                setActiveMember(filteredMembers[0]);\n            }\n        }\n    }, [activeMember?.id, filteredMembers]);\n\n    const items = useMemo(\n        () =>\n            filteredMembers.map((member) => (\n                <MentionFinderItem\n                    isActive={member.id === activeMember?.id}\n                    key={member.id}\n                    member={member}\n                    onClick={handleMemberClick}\n                    onHover={handleMemberHover}\n                />\n            )),\n        [activeMember, filteredMembers, handleMemberClick, handleMemberHover],\n    );\n\n    useEffect(() => {\n        setDragOffset(0);\n        setDragProgress(0);\n        hasTriggeredDragCloseRef.current = false;\n        setShouldShowPopup(true);\n    }, [inputValue]);\n\n    useEffect(() => {\n        if (!shouldRenderPopup) {\n            return;\n        }\n\n        const activeElement = document.activeElement as HTMLElement | null;\n\n        if (isTextInputElement(activeElement)) {\n            inputElementRef.current = activeElement;\n        }\n    }, [shouldRenderPopup]);\n\n    useEffect(() => {\n        if (shouldShowPopup) {\n            window.addEventListener('keydown', handleKeyDown, true);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', handleKeyDown, true);\n        };\n    }, [handleKeyDown, shouldShowPopup]);\n\n    const closePopupViaDrag = useCallback(() => {\n        if (hasTriggeredDragCloseRef.current) {\n            return;\n        }\n        hasTriggeredDragCloseRef.current = true;\n        setDragOffset(0);\n        setDragProgress(0);\n        setShouldShowPopup(false);\n    }, []);\n\n    const handleOverlayClick = useCallback(() => {\n        closePopupViaDrag();\n    }, [closePopupViaDrag]);\n\n    const updateDragByClientY = useCallback(\n        (clientY: number) => {\n            if (dragStartYRef.current === null) {\n                return false;\n            }\n\n            const closingDirectionMultiplier =\n                popupAlignment === MentionFinderPopupAlignment.Bottom ? -1 : 1;\n            const rawDelta = clientY - dragStartYRef.current;\n            const normalizedDelta = rawDelta * closingDirectionMultiplier;\n            const positiveDelta = Math.max(0, normalizedDelta);\n            const limitedDelta = Math.min(positiveDelta, dragCloseThresholdInPx);\n\n            setDragOffset(limitedDelta * closingDirectionMultiplier);\n            setDragProgress(Math.min(positiveDelta / dragCloseThresholdInPx, 1));\n\n            if (positiveDelta >= dragCloseThresholdInPx) {\n                dragStartYRef.current = null;\n                setIsDraggingHandle(false);\n                closePopupViaDrag();\n                return true;\n            }\n\n            return false;\n        },\n        [closePopupViaDrag, dragCloseThresholdInPx, popupAlignment],\n    );\n\n    const handleDragPointerDown = useCallback((event: PointerEvent<HTMLDivElement>) => {\n        if (event.pointerType === 'touch') {\n            return;\n        }\n        if (event.pointerType === 'mouse' && event.button !== 0) {\n            return;\n        }\n        if (dragStartYRef.current !== null) {\n            return;\n        }\n        activePointerIdRef.current = event.pointerId;\n        dragStartYRef.current = event.clientY;\n        hasTriggeredDragCloseRef.current = false;\n        setDragOffset(0);\n        setDragProgress(0);\n        setIsDraggingHandle(true);\n        event.currentTarget.setPointerCapture(event.pointerId);\n        event.stopPropagation();\n    }, []);\n\n    const handleDragPointerMove = useCallback(\n        (event: PointerEvent<HTMLDivElement>) => {\n            if (event.pointerType === 'touch' || activePointerIdRef.current !== event.pointerId) {\n                return;\n            }\n            if (dragStartYRef.current === null) {\n                return;\n            }\n\n            event.preventDefault();\n            event.stopPropagation();\n\n            const hasClosed = updateDragByClientY(event.clientY);\n\n            if (hasClosed) {\n                event.currentTarget.releasePointerCapture(event.pointerId);\n                activePointerIdRef.current = null;\n            }\n        },\n        [updateDragByClientY],\n    );\n\n    const resetDragState = useCallback(\n        (shouldClose = false) => {\n            dragStartYRef.current = null;\n            setIsDraggingHandle(false);\n            if (shouldClose) {\n                closePopupViaDrag();\n            } else {\n                setDragOffset(0);\n                setDragProgress(0);\n            }\n        },\n        [closePopupViaDrag],\n    );\n\n    const handleDragPointerUp = useCallback(\n        (event: PointerEvent<HTMLDivElement>) => {\n            if (event.pointerType === 'touch' || activePointerIdRef.current !== event.pointerId) {\n                return;\n            }\n            event.stopPropagation();\n            const shouldClose = dragProgress >= 1;\n            resetDragState(shouldClose);\n            event.currentTarget.releasePointerCapture(event.pointerId);\n            activePointerIdRef.current = null;\n        },\n        [dragProgress, resetDragState],\n    );\n\n    const handleDragPointerCancel = useCallback(\n        (event: PointerEvent<HTMLDivElement>) => {\n            if (event.pointerType === 'touch' || activePointerIdRef.current !== event.pointerId) {\n                return;\n            }\n            event.stopPropagation();\n            resetDragState();\n            event.currentTarget.releasePointerCapture(event.pointerId);\n            activePointerIdRef.current = null;\n        },\n        [resetDragState],\n    );\n\n    const handleDragTouchStart = useCallback((event: TouchEvent<HTMLDivElement>) => {\n        if (event.touches.length === 0 || dragStartYRef.current !== null) {\n            return;\n        }\n\n        const touch = event.touches[0];\n\n        if (!touch) return;\n\n        activeTouchIdRef.current = touch.identifier;\n        dragStartYRef.current = touch.clientY;\n        hasTriggeredDragCloseRef.current = false;\n        setDragOffset(0);\n        setDragProgress(0);\n        setIsDraggingHandle(true);\n        event.preventDefault();\n        event.stopPropagation();\n    }, []);\n\n    const handleDragTouchMove = useCallback(\n        (event: TouchEvent<HTMLDivElement>) => {\n            if (dragStartYRef.current === null || activeTouchIdRef.current === null) {\n                return;\n            }\n            const touch =\n                findTouchByIdentifier(event.changedTouches, activeTouchIdRef.current) ??\n                findTouchByIdentifier(event.touches, activeTouchIdRef.current);\n\n            if (!touch) return;\n\n            event.preventDefault();\n            event.stopPropagation();\n            const hasClosed = updateDragByClientY(touch.clientY);\n            if (hasClosed) {\n                activeTouchIdRef.current = null;\n            }\n        },\n        [updateDragByClientY],\n    );\n\n    const handleDragTouchEnd = useCallback(\n        (event: TouchEvent<HTMLDivElement>) => {\n            if (activeTouchIdRef.current === null) return;\n\n            const touch = findTouchByIdentifier(event.changedTouches, activeTouchIdRef.current);\n\n            if (!touch) return;\n\n            event.preventDefault();\n            event.stopPropagation();\n            activeTouchIdRef.current = null;\n            const shouldClose = dragProgress >= 1;\n            resetDragState(shouldClose);\n        },\n        [dragProgress, resetDragState],\n    );\n\n    const handleDragTouchCancel = useCallback(\n        (event: TouchEvent<HTMLDivElement>) => {\n            if (activeTouchIdRef.current === null) return;\n\n            const touch = findTouchByIdentifier(event.changedTouches, activeTouchIdRef.current);\n\n            if (!touch) return;\n\n            event.preventDefault();\n            event.stopPropagation();\n            activeTouchIdRef.current = null;\n            resetDragState();\n        },\n        [resetDragState],\n    );\n\n    const dragHandle = useMemo(() => {\n        if (!enableDragHandle) {\n            return null;\n        }\n\n        return (\n            <StyledMentionFinderDragHandle $alignment={popupAlignment}>\n                <StyledMentionFinderDragHandleInner\n                    $alignment={popupAlignment}\n                    $dragOffset={dragOffset}\n                    $dragProgress={dragProgress}\n                    $isDragging={isDraggingHandle}\n                    onPointerDown={handleDragPointerDown}\n                    onPointerMove={handleDragPointerMove}\n                    onPointerUp={handleDragPointerUp}\n                    onPointerCancel={handleDragPointerCancel}\n                    onTouchStart={handleDragTouchStart}\n                    onTouchMove={handleDragTouchMove}\n                    onTouchEnd={handleDragTouchEnd}\n                    onTouchCancel={handleDragTouchCancel}\n                />\n            </StyledMentionFinderDragHandle>\n        );\n    }, [\n        enableDragHandle,\n        popupAlignment,\n        dragOffset,\n        dragProgress,\n        isDraggingHandle,\n        handleDragPointerDown,\n        handleDragPointerMove,\n        handleDragPointerUp,\n        handleDragPointerCancel,\n        handleDragTouchStart,\n        handleDragTouchMove,\n        handleDragTouchEnd,\n        handleDragTouchCancel,\n    ]);\n\n    useEffect(() => {\n        if (!enableDragHandle || !shouldRenderPopup) {\n            setOverlayContainer(null);\n            return;\n        }\n\n        const container = popupRef.current?.closest(\n            overlayContainerSelector ?? '.dialog-inner, .chayns-threads, .page-provider, .tapp',\n        );\n\n        if (container) {\n            setOverlayContainer(container);\n            return;\n        }\n\n        if (typeof document !== 'undefined') {\n            setOverlayContainer(document.body);\n        }\n    }, [enableDragHandle, overlayContainerSelector, shouldRenderPopup]);\n\n    const overlayPortal =\n        overlayContainer && enableDragHandle\n            ? createPortal(\n                  <AnimatePresence initial={false}>\n                      {shouldRenderPopup && (\n                          <StyledMentionFinderOverlay\n                              key=\"mention-finder-overlay\"\n                              animate={{ opacity: 1 }}\n                              exit={{ opacity: 0 }}\n                              initial={{ opacity: 0 }}\n                              onClick={handleOverlayClick}\n                          />\n                      )}\n                  </AnimatePresence>,\n                  overlayContainer,\n              )\n            : null;\n\n    return (\n        <>\n            {overlayPortal}\n            <StyledMentionFinder className=\"beta-chayns-mention-finder\">\n                <AnimatePresence initial={false}>\n                    {shouldRenderPopup && (\n                        <StyledMotionMentionFinderPopup\n                            ref={popupRef}\n                            animate={{\n                                height: 'auto',\n                                opacity: 1,\n                                y: dragOffset,\n                            }}\n                            className=\"prevent-lose-focus\"\n                            exit={{ height: 0, opacity: 0 }}\n                            initial={{ height: 0, opacity: 0 }}\n                            $popupAlignment={popupAlignment}\n                            $isDragging={enableDragHandle}\n                            transition={{ duration: 0.15 }}\n                            tabIndex={0}\n                        >\n                            {enableDragHandle &&\n                                popupAlignment === MentionFinderPopupAlignment.Top &&\n                                dragHandle}\n                            <StyledMentionFinderItemList ref={listRef}>\n                                {items}\n                            </StyledMentionFinderItemList>\n                            {enableDragHandle &&\n                                popupAlignment === MentionFinderPopupAlignment.Bottom &&\n                                dragHandle}\n                        </StyledMotionMentionFinderPopup>\n                    )}\n                </AnimatePresence>\n            </StyledMentionFinder>\n        </>\n    );\n};\n\nMentionFinder.displayName = 'MentionFinder';\n\nexport default MentionFinder;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/mention-finder/mention-finder-item/MentionFinderItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionFinderItem.styles.js","names":["styled","css","StyledMentionFinderItem","div","theme","$isActive","StyledMentionFinderItemImage","img","$shouldShowRoundImage","StyledMentionFinderItemContent","text","StyledMentionFinderItemContentName","StyledMentionFinderItemContentInfo"],"sources":["../../../../../src/components/mention-finder/mention-finder-item/MentionFinderItem.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMentionFinderItemProps = WithTheme<{ $isActive: boolean }>;\n\nexport const StyledMentionFinderItem = styled.div<StyledMentionFinderItemProps>`\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    padding: 10px 8px;\n\n    &:not(:last-child) {\n        border-bottom: 1px solid\n            rgba(${({ theme }: StyledMentionFinderItemProps) => theme['text-rgb']}, 0.15);\n    }\n\n    ${({ $isActive, theme }) =>\n        $isActive &&\n        css`\n            background-color: ${theme['102']} !important;\n        `}\n`;\n\ntype StyledMentionFinderItemImageProps = WithTheme<{\n    $shouldShowRoundImage?: boolean;\n}>;\n\nexport const StyledMentionFinderItemImage = styled.img<StyledMentionFinderItemImageProps>`\n    background-color: rgba(\n        ${({ theme }: StyledMentionFinderItemImageProps) => theme['text-rgb']},\n        0.1\n    );\n    border-radius: ${({ $shouldShowRoundImage }) => ($shouldShowRoundImage ? '50%' : 'initial')};\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledMentionFinderItemImageProps) => theme['009-rgb']}, 0.08) inset;\n    flex: 0 0 auto;\n    height: 40px;\n    object-fit: cover;\n    overflow: hidden;\n    transition: border-radius 0.3s ease;\n    width: 40px;\n`;\n\ntype StyledMentionFinderItemContentProps = WithTheme<unknown>;\n\nexport const StyledMentionFinderItemContent = styled.div`\n    color: ${({ theme }: StyledMentionFinderItemContentProps) => theme.text};\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    justify-content: center;\n    line-height: normal;\n    margin-left: 10px;\n    min-width: 0;\n`;\n\nexport const StyledMentionFinderItemContentName = styled.div``;\n\nexport const StyledMentionFinderItemContentInfo = styled.div`\n    font-size: 85%;\n    margin-top: 2px;\n    opacity: 0.75;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAK/C,OAAO,MAAMC,uBAAuB,GAAGF,MAAM,CAACG,GAAiC;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,CAAC;EAAEC;AAAoC,CAAC,KAAKA,KAAK,CAAC,UAAU,CAAC;AACjF;AACA;AACA,MAAM,CAAC;EAAEC,SAAS;EAAED;AAAM,CAAC,KACnBC,SAAS,IACTJ,GAAG;AACX,gCAAgCG,KAAK,CAAC,KAAK,CAAC;AAC5C,SAAS;AACT,CAAC;AAMD,OAAO,MAAME,4BAA4B,GAAGN,MAAM,CAACO,GAAsC;AACzF;AACA,UAAU,CAAC;EAAEH;AAAyC,CAAC,KAAKA,KAAK,CAAC,UAAU,CAAC;AAC7E;AACA;AACA,qBAAqB,CAAC;EAAEI;AAAsB,CAAC,KAAMA,qBAAqB,GAAG,KAAK,GAAG,SAAU;AAC/F;AACA,eAAe,CAAC;EAAEJ;AAAyC,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AACjF;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAMK,8BAA8B,GAAGT,MAAM,CAACG,GAAG;AACxD,aAAa,CAAC;EAAEC;AAA2C,CAAC,KAAKA,KAAK,CAACM,IAAI;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,kCAAkC,GAAGX,MAAM,CAACG,GAAG,EAAE;AAE9D,OAAO,MAAMS,kCAAkC,GAAGZ,MAAM,CAACG,GAAG;AAC5D;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"MentionFinderItem.styles.js","names":["styled","css","StyledMentionFinderItem","div","theme","$isActive","StyledMentionFinderItemImage","img","$shouldShowRoundImage","StyledMentionFinderItemContent","text","StyledMentionFinderItemContentName","StyledMentionFinderItemContentInfo"],"sources":["../../../../../src/components/mention-finder/mention-finder-item/MentionFinderItem.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMentionFinderItemProps = WithTheme<{\n    $isActive: boolean;\n}>;\n\nexport const StyledMentionFinderItem = styled.div<StyledMentionFinderItemProps>`\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    padding: 10px 8px;\n\n    &:not(:last-child) {\n        border-bottom: 1px solid\n            rgba(${({ theme }: StyledMentionFinderItemProps) => theme['text-rgb']}, 0.15);\n    }\n\n    ${({ $isActive, theme }) =>\n        $isActive &&\n        css`\n            background-color: ${theme['102']} !important;\n        `}\n`;\n\ntype StyledMentionFinderItemImageProps = WithTheme<{\n    $shouldShowRoundImage?: boolean;\n}>;\n\nexport const StyledMentionFinderItemImage = styled.img<StyledMentionFinderItemImageProps>`\n    background-color: rgba(\n        ${({ theme }: StyledMentionFinderItemImageProps) => theme['text-rgb']},\n        0.1\n    );\n    border-radius: ${({ $shouldShowRoundImage }) => ($shouldShowRoundImage ? '50%' : 'initial')};\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledMentionFinderItemImageProps) => theme['009-rgb']}, 0.08) inset;\n    flex: 0 0 auto;\n    height: 40px;\n    object-fit: cover;\n    overflow: hidden;\n    transition: border-radius 0.3s ease;\n    width: 40px;\n`;\n\ntype StyledMentionFinderItemContentProps = WithTheme<unknown>;\n\nexport const StyledMentionFinderItemContent = styled.div`\n    color: ${({ theme }: StyledMentionFinderItemContentProps) => theme.text};\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    justify-content: center;\n    line-height: normal;\n    margin-left: 10px;\n    min-width: 0;\n`;\n\nexport const StyledMentionFinderItemContentName = styled.div``;\n\nexport const StyledMentionFinderItemContentInfo = styled.div`\n    font-size: 85%;\n    margin-top: 2px;\n    opacity: 0.75;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAO/C,OAAO,MAAMC,uBAAuB,GAAGF,MAAM,CAACG,GAAiC;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,CAAC;EAAEC;AAAoC,CAAC,KAAKA,KAAK,CAAC,UAAU,CAAC;AACjF;AACA;AACA,MAAM,CAAC;EAAEC,SAAS;EAAED;AAAM,CAAC,KACnBC,SAAS,IACTJ,GAAG;AACX,gCAAgCG,KAAK,CAAC,KAAK,CAAC;AAC5C,SAAS;AACT,CAAC;AAMD,OAAO,MAAME,4BAA4B,GAAGN,MAAM,CAACO,GAAsC;AACzF;AACA,UAAU,CAAC;EAAEH;AAAyC,CAAC,KAAKA,KAAK,CAAC,UAAU,CAAC;AAC7E;AACA;AACA,qBAAqB,CAAC;EAAEI;AAAsB,CAAC,KAAMA,qBAAqB,GAAG,KAAK,GAAG,SAAU;AAC/F;AACA,eAAe,CAAC;EAAEJ;AAAyC,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AACjF;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAMK,8BAA8B,GAAGT,MAAM,CAACG,GAAG;AACxD,aAAa,CAAC;EAAEC;AAA2C,CAAC,KAAKA,KAAK,CAACM,IAAI;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,kCAAkC,GAAGX,MAAM,CAACG,GAAG,EAAE;AAE9D,OAAO,MAAMS,kCAAkC,GAAGZ,MAAM,CAACG,GAAG;AAC5D;AACA;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -1,6 +1,7 @@
 import clsx from 'clsx';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useElementSize, useMeasuredClone } from '../../hooks/element';
+import { useKeyboardFocusHighlighting } from '../../hooks/useKeyboardFocusHighlighting';
 import { useIsTouch } from '../../utils/environment';
 import ContextMenu from '../context-menu/ContextMenu';
 import ActionButton from './action-button/ActionButton';
@@ -64,11 +65,13 @@ const MultiActionButton = ({
   secondaryContextMenu,
   shouldAutoCollapse = false,
   shouldUseFullWidth,
+  shouldEnableKeyboardHighlighting,
   width
 }) => {
   const [isExtendedByClick, setIsExtendedByClick] = useState(false);
   const [isSecondaryExpanded, setIsSecondaryExpanded] = useState(false);
   const [isSecondaryHovered, setIsSecondaryHovered] = useState(false);
+  const [isSecondaryFocused, setIsSecondaryFocused] = useState(false);
   const autoCollapseTimeoutRef = useRef(null);
   const multiActionButtonRef = useRef(null);
   const secondaryContextMenuRef = useRef(null);
@@ -82,6 +85,7 @@ const MultiActionButton = ({
   const hasExpandableSecondaryAction = Boolean(secondaryAction) && !hasSecondaryContextMenu;
   const hasSecondaryAction = Boolean(secondaryTriggerAction);
   const shouldUseContentWidth = !width && !shouldUseFullWidth;
+  const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(shouldEnableKeyboardHighlighting && !isDisabled);
   const expandedMeasuredContent = useMemo(() => createMeasuredMultiActionButtonContent({
     backgroundColor,
     gapColor,
@@ -132,7 +136,15 @@ const MultiActionButton = ({
     height
   });
   const shouldHidePrimaryLabelForMinimumWidth = shouldKeepPrimaryLabelVisible && typeof availableWidth === 'number' && availableWidth <= minimumPrimaryLabelVisibleWidth;
-  const resolvedWidth = shouldKeepFullWidth ? '100%' : effectiveIsCollapsed ? height : width ?? 'fit-content';
+  const resolvedWidth = useMemo(() => {
+    if (shouldKeepFullWidth) {
+      return '100%';
+    }
+    if (effectiveIsCollapsed) {
+      return height;
+    }
+    return width ?? 'fit-content';
+  }, [effectiveIsCollapsed, height, shouldKeepFullWidth, width]);
   const secondaryContextMenuTriggerStyle = getSecondaryContextMenuTriggerStyle({
     height,
     isCollapsed: isSecondaryHidden,
@@ -189,6 +201,7 @@ const MultiActionButton = ({
       setIsSecondaryExpanded(false);
       setIsExtendedByClick(false);
       setIsSecondaryHovered(false);
+      setIsSecondaryFocused(false);
     }
   }, [clearAutoCollapseTimeout, effectiveIsCollapsed, shouldPreventSecondaryExpansion]);
 
@@ -252,11 +265,26 @@ const MultiActionButton = ({
       setIsSecondaryExpanded(false);
     }
   }, [effectiveIsCollapsed, isExtendedByClick, isTouch]);
+  const handleSecondaryFocus = useCallback(() => {
+    if (!secondaryAction || isSecondaryHidden || isDisabled || shouldPreventSecondaryExpansion || secondaryAction.isDisabled) {
+      return;
+    }
+    setIsSecondaryFocused(true);
+    if (!isExtendedByClick) {
+      setIsSecondaryExpanded(true);
+    }
+  }, [isDisabled, isExtendedByClick, isSecondaryHidden, secondaryAction, shouldPreventSecondaryExpansion]);
+  const handleSecondaryBlur = useCallback(() => {
+    setIsSecondaryFocused(false);
+    if (!isExtendedByClick && !effectiveIsCollapsed) {
+      setIsSecondaryExpanded(false);
+    }
+  }, [effectiveIsCollapsed, isExtendedByClick]);
 
   /**
-   * Secondary label is visible when expanded or when hovered (desktop only).
+   * Secondary label is visible when expanded or when hovered/focused.
    */
-  const isSecondaryLabelVisible = isSecondaryExpanded || !isTouch && isSecondaryHovered;
+  const isSecondaryLabelVisible = isSecondaryExpanded || !isTouch && isSecondaryHovered || isSecondaryFocused;
   return /*#__PURE__*/React.createElement(React.Fragment, null, measuredElement, /*#__PURE__*/React.createElement(StyledMultiActionButton, {
     className: clsx('beta-chayns-multi-action', className),
     ref: multiActionButtonRef,
@@ -274,6 +302,7 @@ const MultiActionButton = ({
     isSolo: !hasSecondaryAction || isSecondaryHidden || effectiveIsCollapsed,
     onClick: handlePrimaryClick,
     showLabel: !effectiveIsCollapsed && !shouldHidePrimaryLabelForMinimumWidth && (shouldKeepPrimaryLabelVisible || !isAutoIconsOnly) && (shouldKeepPrimaryLabelVisible || !shouldHideSecondaryForAutoCollapse) && (!hasExpandableSecondaryAction || !isSecondaryExpanded),
+    shouldShowKeyboardHighlighting: shouldShowKeyboardHighlighting,
     shouldUseContentWidth: shouldUseContentWidth,
     height: height
   }), hasSecondaryAction && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledSeparator, {
@@ -298,6 +327,7 @@ const MultiActionButton = ({
     key: "multi-action-secondary-context-menu",
     onClick: handleSecondaryClick,
     showLabel: false,
+    shouldShowKeyboardHighlighting: shouldShowKeyboardHighlighting,
     shouldUseContentWidth: shouldUseContentWidth,
     height: height
   })) : /*#__PURE__*/React.createElement(ActionButton, {
@@ -312,7 +342,10 @@ const MultiActionButton = ({
     onClick: handleSecondaryClick,
     onMouseEnter: handleSecondaryMouseEnter,
     onMouseLeave: handleSecondaryMouseLeave,
+    onFocus: handleSecondaryFocus,
+    onBlur: handleSecondaryBlur,
     showLabel: !isSecondaryHidden && !isAutoIconsOnly && isSecondaryLabelVisible,
+    shouldShowKeyboardHighlighting: shouldShowKeyboardHighlighting,
     shouldUseContentWidth: shouldUseContentWidth,
     height: height
   }))));

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

@@ -1 +1 @@
-{"version":3,"file":"MultiActionButton.js","names":["clsx","React","useCallback","useEffect","useMemo","useRef","useState","useElementSize","useMeasuredClone","useIsTouch","ContextMenu","ActionButton","StyledMultiActionButton","StyledSeparator","getMinimumPrimaryLabelVisibleWidth","getMultiActionButtonAutoCollapseMode","getSecondaryContextMenuTriggerStyle","MultiActionButtonAutoCollapseMode","MultiActionButtonHeight","SECONDARY_CONTEXT_MENU_ACTION","icon","label","undefined","createMeasuredMultiActionButtonContent","backgroundColor","gapColor","height","primaryAction","secondaryAction","createElement","style","width","action","actionType","isCollapsed","isDisabled","isShrunk","isSolo","showLabel","shouldUseContentWidth","Fragment","$gapColor","$isHidden","isExpanded","isHidden","MultiActionButton","className","extendedTimeoutMs","Medium","secondaryContextMenu","shouldAutoCollapse","shouldUseFullWidth","isExtendedByClick","setIsExtendedByClick","isSecondaryExpanded","setIsSecondaryExpanded","isSecondaryHovered","setIsSecondaryHovered","autoCollapseTimeoutRef","multiActionButtonRef","secondaryContextMenuRef","autoCollapseMode","setAutoCollapseMode","Expanded","isTouch","parentSize","shouldUseParentElement","hasSecondaryContextMenu","Boolean","length","secondaryTriggerAction","hasExpandableSecondaryAction","hasSecondaryAction","expandedMeasuredContent","measuredElement","expandedMeasuredWidth","content","availableWidth","parentWidth","Math","min","previousMode","expandedWidth","isAutoIconsOnly","IconsOnly","isAutoPrimaryOnly","PrimaryOnly","shouldKeepFullWidth","shouldHideSecondaryForAutoCollapse","effectiveIsCollapsed","resolvedSecondaryAction","isSecondaryHidden","shouldPreventSecondaryExpansion","shouldKeepPrimaryLabelVisible","minimumPrimaryLabelVisibleWidth","hasVisibleSecondaryAction","shouldHidePrimaryLabelForMinimumWidth","resolvedWidth","secondaryContextMenuTriggerStyle","clearAutoCollapseTimeout","current","window","clearTimeout","resetAutoCollapseTimeout","setTimeout","expandSecondaryByClick","handlePrimaryClick","event","payload","isExtended","onClick","handleSecondaryClick","show","handleSecondaryMouseEnter","handleSecondaryMouseLeave","isSecondaryLabelVisible","ref","maxWidth","items","shouldDisableClick","shouldUseDefaultTriggerStyles","shouldHidePopupArrow","yOffset","key","onMouseEnter","onMouseLeave","displayName"],"sources":["../../../../src/components/multi-action-button/MultiActionButton.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, {\n    FC,\n    MouseEvent,\n    ReactNode,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useElementSize, useMeasuredClone } from '../../hooks/element';\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 {\n    getMinimumPrimaryLabelVisibleWidth,\n    getMultiActionButtonAutoCollapseMode,\n    getSecondaryContextMenuTriggerStyle,\n    MultiActionButtonAutoCollapseMode,\n} 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\ninterface CreateMeasuredMultiActionButtonContentOptions {\n    backgroundColor?: string;\n    gapColor?: string;\n    height: number;\n    primaryAction: MultiActionButtonAction;\n    secondaryAction?: MultiActionButtonAction;\n}\n\nconst createMeasuredMultiActionButtonContent = ({\n    backgroundColor,\n    gapColor,\n    height,\n    primaryAction,\n    secondaryAction,\n}: CreateMeasuredMultiActionButtonContentOptions): ReactNode => (\n    <StyledMultiActionButton style={{ width: 'fit-content' }}>\n        <ActionButton\n            action={primaryAction}\n            actionType=\"primary\"\n            backgroundColor={primaryAction.backgroundColor ?? backgroundColor}\n            isCollapsed={false}\n            isDisabled={false}\n            isShrunk={false}\n            isSolo={!secondaryAction}\n            showLabel\n            shouldUseContentWidth\n            height={height}\n        />\n        {secondaryAction && (\n            <>\n                <StyledSeparator $gapColor={gapColor} $isHidden={false} />\n                <ActionButton\n                    action={secondaryAction}\n                    actionType=\"secondary\"\n                    backgroundColor={secondaryAction.backgroundColor ?? backgroundColor}\n                    isCollapsed={false}\n                    isDisabled={false}\n                    isExpanded={false}\n                    isHidden={false}\n                    showLabel={false}\n                    shouldUseContentWidth\n                    height={height}\n                />\n            </>\n        )}\n    </StyledMultiActionButton>\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    shouldAutoCollapse = false,\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 multiActionButtonRef = useRef<HTMLDivElement | null>(null);\n    const secondaryContextMenuRef = useRef<ContextMenuRef>(null);\n    const [autoCollapseMode, setAutoCollapseMode] = useState<MultiActionButtonAutoCollapseMode>(\n        MultiActionButtonAutoCollapseMode.Expanded,\n    );\n\n    const isTouch = useIsTouch();\n    const parentSize = useElementSize(multiActionButtonRef, { shouldUseParentElement: true });\n\n    const hasSecondaryContextMenu = Boolean(secondaryContextMenu?.length);\n    const secondaryTriggerAction = hasSecondaryContextMenu\n        ? SECONDARY_CONTEXT_MENU_ACTION\n        : secondaryAction;\n    const hasExpandableSecondaryAction = Boolean(secondaryAction) && !hasSecondaryContextMenu;\n    const hasSecondaryAction = Boolean(secondaryTriggerAction);\n    const shouldUseContentWidth = !width && !shouldUseFullWidth;\n\n    const expandedMeasuredContent = useMemo(\n        () =>\n            createMeasuredMultiActionButtonContent({\n                backgroundColor,\n                gapColor,\n                height,\n                primaryAction,\n                secondaryAction: secondaryTriggerAction,\n            }),\n        [backgroundColor, gapColor, height, primaryAction, secondaryTriggerAction],\n    );\n\n    const { measuredElement, width: expandedMeasuredWidth } = useMeasuredClone({\n        content: expandedMeasuredContent,\n    });\n\n    const availableWidth = useMemo(() => {\n        const parentWidth = parentSize?.width;\n\n        if (typeof width === 'number') {\n            return typeof parentWidth === 'number' ? Math.min(parentWidth, width) : width;\n        }\n\n        return parentWidth;\n    }, [parentSize?.width, width]);\n\n    useEffect(() => {\n        if (!shouldAutoCollapse || isCollapsed) {\n            setAutoCollapseMode(MultiActionButtonAutoCollapseMode.Expanded);\n            return;\n        }\n\n        if (expandedMeasuredWidth <= 0) {\n            return;\n        }\n\n        setAutoCollapseMode((previousMode) =>\n            getMultiActionButtonAutoCollapseMode({\n                availableWidth,\n                expandedWidth: expandedMeasuredWidth,\n                hasSecondaryAction,\n                height,\n                previousMode,\n            }),\n        );\n    }, [\n        availableWidth,\n        expandedMeasuredWidth,\n        hasSecondaryAction,\n        height,\n        isCollapsed,\n        shouldAutoCollapse,\n    ]);\n\n    const isAutoIconsOnly =\n        shouldAutoCollapse && autoCollapseMode === MultiActionButtonAutoCollapseMode.IconsOnly;\n    const isAutoPrimaryOnly =\n        shouldAutoCollapse && autoCollapseMode === MultiActionButtonAutoCollapseMode.PrimaryOnly;\n    const shouldKeepFullWidth = Boolean(shouldUseFullWidth);\n    const shouldHideSecondaryForAutoCollapse = hasSecondaryAction && isAutoPrimaryOnly;\n    const effectiveIsCollapsed = isCollapsed || (!shouldKeepFullWidth && isAutoPrimaryOnly);\n    const resolvedSecondaryAction = hasSecondaryAction ? secondaryTriggerAction : undefined;\n    const isSecondaryHidden = effectiveIsCollapsed || shouldHideSecondaryForAutoCollapse;\n    const shouldPreventSecondaryExpansion = isAutoIconsOnly || isSecondaryHidden;\n    const shouldKeepPrimaryLabelVisible = shouldKeepFullWidth && shouldAutoCollapse;\n    const minimumPrimaryLabelVisibleWidth = getMinimumPrimaryLabelVisibleWidth({\n        hasVisibleSecondaryAction: hasSecondaryAction,\n        height,\n    });\n    const shouldHidePrimaryLabelForMinimumWidth =\n        shouldKeepPrimaryLabelVisible &&\n        typeof availableWidth === 'number' &&\n        availableWidth <= minimumPrimaryLabelVisibleWidth;\n\n    const resolvedWidth = shouldKeepFullWidth\n        ? '100%'\n        : effectiveIsCollapsed\n          ? height\n          : (width ?? 'fit-content');\n\n    const secondaryContextMenuTriggerStyle = getSecondaryContextMenuTriggerStyle({\n        height,\n        isCollapsed: isSecondaryHidden,\n        isExpanded: false,\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 (effectiveIsCollapsed || shouldPreventSecondaryExpansion) {\n            clearAutoCollapseTimeout();\n            setIsSecondaryExpanded(false);\n            setIsExtendedByClick(false);\n            setIsSecondaryHovered(false);\n        }\n    }, [clearAutoCollapseTimeout, effectiveIsCollapsed, shouldPreventSecondaryExpansion]);\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                isSecondaryHidden ||\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            if (!shouldPreventSecondaryExpansion) {\n                expandSecondaryByClick();\n            }\n        },\n        [\n            expandSecondaryByClick,\n            hasSecondaryContextMenu,\n            isSecondaryHidden,\n            isDisabled,\n            isSecondaryExpanded,\n            isTouch,\n            resolvedSecondaryAction,\n            shouldPreventSecondaryExpansion,\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            isSecondaryHidden ||\n            isTouch ||\n            isDisabled ||\n            shouldPreventSecondaryExpansion ||\n            secondaryAction.isDisabled\n        ) {\n            return;\n        }\n\n        setIsSecondaryHovered(true);\n        if (!isExtendedByClick) {\n            setIsSecondaryExpanded(true);\n        }\n    }, [\n        isSecondaryHidden,\n        isDisabled,\n        isExtendedByClick,\n        isTouch,\n        secondaryAction,\n        shouldPreventSecondaryExpansion,\n    ]);\n\n    const handleSecondaryMouseLeave = useCallback(() => {\n        if (isTouch) {\n            return;\n        }\n\n        setIsSecondaryHovered(false);\n        if (!isExtendedByClick && !effectiveIsCollapsed) {\n            setIsSecondaryExpanded(false);\n        }\n    }, [effectiveIsCollapsed, 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        <>\n            {measuredElement}\n            <StyledMultiActionButton\n                className={clsx('beta-chayns-multi-action', className)}\n                ref={multiActionButtonRef}\n                style={{ maxWidth: '100%', width: resolvedWidth }}\n            >\n                <ActionButton\n                    action={primaryAction}\n                    actionType=\"primary\"\n                    backgroundColor={primaryAction.backgroundColor ?? backgroundColor}\n                    isCollapsed={effectiveIsCollapsed}\n                    isDisabled={isDisabled}\n                    isShrunk={\n                        hasSecondaryAction &&\n                        ((!shouldKeepFullWidth && isAutoIconsOnly) || isSecondaryExpanded)\n                    }\n                    isSolo={!hasSecondaryAction || isSecondaryHidden || effectiveIsCollapsed}\n                    onClick={handlePrimaryClick}\n                    showLabel={\n                        !effectiveIsCollapsed &&\n                        !shouldHidePrimaryLabelForMinimumWidth &&\n                        (shouldKeepPrimaryLabelVisible || !isAutoIconsOnly) &&\n                        (shouldKeepPrimaryLabelVisible || !shouldHideSecondaryForAutoCollapse) &&\n                        (!hasExpandableSecondaryAction || !isSecondaryExpanded)\n                    }\n                    shouldUseContentWidth={shouldUseContentWidth}\n                    height={height}\n                />\n                {hasSecondaryAction && (\n                    <>\n                        <StyledSeparator $gapColor={gapColor} $isHidden={isSecondaryHidden} />\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={\n                                        resolvedSecondaryAction ?? SECONDARY_CONTEXT_MENU_ACTION\n                                    }\n                                    actionType=\"secondary\"\n                                    backgroundColor={\n                                        resolvedSecondaryAction?.backgroundColor ?? backgroundColor\n                                    }\n                                    isCollapsed={false}\n                                    isDisabled={isDisabled}\n                                    isExpanded={false}\n                                    isHidden={isSecondaryHidden}\n                                    key=\"multi-action-secondary-context-menu\"\n                                    onClick={handleSecondaryClick}\n                                    showLabel={false}\n                                    shouldUseContentWidth={shouldUseContentWidth}\n                                    height={height}\n                                />\n                            </ContextMenu>\n                        ) : (\n                            <ActionButton\n                                action={\n                                    resolvedSecondaryAction ??\n                                    secondaryAction ??\n                                    SECONDARY_CONTEXT_MENU_ACTION\n                                }\n                                actionType=\"secondary\"\n                                backgroundColor={\n                                    resolvedSecondaryAction?.backgroundColor ?? backgroundColor\n                                }\n                                isCollapsed={false}\n                                isDisabled={isDisabled}\n                                isExpanded={!isAutoIconsOnly && isSecondaryExpanded}\n                                isHidden={isSecondaryHidden}\n                                key=\"multi-action-secondary-button\"\n                                onClick={handleSecondaryClick}\n                                onMouseEnter={handleSecondaryMouseEnter}\n                                onMouseLeave={handleSecondaryMouseLeave}\n                                showLabel={\n                                    !isSecondaryHidden &&\n                                    !isAutoIconsOnly &&\n                                    isSecondaryLabelVisible\n                                }\n                                shouldUseContentWidth={shouldUseContentWidth}\n                                height={height}\n                            />\n                        )}\n                    </>\n                )}\n            </StyledMultiActionButton>\n        </>\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","useMemo","useRef","useState","useElementSize","useMeasuredClone","useKeyboardFocusHighlighting","useIsTouch","ContextMenu","ActionButton","StyledMultiActionButton","StyledSeparator","getMinimumPrimaryLabelVisibleWidth","getMultiActionButtonAutoCollapseMode","getSecondaryContextMenuTriggerStyle","MultiActionButtonAutoCollapseMode","MultiActionButtonHeight","SECONDARY_CONTEXT_MENU_ACTION","icon","label","undefined","createMeasuredMultiActionButtonContent","backgroundColor","gapColor","height","primaryAction","secondaryAction","createElement","style","width","action","actionType","isCollapsed","isDisabled","isShrunk","isSolo","showLabel","shouldUseContentWidth","Fragment","$gapColor","$isHidden","isExpanded","isHidden","MultiActionButton","className","extendedTimeoutMs","Medium","secondaryContextMenu","shouldAutoCollapse","shouldUseFullWidth","shouldEnableKeyboardHighlighting","isExtendedByClick","setIsExtendedByClick","isSecondaryExpanded","setIsSecondaryExpanded","isSecondaryHovered","setIsSecondaryHovered","isSecondaryFocused","setIsSecondaryFocused","autoCollapseTimeoutRef","multiActionButtonRef","secondaryContextMenuRef","autoCollapseMode","setAutoCollapseMode","Expanded","isTouch","parentSize","shouldUseParentElement","hasSecondaryContextMenu","Boolean","length","secondaryTriggerAction","hasExpandableSecondaryAction","hasSecondaryAction","shouldShowKeyboardHighlighting","expandedMeasuredContent","measuredElement","expandedMeasuredWidth","content","availableWidth","parentWidth","Math","min","previousMode","expandedWidth","isAutoIconsOnly","IconsOnly","isAutoPrimaryOnly","PrimaryOnly","shouldKeepFullWidth","shouldHideSecondaryForAutoCollapse","effectiveIsCollapsed","resolvedSecondaryAction","isSecondaryHidden","shouldPreventSecondaryExpansion","shouldKeepPrimaryLabelVisible","minimumPrimaryLabelVisibleWidth","hasVisibleSecondaryAction","shouldHidePrimaryLabelForMinimumWidth","resolvedWidth","secondaryContextMenuTriggerStyle","clearAutoCollapseTimeout","current","window","clearTimeout","resetAutoCollapseTimeout","setTimeout","expandSecondaryByClick","handlePrimaryClick","event","payload","isExtended","onClick","handleSecondaryClick","show","handleSecondaryMouseEnter","handleSecondaryMouseLeave","handleSecondaryFocus","handleSecondaryBlur","isSecondaryLabelVisible","ref","maxWidth","items","shouldDisableClick","shouldUseDefaultTriggerStyles","shouldHidePopupArrow","yOffset","key","onMouseEnter","onMouseLeave","onFocus","onBlur","displayName"],"sources":["../../../../src/components/multi-action-button/MultiActionButton.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, {\n    FC,\n    MouseEvent,\n    ReactNode,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useElementSize, useMeasuredClone } from '../../hooks/element';\nimport { useKeyboardFocusHighlighting } from '../../hooks/useKeyboardFocusHighlighting';\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 {\n    getMinimumPrimaryLabelVisibleWidth,\n    getMultiActionButtonAutoCollapseMode,\n    getSecondaryContextMenuTriggerStyle,\n    MultiActionButtonAutoCollapseMode,\n} 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\ninterface CreateMeasuredMultiActionButtonContentOptions {\n    backgroundColor?: string;\n    gapColor?: string;\n    height: number;\n    primaryAction: MultiActionButtonAction;\n    secondaryAction?: MultiActionButtonAction;\n}\n\nconst createMeasuredMultiActionButtonContent = ({\n    backgroundColor,\n    gapColor,\n    height,\n    primaryAction,\n    secondaryAction,\n}: CreateMeasuredMultiActionButtonContentOptions): ReactNode => (\n    <StyledMultiActionButton style={{ width: 'fit-content' }}>\n        <ActionButton\n            action={primaryAction}\n            actionType=\"primary\"\n            backgroundColor={primaryAction.backgroundColor ?? backgroundColor}\n            isCollapsed={false}\n            isDisabled={false}\n            isShrunk={false}\n            isSolo={!secondaryAction}\n            showLabel\n            shouldUseContentWidth\n            height={height}\n        />\n        {secondaryAction && (\n            <>\n                <StyledSeparator $gapColor={gapColor} $isHidden={false} />\n                <ActionButton\n                    action={secondaryAction}\n                    actionType=\"secondary\"\n                    backgroundColor={secondaryAction.backgroundColor ?? backgroundColor}\n                    isCollapsed={false}\n                    isDisabled={false}\n                    isExpanded={false}\n                    isHidden={false}\n                    showLabel={false}\n                    shouldUseContentWidth\n                    height={height}\n                />\n            </>\n        )}\n    </StyledMultiActionButton>\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    shouldAutoCollapse = false,\n    shouldUseFullWidth,\n    shouldEnableKeyboardHighlighting,\n    width,\n}) => {\n    const [isExtendedByClick, setIsExtendedByClick] = useState(false);\n    const [isSecondaryExpanded, setIsSecondaryExpanded] = useState(false);\n    const [isSecondaryHovered, setIsSecondaryHovered] = useState(false);\n    const [isSecondaryFocused, setIsSecondaryFocused] = useState(false);\n\n    const autoCollapseTimeoutRef = useRef<number | null>(null);\n    const multiActionButtonRef = useRef<HTMLDivElement | null>(null);\n    const secondaryContextMenuRef = useRef<ContextMenuRef>(null);\n    const [autoCollapseMode, setAutoCollapseMode] = useState<MultiActionButtonAutoCollapseMode>(\n        MultiActionButtonAutoCollapseMode.Expanded,\n    );\n\n    const isTouch = useIsTouch();\n    const parentSize = useElementSize(multiActionButtonRef, { shouldUseParentElement: true });\n\n    const hasSecondaryContextMenu = Boolean(secondaryContextMenu?.length);\n    const secondaryTriggerAction = hasSecondaryContextMenu\n        ? SECONDARY_CONTEXT_MENU_ACTION\n        : secondaryAction;\n    const hasExpandableSecondaryAction = Boolean(secondaryAction) && !hasSecondaryContextMenu;\n    const hasSecondaryAction = Boolean(secondaryTriggerAction);\n    const shouldUseContentWidth = !width && !shouldUseFullWidth;\n    const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n        shouldEnableKeyboardHighlighting && !isDisabled,\n    );\n\n    const expandedMeasuredContent = useMemo(\n        () =>\n            createMeasuredMultiActionButtonContent({\n                backgroundColor,\n                gapColor,\n                height,\n                primaryAction,\n                secondaryAction: secondaryTriggerAction,\n            }),\n        [backgroundColor, gapColor, height, primaryAction, secondaryTriggerAction],\n    );\n\n    const { measuredElement, width: expandedMeasuredWidth } = useMeasuredClone({\n        content: expandedMeasuredContent,\n    });\n\n    const availableWidth = useMemo(() => {\n        const parentWidth = parentSize?.width;\n\n        if (typeof width === 'number') {\n            return typeof parentWidth === 'number' ? Math.min(parentWidth, width) : width;\n        }\n\n        return parentWidth;\n    }, [parentSize?.width, width]);\n\n    useEffect(() => {\n        if (!shouldAutoCollapse || isCollapsed) {\n            setAutoCollapseMode(MultiActionButtonAutoCollapseMode.Expanded);\n            return;\n        }\n\n        if (expandedMeasuredWidth <= 0) {\n            return;\n        }\n\n        setAutoCollapseMode((previousMode) =>\n            getMultiActionButtonAutoCollapseMode({\n                availableWidth,\n                expandedWidth: expandedMeasuredWidth,\n                hasSecondaryAction,\n                height,\n                previousMode,\n            }),\n        );\n    }, [\n        availableWidth,\n        expandedMeasuredWidth,\n        hasSecondaryAction,\n        height,\n        isCollapsed,\n        shouldAutoCollapse,\n    ]);\n\n    const isAutoIconsOnly =\n        shouldAutoCollapse && autoCollapseMode === MultiActionButtonAutoCollapseMode.IconsOnly;\n    const isAutoPrimaryOnly =\n        shouldAutoCollapse && autoCollapseMode === MultiActionButtonAutoCollapseMode.PrimaryOnly;\n    const shouldKeepFullWidth = Boolean(shouldUseFullWidth);\n    const shouldHideSecondaryForAutoCollapse = hasSecondaryAction && isAutoPrimaryOnly;\n    const effectiveIsCollapsed = isCollapsed || (!shouldKeepFullWidth && isAutoPrimaryOnly);\n    const resolvedSecondaryAction = hasSecondaryAction ? secondaryTriggerAction : undefined;\n    const isSecondaryHidden = effectiveIsCollapsed || shouldHideSecondaryForAutoCollapse;\n    const shouldPreventSecondaryExpansion = isAutoIconsOnly || isSecondaryHidden;\n    const shouldKeepPrimaryLabelVisible = shouldKeepFullWidth && shouldAutoCollapse;\n    const minimumPrimaryLabelVisibleWidth = getMinimumPrimaryLabelVisibleWidth({\n        hasVisibleSecondaryAction: hasSecondaryAction,\n        height,\n    });\n    const shouldHidePrimaryLabelForMinimumWidth =\n        shouldKeepPrimaryLabelVisible &&\n        typeof availableWidth === 'number' &&\n        availableWidth <= minimumPrimaryLabelVisibleWidth;\n\n    const resolvedWidth = useMemo(() => {\n        if (shouldKeepFullWidth) {\n            return '100%';\n        }\n\n        if (effectiveIsCollapsed) {\n            return height;\n        }\n\n        return width ?? 'fit-content';\n    }, [effectiveIsCollapsed, height, shouldKeepFullWidth, width]);\n\n    const secondaryContextMenuTriggerStyle = getSecondaryContextMenuTriggerStyle({\n        height,\n        isCollapsed: isSecondaryHidden,\n        isExpanded: false,\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 (effectiveIsCollapsed || shouldPreventSecondaryExpansion) {\n            clearAutoCollapseTimeout();\n            setIsSecondaryExpanded(false);\n            setIsExtendedByClick(false);\n            setIsSecondaryHovered(false);\n            setIsSecondaryFocused(false);\n        }\n    }, [clearAutoCollapseTimeout, effectiveIsCollapsed, shouldPreventSecondaryExpansion]);\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                isSecondaryHidden ||\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            if (!shouldPreventSecondaryExpansion) {\n                expandSecondaryByClick();\n            }\n        },\n        [\n            expandSecondaryByClick,\n            hasSecondaryContextMenu,\n            isSecondaryHidden,\n            isDisabled,\n            isSecondaryExpanded,\n            isTouch,\n            resolvedSecondaryAction,\n            shouldPreventSecondaryExpansion,\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            isSecondaryHidden ||\n            isTouch ||\n            isDisabled ||\n            shouldPreventSecondaryExpansion ||\n            secondaryAction.isDisabled\n        ) {\n            return;\n        }\n\n        setIsSecondaryHovered(true);\n        if (!isExtendedByClick) {\n            setIsSecondaryExpanded(true);\n        }\n    }, [\n        isSecondaryHidden,\n        isDisabled,\n        isExtendedByClick,\n        isTouch,\n        secondaryAction,\n        shouldPreventSecondaryExpansion,\n    ]);\n\n    const handleSecondaryMouseLeave = useCallback(() => {\n        if (isTouch) {\n            return;\n        }\n\n        setIsSecondaryHovered(false);\n        if (!isExtendedByClick && !effectiveIsCollapsed) {\n            setIsSecondaryExpanded(false);\n        }\n    }, [effectiveIsCollapsed, isExtendedByClick, isTouch]);\n\n    const handleSecondaryFocus = useCallback(() => {\n        if (\n            !secondaryAction ||\n            isSecondaryHidden ||\n            isDisabled ||\n            shouldPreventSecondaryExpansion ||\n            secondaryAction.isDisabled\n        ) {\n            return;\n        }\n\n        setIsSecondaryFocused(true);\n        if (!isExtendedByClick) {\n            setIsSecondaryExpanded(true);\n        }\n    }, [\n        isDisabled,\n        isExtendedByClick,\n        isSecondaryHidden,\n        secondaryAction,\n        shouldPreventSecondaryExpansion,\n    ]);\n\n    const handleSecondaryBlur = useCallback(() => {\n        setIsSecondaryFocused(false);\n        if (!isExtendedByClick && !effectiveIsCollapsed) {\n            setIsSecondaryExpanded(false);\n        }\n    }, [effectiveIsCollapsed, isExtendedByClick]);\n\n    /**\n     * Secondary label is visible when expanded or when hovered/focused.\n     */\n    const isSecondaryLabelVisible =\n        isSecondaryExpanded || (!isTouch && isSecondaryHovered) || isSecondaryFocused;\n\n    return (\n        <>\n            {measuredElement}\n            <StyledMultiActionButton\n                className={clsx('beta-chayns-multi-action', className)}\n                ref={multiActionButtonRef}\n                style={{ maxWidth: '100%', width: resolvedWidth }}\n            >\n                <ActionButton\n                    action={primaryAction}\n                    actionType=\"primary\"\n                    backgroundColor={primaryAction.backgroundColor ?? backgroundColor}\n                    isCollapsed={effectiveIsCollapsed}\n                    isDisabled={isDisabled}\n                    isShrunk={\n                        hasSecondaryAction &&\n                        ((!shouldKeepFullWidth && isAutoIconsOnly) || isSecondaryExpanded)\n                    }\n                    isSolo={!hasSecondaryAction || isSecondaryHidden || effectiveIsCollapsed}\n                    onClick={handlePrimaryClick}\n                    showLabel={\n                        !effectiveIsCollapsed &&\n                        !shouldHidePrimaryLabelForMinimumWidth &&\n                        (shouldKeepPrimaryLabelVisible || !isAutoIconsOnly) &&\n                        (shouldKeepPrimaryLabelVisible || !shouldHideSecondaryForAutoCollapse) &&\n                        (!hasExpandableSecondaryAction || !isSecondaryExpanded)\n                    }\n                    shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                    shouldUseContentWidth={shouldUseContentWidth}\n                    height={height}\n                />\n                {hasSecondaryAction && (\n                    <>\n                        <StyledSeparator $gapColor={gapColor} $isHidden={isSecondaryHidden} />\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={\n                                        resolvedSecondaryAction ?? SECONDARY_CONTEXT_MENU_ACTION\n                                    }\n                                    actionType=\"secondary\"\n                                    backgroundColor={\n                                        resolvedSecondaryAction?.backgroundColor ?? backgroundColor\n                                    }\n                                    isCollapsed={false}\n                                    isDisabled={isDisabled}\n                                    isExpanded={false}\n                                    isHidden={isSecondaryHidden}\n                                    key=\"multi-action-secondary-context-menu\"\n                                    onClick={handleSecondaryClick}\n                                    showLabel={false}\n                                    shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                                    shouldUseContentWidth={shouldUseContentWidth}\n                                    height={height}\n                                />\n                            </ContextMenu>\n                        ) : (\n                            <ActionButton\n                                action={\n                                    resolvedSecondaryAction ??\n                                    secondaryAction ??\n                                    SECONDARY_CONTEXT_MENU_ACTION\n                                }\n                                actionType=\"secondary\"\n                                backgroundColor={\n                                    resolvedSecondaryAction?.backgroundColor ?? backgroundColor\n                                }\n                                isCollapsed={false}\n                                isDisabled={isDisabled}\n                                isExpanded={!isAutoIconsOnly && isSecondaryExpanded}\n                                isHidden={isSecondaryHidden}\n                                key=\"multi-action-secondary-button\"\n                                onClick={handleSecondaryClick}\n                                onMouseEnter={handleSecondaryMouseEnter}\n                                onMouseLeave={handleSecondaryMouseLeave}\n                                onFocus={handleSecondaryFocus}\n                                onBlur={handleSecondaryBlur}\n                                showLabel={\n                                    !isSecondaryHidden &&\n                                    !isAutoIconsOnly &&\n                                    isSecondaryLabelVisible\n                                }\n                                shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                                shouldUseContentWidth={shouldUseContentWidth}\n                                height={height}\n                            />\n                        )}\n                    </>\n                )}\n            </StyledMultiActionButton>\n        </>\n    );\n};\n\nMultiActionButton.displayName = 'MultiActionButton';\n\nexport default MultiActionButton;\n"],"mappings":"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","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';\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 collapse automatically based on the available width.\n     * @description When enabled, the control switches from the default layout to an icon-only\n     * layout and finally to a primary-only icon layout as space becomes tighter.\n     * @default false\n     * @optional\n     */\n    shouldAutoCollapse?: boolean;\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":[]}
+{"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 collapse automatically based on the available width.\n     * @description When enabled, the control switches from the default layout to an icon-only\n     * layout and finally to a primary-only icon layout as space becomes tighter.\n     * @default false\n     * @optional\n     */\n    shouldAutoCollapse?: boolean;\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     * Enables keyboard-only focus highlighting for interactive action buttons.\n     * @description When enabled, focus ring styles are only shown for keyboard navigation.\n     * @default false\n     * @optional\n     */\n    shouldEnableKeyboardHighlighting?: 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/action-button/ActionButton.js

@@ -25,9 +25,12 @@ const ActionButton = ({
   onClick,
   onMouseEnter,
   onMouseLeave,
+  onFocus,
+  onBlur,
   showLabel,
   shouldUseContentWidth,
-  height
+  height,
+  shouldShowKeyboardHighlighting = false
 }) => {
   const isPrimary = actionType === 'primary';
   const isSecondary = actionType === 'secondary';
@@ -83,9 +86,12 @@ const ActionButton = ({
     $height: height,
     $statusType: action.status?.type,
     $shouldUseContentWidth: shouldUseContentWidth,
+    $shouldShowKeyboardHighlighting: shouldShowKeyboardHighlighting,
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
+    onFocus: onFocus,
+    onBlur: onBlur,
     type: "button"
   }, shouldShowDisabledReason && disabledReason ? /*#__PURE__*/React.createElement(Tooltip, {
     alignment: PopupAlignment.BottomRight,

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

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","names":["AnimatePresence","React","Icon","Tooltip","StyledActionButton","StyledActionContent","StyledIconSlot","StyledLabelWrapper","StyledSecondaryLabel","PopupAlignment","LABEL_GAP","LABEL_TRANSITION","duration","ActionButton","action","actionType","backgroundColor","isCollapsed","isDisabled","isExpanded","isHidden","isShrunk","isSolo","onClick","onMouseEnter","onMouseLeave","showLabel","shouldUseContentWidth","height","isPrimary","isSecondary","actionColor","color","isActionDisabled","Boolean","disabledReason","trim","shouldShowDisabledReason","iconSize","actionContent","createElement","$height","$isDisabled","icon","icons","size","initial","animate","opacity","width","marginLeft","exit","transition","style","label","disabled","$backgroundColor","$isCollapsed","$isExpanded","undefined","$isInteractionDisabled","$isHidden","$isPrimary","$isSecondary","$isShrunk","$isSolo","$pulseColors","status","pulseColors","$statusType","type","$shouldUseContentWidth","alignment","BottomRight","item","text","maxItemWidth","displayName"],"sources":["../../../../../src/components/multi-action-button/action-button/ActionButton.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, { FC, MouseEvent } from 'react';\nimport Icon from '../../icon/Icon';\nimport Tooltip from '../../tooltip/Tooltip';\nimport {\n    StyledActionButton,\n    StyledActionContent,\n    StyledIconSlot,\n    StyledLabelWrapper,\n    StyledSecondaryLabel,\n} from './ActionButton.styles';\nimport type { MultiActionButtonAction } from '../MultiActionButton.types';\nimport { PopupAlignment } from '../../../types/popup';\n\nconst LABEL_GAP = 6;\nconst LABEL_TRANSITION = { duration: 0.3 };\n\nexport type ActionButtonProps = {\n    action: MultiActionButtonAction;\n    actionType: 'primary' | 'secondary';\n    backgroundColor?: string;\n    isCollapsed: boolean;\n    isDisabled: boolean;\n    isExpanded?: boolean;\n    isHidden?: boolean;\n    isShrunk?: boolean;\n    isSolo?: boolean;\n    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n    onMouseEnter?: () => void;\n    onMouseLeave?: () => void;\n    showLabel: boolean;\n    shouldUseContentWidth: boolean;\n    height: number;\n};\n\n/**\n * Shared action button UI used by both primary and secondary actions.\n * Keeps layout and animations consistent while isolating styling details.\n */\nconst ActionButton: FC<ActionButtonProps> = ({\n    action,\n    actionType,\n    backgroundColor,\n    isCollapsed,\n    isDisabled,\n    isExpanded,\n    isHidden,\n    isShrunk,\n    isSolo,\n    onClick,\n    onMouseEnter,\n    onMouseLeave,\n    showLabel,\n    shouldUseContentWidth,\n    height,\n}) => {\n    const isPrimary = actionType === 'primary';\n    const isSecondary = actionType === 'secondary';\n    const actionColor = action.color ?? '#FFFFFF';\n    const isActionDisabled = isDisabled || Boolean(action.isDisabled);\n    const disabledReason = action.disabledReason?.trim();\n    const shouldShowDisabledReason = Boolean(disabledReason) && isActionDisabled;\n    const iconSize = height - 24;\n\n    const actionContent = (\n        <StyledActionContent>\n            <StyledIconSlot $height={height} $isDisabled={isActionDisabled}>\n                {typeof action.icon === 'string' ? (\n                    <Icon icons={[action.icon]} color={actionColor} size={iconSize} />\n                ) : (\n                    action.icon\n                )}\n            </StyledIconSlot>\n            <AnimatePresence initial={false}>\n                {/* Animate width and margin to avoid layout jumps when labels mount/unmount. */}\n                {showLabel && (\n                    <StyledLabelWrapper\n                        animate={{ opacity: 1, width: 'auto', marginLeft: LABEL_GAP }}\n                        exit={{ opacity: 0, width: 0, marginLeft: 0 }}\n                        initial={{ opacity: 0, width: 0, marginLeft: 0 }}\n                        transition={LABEL_TRANSITION}\n                    >\n                        <StyledSecondaryLabel style={{ color: actionColor }}>\n                            {action.label}\n                        </StyledSecondaryLabel>\n                    </StyledLabelWrapper>\n                )}\n            </AnimatePresence>\n        </StyledActionContent>\n    );\n\n    return (\n        <StyledActionButton\n            aria-disabled={isActionDisabled}\n            disabled={isActionDisabled && !shouldShowDisabledReason}\n            $backgroundColor={backgroundColor}\n            $isCollapsed={isCollapsed}\n            $isExpanded={isSecondary ? isExpanded : undefined}\n            $isInteractionDisabled={isActionDisabled}\n            $isHidden={isSecondary ? isHidden : undefined}\n            $isPrimary={isPrimary}\n            $isSecondary={isSecondary}\n            $isShrunk={isPrimary ? isShrunk : undefined}\n            $isSolo={isPrimary ? isSolo : undefined}\n            $pulseColors={action.status?.pulseColors}\n            $height={height}\n            $statusType={action.status?.type}\n            $shouldUseContentWidth={shouldUseContentWidth}\n            onClick={onClick}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            type=\"button\"\n        >\n            {shouldShowDisabledReason && disabledReason ? (\n                <Tooltip\n                    alignment={PopupAlignment.BottomRight}\n                    item={{ text: disabledReason }}\n                    maxItemWidth={400}\n                >\n                    {actionContent}\n                </Tooltip>\n            ) : (\n                actionContent\n            )}\n        </StyledActionButton>\n    );\n};\n\nActionButton.displayName = 'ActionButton';\n\nexport default ActionButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ActionButton.js","names":["AnimatePresence","React","Icon","Tooltip","StyledActionButton","StyledActionContent","StyledIconSlot","StyledLabelWrapper","StyledSecondaryLabel","PopupAlignment","LABEL_GAP","LABEL_TRANSITION","duration","ActionButton","action","actionType","backgroundColor","isCollapsed","isDisabled","isExpanded","isHidden","isShrunk","isSolo","onClick","onMouseEnter","onMouseLeave","onFocus","onBlur","showLabel","shouldUseContentWidth","height","shouldShowKeyboardHighlighting","isPrimary","isSecondary","actionColor","color","isActionDisabled","Boolean","disabledReason","trim","shouldShowDisabledReason","iconSize","actionContent","createElement","$height","$isDisabled","icon","icons","size","initial","animate","opacity","width","marginLeft","exit","transition","style","label","disabled","$backgroundColor","$isCollapsed","$isExpanded","undefined","$isInteractionDisabled","$isHidden","$isPrimary","$isSecondary","$isShrunk","$isSolo","$pulseColors","status","pulseColors","$statusType","type","$shouldUseContentWidth","$shouldShowKeyboardHighlighting","alignment","BottomRight","item","text","maxItemWidth","displayName"],"sources":["../../../../../src/components/multi-action-button/action-button/ActionButton.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, { FC, FocusEventHandler, MouseEvent } from 'react';\nimport Icon from '../../icon/Icon';\nimport Tooltip from '../../tooltip/Tooltip';\nimport {\n    StyledActionButton,\n    StyledActionContent,\n    StyledIconSlot,\n    StyledLabelWrapper,\n    StyledSecondaryLabel,\n} from './ActionButton.styles';\nimport type { MultiActionButtonAction } from '../MultiActionButton.types';\nimport { PopupAlignment } from '../../../types/popup';\n\nconst LABEL_GAP = 6;\nconst LABEL_TRANSITION = { duration: 0.3 };\n\nexport type ActionButtonProps = {\n    action: MultiActionButtonAction;\n    actionType: 'primary' | 'secondary';\n    backgroundColor?: string;\n    isCollapsed: boolean;\n    isDisabled: boolean;\n    isExpanded?: boolean;\n    isHidden?: boolean;\n    isShrunk?: boolean;\n    isSolo?: boolean;\n    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n    onMouseEnter?: () => void;\n    onMouseLeave?: () => void;\n    onFocus?: FocusEventHandler<HTMLButtonElement>;\n    onBlur?: FocusEventHandler<HTMLButtonElement>;\n    showLabel: boolean;\n    shouldUseContentWidth: boolean;\n    height: number;\n    shouldShowKeyboardHighlighting?: boolean;\n};\n\n/**\n * Shared action button UI used by both primary and secondary actions.\n * Keeps layout and animations consistent while isolating styling details.\n */\nconst ActionButton: FC<ActionButtonProps> = ({\n    action,\n    actionType,\n    backgroundColor,\n    isCollapsed,\n    isDisabled,\n    isExpanded,\n    isHidden,\n    isShrunk,\n    isSolo,\n    onClick,\n    onMouseEnter,\n    onMouseLeave,\n    onFocus,\n    onBlur,\n    showLabel,\n    shouldUseContentWidth,\n    height,\n    shouldShowKeyboardHighlighting = false,\n}) => {\n    const isPrimary = actionType === 'primary';\n    const isSecondary = actionType === 'secondary';\n    const actionColor = action.color ?? '#FFFFFF';\n    const isActionDisabled = isDisabled || Boolean(action.isDisabled);\n    const disabledReason = action.disabledReason?.trim();\n    const shouldShowDisabledReason = Boolean(disabledReason) && isActionDisabled;\n    const iconSize = height - 24;\n\n    const actionContent = (\n        <StyledActionContent>\n            <StyledIconSlot $height={height} $isDisabled={isActionDisabled}>\n                {typeof action.icon === 'string' ? (\n                    <Icon icons={[action.icon]} color={actionColor} size={iconSize} />\n                ) : (\n                    action.icon\n                )}\n            </StyledIconSlot>\n            <AnimatePresence initial={false}>\n                {/* Animate width and margin to avoid layout jumps when labels mount/unmount. */}\n                {showLabel && (\n                    <StyledLabelWrapper\n                        animate={{ opacity: 1, width: 'auto', marginLeft: LABEL_GAP }}\n                        exit={{ opacity: 0, width: 0, marginLeft: 0 }}\n                        initial={{ opacity: 0, width: 0, marginLeft: 0 }}\n                        transition={LABEL_TRANSITION}\n                    >\n                        <StyledSecondaryLabel style={{ color: actionColor }}>\n                            {action.label}\n                        </StyledSecondaryLabel>\n                    </StyledLabelWrapper>\n                )}\n            </AnimatePresence>\n        </StyledActionContent>\n    );\n\n    return (\n        <StyledActionButton\n            aria-disabled={isActionDisabled}\n            disabled={isActionDisabled && !shouldShowDisabledReason}\n            $backgroundColor={backgroundColor}\n            $isCollapsed={isCollapsed}\n            $isExpanded={isSecondary ? isExpanded : undefined}\n            $isInteractionDisabled={isActionDisabled}\n            $isHidden={isSecondary ? isHidden : undefined}\n            $isPrimary={isPrimary}\n            $isSecondary={isSecondary}\n            $isShrunk={isPrimary ? isShrunk : undefined}\n            $isSolo={isPrimary ? isSolo : undefined}\n            $pulseColors={action.status?.pulseColors}\n            $height={height}\n            $statusType={action.status?.type}\n            $shouldUseContentWidth={shouldUseContentWidth}\n            $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n            onClick={onClick}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            type=\"button\"\n        >\n            {shouldShowDisabledReason && disabledReason ? (\n                <Tooltip\n                    alignment={PopupAlignment.BottomRight}\n                    item={{ text: disabledReason }}\n                    maxItemWidth={400}\n                >\n                    {actionContent}\n                </Tooltip>\n            ) : (\n                actionContent\n            )}\n        </StyledActionButton>\n    );\n};\n\nActionButton.displayName = 'ActionButton';\n\nexport default ActionButton;\n"],"mappings":"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","ignoreList":[]}