@rio-cloud/rio-uikit 2.4.2 → 2.5.0

package/components/dropdown/ButtonDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonDropdown.js","sources":["../../../src/components/dropdown/ButtonDropdown.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef, type PropsWithChildren } from 'react';\nimport ReactDOM from 'react-dom';\nimport { usePopper } from 'react-popper';\nimport { noop } from 'es-toolkit/function';\nimport { isNil } from 'es-toolkit/predicate';\n\nimport classNames from '../../utils/classNames';\nimport { getOrCreatePortalRoot } from '../../utils/portalRoot';\nimport useClickOutside, { DEFAULT_EVENT_TYPES } from '../../hooks/useClickOutside';\nimport MenuItems from '../menuItems/MenuItems';\nimport MenuItemList from '../menuItems/MenuItemList';\nimport DropdownToggleButton, { type DropdownToggleEvent, type DropdownToggleButtonType } from './DropdownToggleButton';\nimport SplitCaretButton from './SplitCaretButton';\nimport Caret from './Caret';\nimport type { MenuItemProps as MenuItem } from '../menuItems/MenuItem';\nimport type { BUTTON_SIZE, BUTTON_STYLE, BUTTON_VARIANT } from '../button/Button';\n\nconst getPlacement = (pullRight: boolean, dropup: boolean) => {\n    if (pullRight && dropup) {\n        return 'top-end';\n    }\n    if (!pullRight && dropup) {\n        return 'top-start';\n    }\n    if (pullRight && !dropup) {\n        return 'bottom-end';\n    }\n    return 'bottom-start';\n};\n\nexport type ButtonDropdownProps<T extends DropdownToggleButtonType = 'button'> = {\n    /**\n     * Unique button id. If not present a random id is generated.\n     */\n    id?: string;\n\n    /**\n     * Accessible label applied to the dropdown toggle button.\n     */\n    'aria-label'?: string;\n\n    /**\n     * The button title. This may be also a node, like a <span> or a <FormattedMessage>.\n     */\n    title: string | React.ReactNode;\n\n    /**\n     * Defined weather or not the menu is rendered.\n     * Use this to control the component from the outside.\n     *\n     * @default undefined\n     */\n    open?: boolean;\n\n    /**\n     * Defines whether the dropdown opens above or below.\n     * Set it to \"true\" additionally disables the automatic position feature.\n     *\n     * @default false\n     */\n    dropup?: boolean;\n\n    /**\n     * Defines whether the dropdown opens right aligned to the dropdown or not.\n     */\n    pullRight?: boolean;\n\n    /**\n     * Defines how large the button will be rendered.\n     *\n     * Possible values are: `xs`, `sm`, `md`, `lg`\n     *\n     * @default 'md'\n     */\n    bsSize?: BUTTON_SIZE;\n\n    /**\n     * Defines the button color.\n     *\n     * Possible values are: `default`, `primary`, `secondary`, `info`, `warning`, `danger`, `success`, `muted`\n     *\n     * @default 'default'\n     */\n    bsStyle?: BUTTON_STYLE;\n\n    /**\n     * Defines the variation of the button design.\n     *\n     * Possible values are: `link`, `link-inline`, `outline`, `action`\n     */\n    variant?: BUTTON_VARIANT;\n\n    /**\n     * Specify the toggle element type.\n     * It supports the following types: \"button\" | \"tag\" | \"label\"\n     *\n     * @default 'button'\n     */\n    toggleButtonType?: DropdownToggleButtonType;\n\n    /**\n     * Optional prop to defines whether the dropdown title is icon only which\n     * applies different padding so the button is a square.\n     *\n     * @default false\n     */\n    iconOnly?: boolean;\n\n    /**\n     * Optional rioglyph icon name forwarded to the underlying button toggle.\n     */\n    iconName?: string;\n\n    /**\n     * Defines whether the caret is shown or not.\n     *\n     * @default false\n     */\n    noCaret?: boolean;\n\n    /**\n     * Defines whether the dropdown-toggle (with caret) should be in a separate button.\n     *\n     * @default false\n     */\n    splitButton?: boolean;\n\n    /**\n     * Renders the dropdown into a dedicated react portal\n     *\n     * @default false\n     */\n    usePortal?: boolean;\n\n    /**\n     * Items to display in the dropdown menu. If you use a custom dropdown you can skip this prop.\n     */\n    items?: MenuItem[];\n\n    /**\n     * Disables the dropdown button.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback for splitButton label button click.\n     */\n    onLabelButtonClick?: () => void;\n\n    /**\n     * Callback for when the toggle button was clicked to open it.\n     * @param event\n     * @returns\n     */\n    onOpen?: (event: DropdownToggleEvent<T>) => void;\n\n    /**\n     * Callback for when the toggle button was clicked to close it.\n     * @returns\n     */\n    onClose?: () => void;\n\n    /**\n     * Allows to pass in custom dropdown menu content.\n     */\n    customDropdown?: React.ReactNode;\n\n    /**\n     * Define custom popper.js configuration for dropdown placement and modifiers.\n     */\n    popperConfig?: object;\n\n    /**\n     * Additional classes to be set on the dropdown-toggle button.\n     */\n    toggleClassName?: string;\n\n    /**\n     * Additional classes to be set on the dropdown.\n     */\n    dropdownClassName?: string;\n\n    /**\n     * Additional classes to be set to the wrapper element.\n     */\n    className?: string;\n};\n\nconst createButtonDropdown = <T extends DropdownToggleButtonType = 'button'>() => {\n    return forwardRef<\n        T extends 'button' ? HTMLButtonElement : HTMLDivElement,\n        PropsWithChildren<ButtonDropdownProps<T>>\n    >((props, ref) => {\n        const {\n            id = Math.random().toString(36).slice(2, 16),\n            'aria-label': ariaLabel,\n            items = [],\n            bsSize = 'md',\n            bsStyle = 'default',\n            variant,\n            disabled = false,\n            iconName,\n            iconOnly = false,\n            title,\n            splitButton = false,\n            customDropdown,\n            open,\n            dropup = false,\n            pullRight = false,\n            noCaret = false,\n            onOpen = noop,\n            onClose = noop,\n            onLabelButtonClick = noop,\n            usePortal = false,\n            popperConfig,\n            toggleButtonType = 'button',\n            toggleClassName = '',\n            dropdownClassName,\n            className = '',\n            ...remainingProps\n        } = props;\n\n        const [internalOpen, setInternalOpen] = useState(open);\n\n        const [refDropdownToggle, setRefDropdownToggle] = useState<HTMLButtonElement | HTMLDivElement | null>(null);\n        const [refDropdownMenu, setRefDropdownMenu] = useState<HTMLUListElement | null>(null);\n        const [refSplitButtonToggle, setRefSplitButtonToggle] = useState<HTMLButtonElement | null>(null);\n\n        const defaultPopperConfig = {\n            placement: getPlacement(pullRight, dropup),\n            modifiers: [],\n        };\n\n        const popperParentRef = splitButton && pullRight ? refSplitButtonToggle : refDropdownToggle;\n\n        const { styles, attributes } = usePopper(popperParentRef, refDropdownMenu, popperConfig || defaultPopperConfig);\n\n        const isUncontrolled = isNil(open);\n        const isOpen = isUncontrolled ? internalOpen : open;\n\n        const wrapperRef = useClickOutside(\n            event => {\n                if (usePortal) {\n                    // In case the dropdown is rendered via portal the clickOutside the toggle button element is\n                    // triggered since the dropdown is not a child of the wrapper element.\n                    // In this case we need to check if the event target is inside the dropdown-menu and prevent closing\n                    // the dropdown\n                    if (!refDropdownMenu?.contains(event.target as Node)) {\n                        closeMenu();\n                    }\n                } else {\n                    closeMenu();\n                }\n            },\n            DEFAULT_EVENT_TYPES,\n            Boolean(isOpen) // only listen to clicks outside when the dropdown is open\n        );\n\n        const dropdownRoot = getOrCreatePortalRoot();\n\n        const shouldShowCaret = !noCaret && !splitButton && !iconOnly;\n\n        useEffect(() => {\n            if (!isUncontrolled) {\n                setInternalOpen(open);\n            }\n        }, [isUncontrolled, open]);\n\n        const toggleOpen = (event?: DropdownToggleEvent<T>) => {\n            const isDropdownOpen = isUncontrolled ? internalOpen : open;\n\n            if (isDropdownOpen) {\n                closeMenu();\n            } else {\n                openMenu(event);\n            }\n        };\n\n        const openMenu = (event?: DropdownToggleEvent<T>) => {\n            if (isUncontrolled) {\n                setInternalOpen(true);\n            }\n            if (event) {\n                onOpen(event);\n            }\n        };\n\n        const closeMenu = () => {\n            if (isUncontrolled) {\n                setInternalOpen(false);\n            }\n            onClose();\n        };\n\n        const handleSplitLabelButtonClick = () => {\n            closeMenu();\n            onLabelButtonClick();\n        };\n\n        const handleSplitCaretButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            toggleOpen(event as DropdownToggleEvent<T>);\n        };\n\n        const handleDropdownButtonClick = (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => {\n            if (splitButton) {\n                handleSplitLabelButtonClick();\n            } else {\n                toggleOpen(event as DropdownToggleEvent<T>);\n            }\n        };\n\n        const wrapperClasses = classNames('dropdown', 'btn-group', isOpen && 'open', className);\n\n        const dropdownClasses = classNames(\n            usePortal && 'dropdown-portal',\n            splitButton && pullRight && 'pull-right',\n            dropdownClassName\n        );\n\n        const dropdownMenu = (\n            <MenuItemList\n                className={dropdownClasses}\n                ref={setRefDropdownMenu}\n                style={styles.popper}\n                {...attributes.popper}\n            >\n                {customDropdown ? customDropdown : <MenuItems items={items} closeMenu={toggleOpen} />}\n            </MenuItemList>\n        );\n\n        return (\n            <div {...remainingProps} className={wrapperClasses} ref={wrapperRef}>\n                <DropdownToggleButton\n                    id={id}\n                    aria-label={ariaLabel}\n                    splitButton={splitButton}\n                    bsStyle={bsStyle}\n                    bsSize={bsSize}\n                    variant={variant}\n                    iconOnly={iconOnly}\n                    iconName={iconName}\n                    disabled={disabled}\n                    ref={setRefDropdownToggle}\n                    onClick={handleDropdownButtonClick}\n                    outerRef={ref}\n                    toggleButtonType={toggleButtonType}\n                    className={toggleClassName}\n                >\n                    {title}\n                    {shouldShowCaret && <Caret />}\n                </DropdownToggleButton>\n                {splitButton && (\n                    <SplitCaretButton\n                        id={id}\n                        bsStyle={bsStyle}\n                        bsSize={bsSize}\n                        disabled={disabled}\n                        className={toggleClassName}\n                        onClick={handleSplitCaretButtonClick}\n                        ref={setRefSplitButtonToggle}\n                    />\n                )}\n                {isOpen && usePortal && ReactDOM.createPortal(dropdownMenu, dropdownRoot)}\n                {isOpen && !usePortal && dropdownMenu}\n            </div>\n        );\n    });\n};\n\nconst ButtonDropdown = createButtonDropdown();\n\nexport default ButtonDropdown;\n"],"names":["getPlacement","pullRight","dropup","createButtonDropdown","forwardRef","props","ref","id","ariaLabel","items","bsSize","bsStyle","variant","disabled","iconName","iconOnly","title","splitButton","customDropdown","open","noCaret","onOpen","noop","onClose","onLabelButtonClick","usePortal","popperConfig","toggleButtonType","toggleClassName","dropdownClassName","className","remainingProps","internalOpen","setInternalOpen","useState","refDropdownToggle","setRefDropdownToggle","refDropdownMenu","setRefDropdownMenu","refSplitButtonToggle","setRefSplitButtonToggle","defaultPopperConfig","popperParentRef","styles","attributes","usePopper","isUncontrolled","isNil","isOpen","wrapperRef","useClickOutside","event","closeMenu","DEFAULT_EVENT_TYPES","dropdownRoot","getOrCreatePortalRoot","shouldShowCaret","useEffect","toggleOpen","openMenu","handleSplitLabelButtonClick","handleSplitCaretButtonClick","handleDropdownButtonClick","wrapperClasses","classNames","dropdownClasses","dropdownMenu","jsx","MenuItemList","MenuItems","jsxs","DropdownToggleButton","Caret","SplitCaretButton","ReactDOM","ButtonDropdown"],"mappings":"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"}
+{"version":3,"file":"ButtonDropdown.js","sources":["../../../src/components/dropdown/ButtonDropdown.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef, type PropsWithChildren } from 'react';\nimport ReactDOM from 'react-dom';\nimport { usePopper } from 'react-popper';\nimport { noop } from 'es-toolkit/function';\nimport { isNil } from 'es-toolkit/predicate';\n\nimport classNames from '../../utils/classNames';\nimport { getOrCreatePortalRoot } from '../../utils/portalRoot';\nimport useClickOutside, { DEFAULT_EVENT_TYPES } from '../../hooks/useClickOutside';\nimport MenuItems from '../menuItems/MenuItems';\nimport MenuItemList from '../menuItems/MenuItemList';\nimport DropdownToggleButton, { type DropdownToggleEvent, type DropdownToggleButtonType } from './DropdownToggleButton';\nimport SplitCaretButton from './SplitCaretButton';\nimport Caret from './Caret';\nimport type { MenuItemProps as MenuItem } from '../menuItems/MenuItem';\nimport type { BUTTON_SIZE, BUTTON_STYLE, BUTTON_VARIANT } from '../button/Button';\nimport type { TrackingAttributes } from '../../utils/analytics/googleAnalyticsUtils';\n\nconst getPlacement = (pullRight: boolean, dropup: boolean) => {\n    if (pullRight && dropup) {\n        return 'top-end';\n    }\n    if (!pullRight && dropup) {\n        return 'top-start';\n    }\n    if (pullRight && !dropup) {\n        return 'bottom-end';\n    }\n    return 'bottom-start';\n};\n\nexport type ButtonDropdownProps<T extends DropdownToggleButtonType = 'button'> = {\n    /**\n     * Unique button id. If not present a random id is generated.\n     */\n    id?: string;\n\n    /**\n     * Accessible label applied to the dropdown toggle button.\n     */\n    'aria-label'?: string;\n\n    /**\n     * The button title. This may be also a node, like a <span> or a <FormattedMessage>.\n     */\n    title: string | React.ReactNode;\n\n    /**\n     * Defined weather or not the menu is rendered.\n     * Use this to control the component from the outside.\n     *\n     * @default undefined\n     */\n    open?: boolean;\n\n    /**\n     * Defines whether the dropdown opens above or below.\n     * Set it to \"true\" additionally disables the automatic position feature.\n     *\n     * @default false\n     */\n    dropup?: boolean;\n\n    /**\n     * Defines whether the dropdown opens right aligned to the dropdown or not.\n     */\n    pullRight?: boolean;\n\n    /**\n     * Defines how large the button will be rendered.\n     *\n     * Possible values are: `xs`, `sm`, `md`, `lg`\n     *\n     * @default 'md'\n     */\n    bsSize?: BUTTON_SIZE;\n\n    /**\n     * Defines the button color.\n     *\n     * Possible values are: `default`, `primary`, `secondary`, `info`, `warning`, `danger`, `success`, `muted`\n     *\n     * @default 'default'\n     */\n    bsStyle?: BUTTON_STYLE;\n\n    /**\n     * Defines the variation of the button design.\n     *\n     * Possible values are: `link`, `link-inline`, `outline`, `action`\n     */\n    variant?: BUTTON_VARIANT;\n\n    /**\n     * Specify the toggle element type.\n     * It supports the following types: \"button\" | \"tag\" | \"label\"\n     *\n     * @default 'button'\n     */\n    toggleButtonType?: DropdownToggleButtonType;\n\n    /**\n     * Optional prop to defines whether the dropdown title is icon only which\n     * applies different padding so the button is a square.\n     *\n     * @default false\n     */\n    iconOnly?: boolean;\n\n    /**\n     * Optional rioglyph icon name forwarded to the underlying button toggle.\n     */\n    iconName?: string;\n\n    /**\n     * Defines whether the caret is shown or not.\n     *\n     * @default false\n     */\n    noCaret?: boolean;\n\n    /**\n     * Defines whether the dropdown-toggle (with caret) should be in a separate button.\n     *\n     * @default false\n     */\n    splitButton?: boolean;\n\n    /**\n     * Renders the dropdown into a dedicated react portal\n     *\n     * @default false\n     */\n    usePortal?: boolean;\n\n    /**\n     * Items to display in the dropdown menu. If you use a custom dropdown you can skip this prop.\n     */\n    items?: MenuItem[];\n\n    /**\n     * Disables the dropdown button.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback for splitButton label button click.\n     */\n    onLabelButtonClick?: () => void;\n\n    /**\n     * Callback for when the toggle button was clicked to open it.\n     * @param event\n     * @returns\n     */\n    onOpen?: (event: DropdownToggleEvent<T>) => void;\n\n    /**\n     * Callback for when the toggle button was clicked to close it.\n     * @returns\n     */\n    onClose?: () => void;\n\n    /**\n     * Allows to pass in custom dropdown menu content.\n     */\n    customDropdown?: React.ReactNode;\n\n    /**\n     * Define custom popper.js configuration for dropdown placement and modifiers.\n     */\n    popperConfig?: object;\n\n    /**\n     * Additional classes to be set on the dropdown-toggle button.\n     */\n    toggleClassName?: string;\n\n    /**\n     * Optional tracking attributes added to the dropdown toggle button.\n     */\n    trackingAttributes?: TrackingAttributes;\n\n    /**\n     * Additional classes to be set on the dropdown.\n     */\n    dropdownClassName?: string;\n\n    /**\n     * Additional classes to be set to the wrapper element.\n     */\n    className?: string;\n};\n\nconst createButtonDropdown = <T extends DropdownToggleButtonType = 'button'>() => {\n    return forwardRef<\n        T extends 'button' ? HTMLButtonElement : HTMLDivElement,\n        PropsWithChildren<ButtonDropdownProps<T>>\n    >((props, ref) => {\n        const {\n            id = Math.random().toString(36).slice(2, 16),\n            'aria-label': ariaLabel,\n            items = [],\n            bsSize = 'md',\n            bsStyle = 'default',\n            variant,\n            disabled = false,\n            iconName,\n            iconOnly = false,\n            title,\n            splitButton = false,\n            customDropdown,\n            open,\n            dropup = false,\n            pullRight = false,\n            noCaret = false,\n            onOpen = noop,\n            onClose = noop,\n            onLabelButtonClick = noop,\n            usePortal = false,\n            popperConfig,\n            toggleButtonType = 'button',\n            toggleClassName = '',\n            trackingAttributes,\n            dropdownClassName,\n            className = '',\n            ...remainingProps\n        } = props;\n\n        const [internalOpen, setInternalOpen] = useState(open);\n\n        const [refDropdownToggle, setRefDropdownToggle] = useState<HTMLButtonElement | HTMLDivElement | null>(null);\n        const [refDropdownMenu, setRefDropdownMenu] = useState<HTMLUListElement | null>(null);\n        const [refSplitButtonToggle, setRefSplitButtonToggle] = useState<HTMLButtonElement | null>(null);\n\n        const defaultPopperConfig = {\n            placement: getPlacement(pullRight, dropup),\n            modifiers: [],\n        };\n\n        const popperParentRef = splitButton && pullRight ? refSplitButtonToggle : refDropdownToggle;\n\n        const { styles, attributes } = usePopper(popperParentRef, refDropdownMenu, popperConfig || defaultPopperConfig);\n\n        const isUncontrolled = isNil(open);\n        const isOpen = isUncontrolled ? internalOpen : open;\n\n        const wrapperRef = useClickOutside(\n            event => {\n                if (usePortal) {\n                    // In case the dropdown is rendered via portal the clickOutside the toggle button element is\n                    // triggered since the dropdown is not a child of the wrapper element.\n                    // In this case we need to check if the event target is inside the dropdown-menu and prevent closing\n                    // the dropdown\n                    if (!refDropdownMenu?.contains(event.target as Node)) {\n                        closeMenu();\n                    }\n                } else {\n                    closeMenu();\n                }\n            },\n            DEFAULT_EVENT_TYPES,\n            Boolean(isOpen) // only listen to clicks outside when the dropdown is open\n        );\n\n        const dropdownRoot = getOrCreatePortalRoot();\n\n        const shouldShowCaret = !noCaret && !splitButton && !iconOnly;\n\n        useEffect(() => {\n            if (!isUncontrolled) {\n                setInternalOpen(open);\n            }\n        }, [isUncontrolled, open]);\n\n        const toggleOpen = (event?: DropdownToggleEvent<T>) => {\n            const isDropdownOpen = isUncontrolled ? internalOpen : open;\n\n            if (isDropdownOpen) {\n                closeMenu();\n            } else {\n                openMenu(event);\n            }\n        };\n\n        const openMenu = (event?: DropdownToggleEvent<T>) => {\n            if (isUncontrolled) {\n                setInternalOpen(true);\n            }\n            if (event) {\n                onOpen(event);\n            }\n        };\n\n        const closeMenu = () => {\n            if (isUncontrolled) {\n                setInternalOpen(false);\n            }\n            onClose();\n        };\n\n        const handleSplitLabelButtonClick = () => {\n            closeMenu();\n            onLabelButtonClick();\n        };\n\n        const handleSplitCaretButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            toggleOpen(event as DropdownToggleEvent<T>);\n        };\n\n        const handleDropdownButtonClick = (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => {\n            if (splitButton) {\n                handleSplitLabelButtonClick();\n            } else {\n                toggleOpen(event as DropdownToggleEvent<T>);\n            }\n        };\n\n        const wrapperClasses = classNames('dropdown', 'btn-group', isOpen && 'open', className);\n\n        const dropdownClasses = classNames(\n            usePortal && 'dropdown-portal',\n            splitButton && pullRight && 'pull-right',\n            dropdownClassName\n        );\n\n        const dropdownMenu = (\n            <MenuItemList\n                className={dropdownClasses}\n                ref={setRefDropdownMenu}\n                style={styles.popper}\n                {...attributes.popper}\n            >\n                {customDropdown ? customDropdown : <MenuItems items={items} closeMenu={toggleOpen} />}\n            </MenuItemList>\n        );\n\n        return (\n            <div {...remainingProps} className={wrapperClasses} ref={wrapperRef}>\n                <DropdownToggleButton\n                    id={id}\n                    aria-label={ariaLabel}\n                    splitButton={splitButton}\n                    bsStyle={bsStyle}\n                    bsSize={bsSize}\n                    variant={variant}\n                    iconOnly={iconOnly}\n                    iconName={iconName}\n                    disabled={disabled}\n                    ref={setRefDropdownToggle}\n                    onClick={handleDropdownButtonClick}\n                    outerRef={ref}\n                    toggleButtonType={toggleButtonType}\n                    className={toggleClassName}\n                    trackingAttributes={trackingAttributes}\n                >\n                    {title}\n                    {shouldShowCaret && <Caret />}\n                </DropdownToggleButton>\n                {splitButton && (\n                    <SplitCaretButton\n                        id={id}\n                        bsStyle={bsStyle}\n                        bsSize={bsSize}\n                        disabled={disabled}\n                        className={toggleClassName}\n                        onClick={handleSplitCaretButtonClick}\n                        ref={setRefSplitButtonToggle}\n                    />\n                )}\n                {isOpen && usePortal && ReactDOM.createPortal(dropdownMenu, dropdownRoot)}\n                {isOpen && !usePortal && dropdownMenu}\n            </div>\n        );\n    });\n};\n\nconst ButtonDropdown = createButtonDropdown();\n\nexport default ButtonDropdown;\n"],"names":["getPlacement","pullRight","dropup","createButtonDropdown","forwardRef","props","ref","id","ariaLabel","items","bsSize","bsStyle","variant","disabled","iconName","iconOnly","title","splitButton","customDropdown","open","noCaret","onOpen","noop","onClose","onLabelButtonClick","usePortal","popperConfig","toggleButtonType","toggleClassName","trackingAttributes","dropdownClassName","className","remainingProps","internalOpen","setInternalOpen","useState","refDropdownToggle","setRefDropdownToggle","refDropdownMenu","setRefDropdownMenu","refSplitButtonToggle","setRefSplitButtonToggle","defaultPopperConfig","popperParentRef","styles","attributes","usePopper","isUncontrolled","isNil","isOpen","wrapperRef","useClickOutside","event","closeMenu","DEFAULT_EVENT_TYPES","dropdownRoot","getOrCreatePortalRoot","shouldShowCaret","useEffect","toggleOpen","openMenu","handleSplitLabelButtonClick","handleSplitCaretButtonClick","handleDropdownButtonClick","wrapperClasses","classNames","dropdownClasses","dropdownMenu","jsx","MenuItemList","MenuItems","jsxs","DropdownToggleButton","Caret","SplitCaretButton","ReactDOM","ButtonDropdown"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAMA,KAAe,CAACC,GAAoBC,MAClCD,KAAaC,IACN,YAEP,CAACD,KAAaC,IACP,cAEPD,KAAa,CAACC,IACP,eAEJ,gBAwKLC,KAAuB,MAClBC,GAGL,CAACC,GAAOC,MAAQ;AACd,QAAM;AAAA,IACF,IAAAC,IAAK,KAAK,SAAS,SAAS,EAAE,EAAE,MAAM,GAAG,EAAE;AAAA,IAC3C,cAAcC;AAAA,IACd,OAAAC,IAAQ,CAAA;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,SAAAC,IAAU;AAAA,IACV,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,gBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAjB,IAAS;AAAA,IACT,WAAAD,IAAY;AAAA,IACZ,SAAAmB,IAAU;AAAA,IACV,QAAAC,IAASC;AAAA,IACT,SAAAC,IAAUD;AAAA,IACV,oBAAAE,IAAqBF;AAAA,IACrB,WAAAG,IAAY;AAAA,IACZ,cAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,iBAAAC,IAAkB;AAAA,IAClB,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,IACH3B,GAEE,CAAC4B,GAAcC,CAAe,IAAIC,EAAShB,CAAI,GAE/C,CAACiB,GAAmBC,CAAoB,IAAIF,EAAoD,IAAI,GACpG,CAACG,GAAiBC,CAAkB,IAAIJ,EAAkC,IAAI,GAC9E,CAACK,GAAsBC,CAAuB,IAAIN,EAAmC,IAAI,GAEzFO,IAAsB;AAAA,IACxB,WAAW1C,GAAaC,GAAWC,CAAM;AAAA,IACzC,WAAW,CAAA;AAAA,EAAC,GAGVyC,IAAkB1B,KAAehB,IAAYuC,IAAuBJ,GAEpE,EAAE,QAAAQ,GAAQ,YAAAC,MAAeC,GAAUH,GAAiBL,GAAiBZ,KAAgBgB,CAAmB,GAExGK,IAAiBC,GAAM7B,CAAI,GAC3B8B,IAASF,IAAiBd,IAAed,GAEzC+B,IAAaC;AAAA,IACf,CAAAC,MAAS;AACL,MAAI3B,KAKKa,GAAiB,SAASc,EAAM,MAAc,KAC/CC,EAAA;AAAA,IAKZ;AAAA,IACAC;AAAA,IACA,EAAQL;AAAA;AAAA,EAAM,GAGZM,IAAeC,GAAA,GAEfC,KAAkB,CAACrC,KAAW,CAACH,KAAe,CAACF;AAErD,EAAA2C,GAAU,MAAM;AACZ,IAAKX,KACDb,EAAgBf,CAAI;AAAA,EAE5B,GAAG,CAAC4B,GAAgB5B,CAAI,CAAC;AAEzB,QAAMwC,IAAa,CAACP,MAAmC;AAGnD,KAFuBL,IAAiBd,IAAed,KAGnDkC,EAAA,IAEAO,GAASR,CAAK;AAAA,EAEtB,GAEMQ,KAAW,CAACR,MAAmC;AACjD,IAAIL,KACAb,EAAgB,EAAI,GAEpBkB,KACA/B,EAAO+B,CAAK;AAAA,EAEpB,GAEMC,IAAY,MAAM;AACpB,IAAIN,KACAb,EAAgB,EAAK,GAEzBX,EAAA;AAAA,EACJ,GAEMsC,KAA8B,MAAM;AACtC,IAAAR,EAAA,GACA7B,EAAA;AAAA,EACJ,GAEMsC,KAA8B,CAACV,MAA+C;AAChF,IAAAO,EAAWP,CAA+B;AAAA,EAC9C,GAEMW,KAA4B,CAACX,MAAgE;AAC/F,IAAInC,IACA4C,GAAA,IAEAF,EAAWP,CAA+B;AAAA,EAElD,GAEMY,KAAiBC,EAAW,YAAY,aAAahB,KAAU,QAAQlB,CAAS,GAEhFmC,KAAkBD;AAAA,IACpBxC,KAAa;AAAA,IACbR,KAAehB,KAAa;AAAA,IAC5B6B;AAAA,EAAA,GAGEqC,IACF,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAWH;AAAA,MACX,KAAK3B;AAAA,MACL,OAAOK,EAAO;AAAA,MACb,GAAGC,EAAW;AAAA,MAEd,eAAkC,gBAAAuB,EAACE,IAAA,EAAU,OAAA7D,GAAc,WAAWkD,EAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAI3F,2BACK,OAAA,EAAK,GAAG3B,GAAgB,WAAWgC,IAAgB,KAAKd,GACrD,UAAA;AAAA,IAAA,gBAAAqB;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAAjE;AAAA,QACA,cAAYC;AAAA,QACZ,aAAAS;AAAA,QACA,SAAAN;AAAA,QACA,QAAAD;AAAA,QACA,SAAAE;AAAA,QACA,UAAAG;AAAA,QACA,UAAAD;AAAA,QACA,UAAAD;AAAA,QACA,KAAKwB;AAAA,QACL,SAAS0B;AAAA,QACT,UAAUzD;AAAA,QACV,kBAAAqB;AAAA,QACA,WAAWC;AAAA,QACX,oBAAAC;AAAA,QAEC,UAAA;AAAA,UAAAb;AAAA,UACAyC,wBAAoBgB,IAAA,CAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAE9BxD,KACG,gBAAAmD;AAAA,MAACM;AAAA,MAAA;AAAA,QACG,IAAAnE;AAAA,QACA,SAAAI;AAAA,QACA,QAAAD;AAAA,QACA,UAAAG;AAAA,QACA,WAAWe;AAAA,QACX,SAASkC;AAAA,QACT,KAAKrB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZQ,KAAUxB,KAAakD,GAAS,aAAaR,GAAcZ,CAAY;AAAA,IACvEN,KAAU,CAACxB,KAAa0C;AAAA,EAAA,GAC7B;AAER,CAAC,GAGCS,KAAiBzE,GAAA;"}

package/components/dropdown/DropdownToggleButton.d.ts

@@ -1,5 +1,6 @@
 import { HTMLProps, PropsWithChildren } from 'react';
 import { BUTTON_VARIANT, BUTTON_SIZE, BUTTON_STYLE } from '../button/Button';
+import { TrackingAttributes } from '../../utils/analytics/googleAnalyticsUtils';
 export type DropdownToggleButtonType = 'button' | 'tag' | 'label';
 export type DropdownToggleEvent<T extends DropdownToggleButtonType = 'button'> = T extends 'button' ? React.MouseEvent<HTMLButtonElement> : React.MouseEvent<HTMLDivElement>;
 export type DropdownToggleButtonProps = HTMLProps<HTMLButtonElement> & {
@@ -15,6 +16,7 @@ export type DropdownToggleButtonProps = HTMLProps<HTMLButtonElement> & {
     toggleButtonType?: DropdownToggleButtonType;
     outerRef?: React.Ref<HTMLButtonElement | HTMLDivElement>;
     className?: string;
+    trackingAttributes?: TrackingAttributes;
 };
 declare const DropdownToggleButton: import('react').ForwardRefExoticComponent<Omit<PropsWithChildren<DropdownToggleButtonProps>, "ref"> & import('react').RefAttributes<HTMLDivElement | HTMLButtonElement>>;
 export default DropdownToggleButton;

package/components/dropdown/DropdownToggleButton.js

@@ -1,83 +1,87 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as B } from "react";
-import C from "../button/Button.js";
-import R from "../../hooks/useMergeRefs.js";
-import c from "../../utils/classNames.js";
-const z = B((f, u) => {
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as C } from "react";
+import R from "../button/Button.js";
+import h from "../../hooks/useMergeRefs.js";
+import g from "../../utils/classNames.js";
+const A = C((f, d) => {
   const {
     id: e,
     disabled: t,
-    iconName: d,
-    bsSize: g,
-    bsStyle: m,
-    variant: b,
+    iconName: b,
+    bsSize: m,
+    bsStyle: p,
+    variant: y,
     splitButton: o = !1,
     onClick: s,
-    toggleButtonType: p = "button",
+    toggleButtonType: u = "button",
     className: n = "",
-    as: h,
+    as: k,
     children: r,
-    outerRef: y,
-    iconOnly: N,
-    ...l
-  } = f, a = R(y, u), v = c(!o && "dropdown-toggle", !o && n), w = c(
+    outerRef: N,
+    iconOnly: v,
+    trackingAttributes: l,
+    ...a
+  } = f, i = h(N, d), w = g(!o && "dropdown-toggle", !o && n), x = g(
     "dropdown-toggle",
     "label",
-    `label-${m}`,
+    `label-${p}`,
     "display-flex align-items-center",
     "user-select-none cursor-pointer",
     t && "pointer-events-none",
     n
-  ), x = c(
+  ), B = g(
     "dropdown-toggle",
     "tag",
     "clickable height-auto",
-    g === "sm" && "tag-small",
+    m === "sm" && "tag-small",
     "display-flex align-items-center",
     "user-select-none cursor-pointer",
     t && "pointer-events-none",
     n
   );
-  return p === "tag" ? /* @__PURE__ */ i(
+  return u === "tag" ? /* @__PURE__ */ c(
     "div",
     {
+      ...a,
       ...l,
       id: e,
-      ref: a,
+      ref: i,
       onClick: s,
-      className: x,
+      className: B,
       children: r
     }
-  ) : p === "label" ? /* @__PURE__ */ i(
+  ) : u === "label" ? /* @__PURE__ */ c(
     "div",
     {
+      ...a,
       ...l,
       id: e,
-      ref: a,
+      ref: i,
       onClick: s,
-      className: w,
+      className: x,
       children: r
     }
-  ) : /* @__PURE__ */ i(
-    C,
+  ) : /* @__PURE__ */ c(
+    R,
     {
+      ...a,
       ...l,
       id: o ? `button-${e}` : e,
       type: "button",
-      ref: a,
+      ref: i,
       disabled: t,
-      bsStyle: m,
-      bsSize: g,
-      variant: b,
+      bsStyle: p,
+      bsSize: m,
+      variant: y,
       onClick: s,
-      iconName: d,
-      iconOnly: N,
-      className: v,
+      iconName: b,
+      iconOnly: v,
+      className: w,
       children: r
     }
   );
 });
 export {
-  z as default
+  A as default
 };
 //# sourceMappingURL=DropdownToggleButton.js.map

package/components/dropdown/DropdownToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownToggleButton.js","sources":["../../../src/components/dropdown/DropdownToggleButton.tsx"],"sourcesContent":["import { forwardRef, type HTMLProps, type PropsWithChildren } from 'react';\n\nimport Button, { type BUTTON_VARIANT, type BUTTON_SIZE, type BUTTON_STYLE } from '../button/Button';\nimport useMergeRefs from '../../hooks/useMergeRefs';\nimport classNames from '../../utils/classNames';\n\nexport type DropdownToggleButtonType = 'button' | 'tag' | 'label';\n\nexport type DropdownToggleEvent<T extends DropdownToggleButtonType = 'button'> = T extends 'button'\n    ? React.MouseEvent<HTMLButtonElement>\n    : React.MouseEvent<HTMLDivElement>;\n\nexport type DropdownToggleButtonProps = HTMLProps<HTMLButtonElement> & {\n    id?: string;\n    disabled?: boolean;\n    iconName?: string;\n    splitButton?: boolean;\n    iconOnly?: boolean;\n    onClick: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;\n    bsSize: BUTTON_SIZE;\n    bsStyle: BUTTON_STYLE;\n    variant?: BUTTON_VARIANT;\n    toggleButtonType?: DropdownToggleButtonType;\n    outerRef?: React.Ref<HTMLButtonElement | HTMLDivElement>;\n    className?: string;\n};\n\nconst DropdownToggleButton = forwardRef<\n    HTMLButtonElement | HTMLDivElement,\n    PropsWithChildren<DropdownToggleButtonProps>\n>((props, ref) => {\n    const {\n        id,\n        disabled,\n        iconName,\n        bsSize,\n        bsStyle,\n        variant,\n        splitButton = false,\n        onClick,\n        toggleButtonType = 'button',\n        className = '',\n        as: _as,\n        children,\n        outerRef,\n        iconOnly,\n        ...remainingProps\n    } = props;\n\n    const toggleRef = useMergeRefs(outerRef, ref);\n\n    const buttonClasses = classNames(!splitButton && 'dropdown-toggle', !splitButton && className);\n\n    const labelClasses = classNames(\n        'dropdown-toggle',\n        'label',\n        `label-${bsStyle}`,\n        'display-flex align-items-center',\n        'user-select-none cursor-pointer',\n        disabled && 'pointer-events-none',\n        className\n    );\n    const tagClasses = classNames(\n        'dropdown-toggle',\n        'tag',\n        'clickable height-auto',\n        bsSize === 'sm' && 'tag-small',\n        'display-flex align-items-center',\n        'user-select-none cursor-pointer',\n        disabled && 'pointer-events-none',\n        className\n    );\n\n    if (toggleButtonType === 'tag') {\n        return (\n            <div\n                {...(remainingProps as typeof HTMLDivElement)}\n                id={id}\n                ref={toggleRef}\n                onClick={onClick}\n                className={tagClasses}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    if (toggleButtonType === 'label') {\n        return (\n            <div\n                {...(remainingProps as typeof HTMLDivElement)}\n                id={id}\n                ref={toggleRef}\n                onClick={onClick}\n                className={labelClasses}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    return (\n        <Button\n            {...remainingProps}\n            id={splitButton ? `button-${id}` : id}\n            type='button'\n            ref={toggleRef}\n            disabled={disabled}\n            bsStyle={bsStyle}\n            bsSize={bsSize}\n            variant={variant}\n            onClick={onClick}\n            iconName={iconName}\n            iconOnly={iconOnly}\n            className={buttonClasses}\n        >\n            {children}\n        </Button>\n    );\n});\n\nexport default DropdownToggleButton;\n"],"names":["DropdownToggleButton","forwardRef","props","ref","id","disabled","iconName","bsSize","bsStyle","variant","splitButton","onClick","toggleButtonType","className","_as","children","outerRef","iconOnly","remainingProps","toggleRef","useMergeRefs","buttonClasses","classNames","labelClasses","tagClasses","jsx","Button"],"mappings":";;;;;AA2BA,MAAMA,IAAuBC,EAG3B,CAACC,GAAOC,MAAQ;AACd,QAAM;AAAA,IACF,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,SAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,WAAAC,IAAY;AAAA,IACZ,IAAIC;AAAA,IACJ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHhB,GAEEiB,IAAYC,EAAaJ,GAAUb,CAAG,GAEtCkB,IAAgBC,EAAW,CAACZ,KAAe,mBAAmB,CAACA,KAAeG,CAAS,GAEvFU,IAAeD;AAAA,IACjB;AAAA,IACA;AAAA,IACA,SAASd,CAAO;AAAA,IAChB;AAAA,IACA;AAAA,IACAH,KAAY;AAAA,IACZQ;AAAA,EAAA,GAEEW,IAAaF;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACAf,MAAW,QAAQ;AAAA,IACnB;AAAA,IACA;AAAA,IACAF,KAAY;AAAA,IACZQ;AAAA,EAAA;AAGJ,SAAID,MAAqB,QAEjB,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAIP;AAAA,MACL,IAAAd;AAAA,MACA,KAAKe;AAAA,MACL,SAAAR;AAAA,MACA,WAAWa;AAAA,MAEV,UAAAT;AAAA,IAAA;AAAA,EAAA,IAKTH,MAAqB,UAEjB,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAIP;AAAA,MACL,IAAAd;AAAA,MACA,KAAKe;AAAA,MACL,SAAAR;AAAA,MACA,WAAWY;AAAA,MAEV,UAAAR;AAAA,IAAA;AAAA,EAAA,IAMT,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGR;AAAA,MACJ,IAAIR,IAAc,UAAUN,CAAE,KAAKA;AAAA,MACnC,MAAK;AAAA,MACL,KAAKe;AAAA,MACL,UAAAd;AAAA,MACA,SAAAG;AAAA,MACA,QAAAD;AAAA,MACA,SAAAE;AAAA,MACA,SAAAE;AAAA,MACA,UAAAL;AAAA,MACA,UAAAW;AAAA,MACA,WAAWI;AAAA,MAEV,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;"}
+{"version":3,"file":"DropdownToggleButton.js","sources":["../../../src/components/dropdown/DropdownToggleButton.tsx"],"sourcesContent":["import { forwardRef, type HTMLProps, type PropsWithChildren } from 'react';\n\nimport Button, { type BUTTON_VARIANT, type BUTTON_SIZE, type BUTTON_STYLE } from '../button/Button';\nimport useMergeRefs from '../../hooks/useMergeRefs';\nimport classNames from '../../utils/classNames';\nimport type { TrackingAttributes } from '../../utils/analytics/googleAnalyticsUtils';\n\nexport type DropdownToggleButtonType = 'button' | 'tag' | 'label';\n\nexport type DropdownToggleEvent<T extends DropdownToggleButtonType = 'button'> = T extends 'button'\n    ? React.MouseEvent<HTMLButtonElement>\n    : React.MouseEvent<HTMLDivElement>;\n\nexport type DropdownToggleButtonProps = HTMLProps<HTMLButtonElement> & {\n    id?: string;\n    disabled?: boolean;\n    iconName?: string;\n    splitButton?: boolean;\n    iconOnly?: boolean;\n    onClick: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;\n    bsSize: BUTTON_SIZE;\n    bsStyle: BUTTON_STYLE;\n    variant?: BUTTON_VARIANT;\n    toggleButtonType?: DropdownToggleButtonType;\n    outerRef?: React.Ref<HTMLButtonElement | HTMLDivElement>;\n    className?: string;\n    trackingAttributes?: TrackingAttributes;\n};\n\nconst DropdownToggleButton = forwardRef<\n    HTMLButtonElement | HTMLDivElement,\n    PropsWithChildren<DropdownToggleButtonProps>\n>((props, ref) => {\n    const {\n        id,\n        disabled,\n        iconName,\n        bsSize,\n        bsStyle,\n        variant,\n        splitButton = false,\n        onClick,\n        toggleButtonType = 'button',\n        className = '',\n        as: _as,\n        children,\n        outerRef,\n        iconOnly,\n        trackingAttributes,\n        ...remainingProps\n    } = props;\n\n    const toggleRef = useMergeRefs(outerRef, ref);\n\n    const buttonClasses = classNames(!splitButton && 'dropdown-toggle', !splitButton && className);\n\n    const labelClasses = classNames(\n        'dropdown-toggle',\n        'label',\n        `label-${bsStyle}`,\n        'display-flex align-items-center',\n        'user-select-none cursor-pointer',\n        disabled && 'pointer-events-none',\n        className\n    );\n    const tagClasses = classNames(\n        'dropdown-toggle',\n        'tag',\n        'clickable height-auto',\n        bsSize === 'sm' && 'tag-small',\n        'display-flex align-items-center',\n        'user-select-none cursor-pointer',\n        disabled && 'pointer-events-none',\n        className\n    );\n\n    if (toggleButtonType === 'tag') {\n        return (\n            <div\n                {...(remainingProps as typeof HTMLDivElement)}\n                {...trackingAttributes}\n                id={id}\n                ref={toggleRef}\n                onClick={onClick}\n                className={tagClasses}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    if (toggleButtonType === 'label') {\n        return (\n            <div\n                {...(remainingProps as typeof HTMLDivElement)}\n                {...trackingAttributes}\n                id={id}\n                ref={toggleRef}\n                onClick={onClick}\n                className={labelClasses}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    return (\n        <Button\n            {...remainingProps}\n            {...trackingAttributes}\n            id={splitButton ? `button-${id}` : id}\n            type='button'\n            ref={toggleRef}\n            disabled={disabled}\n            bsStyle={bsStyle}\n            bsSize={bsSize}\n            variant={variant}\n            onClick={onClick}\n            iconName={iconName}\n            iconOnly={iconOnly}\n            className={buttonClasses}\n        >\n            {children}\n        </Button>\n    );\n});\n\nexport default DropdownToggleButton;\n"],"names":["DropdownToggleButton","forwardRef","props","ref","id","disabled","iconName","bsSize","bsStyle","variant","splitButton","onClick","toggleButtonType","className","_as","children","outerRef","iconOnly","trackingAttributes","remainingProps","toggleRef","useMergeRefs","buttonClasses","classNames","labelClasses","tagClasses","jsx","Button"],"mappings":";;;;;AA6BA,MAAMA,IAAuBC,EAG3B,CAACC,GAAOC,MAAQ;AACd,QAAM;AAAA,IACF,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,SAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,WAAAC,IAAY;AAAA,IACZ,IAAIC;AAAA,IACJ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHjB,GAEEkB,IAAYC,EAAaL,GAAUb,CAAG,GAEtCmB,IAAgBC,EAAW,CAACb,KAAe,mBAAmB,CAACA,KAAeG,CAAS,GAEvFW,IAAeD;AAAA,IACjB;AAAA,IACA;AAAA,IACA,SAASf,CAAO;AAAA,IAChB;AAAA,IACA;AAAA,IACAH,KAAY;AAAA,IACZQ;AAAA,EAAA,GAEEY,IAAaF;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACAhB,MAAW,QAAQ;AAAA,IACnB;AAAA,IACA;AAAA,IACAF,KAAY;AAAA,IACZQ;AAAA,EAAA;AAGJ,SAAID,MAAqB,QAEjB,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAIP;AAAA,MACJ,GAAGD;AAAA,MACJ,IAAAd;AAAA,MACA,KAAKgB;AAAA,MACL,SAAAT;AAAA,MACA,WAAWc;AAAA,MAEV,UAAAV;AAAA,IAAA;AAAA,EAAA,IAKTH,MAAqB,UAEjB,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAIP;AAAA,MACJ,GAAGD;AAAA,MACJ,IAAAd;AAAA,MACA,KAAKgB;AAAA,MACL,SAAAT;AAAA,MACA,WAAWa;AAAA,MAEV,UAAAT;AAAA,IAAA;AAAA,EAAA,IAMT,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGR;AAAA,MACH,GAAGD;AAAA,MACJ,IAAIR,IAAc,UAAUN,CAAE,KAAKA;AAAA,MACnC,MAAK;AAAA,MACL,KAAKgB;AAAA,MACL,UAAAf;AAAA,MACA,SAAAG;AAAA,MACA,QAAAD;AAAA,MACA,SAAAE;AAAA,MACA,SAAAE;AAAA,MACA,UAAAL;AAAA,MACA,UAAAW;AAAA,MACA,WAAWK;AAAA,MAEV,UAAAP;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;"}

package/components/map/components/features/settings/builtinSettings/MapTypeSettings.js

@@ -1,162 +1,160 @@
-import { jsx as e, jsxs as U } from "react/jsx-runtime";
+import { jsx as e, jsxs as j } from "react/jsx-runtime";
 import { useMemo as N, useEffect as K } from "react";
-import { noop as O } from "es-toolkit/function";
-import { compact as b } from "es-toolkit/compat";
-import { MAP_TYPE_DEFAULT as t, MAP_TYPE_FLEET_STYLE as n, MAP_TYPE_TERRAIN as s, MAP_TYPE_SATELLITE as p, MAP_TYPE_NIGHT as _ } from "../../../constants.js";
-import W from "../MapSettingsPanel.js";
-import M from "../MapSettingsItem.js";
-import $ from "../MapSettingsTile.js";
-import { MapIcon as a, MAP_TYPE_NIGHT_INACTIVE as Y, MAP_TYPE_NIGHT_ACTIVE as q, MAP_TYPE_SATELLITE_INACTIVE as V, MAP_TYPE_SATELLITE_ACTIVE as z, MAP_TYPE_TERRAIN_INACTIVE as F, MAP_TYPE_TERRAIN_ACTIVE as B, MAP_TYPE_FLAT_TRUCK_INACTIVE as k, MAP_TYPE_FLAT_TRUCK_ACTIVE as J, MAP_TYPE_FLAT_INACTIVE as D, MAP_TYPE_FLAT_ACTIVE as Q } from "../../../../icons/MapIcon.js";
-import X from "../items/MapSettingsDropdownHeader.js";
-const le = (R) => {
+import { noop as W } from "es-toolkit/function";
+import { compact as f } from "es-toolkit/compat";
+import { MAP_TYPE_DEFAULT as i, MAP_TYPE_FLEET_STYLE as n, MAP_TYPE_TERRAIN as T, MAP_TYPE_SATELLITE as s, MAP_TYPE_NIGHT as _ } from "../../../constants.js";
+import q from "../MapSettingsPanel.js";
+import A from "../MapSettingsItem.js";
+import z from "../MapSettingsTile.js";
+import { MapIcon as a, MAP_TYPE_NIGHT_INACTIVE as Y, MAP_TYPE_NIGHT_ACTIVE as B, MAP_TYPE_SATELLITE_INACTIVE as d, MAP_TYPE_SATELLITE_ACTIVE as J, MAP_TYPE_TERRAIN_INACTIVE as F, MAP_TYPE_TERRAIN_ACTIVE as O, MAP_TYPE_FLAT_TRUCK_INACTIVE as V, MAP_TYPE_FLAT_TRUCK_ACTIVE as Q, MAP_TYPE_FLAT_INACTIVE as k, MAP_TYPE_FLAT_ACTIVE as X } from "../../../../icons/MapIcon.js";
+import Z from "../items/MapSettingsDropdownHeader.js";
+import "../../../../../../utils/init/initConfig.js";
+const ce = (R) => {
   const {
-    mapType: T,
-    onMapTypeChange: c = O,
-    enableNightMap: H = !0,
-    visibleMapTypes: g = [
-      t,
+    mapType: l,
+    onMapTypeChange: r = W,
+    enableNightMap: D = !0,
+    visibleMapTypes: S = [
+      i,
       n,
+      T,
       s,
-      p,
       _
     ],
-    defaultTypeLabel: A,
+    defaultTypeLabel: M,
     truckTypeLabel: E,
     terrainTypeLabel: I,
-    satelliteTypeLabel: y,
-    nightTypeLabel: P,
-    dropdownHeaderText: v,
-    ...w
-  } = R, l = N(() => new Set(g), [g]), i = (o) => l.has(o), m = i(_) && H, f = N(
-    () => b([
-      l.has(t) && !A && t,
-      l.has(n) && !E && n,
-      l.has(s) && !I && s,
-      l.has(p) && !y && p,
-      m && !P && _
+    satelliteTypeLabel: P,
+    nightTypeLabel: y,
+    dropdownHeaderText: b,
+    ...H
+  } = R, o = N(() => new Set(S), [S]), t = (p) => o.has(p), m = t(_) && D, w = N(
+    () => f([
+      o.has(i) && !M && i,
+      o.has(n) && !E && n,
+      o.has(T) && !I && T,
+      o.has(s) && !P && s,
+      m && !y && _
     ]),
     [
-      A,
+      M,
       m,
-      P,
       y,
+      P,
       I,
       E,
-      l
+      o
     ]
   );
   K(() => {
-    typeof process < "u" && process.env.NODE_ENV === "production" || f.length !== 0 && console.warn(
-      `[MapTypeSettings] Missing labels for visible map types: ${f.join(", ")}. Pass the corresponding \`...TypeLabel\` props to improve clarity.`
-    );
-  }, [f]);
-  const r = N(
+  }, [w]);
+  const c = N(
     () => ({
-      isDefault: T === t,
-      isFleetStyle: T === n,
-      isTerrain: T === s,
-      isSatellite: T === p,
-      isNight: T === _
+      isDefault: l === i,
+      isFleetStyle: l === n,
+      isTerrain: l === T,
+      isSatellite: l === s,
+      isNight: l === _
     }),
-    [T]
-  ), x = (o) => {
-    if (o.isDefault)
-      return /* @__PURE__ */ e(a, { name: D });
-    if (o.isFleetStyle)
+    [l]
+  ), x = (p) => {
+    if (p.isDefault)
       return /* @__PURE__ */ e(a, { name: k });
-    if (o.isTerrain)
-      return /* @__PURE__ */ e(a, { name: F });
-    if (o.isSatellite)
+    if (p.isFleetStyle)
       return /* @__PURE__ */ e(a, { name: V });
-    if (o.isNight)
+    if (p.isTerrain)
+      return /* @__PURE__ */ e(a, { name: F });
+    if (p.isSatellite)
+      return /* @__PURE__ */ e(a, { name: d });
+    if (p.isNight)
       return /* @__PURE__ */ e(a, { name: Y });
-  }, j = v && /* @__PURE__ */ e(X, { label: v }, "mapTypeDropdownHeader"), S = /* @__PURE__ */ e(
-    M,
+  }, G = b && /* @__PURE__ */ e(Z, { label: b }, "mapTypeDropdownHeader"), v = /* @__PURE__ */ e(
+    A,
     {
       className: "MapTypeNight",
-      onClick: () => c(_),
-      isActive: r.isNight,
-      activeIcon: /* @__PURE__ */ e(a, { name: q }),
+      onClick: () => r(_),
+      isActive: c.isNight,
+      activeIcon: /* @__PURE__ */ e(a, { name: B }),
       inactiveIcon: /* @__PURE__ */ e(a, { name: Y }),
-      label: P
+      label: y
     },
     "MapTypeNight"
-  ), h = /* @__PURE__ */ e(
-    M,
+  ), L = /* @__PURE__ */ e(
+    A,
     {
       className: "MapTypeSatellite",
-      onClick: () => c(p),
-      isActive: r.isSatellite,
-      activeIcon: /* @__PURE__ */ e(a, { name: z }),
-      inactiveIcon: /* @__PURE__ */ e(a, { name: V }),
-      label: y
+      onClick: () => r(s),
+      isActive: c.isSatellite,
+      activeIcon: /* @__PURE__ */ e(a, { name: J }),
+      inactiveIcon: /* @__PURE__ */ e(a, { name: d }),
+      label: P
     },
     "MapTypeSatellite"
-  ), L = /* @__PURE__ */ e(
-    M,
+  ), g = /* @__PURE__ */ e(
+    A,
     {
       className: "MapTypeTerrain",
-      onClick: () => c(s),
-      isActive: r.isTerrain,
-      activeIcon: /* @__PURE__ */ e(a, { name: B }),
+      onClick: () => r(T),
+      isActive: c.isTerrain,
+      activeIcon: /* @__PURE__ */ e(a, { name: O }),
       inactiveIcon: /* @__PURE__ */ e(a, { name: F }),
       label: I
     },
     "MapTypeTerrain"
-  ), u = /* @__PURE__ */ e(
-    M,
+  ), h = /* @__PURE__ */ e(
+    A,
     {
       className: "MapTypeFlatTruck",
-      onClick: () => c(n),
-      isActive: r.isFleetStyle,
-      activeIcon: /* @__PURE__ */ e(a, { name: J }),
-      inactiveIcon: /* @__PURE__ */ e(a, { name: k }),
+      onClick: () => r(n),
+      isActive: c.isFleetStyle,
+      activeIcon: /* @__PURE__ */ e(a, { name: Q }),
+      inactiveIcon: /* @__PURE__ */ e(a, { name: V }),
       label: E
     },
     "MapTypeFlatTruck"
-  ), d = /* @__PURE__ */ e(
-    M,
+  ), C = /* @__PURE__ */ e(
+    A,
     {
       className: "MapTypeFlat",
-      onClick: () => c(t),
-      isActive: r.isDefault,
-      activeIcon: /* @__PURE__ */ e(a, { name: Q }),
-      inactiveIcon: /* @__PURE__ */ e(a, { name: D }),
-      label: A
+      onClick: () => r(i),
+      isActive: c.isDefault,
+      activeIcon: /* @__PURE__ */ e(a, { name: X }),
+      inactiveIcon: /* @__PURE__ */ e(a, { name: k }),
+      label: M
     },
     "MapTypeFlat"
-  ), G = b([
-    j,
-    m && S,
-    i(p) && h,
-    i(s) && L,
-    i(n) && u,
-    i(t) && d
-  ]), C = b([
-    i(t) && A,
-    i(n) && E,
-    i(s) && I,
-    i(p) && y,
-    m && P
+  ), U = f([
+    G,
+    m && v,
+    t(s) && L,
+    t(T) && g,
+    t(n) && h,
+    t(i) && C
+  ]), u = f([
+    t(i) && M,
+    t(n) && E,
+    t(T) && I,
+    t(s) && P,
+    m && y
   ]).length > 0;
   return /* @__PURE__ */ e(
-    $,
+    z,
     {
       className: "MapTypeSettings",
-      inactiveIcon: x(r),
-      items: C ? G : void 0,
-      panel: !C && /* @__PURE__ */ U(W, { children: [
-        m && S,
-        i(p) && h,
-        i(s) && L,
-        i(n) && u,
-        i(t) && d
+      inactiveIcon: x(c),
+      items: u ? U : void 0,
+      panel: !u && /* @__PURE__ */ j(q, { children: [
+        m && v,
+        t(s) && L,
+        t(T) && g,
+        t(n) && h,
+        t(i) && C
       ] }),
-      ...w
+      ...H
     }
   );
 };
 export {
-  le as default
+  ce as default
 };
 //# sourceMappingURL=MapTypeSettings.js.map

package/components/map/components/features/settings/builtinSettings/MapTypeSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapTypeSettings.js","sources":["../../../../../../../src/components/map/components/features/settings/builtinSettings/MapTypeSettings.tsx"],"sourcesContent":["import type React from 'react';\nimport { useEffect, useMemo } from 'react';\nimport { noop } from 'es-toolkit/function';\nimport { compact } from 'es-toolkit/compat';\n\nimport {\n    MAP_TYPE_DEFAULT,\n    MAP_TYPE_FLEET_STYLE,\n    MAP_TYPE_NIGHT,\n    MAP_TYPE_SATELLITE,\n    MAP_TYPE_TERRAIN,\n} from '../../../constants';\nimport MapSettingsPanel from '../MapSettingsPanel';\nimport MapSettingsItem from '../MapSettingsItem';\nimport MapSettingsTile from '../MapSettingsTile';\n\nimport {\n    MapIcon,\n    MAP_TYPE_FLAT_ACTIVE,\n    MAP_TYPE_FLAT_INACTIVE,\n    MAP_TYPE_FLAT_TRUCK_ACTIVE,\n    MAP_TYPE_FLAT_TRUCK_INACTIVE,\n    MAP_TYPE_SATELLITE_ACTIVE,\n    MAP_TYPE_SATELLITE_INACTIVE,\n    MAP_TYPE_TERRAIN_ACTIVE,\n    MAP_TYPE_TERRAIN_INACTIVE,\n    MAP_TYPE_NIGHT_ACTIVE,\n    MAP_TYPE_NIGHT_INACTIVE,\n} from '../../../../icons/MapIcon';\nimport type { MapType } from '../../../../utils/mapTypes';\nimport MapSettingsDropdownHeader from '../items/MapSettingsDropdownHeader';\n\nexport type MapTypeSettingsProps = {\n    /**\n     * Currently selected base map type.\n     */\n    mapType?: MapType;\n\n    /**\n     * Global switch to enable or disable the night map type entry.\n     *\n     * @deprecated Prefer controlling night visibility via `visibleMapTypes`\n     * by including or excluding `MAP_TYPE_NIGHT`.\n     */\n    enableNightMap?: boolean;\n\n    /**\n     * Map types that should be shown in the settings panel/dropdown.\n     */\n    visibleMapTypes?: MapType[];\n\n    /**\n     * Called when the user selects a different map type.\n     */\n    onMapTypeChange?: (type: MapType) => void;\n\n    /**\n     * Custom label for the default map type entry.\n     */\n    defaultTypeLabel?: string | JSX.Element;\n\n    /**\n     * Custom label for the truck/fleet-style map type entry.\n     */\n    truckTypeLabel?: string | JSX.Element;\n\n    /**\n     * Custom label for the terrain map type entry.\n     */\n    terrainTypeLabel?: string | JSX.Element;\n\n    /**\n     * Custom label for the satellite map type entry.\n     */\n    satelliteTypeLabel?: string | JSX.Element;\n\n    /**\n     * Custom label for the night map type entry.\n     */\n    nightTypeLabel?: string | JSX.Element;\n\n    /**\n     * Tooltip content shown for the map type settings trigger.\n     */\n    tooltip?: string | React.ReactNode;\n\n    /**\n     * Optional dropdown header text shown above labeled map type entries.\n     */\n    dropdownHeaderText?: string | JSX.Element;\n};\n\nconst MapTypeSettings = (props: MapTypeSettingsProps) => {\n    const {\n        mapType,\n        onMapTypeChange = noop,\n        enableNightMap = true,\n        visibleMapTypes = [\n            MAP_TYPE_DEFAULT,\n            MAP_TYPE_FLEET_STYLE,\n            MAP_TYPE_TERRAIN,\n            MAP_TYPE_SATELLITE,\n            MAP_TYPE_NIGHT,\n        ],\n        defaultTypeLabel,\n        truckTypeLabel,\n        terrainTypeLabel,\n        satelliteTypeLabel,\n        nightTypeLabel,\n        dropdownHeaderText,\n        ...remainingProps\n    } = props;\n\n    const visibleMapTypesSet = useMemo(() => new Set(visibleMapTypes), [visibleMapTypes]);\n\n    const isMapTypeVisible = (type: MapType) => visibleMapTypesSet.has(type);\n\n    const isNightMapVisible = isMapTypeVisible(MAP_TYPE_NIGHT) && enableNightMap;\n\n    const visibleMapTypesWithoutLabel = useMemo(\n        () =>\n            compact([\n                visibleMapTypesSet.has(MAP_TYPE_DEFAULT) && !defaultTypeLabel && MAP_TYPE_DEFAULT,\n                visibleMapTypesSet.has(MAP_TYPE_FLEET_STYLE) && !truckTypeLabel && MAP_TYPE_FLEET_STYLE,\n                visibleMapTypesSet.has(MAP_TYPE_TERRAIN) && !terrainTypeLabel && MAP_TYPE_TERRAIN,\n                visibleMapTypesSet.has(MAP_TYPE_SATELLITE) && !satelliteTypeLabel && MAP_TYPE_SATELLITE,\n                isNightMapVisible && !nightTypeLabel && MAP_TYPE_NIGHT,\n            ]),\n        [\n            defaultTypeLabel,\n            isNightMapVisible,\n            nightTypeLabel,\n            satelliteTypeLabel,\n            terrainTypeLabel,\n            truckTypeLabel,\n            visibleMapTypesSet,\n        ]\n    );\n\n    useEffect(() => {\n        if (typeof process !== 'undefined' && process.env.NODE_ENV === 'production') {\n            return;\n        }\n\n        if (visibleMapTypesWithoutLabel.length === 0) {\n            return;\n        }\n\n        console.warn(\n            `[MapTypeSettings] Missing labels for visible map types: ${visibleMapTypesWithoutLabel.join(', ')}. ` +\n                'Pass the corresponding `...TypeLabel` props to improve clarity.'\n        );\n    }, [visibleMapTypesWithoutLabel]);\n\n    const type = useMemo(\n        () => ({\n            isDefault: mapType === MAP_TYPE_DEFAULT,\n            isFleetStyle: mapType === MAP_TYPE_FLEET_STYLE,\n            isTerrain: mapType === MAP_TYPE_TERRAIN,\n            isSatellite: mapType === MAP_TYPE_SATELLITE,\n            isNight: mapType === MAP_TYPE_NIGHT,\n        }),\n        [mapType]\n    );\n\n    const getIcon = (currentType: typeof type) => {\n        if (currentType.isDefault) {\n            return <MapIcon name={MAP_TYPE_FLAT_INACTIVE} />;\n        }\n        if (currentType.isFleetStyle) {\n            return <MapIcon name={MAP_TYPE_FLAT_TRUCK_INACTIVE} />;\n        }\n        if (currentType.isTerrain) {\n            return <MapIcon name={MAP_TYPE_TERRAIN_INACTIVE} />;\n        }\n        if (currentType.isSatellite) {\n            return <MapIcon name={MAP_TYPE_SATELLITE_INACTIVE} />;\n        }\n        if (currentType.isNight) {\n            return <MapIcon name={MAP_TYPE_NIGHT_INACTIVE} />;\n        }\n    };\n\n    const dropdownHeader = dropdownHeaderText && (\n        <MapSettingsDropdownHeader key='mapTypeDropdownHeader' label={dropdownHeaderText} />\n    );\n\n    const mapTypeNight = (\n        <MapSettingsItem\n            key='MapTypeNight'\n            className='MapTypeNight'\n            onClick={() => onMapTypeChange(MAP_TYPE_NIGHT)}\n            isActive={type.isNight}\n            activeIcon={<MapIcon name={MAP_TYPE_NIGHT_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_NIGHT_INACTIVE} />}\n            label={nightTypeLabel}\n        />\n    );\n\n    const mapTypeSatellite = (\n        <MapSettingsItem\n            key='MapTypeSatellite'\n            className='MapTypeSatellite'\n            onClick={() => onMapTypeChange(MAP_TYPE_SATELLITE)}\n            isActive={type.isSatellite}\n            activeIcon={<MapIcon name={MAP_TYPE_SATELLITE_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_SATELLITE_INACTIVE} />}\n            label={satelliteTypeLabel}\n        />\n    );\n\n    const mapTypeTerrain = (\n        <MapSettingsItem\n            key='MapTypeTerrain'\n            className='MapTypeTerrain'\n            onClick={() => onMapTypeChange(MAP_TYPE_TERRAIN)}\n            isActive={type.isTerrain}\n            activeIcon={<MapIcon name={MAP_TYPE_TERRAIN_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_TERRAIN_INACTIVE} />}\n            label={terrainTypeLabel}\n        />\n    );\n\n    const mapTypeTruck = (\n        <MapSettingsItem\n            key='MapTypeFlatTruck'\n            className='MapTypeFlatTruck'\n            onClick={() => onMapTypeChange(MAP_TYPE_FLEET_STYLE)}\n            isActive={type.isFleetStyle}\n            activeIcon={<MapIcon name={MAP_TYPE_FLAT_TRUCK_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_FLAT_TRUCK_INACTIVE} />}\n            label={truckTypeLabel}\n        />\n    );\n\n    const mapTypeDefault = (\n        <MapSettingsItem\n            key='MapTypeFlat'\n            className='MapTypeFlat'\n            onClick={() => onMapTypeChange(MAP_TYPE_DEFAULT)}\n            isActive={type.isDefault}\n            activeIcon={<MapIcon name={MAP_TYPE_FLAT_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_FLAT_INACTIVE} />}\n            label={defaultTypeLabel}\n        />\n    );\n\n    const mapTypeItems = compact([\n        dropdownHeader,\n        isNightMapVisible && mapTypeNight,\n        isMapTypeVisible(MAP_TYPE_SATELLITE) && mapTypeSatellite,\n        isMapTypeVisible(MAP_TYPE_TERRAIN) && mapTypeTerrain,\n        isMapTypeVisible(MAP_TYPE_FLEET_STYLE) && mapTypeTruck,\n        isMapTypeVisible(MAP_TYPE_DEFAULT) && mapTypeDefault,\n    ]);\n\n    const hasVisibleLabels =\n        compact([\n            isMapTypeVisible(MAP_TYPE_DEFAULT) && defaultTypeLabel,\n            isMapTypeVisible(MAP_TYPE_FLEET_STYLE) && truckTypeLabel,\n            isMapTypeVisible(MAP_TYPE_TERRAIN) && terrainTypeLabel,\n            isMapTypeVisible(MAP_TYPE_SATELLITE) && satelliteTypeLabel,\n            isNightMapVisible && nightTypeLabel,\n        ]).length > 0;\n\n    return (\n        <MapSettingsTile\n            className='MapTypeSettings'\n            inactiveIcon={getIcon(type)}\n            items={hasVisibleLabels ? mapTypeItems : undefined}\n            panel={\n                !hasVisibleLabels && (\n                    <MapSettingsPanel>\n                        {isNightMapVisible && mapTypeNight}\n                        {isMapTypeVisible(MAP_TYPE_SATELLITE) && mapTypeSatellite}\n                        {isMapTypeVisible(MAP_TYPE_TERRAIN) && mapTypeTerrain}\n                        {isMapTypeVisible(MAP_TYPE_FLEET_STYLE) && mapTypeTruck}\n                        {isMapTypeVisible(MAP_TYPE_DEFAULT) && mapTypeDefault}\n                    </MapSettingsPanel>\n                )\n            }\n            {...remainingProps}\n        />\n    );\n};\n\nexport default MapTypeSettings;\n"],"names":["MapTypeSettings","props","mapType","onMapTypeChange","noop","enableNightMap","visibleMapTypes","MAP_TYPE_DEFAULT","MAP_TYPE_FLEET_STYLE","MAP_TYPE_TERRAIN","MAP_TYPE_SATELLITE","MAP_TYPE_NIGHT","defaultTypeLabel","truckTypeLabel","terrainTypeLabel","satelliteTypeLabel","nightTypeLabel","dropdownHeaderText","remainingProps","visibleMapTypesSet","useMemo","isMapTypeVisible","type","isNightMapVisible","visibleMapTypesWithoutLabel","compact","useEffect","getIcon","currentType","jsx","MapIcon","MAP_TYPE_FLAT_INACTIVE","MAP_TYPE_FLAT_TRUCK_INACTIVE","MAP_TYPE_TERRAIN_INACTIVE","MAP_TYPE_SATELLITE_INACTIVE","MAP_TYPE_NIGHT_INACTIVE","dropdownHeader","MapSettingsDropdownHeader","mapTypeNight","MapSettingsItem","MAP_TYPE_NIGHT_ACTIVE","mapTypeSatellite","MAP_TYPE_SATELLITE_ACTIVE","mapTypeTerrain","MAP_TYPE_TERRAIN_ACTIVE","mapTypeTruck","MAP_TYPE_FLAT_TRUCK_ACTIVE","mapTypeDefault","MAP_TYPE_FLAT_ACTIVE","mapTypeItems","hasVisibleLabels","MapSettingsTile","jsxs","MapSettingsPanel"],"mappings":"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"}
+{"version":3,"file":"MapTypeSettings.js","sources":["../../../../../../../src/components/map/components/features/settings/builtinSettings/MapTypeSettings.tsx"],"sourcesContent":["import type React from 'react';\nimport { useEffect, useMemo } from 'react';\nimport { noop } from 'es-toolkit/function';\nimport { compact } from 'es-toolkit/compat';\n\nimport {\n    MAP_TYPE_DEFAULT,\n    MAP_TYPE_FLEET_STYLE,\n    MAP_TYPE_NIGHT,\n    MAP_TYPE_SATELLITE,\n    MAP_TYPE_TERRAIN,\n} from '../../../constants';\nimport MapSettingsPanel from '../MapSettingsPanel';\nimport MapSettingsItem from '../MapSettingsItem';\nimport MapSettingsTile from '../MapSettingsTile';\n\nimport {\n    MapIcon,\n    MAP_TYPE_FLAT_ACTIVE,\n    MAP_TYPE_FLAT_INACTIVE,\n    MAP_TYPE_FLAT_TRUCK_ACTIVE,\n    MAP_TYPE_FLAT_TRUCK_INACTIVE,\n    MAP_TYPE_SATELLITE_ACTIVE,\n    MAP_TYPE_SATELLITE_INACTIVE,\n    MAP_TYPE_TERRAIN_ACTIVE,\n    MAP_TYPE_TERRAIN_INACTIVE,\n    MAP_TYPE_NIGHT_ACTIVE,\n    MAP_TYPE_NIGHT_INACTIVE,\n} from '../../../../icons/MapIcon';\nimport type { MapType } from '../../../../utils/mapTypes';\nimport MapSettingsDropdownHeader from '../items/MapSettingsDropdownHeader';\nimport { isProd } from '../../../../../../utils/init/initConfig';\n\nexport type MapTypeSettingsProps = {\n    /**\n     * Currently selected base map type.\n     */\n    mapType?: MapType;\n\n    /**\n     * Global switch to enable or disable the night map type entry.\n     *\n     * @deprecated Prefer controlling night visibility via `visibleMapTypes`\n     * by including or excluding `MAP_TYPE_NIGHT`.\n     */\n    enableNightMap?: boolean;\n\n    /**\n     * Map types that should be shown in the settings panel/dropdown.\n     */\n    visibleMapTypes?: MapType[];\n\n    /**\n     * Called when the user selects a different map type.\n     */\n    onMapTypeChange?: (type: MapType) => void;\n\n    /**\n     * Custom label for the default map type entry.\n     */\n    defaultTypeLabel?: string | JSX.Element;\n\n    /**\n     * Custom label for the truck/fleet-style map type entry.\n     */\n    truckTypeLabel?: string | JSX.Element;\n\n    /**\n     * Custom label for the terrain map type entry.\n     */\n    terrainTypeLabel?: string | JSX.Element;\n\n    /**\n     * Custom label for the satellite map type entry.\n     */\n    satelliteTypeLabel?: string | JSX.Element;\n\n    /**\n     * Custom label for the night map type entry.\n     */\n    nightTypeLabel?: string | JSX.Element;\n\n    /**\n     * Tooltip content shown for the map type settings trigger.\n     */\n    tooltip?: string | React.ReactNode;\n\n    /**\n     * Optional dropdown header text shown above labeled map type entries.\n     */\n    dropdownHeaderText?: string | JSX.Element;\n};\n\nconst MapTypeSettings = (props: MapTypeSettingsProps) => {\n    const {\n        mapType,\n        onMapTypeChange = noop,\n        enableNightMap = true,\n        visibleMapTypes = [\n            MAP_TYPE_DEFAULT,\n            MAP_TYPE_FLEET_STYLE,\n            MAP_TYPE_TERRAIN,\n            MAP_TYPE_SATELLITE,\n            MAP_TYPE_NIGHT,\n        ],\n        defaultTypeLabel,\n        truckTypeLabel,\n        terrainTypeLabel,\n        satelliteTypeLabel,\n        nightTypeLabel,\n        dropdownHeaderText,\n        ...remainingProps\n    } = props;\n\n    const visibleMapTypesSet = useMemo(() => new Set(visibleMapTypes), [visibleMapTypes]);\n\n    const isMapTypeVisible = (type: MapType) => visibleMapTypesSet.has(type);\n\n    const isNightMapVisible = isMapTypeVisible(MAP_TYPE_NIGHT) && enableNightMap;\n\n    const visibleMapTypesWithoutLabel = useMemo(\n        () =>\n            compact([\n                visibleMapTypesSet.has(MAP_TYPE_DEFAULT) && !defaultTypeLabel && MAP_TYPE_DEFAULT,\n                visibleMapTypesSet.has(MAP_TYPE_FLEET_STYLE) && !truckTypeLabel && MAP_TYPE_FLEET_STYLE,\n                visibleMapTypesSet.has(MAP_TYPE_TERRAIN) && !terrainTypeLabel && MAP_TYPE_TERRAIN,\n                visibleMapTypesSet.has(MAP_TYPE_SATELLITE) && !satelliteTypeLabel && MAP_TYPE_SATELLITE,\n                isNightMapVisible && !nightTypeLabel && MAP_TYPE_NIGHT,\n            ]),\n        [\n            defaultTypeLabel,\n            isNightMapVisible,\n            nightTypeLabel,\n            satelliteTypeLabel,\n            terrainTypeLabel,\n            truckTypeLabel,\n            visibleMapTypesSet,\n        ]\n    );\n\n    useEffect(() => {\n        if (isProd) {\n            return;\n        }\n\n        if (visibleMapTypesWithoutLabel.length === 0) {\n            return;\n        }\n\n        console.warn(\n            `[MapTypeSettings] Missing labels for visible map types: ${visibleMapTypesWithoutLabel.join(', ')}. ` +\n                'Pass the corresponding `...TypeLabel` props to improve clarity.'\n        );\n    }, [visibleMapTypesWithoutLabel]);\n\n    const type = useMemo(\n        () => ({\n            isDefault: mapType === MAP_TYPE_DEFAULT,\n            isFleetStyle: mapType === MAP_TYPE_FLEET_STYLE,\n            isTerrain: mapType === MAP_TYPE_TERRAIN,\n            isSatellite: mapType === MAP_TYPE_SATELLITE,\n            isNight: mapType === MAP_TYPE_NIGHT,\n        }),\n        [mapType]\n    );\n\n    const getIcon = (currentType: typeof type) => {\n        if (currentType.isDefault) {\n            return <MapIcon name={MAP_TYPE_FLAT_INACTIVE} />;\n        }\n        if (currentType.isFleetStyle) {\n            return <MapIcon name={MAP_TYPE_FLAT_TRUCK_INACTIVE} />;\n        }\n        if (currentType.isTerrain) {\n            return <MapIcon name={MAP_TYPE_TERRAIN_INACTIVE} />;\n        }\n        if (currentType.isSatellite) {\n            return <MapIcon name={MAP_TYPE_SATELLITE_INACTIVE} />;\n        }\n        if (currentType.isNight) {\n            return <MapIcon name={MAP_TYPE_NIGHT_INACTIVE} />;\n        }\n    };\n\n    const dropdownHeader = dropdownHeaderText && (\n        <MapSettingsDropdownHeader key='mapTypeDropdownHeader' label={dropdownHeaderText} />\n    );\n\n    const mapTypeNight = (\n        <MapSettingsItem\n            key='MapTypeNight'\n            className='MapTypeNight'\n            onClick={() => onMapTypeChange(MAP_TYPE_NIGHT)}\n            isActive={type.isNight}\n            activeIcon={<MapIcon name={MAP_TYPE_NIGHT_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_NIGHT_INACTIVE} />}\n            label={nightTypeLabel}\n        />\n    );\n\n    const mapTypeSatellite = (\n        <MapSettingsItem\n            key='MapTypeSatellite'\n            className='MapTypeSatellite'\n            onClick={() => onMapTypeChange(MAP_TYPE_SATELLITE)}\n            isActive={type.isSatellite}\n            activeIcon={<MapIcon name={MAP_TYPE_SATELLITE_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_SATELLITE_INACTIVE} />}\n            label={satelliteTypeLabel}\n        />\n    );\n\n    const mapTypeTerrain = (\n        <MapSettingsItem\n            key='MapTypeTerrain'\n            className='MapTypeTerrain'\n            onClick={() => onMapTypeChange(MAP_TYPE_TERRAIN)}\n            isActive={type.isTerrain}\n            activeIcon={<MapIcon name={MAP_TYPE_TERRAIN_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_TERRAIN_INACTIVE} />}\n            label={terrainTypeLabel}\n        />\n    );\n\n    const mapTypeTruck = (\n        <MapSettingsItem\n            key='MapTypeFlatTruck'\n            className='MapTypeFlatTruck'\n            onClick={() => onMapTypeChange(MAP_TYPE_FLEET_STYLE)}\n            isActive={type.isFleetStyle}\n            activeIcon={<MapIcon name={MAP_TYPE_FLAT_TRUCK_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_FLAT_TRUCK_INACTIVE} />}\n            label={truckTypeLabel}\n        />\n    );\n\n    const mapTypeDefault = (\n        <MapSettingsItem\n            key='MapTypeFlat'\n            className='MapTypeFlat'\n            onClick={() => onMapTypeChange(MAP_TYPE_DEFAULT)}\n            isActive={type.isDefault}\n            activeIcon={<MapIcon name={MAP_TYPE_FLAT_ACTIVE} />}\n            inactiveIcon={<MapIcon name={MAP_TYPE_FLAT_INACTIVE} />}\n            label={defaultTypeLabel}\n        />\n    );\n\n    const mapTypeItems = compact([\n        dropdownHeader,\n        isNightMapVisible && mapTypeNight,\n        isMapTypeVisible(MAP_TYPE_SATELLITE) && mapTypeSatellite,\n        isMapTypeVisible(MAP_TYPE_TERRAIN) && mapTypeTerrain,\n        isMapTypeVisible(MAP_TYPE_FLEET_STYLE) && mapTypeTruck,\n        isMapTypeVisible(MAP_TYPE_DEFAULT) && mapTypeDefault,\n    ]);\n\n    const hasVisibleLabels =\n        compact([\n            isMapTypeVisible(MAP_TYPE_DEFAULT) && defaultTypeLabel,\n            isMapTypeVisible(MAP_TYPE_FLEET_STYLE) && truckTypeLabel,\n            isMapTypeVisible(MAP_TYPE_TERRAIN) && terrainTypeLabel,\n            isMapTypeVisible(MAP_TYPE_SATELLITE) && satelliteTypeLabel,\n            isNightMapVisible && nightTypeLabel,\n        ]).length > 0;\n\n    return (\n        <MapSettingsTile\n            className='MapTypeSettings'\n            inactiveIcon={getIcon(type)}\n            items={hasVisibleLabels ? mapTypeItems : undefined}\n            panel={\n                !hasVisibleLabels && (\n                    <MapSettingsPanel>\n                        {isNightMapVisible && mapTypeNight}\n                        {isMapTypeVisible(MAP_TYPE_SATELLITE) && mapTypeSatellite}\n                        {isMapTypeVisible(MAP_TYPE_TERRAIN) && mapTypeTerrain}\n                        {isMapTypeVisible(MAP_TYPE_FLEET_STYLE) && mapTypeTruck}\n                        {isMapTypeVisible(MAP_TYPE_DEFAULT) && mapTypeDefault}\n                    </MapSettingsPanel>\n                )\n            }\n            {...remainingProps}\n        />\n    );\n};\n\nexport default MapTypeSettings;\n"],"names":["MapTypeSettings","props","mapType","onMapTypeChange","noop","enableNightMap","visibleMapTypes","MAP_TYPE_DEFAULT","MAP_TYPE_FLEET_STYLE","MAP_TYPE_TERRAIN","MAP_TYPE_SATELLITE","MAP_TYPE_NIGHT","defaultTypeLabel","truckTypeLabel","terrainTypeLabel","satelliteTypeLabel","nightTypeLabel","dropdownHeaderText","remainingProps","visibleMapTypesSet","useMemo","isMapTypeVisible","type","isNightMapVisible","visibleMapTypesWithoutLabel","compact","useEffect","getIcon","currentType","jsx","MapIcon","MAP_TYPE_FLAT_INACTIVE","MAP_TYPE_FLAT_TRUCK_INACTIVE","MAP_TYPE_TERRAIN_INACTIVE","MAP_TYPE_SATELLITE_INACTIVE","MAP_TYPE_NIGHT_INACTIVE","dropdownHeader","MapSettingsDropdownHeader","mapTypeNight","MapSettingsItem","MAP_TYPE_NIGHT_ACTIVE","mapTypeSatellite","MAP_TYPE_SATELLITE_ACTIVE","mapTypeTerrain","MAP_TYPE_TERRAIN_ACTIVE","mapTypeTruck","MAP_TYPE_FLAT_TRUCK_ACTIVE","mapTypeDefault","MAP_TYPE_FLAT_ACTIVE","mapTypeItems","hasVisibleLabels","MapSettingsTile","jsxs","MapSettingsPanel"],"mappings":"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"}