@rio-cloud/rio-uikit 2.2.0 → 2.3.0-beta.1

package/components/fade/FadeExpander.js.map

@@ -1 +1 @@
-{"version":3,"file":"FadeExpander.js","sources":["../../../src/components/fade/FadeExpander.tsx"],"sourcesContent":["import { useState, useEffect, type PropsWithChildren, useRef } from 'react';\nimport { motion, AnimatePresence } from 'motion/react';\n\ntype FadeExpanderProps = {\n    /**\n     * Defines if the content is shown or not.\n     *\n     * @default false\n     */\n    show: boolean;\n\n    /**\n     * Allows customization of animation duration.\n     *\n     * @default 0.2\n     */\n    duration?: number;\n\n    /**\n     * Delay in seconds before starting the animation.\n     *\n     * @default 0\n     */\n    delay?: number;\n\n    /**\n     * Additional classes set to the wrapper element.\n     */\n    className?: string;\n};\n\nconst THRESHOLD_TIMEOUT_MS = 200;\n\nconst FadeExpander = (props: PropsWithChildren<FadeExpanderProps>) => {\n    const { children, show = false, duration = 0.2, delay = 0, className = '' } = props;\n\n    const [isVisible, setIsVisible] = useState(show);\n    const [overflow, setOverflow] = useState('hidden'); // Start with hidden overflow\n\n    const durationRef = useRef(duration);\n\n    // Effect to manage visibility based on show prop\n    useEffect(() => {\n        if (show) {\n            // Set to visible when show is true\n            setIsVisible(true);\n        } else {\n            // Set overflow to hidden immediately when show is false\n            setOverflow('hidden');\n\n            // Delay setting isVisible to false so the overflow can change before\n            setTimeout(() => {\n                setIsVisible(false);\n            }, 0);\n        }\n    }, [show]);\n\n    const handleAnimationComplete = () => {\n        if (show) {\n            // Set overflow to visible after animation is done\n            setTimeout(() => setOverflow('visible'), durationRef.current * 1000 + THRESHOLD_TIMEOUT_MS);\n        }\n    };\n\n    return (\n        // @ts-ignore\n        <AnimatePresence onExitComplete={() => setOverflow('hidden')}>\n            {isVisible && (\n                <motion.div\n                    initial={{ height: 0, opacity: 0 }}\n                    animate={{ height: 'auto', opacity: 1 }}\n                    exit={{ height: 0, opacity: 0 }}\n                    transition={{\n                        height: { duration, delay },\n                        opacity: { duration, delay },\n                        ease: 'easeIn',\n                    }}\n                    // To ensures smooth height transition, the overflow should be \"hidden\" during the animation\n                    style={{ overflow }}\n                    onAnimationComplete={handleAnimationComplete}\n                    className={className}\n                >\n                    {children}\n                </motion.div>\n            )}\n        </AnimatePresence>\n    );\n};\n\nexport default FadeExpander;\n"],"names":["THRESHOLD_TIMEOUT_MS","FadeExpander","props","children","show","duration","delay","className","isVisible","setIsVisible","useState","overflow","setOverflow","durationRef","useRef","useEffect","handleAnimationComplete","AnimatePresence","jsx","motion"],"mappings":";;;AA+BA,MAAMA,IAAuB,KAEvBC,IAAe,CAACC,MAAgD;AAClE,QAAM,EAAE,UAAAC,GAAU,MAAAC,IAAO,IAAO,UAAAC,IAAW,KAAK,OAAAC,IAAQ,GAAG,WAAAC,IAAY,GAAA,IAAOL,GAExE,CAACM,GAAWC,CAAY,IAAIC,EAASN,CAAI,GACzC,CAACO,GAAUC,CAAW,IAAIF,EAAS,QAAQ,GAE3CG,IAAcC,EAAOT,CAAQ;AAGnC,EAAAU,EAAU,MAAM;AACZ,IAAIX,IAEAK,EAAa,EAAI,KAGjBG,EAAY,QAAQ,GAGpB,WAAW,MAAM;AACb,MAAAH,EAAa,EAAK;AAAA,IACtB,GAAG,CAAC;AAAA,EAEZ,GAAG,CAACL,CAAI,CAAC;AAET,QAAMY,IAA0B,MAAM;AAClC,IAAIZ,KAEA,WAAW,MAAMQ,EAAY,SAAS,GAAGC,EAAY,UAAU,MAAOb,CAAoB;AAAA,EAElG;AAEA;AAAA;AAAA,sBAEKiB,GAAA,EAAgB,gBAAgB,MAAML,EAAY,QAAQ,GACtD,UAAAJ,KACG,gBAAAU;AAAA,MAACC,EAAO;AAAA,MAAP;AAAA,QACG,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAA;AAAA,QAC/B,SAAS,EAAE,QAAQ,QAAQ,SAAS,EAAA;AAAA,QACpC,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAA;AAAA,QAC5B,YAAY;AAAA,UACR,QAAQ,EAAE,UAAAd,GAAU,OAAAC,EAAA;AAAA,UACpB,SAAS,EAAE,UAAAD,GAAU,OAAAC,EAAA;AAAA,UACrB,MAAM;AAAA,QAAA;AAAA,QAGV,OAAO,EAAE,UAAAK,EAAA;AAAA,QACT,qBAAqBK;AAAA,QACrB,WAAAT;AAAA,QAEC,UAAAJ;AAAA,MAAA;AAAA,IAAA,EACL,CAER;AAAA;AAER;"}
+{"version":3,"file":"FadeExpander.js","sources":["../../../src/components/fade/FadeExpander.tsx"],"sourcesContent":["import { useState, useEffect, type PropsWithChildren, useRef } from 'react';\nimport { motion, AnimatePresence } from 'motion/react';\n\ntype FadeExpanderProps = {\n    /**\n     * Defines if the content is shown or not.\n     *\n     * @default false\n     */\n    show: boolean;\n\n    /**\n     * Allows customization of animation duration.\n     *\n     * @default 0.2\n     */\n    duration?: number;\n\n    /**\n     * Delay in seconds before starting the animation.\n     *\n     * @default 0\n     */\n    delay?: number;\n\n    /**\n     * Additional classes set to the wrapper element.\n     */\n    className?: string;\n};\n\nconst THRESHOLD_TIMEOUT_MS = 200;\n\nconst FadeExpander = (props: PropsWithChildren<FadeExpanderProps>) => {\n    const { children, show = false, duration = 0.2, delay = 0, className = '' } = props;\n\n    const [isVisible, setIsVisible] = useState(show);\n    const [overflow, setOverflow] = useState('hidden'); // Start with hidden overflow\n\n    const durationRef = useRef(duration);\n\n    // Effect to manage visibility based on show prop\n    useEffect(() => {\n        if (show) {\n            // Set to visible when show is true\n            setIsVisible(true);\n        } else {\n            // Set overflow to hidden immediately when show is false\n            setOverflow('hidden');\n\n            // Delay setting isVisible to false so the overflow can change before\n            setTimeout(() => {\n                setIsVisible(false);\n            }, 0);\n        }\n    }, [show]);\n\n    const handleAnimationComplete = () => {\n        if (show) {\n            // Set overflow to visible after animation is done\n            setTimeout(() => setOverflow('visible'), durationRef.current * 1000 + THRESHOLD_TIMEOUT_MS);\n        }\n    };\n\n    return (\n        // @ts-expect-error\n        <AnimatePresence onExitComplete={() => setOverflow('hidden')}>\n            {isVisible && (\n                <motion.div\n                    initial={{ height: 0, opacity: 0 }}\n                    animate={{ height: 'auto', opacity: 1 }}\n                    exit={{ height: 0, opacity: 0 }}\n                    transition={{\n                        height: { duration, delay },\n                        opacity: { duration, delay },\n                        ease: 'easeIn',\n                    }}\n                    // To ensures smooth height transition, the overflow should be \"hidden\" during the animation\n                    style={{ overflow }}\n                    onAnimationComplete={handleAnimationComplete}\n                    className={className}\n                >\n                    {children}\n                </motion.div>\n            )}\n        </AnimatePresence>\n    );\n};\n\nexport default FadeExpander;\n"],"names":["THRESHOLD_TIMEOUT_MS","FadeExpander","props","children","show","duration","delay","className","isVisible","setIsVisible","useState","overflow","setOverflow","durationRef","useRef","useEffect","handleAnimationComplete","AnimatePresence","jsx","motion"],"mappings":";;;AA+BA,MAAMA,IAAuB,KAEvBC,IAAe,CAACC,MAAgD;AAClE,QAAM,EAAE,UAAAC,GAAU,MAAAC,IAAO,IAAO,UAAAC,IAAW,KAAK,OAAAC,IAAQ,GAAG,WAAAC,IAAY,GAAA,IAAOL,GAExE,CAACM,GAAWC,CAAY,IAAIC,EAASN,CAAI,GACzC,CAACO,GAAUC,CAAW,IAAIF,EAAS,QAAQ,GAE3CG,IAAcC,EAAOT,CAAQ;AAGnC,EAAAU,EAAU,MAAM;AACZ,IAAIX,IAEAK,EAAa,EAAI,KAGjBG,EAAY,QAAQ,GAGpB,WAAW,MAAM;AACb,MAAAH,EAAa,EAAK;AAAA,IACtB,GAAG,CAAC;AAAA,EAEZ,GAAG,CAACL,CAAI,CAAC;AAET,QAAMY,IAA0B,MAAM;AAClC,IAAIZ,KAEA,WAAW,MAAMQ,EAAY,SAAS,GAAGC,EAAY,UAAU,MAAOb,CAAoB;AAAA,EAElG;AAEA;AAAA;AAAA,sBAEKiB,GAAA,EAAgB,gBAAgB,MAAML,EAAY,QAAQ,GACtD,UAAAJ,KACG,gBAAAU;AAAA,MAACC,EAAO;AAAA,MAAP;AAAA,QACG,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAA;AAAA,QAC/B,SAAS,EAAE,QAAQ,QAAQ,SAAS,EAAA;AAAA,QACpC,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAA;AAAA,QAC5B,YAAY;AAAA,UACR,QAAQ,EAAE,UAAAd,GAAU,OAAAC,EAAA;AAAA,UACpB,SAAS,EAAE,UAAAD,GAAU,OAAAC,EAAA;AAAA,UACrB,MAAM;AAAA,QAAA;AAAA,QAGV,OAAO,EAAE,UAAAK,EAAA;AAAA,QACT,qBAAqBK;AAAA,QACrB,WAAAT;AAAA,QAEC,UAAAJ;AAAA,MAAA;AAAA,IAAA,EACL,CAER;AAAA;AAER;"}

package/components/filepicker/FilePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePicker.js","sources":["../../../src/components/filepicker/FilePicker.tsx"],"sourcesContent":["import { type ReactNode, useCallback, useEffect, useRef } from 'react';\nimport Dropzone, { type FileRejection, type DropzoneProps, type DropzoneRef } from 'react-dropzone';\nimport { noop } from 'es-toolkit/compat';\n\nimport Button from '../button/Button';\n\ntype FilePickerRenderProps = {\n    isDragActive: boolean;\n};\n\nexport type FilePickerProps = {\n    /**\n     * Defines the file picker display mode.\n     *\n     * Possible values are `'button'` for a single button, `'dropzone'` for a custom dropzone passed as child function,\n     * or `'full'` for showing both.\n     *\n     * @default 'button'\n     */\n    displayMode?: 'button' | 'dropzone' | 'full';\n\n    /**\n     * Indicating if multiple files may be selected.\n     *\n     * @default true\n     */\n    multiple?: boolean; // multi select\n\n    /**\n     * Text to display on Button if displayMode is set to \"button\".\n     *\n     * @default 'Select files'\n     */\n    label?: string | ReactNode;\n\n    /**\n     * Maximum file size in byte. 5 MB = 5,242,880 byte\n     */\n    maxSize?: number;\n\n    /**\n     * Function called after one or multiple files have been picked.\n     */\n    onPick?: (files: File[], rejectedFiles: FileRejection[]) => void;\n\n    /**\n     * Additional classes for the select button.\n     */\n    className?: string;\n\n    /**\n     * Flag to set the dropzone wrapper element to 100% height.\n     *\n     * This comes in handy, when the dropzone should have 100 % height so it can grow.\n     *\n     * @default false\n     */\n    fullHeight?: boolean;\n\n    /**\n     * Object list of accepted Mime Types as keys and file extensions array as value.\n     */\n    accept?: { [mimeType: string]: string[] };\n\n    /**\n     * Pass a custom dropzone element as function receiving some render props.\n     */\n    children?: ({ isDragActive }: FilePickerRenderProps) => React.ReactElement;\n};\n\nconst FilePicker = (props: FilePickerProps) => {\n    const {\n        displayMode = 'button',\n        multiple = true,\n        label = 'Select files',\n        maxSize,\n        onPick = noop,\n        className = '',\n        accept,\n        fullHeight = false,\n        children,\n        ...remainingProps\n    } = props;\n\n    const dropzoneRef = useRef<DropzoneRef>(null);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    const isFull = displayMode === 'full';\n    const showButton = isFull || displayMode === 'button';\n    const showDropzone = isFull || displayMode === 'dropzone';\n\n    const handleDrop: NonNullable<DropzoneProps['onDrop']> = useCallback(\n        (acceptedFiles, rejectedFiles) => {\n            const hasImagesType = accept && Object.keys(accept).some(mimeType => mimeType.startsWith('image'));\n            const files = hasImagesType\n                ? acceptedFiles.map(file => Object.assign(file, { preview: URL.createObjectURL(file) }))\n                : acceptedFiles;\n\n            onPick(files, rejectedFiles);\n        },\n        [onPick, accept]\n    );\n\n    const handleClick = () => dropzoneRef.current?.open();\n\n    useEffect(() => {\n        // Set height to dropzones inner presentation div where there is no other access to this DOM element.\n        // This comes in handy, when the dropzone should have 100 % height so it can grow.\n        if (wrapperRef.current && fullHeight) {\n            wrapperRef.current.querySelector('.FilePicker > div')?.setAttribute('class', 'height-100pct');\n        }\n    }, [fullHeight, wrapperRef.current]);\n\n    return (\n        <div ref={wrapperRef} className='FilePicker'>\n            {showButton && (\n                <Button onClick={handleClick} className={className}>\n                    {label}\n                </Button>\n            )}\n            <Dropzone\n                {...remainingProps}\n                onDrop={handleDrop}\n                accept={accept}\n                multiple={multiple}\n                maxSize={maxSize}\n                ref={dropzoneRef}\n            >\n                {({ getRootProps, getInputProps, isDragActive }) => {\n                    return (\n                        <div {...getRootProps()}>\n                            <input {...getInputProps()} />\n                            {showDropzone && children && children({ isDragActive })}\n                        </div>\n                    );\n                }}\n            </Dropzone>\n        </div>\n    );\n};\n\nFilePicker.DISPLAY_MODE_BUTTON = 'button' as const;\nFilePicker.DISPLAY_MODE_DROPZONE = 'dropzone' as const;\nFilePicker.DISPLAY_MODE_FULL = 'full' as const;\n\nexport default FilePicker;\n"],"names":["FilePicker","props","displayMode","multiple","label","maxSize","onPick","noop","className","accept","fullHeight","children","remainingProps","dropzoneRef","useRef","wrapperRef","isFull","showButton","showDropzone","handleDrop","useCallback","acceptedFiles","rejectedFiles","files","mimeType","file","handleClick","useEffect","jsxs","jsx","Button","Dropzone","getRootProps","getInputProps","isDragActive"],"mappings":";;;;;AAsEA,MAAMA,IAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,aAAAC,IAAc;AAAA,IACd,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,SAAAC;AAAA,IACA,QAAAC,IAASC;AAAA,IACT,WAAAC,IAAY;AAAA,IACZ,QAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX,GAEEY,IAAcC,EAAoB,IAAI,GACtCC,IAAaD,EAAuB,IAAI,GAExCE,IAASd,MAAgB,QACzBe,IAAaD,KAAUd,MAAgB,UACvCgB,IAAeF,KAAUd,MAAgB,YAEzCiB,IAAmDC;AAAA,IACrD,CAACC,GAAeC,MAAkB;AAE9B,YAAMC,IADgBd,KAAU,OAAO,KAAKA,CAAM,EAAE,KAAK,CAAAe,MAAYA,EAAS,WAAW,OAAO,CAAC,IAE3FH,EAAc,IAAI,CAAAI,MAAQ,OAAO,OAAOA,GAAM,EAAE,SAAS,IAAI,gBAAgBA,CAAI,EAAA,CAAG,CAAC,IACrFJ;AAEN,MAAAf,EAAOiB,GAAOD,CAAa;AAAA,IAC/B;AAAA,IACA,CAAChB,GAAQG,CAAM;AAAA,EAAA,GAGbiB,IAAc,MAAMb,EAAY,SAAS,KAAA;AAE/C,SAAAc,EAAU,MAAM;AAGZ,IAAIZ,EAAW,WAAWL,KACtBK,EAAW,QAAQ,cAAc,mBAAmB,GAAG,aAAa,SAAS,eAAe;AAAA,EAEpG,GAAG,CAACL,GAAYK,EAAW,OAAO,CAAC,GAG/B,gBAAAa,EAAC,OAAA,EAAI,KAAKb,GAAY,WAAU,cAC3B,UAAA;AAAA,IAAAE,KACG,gBAAAY,EAACC,GAAA,EAAO,SAASJ,GAAa,WAAAlB,GACzB,UAAAJ,GACL;AAAA,IAEJ,gBAAAyB;AAAA,MAACE;AAAA,MAAA;AAAA,QACI,GAAGnB;AAAA,QACJ,QAAQO;AAAA,QACR,QAAAV;AAAA,QACA,UAAAN;AAAA,QACA,SAAAE;AAAA,QACA,KAAKQ;AAAA,QAEJ,UAAA,CAAC,EAAE,cAAAmB,GAAc,eAAAC,GAAe,cAAAC,QAEzB,gBAAAN,EAAC,OAAA,EAAK,GAAGI,EAAA,GACL,UAAA;AAAA,UAAA,gBAAAH,EAAC,SAAA,EAAO,GAAGI,EAAA,EAAc,CAAG;AAAA,UAC3Bf,KAAgBP,KAAYA,EAAS,EAAE,cAAAuB,GAAc;AAAA,QAAA,GAC1D;AAAA,MAER;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;AAEAlC,EAAW,sBAAsB;AACjCA,EAAW,wBAAwB;AACnCA,EAAW,oBAAoB;"}
+{"version":3,"file":"FilePicker.js","sources":["../../../src/components/filepicker/FilePicker.tsx"],"sourcesContent":["import { type ReactNode, useCallback, useEffect, useRef } from 'react';\nimport Dropzone, { type FileRejection, type DropzoneProps, type DropzoneRef } from 'react-dropzone';\nimport { noop } from 'es-toolkit/compat';\n\nimport Button from '../button/Button';\n\ntype FilePickerRenderProps = {\n    isDragActive: boolean;\n};\n\nexport type FilePickerProps = {\n    /**\n     * Defines the file picker display mode.\n     *\n     * Possible values are `'button'` for a single button, `'dropzone'` for a custom dropzone passed as child function,\n     * or `'full'` for showing both.\n     *\n     * @default 'button'\n     */\n    displayMode?: 'button' | 'dropzone' | 'full';\n\n    /**\n     * Indicating if multiple files may be selected.\n     *\n     * @default true\n     */\n    multiple?: boolean; // multi select\n\n    /**\n     * Text to display on Button if displayMode is set to \"button\".\n     *\n     * @default 'Select files'\n     */\n    label?: string | ReactNode;\n\n    /**\n     * Maximum file size in byte. 5 MB = 5,242,880 byte\n     */\n    maxSize?: number;\n\n    /**\n     * Function called after one or multiple files have been picked.\n     */\n    onPick?: (files: File[], rejectedFiles: FileRejection[]) => void;\n\n    /**\n     * Additional classes for the select button.\n     */\n    className?: string;\n\n    /**\n     * Flag to set the dropzone wrapper element to 100% height.\n     *\n     * This comes in handy, when the dropzone should have 100 % height so it can grow.\n     *\n     * @default false\n     */\n    fullHeight?: boolean;\n\n    /**\n     * Object list of accepted Mime Types as keys and file extensions array as value.\n     */\n    accept?: { [mimeType: string]: string[] };\n\n    /**\n     * Pass a custom dropzone element as function receiving some render props.\n     */\n    children?: ({ isDragActive }: FilePickerRenderProps) => React.ReactElement;\n};\n\nconst FilePicker = (props: FilePickerProps) => {\n    const {\n        displayMode = 'button',\n        multiple = true,\n        label = 'Select files',\n        maxSize,\n        onPick = noop,\n        className = '',\n        accept,\n        fullHeight = false,\n        children,\n        ...remainingProps\n    } = props;\n\n    const dropzoneRef = useRef<DropzoneRef>(null);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    const isFull = displayMode === 'full';\n    const showButton = isFull || displayMode === 'button';\n    const showDropzone = isFull || displayMode === 'dropzone';\n\n    const handleDrop: NonNullable<DropzoneProps['onDrop']> = useCallback(\n        (acceptedFiles, rejectedFiles) => {\n            const hasImagesType = accept && Object.keys(accept).some(mimeType => mimeType.startsWith('image'));\n            const files = hasImagesType\n                ? acceptedFiles.map(file => Object.assign(file, { preview: URL.createObjectURL(file) }))\n                : acceptedFiles;\n\n            onPick(files, rejectedFiles);\n        },\n        [onPick, accept]\n    );\n\n    const handleClick = () => dropzoneRef.current?.open();\n\n    useEffect(() => {\n        // Set height to dropzones inner presentation div where there is no other access to this DOM element.\n        // This comes in handy, when the dropzone should have 100 % height so it can grow.\n        if (wrapperRef.current && fullHeight) {\n            wrapperRef.current.querySelector('.FilePicker > div')?.setAttribute('class', 'height-100pct');\n        }\n    }, [fullHeight, wrapperRef.current]);\n\n    return (\n        <div ref={wrapperRef} className='FilePicker'>\n            {showButton && (\n                <Button onClick={handleClick} className={className}>\n                    {label}\n                </Button>\n            )}\n            <Dropzone\n                {...remainingProps}\n                onDrop={handleDrop}\n                accept={accept}\n                multiple={multiple}\n                maxSize={maxSize}\n                ref={dropzoneRef}\n            >\n                {({ getRootProps, getInputProps, isDragActive }) => (\n                    <div {...getRootProps()}>\n                        <input {...getInputProps()} />\n                        {showDropzone && children && children({ isDragActive })}\n                    </div>\n                )}\n            </Dropzone>\n        </div>\n    );\n};\n\nFilePicker.DISPLAY_MODE_BUTTON = 'button' as const;\nFilePicker.DISPLAY_MODE_DROPZONE = 'dropzone' as const;\nFilePicker.DISPLAY_MODE_FULL = 'full' as const;\n\nexport default FilePicker;\n"],"names":["FilePicker","props","displayMode","multiple","label","maxSize","onPick","noop","className","accept","fullHeight","children","remainingProps","dropzoneRef","useRef","wrapperRef","isFull","showButton","showDropzone","handleDrop","useCallback","acceptedFiles","rejectedFiles","files","mimeType","file","handleClick","useEffect","jsxs","jsx","Button","Dropzone","getRootProps","getInputProps","isDragActive"],"mappings":";;;;;AAsEA,MAAMA,IAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,aAAAC,IAAc;AAAA,IACd,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,SAAAC;AAAA,IACA,QAAAC,IAASC;AAAA,IACT,WAAAC,IAAY;AAAA,IACZ,QAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX,GAEEY,IAAcC,EAAoB,IAAI,GACtCC,IAAaD,EAAuB,IAAI,GAExCE,IAASd,MAAgB,QACzBe,IAAaD,KAAUd,MAAgB,UACvCgB,IAAeF,KAAUd,MAAgB,YAEzCiB,IAAmDC;AAAA,IACrD,CAACC,GAAeC,MAAkB;AAE9B,YAAMC,IADgBd,KAAU,OAAO,KAAKA,CAAM,EAAE,KAAK,CAAAe,MAAYA,EAAS,WAAW,OAAO,CAAC,IAE3FH,EAAc,IAAI,CAAAI,MAAQ,OAAO,OAAOA,GAAM,EAAE,SAAS,IAAI,gBAAgBA,CAAI,EAAA,CAAG,CAAC,IACrFJ;AAEN,MAAAf,EAAOiB,GAAOD,CAAa;AAAA,IAC/B;AAAA,IACA,CAAChB,GAAQG,CAAM;AAAA,EAAA,GAGbiB,IAAc,MAAMb,EAAY,SAAS,KAAA;AAE/C,SAAAc,EAAU,MAAM;AAGZ,IAAIZ,EAAW,WAAWL,KACtBK,EAAW,QAAQ,cAAc,mBAAmB,GAAG,aAAa,SAAS,eAAe;AAAA,EAEpG,GAAG,CAACL,GAAYK,EAAW,OAAO,CAAC,GAG/B,gBAAAa,EAAC,OAAA,EAAI,KAAKb,GAAY,WAAU,cAC3B,UAAA;AAAA,IAAAE,KACG,gBAAAY,EAACC,GAAA,EAAO,SAASJ,GAAa,WAAAlB,GACzB,UAAAJ,GACL;AAAA,IAEJ,gBAAAyB;AAAA,MAACE;AAAA,MAAA;AAAA,QACI,GAAGnB;AAAA,QACJ,QAAQO;AAAA,QACR,QAAAV;AAAA,QACA,UAAAN;AAAA,QACA,SAAAE;AAAA,QACA,KAAKQ;AAAA,QAEJ,UAAA,CAAC,EAAE,cAAAmB,GAAc,eAAAC,GAAe,cAAAC,EAAA,MAC7B,gBAAAN,EAAC,OAAA,EAAK,GAAGI,EAAA,GACL,UAAA;AAAA,UAAA,gBAAAH,EAAC,SAAA,EAAO,GAAGI,EAAA,EAAc,CAAG;AAAA,UAC3Bf,KAAgBP,KAAYA,EAAS,EAAE,cAAAuB,GAAc;AAAA,QAAA,EAAA,CAC1D;AAAA,MAAA;AAAA,IAAA;AAAA,EAER,GACJ;AAER;AAEAlC,EAAW,sBAAsB;AACjCA,EAAW,wBAAwB;AACnCA,EAAW,oBAAoB;"}

package/components/loadMore/LoadMoreButton.d.ts

@@ -37,6 +37,11 @@ type LoadMoreButtonProps = {
      * Additional classes to be set on the wrapper element.
      */
     className?: string;
+    /**
+     * Hides the wrapper in print styles.
+     * @default true
+     */
+    hideOnPrint?: boolean;
 };
 export declare const LoadMoreButton: (props: LoadMoreButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default LoadMoreButton;

package/components/loadMore/LoadMoreButton.js

@@ -1,50 +1,54 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import h from "../../utils/classNames.js";
-import { LoadMoreProgress as N } from "./LoadMoreProgress.js";
-const f = (i) => {
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import N from "../../utils/classNames.js";
+import { mergeClassNameOverrides as u } from "../../utils/mergeClassNameOverrides.js";
+import { LoadMoreProgress as f } from "./LoadMoreProgress.js";
+const x = (i) => {
   const {
-    loaded: a = 0,
-    total: e = 100,
+    loaded: o = 0,
+    total: a = 100,
     onLoadMore: d = () => {
     },
-    loadMoreMessage: n = "",
+    loadMoreMessage: s = "",
     noMoreMessage: l = "",
-    isInteractive: r = !0,
-    progressBarStyle: c,
+    isInteractive: n = !0,
+    progressBarStyle: m,
     className: p = "",
-    ...m
-  } = i, g = h(
-    "LoadMoreButton",
-    "align-items-center",
-    "display-flex",
-    "justify-content-center",
-    "margin-top-25",
-    "margin-bottom-25",
-    "non-printable",
+    hideOnPrint: c = !0,
+    ...g
+  } = i, h = u(
+    N(
+      "LoadMoreButton",
+      "align-items-center",
+      "display-flex",
+      "justify-content-center",
+      "margin-top-25",
+      "margin-bottom-25",
+      c && "non-printable"
+    ),
     p
-  ), t = a > 0 && e > 0 && a < e;
-  return /* @__PURE__ */ o("div", { ...m, className: g, children: /* @__PURE__ */ s("div", { className: "min-width-150", children: [
-    /* @__PURE__ */ o(N, { loaded: a, total: e, progressBarStyle: c }),
-    /* @__PURE__ */ s("div", { className: "display-flex justify-content-center", children: [
-      t && r && /* @__PURE__ */ s(
+  ), t = o > 0 && a > 0 && o < a;
+  return /* @__PURE__ */ e("div", { ...g, className: h, children: /* @__PURE__ */ r("div", { className: "min-width-150", children: [
+    /* @__PURE__ */ e(f, { loaded: o, total: a, progressBarStyle: m }),
+    /* @__PURE__ */ r("div", { className: "display-flex justify-content-center", children: [
+      t && n && /* @__PURE__ */ r(
         "button",
         {
           className: "btn btn-link padding-right-20 margin-top--5",
           type: "button",
           onClick: d,
           children: [
-            /* @__PURE__ */ o("span", { className: "rioglyph rioglyph-arrow-down" }),
-            n
+            /* @__PURE__ */ e("span", { className: "rioglyph rioglyph-arrow-down" }),
+            s
           ]
         }
       ),
-      t && !r && /* @__PURE__ */ o("span", { className: "padding-top-4 padding-bottom-10", children: n }),
-      !t && /* @__PURE__ */ o("span", { className: "padding-top-4 padding-bottom-10", children: l })
+      t && !n && /* @__PURE__ */ e("span", { className: "padding-top-4 padding-bottom-10", children: s }),
+      !t && /* @__PURE__ */ e("span", { className: "padding-top-4 padding-bottom-10", children: l })
     ] })
   ] }) });
 };
 export {
-  f as LoadMoreButton,
-  f as default
+  x as LoadMoreButton,
+  x as default
 };
 //# sourceMappingURL=LoadMoreButton.js.map

package/components/loadMore/LoadMoreButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadMoreButton.js","sources":["../../../src/components/loadMore/LoadMoreButton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport { LoadMoreProgress, type ProgressBarStyle } from './LoadMoreProgress';\n\ntype LoadMoreButtonProps = {\n    /**\n     * The number of already loaded elements. If set to 0 the progress bar will not be shown.\n     * @default 0\n     */\n    loaded?: number;\n\n    /**\n     * The number of all elements. If set to 0 the progress bar will not be shown.\n     * @default 100\n     */\n    total?: number;\n\n    /**\n     * The message that will be shown when everything is loaded.\n     */\n    noMoreMessage?: string | ReactNode;\n\n    /**\n     * The text for the load more button.\n     */\n    loadMoreMessage?: string | ReactNode;\n\n    /**\n     * If set to `false`, the button will not be rendered. The loadMoreMessage will be shown as text.\n     * @default true\n     */\n    isInteractive?: boolean;\n\n    /**\n     * Callback fired when clicking on the load more button.\n     */\n    onLoadMore?: VoidFunction;\n\n    /**\n     * In case the component is used on white background, set the progress bar style to `gray`.\n     * @default 'white'\n     */\n    progressBarStyle?: ProgressBarStyle;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n};\n\nexport const LoadMoreButton = (props: LoadMoreButtonProps) => {\n    const {\n        loaded = 0,\n        total = 100,\n        onLoadMore = () => {},\n        loadMoreMessage = '',\n        noMoreMessage = '',\n        isInteractive = true,\n        progressBarStyle,\n        className = '',\n        ...remainingProps\n    } = props;\n\n    const wrapperClassNames = classNames(\n        'LoadMoreButton',\n        'align-items-center',\n        'display-flex',\n        'justify-content-center',\n        'margin-top-25',\n        'margin-bottom-25',\n        'non-printable',\n        className\n    );\n\n    const hasMoreToLoad = loaded > 0 && total > 0 && loaded < total;\n\n    return (\n        <div {...remainingProps} className={wrapperClassNames}>\n            <div className='min-width-150'>\n                <LoadMoreProgress loaded={loaded} total={total} progressBarStyle={progressBarStyle} />\n                <div className='display-flex justify-content-center'>\n                    {hasMoreToLoad && isInteractive && (\n                        <button\n                            className='btn btn-link padding-right-20 margin-top--5'\n                            type='button'\n                            onClick={onLoadMore}\n                        >\n                            <span className='rioglyph rioglyph-arrow-down' />\n                            {loadMoreMessage}\n                        </button>\n                    )}\n                    {hasMoreToLoad && !isInteractive && (\n                        <span className='padding-top-4 padding-bottom-10'>{loadMoreMessage}</span>\n                    )}\n                    {!hasMoreToLoad && <span className='padding-top-4 padding-bottom-10'>{noMoreMessage}</span>}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default LoadMoreButton;\n"],"names":["LoadMoreButton","props","loaded","total","onLoadMore","loadMoreMessage","noMoreMessage","isInteractive","progressBarStyle","className","remainingProps","wrapperClassNames","classNames","hasMoreToLoad","jsx","jsxs","LoadMoreProgress"],"mappings":";;;AAmDO,MAAMA,IAAiB,CAACC,MAA+B;AAC1D,QAAM;AAAA,IACF,QAAAC,IAAS;AAAA,IACT,OAAAC,IAAQ;AAAA,IACR,YAAAC,IAAa,MAAM;AAAA,IAAC;AAAA,IACpB,iBAAAC,IAAkB;AAAA,IAClB,eAAAC,IAAgB;AAAA,IAChB,eAAAC,IAAgB;AAAA,IAChB,kBAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,IACHT,GAEEU,IAAoBC;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAH;AAAA,EAAA,GAGEI,IAAgBX,IAAS,KAAKC,IAAQ,KAAKD,IAASC;AAE1D,SACI,gBAAAW,EAAC,SAAK,GAAGJ,GAAgB,WAAWC,GAChC,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAiB,QAAAd,GAAgB,OAAAC,GAAc,kBAAAK,EAAA,CAAoC;AAAA,IACpF,gBAAAO,EAAC,OAAA,EAAI,WAAU,uCACV,UAAA;AAAA,MAAAF,KAAiBN,KACd,gBAAAQ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAASX;AAAA,UAET,UAAA;AAAA,YAAA,gBAAAU,EAAC,QAAA,EAAK,WAAU,+BAAA,CAA+B;AAAA,YAC9CT;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGRQ,KAAiB,CAACN,uBACd,QAAA,EAAK,WAAU,mCAAmC,UAAAF,GAAgB;AAAA,MAEtE,CAACQ,KAAiB,gBAAAC,EAAC,QAAA,EAAK,WAAU,mCAAmC,UAAAR,EAAA,CAAc;AAAA,IAAA,EAAA,CACxF;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"LoadMoreButton.js","sources":["../../../src/components/loadMore/LoadMoreButton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport { mergeClassNameOverrides } from '../../utils/mergeClassNameOverrides';\nimport { LoadMoreProgress, type ProgressBarStyle } from './LoadMoreProgress';\n\ntype LoadMoreButtonProps = {\n    /**\n     * The number of already loaded elements. If set to 0 the progress bar will not be shown.\n     * @default 0\n     */\n    loaded?: number;\n\n    /**\n     * The number of all elements. If set to 0 the progress bar will not be shown.\n     * @default 100\n     */\n    total?: number;\n\n    /**\n     * The message that will be shown when everything is loaded.\n     */\n    noMoreMessage?: string | ReactNode;\n\n    /**\n     * The text for the load more button.\n     */\n    loadMoreMessage?: string | ReactNode;\n\n    /**\n     * If set to `false`, the button will not be rendered. The loadMoreMessage will be shown as text.\n     * @default true\n     */\n    isInteractive?: boolean;\n\n    /**\n     * Callback fired when clicking on the load more button.\n     */\n    onLoadMore?: VoidFunction;\n\n    /**\n     * In case the component is used on white background, set the progress bar style to `gray`.\n     * @default 'white'\n     */\n    progressBarStyle?: ProgressBarStyle;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n\n    /**\n     * Hides the wrapper in print styles.\n     * @default true\n     */\n    hideOnPrint?: boolean;\n};\n\nexport const LoadMoreButton = (props: LoadMoreButtonProps) => {\n    const {\n        loaded = 0,\n        total = 100,\n        onLoadMore = () => {},\n        loadMoreMessage = '',\n        noMoreMessage = '',\n        isInteractive = true,\n        progressBarStyle,\n        className = '',\n        hideOnPrint = true,\n        ...remainingProps\n    } = props;\n\n    const wrapperClassNames = mergeClassNameOverrides(\n        classNames(\n            'LoadMoreButton',\n            'align-items-center',\n            'display-flex',\n            'justify-content-center',\n            'margin-top-25',\n            'margin-bottom-25',\n            hideOnPrint && 'non-printable'\n        ),\n        className\n    );\n\n    const hasMoreToLoad = loaded > 0 && total > 0 && loaded < total;\n\n    return (\n        <div {...remainingProps} className={wrapperClassNames}>\n            <div className='min-width-150'>\n                <LoadMoreProgress loaded={loaded} total={total} progressBarStyle={progressBarStyle} />\n                <div className='display-flex justify-content-center'>\n                    {hasMoreToLoad && isInteractive && (\n                        <button\n                            className='btn btn-link padding-right-20 margin-top--5'\n                            type='button'\n                            onClick={onLoadMore}\n                        >\n                            <span className='rioglyph rioglyph-arrow-down' />\n                            {loadMoreMessage}\n                        </button>\n                    )}\n                    {hasMoreToLoad && !isInteractive && (\n                        <span className='padding-top-4 padding-bottom-10'>{loadMoreMessage}</span>\n                    )}\n                    {!hasMoreToLoad && <span className='padding-top-4 padding-bottom-10'>{noMoreMessage}</span>}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default LoadMoreButton;\n"],"names":["LoadMoreButton","props","loaded","total","onLoadMore","loadMoreMessage","noMoreMessage","isInteractive","progressBarStyle","className","hideOnPrint","remainingProps","wrapperClassNames","mergeClassNameOverrides","classNames","hasMoreToLoad","jsx","jsxs","LoadMoreProgress"],"mappings":";;;;AA0DO,MAAMA,IAAiB,CAACC,MAA+B;AAC1D,QAAM;AAAA,IACF,QAAAC,IAAS;AAAA,IACT,OAAAC,IAAQ;AAAA,IACR,YAAAC,IAAa,MAAM;AAAA,IAAC;AAAA,IACpB,iBAAAC,IAAkB;AAAA,IAClB,eAAAC,IAAgB;AAAA,IAChB,eAAAC,IAAgB;AAAA,IAChB,kBAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,EAAA,IACHV,GAEEW,IAAoBC;AAAA,IACtBC;AAAA,MACI;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ,KAAe;AAAA,IAAA;AAAA,IAEnBD;AAAA,EAAA,GAGEM,IAAgBb,IAAS,KAAKC,IAAQ,KAAKD,IAASC;AAE1D,SACI,gBAAAa,EAAC,SAAK,GAAGL,GAAgB,WAAWC,GAChC,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAiB,QAAAhB,GAAgB,OAAAC,GAAc,kBAAAK,EAAA,CAAoC;AAAA,IACpF,gBAAAS,EAAC,OAAA,EAAI,WAAU,uCACV,UAAA;AAAA,MAAAF,KAAiBR,KACd,gBAAAU;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAASb;AAAA,UAET,UAAA;AAAA,YAAA,gBAAAY,EAAC,QAAA,EAAK,WAAU,+BAAA,CAA+B;AAAA,YAC9CX;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGRU,KAAiB,CAACR,uBACd,QAAA,EAAK,WAAU,mCAAmC,UAAAF,GAAgB;AAAA,MAEtE,CAACU,KAAiB,gBAAAC,EAAC,QAAA,EAAK,WAAU,mCAAmC,UAAAV,EAAA,CAAc;AAAA,IAAA,EAAA,CACxF;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/components/map/components/features/ContextMenu.js

@@ -5,19 +5,19 @@ import { useMapContext as M } from "../MapContext.js";
 const L = "H_context_menu_item", T = (
   // eslint-disable-next-line max-len
   '<svg aria-labelledby="ggtrwic-aria" role="img" height="14" width="135px" class="ContentLoader  use-mix-blend-mode"><title id="ggtrwic-aria">Loading...</title><rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#ggtrwic-diff)" style="fill: url(&quot;#ggtrwic-animated-diff&quot;);"></rect><defs><clipPath id="ggtrwic-diff"><rect width="100%" height="100%" rx="3" ry="3"></rect></clipPath><linearGradient id="ggtrwic-animated-diff"><stop offset="0%" stop-color="#f5f6f7" stop-opacity="1"><animate attributeName="offset" values="-2; -2; 1" keyTimes="0; 0.25; 1" dur="2s" repeatCount="indefinite"></animate></stop><stop offset="50%" stop-color="#aaaaaa" stop-opacity="1"><animate attributeName="offset" values="-1; -1; 2" keyTimes="0; 0.25; 1" dur="2s" repeatCount="indefinite"></animate></stop><stop offset="100%" stop-color="#f5f6f7" stop-opacity="1"><animate attributeName="offset" values="0; 0; 3" keyTimes="0; 0.25; 1" dur="2s" repeatCount="indefinite"></animate></stop></linearGradient></defs></svg>'
-), h = () => [...document.getElementsByClassName(L)], w = (o, s) => {
-  Array.from(o).forEach((n, a) => {
+), h = () => [...document.getElementsByClassName(L)], w = (n, s) => {
+  Array.from(n).forEach((o, a) => {
     const r = s[a];
     if (!r)
       return;
     const { hasSpinner: f, className: c, labelClassName: t = "", icon: i, label: p } = r.props, e = `<span class="${t}">${p}</span>`, l = `<span class="rioglyph ${i} margin-right-5"></span>${e}`, u = i ? l : e;
-    f ? n.innerHTML = T : n.innerHTML = u;
-    const x = n.classList;
+    f ? o.innerHTML = T : o.innerHTML = u;
+    const x = o.classList;
     c && c.split(" ").map((E) => x.add(E));
   });
-}, y = (o, s, n, a) => {
-  const r = o.length - 1, f = s.viewportX, c = a || n.screenToGeo(f, s.viewportY);
-  o.forEach((t, i) => {
+}, y = (n, s, o, a) => {
+  const r = n.length - 1, f = s.viewportX, c = a || o.screenToGeo(f, s.viewportY);
+  n.forEach((t, i) => {
     if (!t)
       return;
     const { label: p, disabled: e, callback: l = b } = t.props;
@@ -29,20 +29,20 @@ const L = "H_context_menu_item", T = (
       })
     ), i < r && s.items.push(H.util.ContextItem.SEPARATOR);
   });
-}, v = (o) => o.type === "contextmenu", m = (o, s) => o.target === s || o.target?.data?.source_name?.startsWith("H-"), P = (o) => {
-  const { onOpen: s = b, menuItems: n, contextMenuEvent: a, targetPosition: r } = o, { api: f, baseLayer: c } = M(), { map: t } = f, i = C();
+}, v = (n) => n.type === "contextmenu", m = (n, s) => n.target === s || n.target?.data?.source_name?.startsWith("H-"), P = (n) => {
+  const { onOpen: s = b, menuItems: o, contextMenuEvent: a, targetPosition: r } = n, { api: f, baseLayer: c } = M(), { map: t } = f, i = C();
   i.current = r, d(() => {
-    if (n && t) {
+    if (o && t) {
       const e = g(a?.items);
-      a && !m(a, t) && e && y(n, a, t, i.current), w(h(), n);
+      a && !m(a, t) && e && y(o, a, t, i.current), w(h(), o);
     }
-  }, [n, a, i.current]);
+  }, [o, a, i.current]);
   const p = (e) => {
     if (!v(e) || !t)
       return;
     m(e, t) && (i.current = void 0);
     const l = e.viewportX, u = i.current || t?.screenToGeo(l, e.viewportY);
-    u && s(u), m(e, t) && n && g(e.items) && (y(n, e, t, r), w(h(), n));
+    u && s(u), m(e, t) && o && g(e.items) && (y(o, e, t, r), w(h(), o));
   };
   return d(() => {
     if (t)

package/components/map/components/features/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../../../../src/components/map/components/features/ContextMenu.tsx"],"sourcesContent":["/* eslint-disable no-undef */\nimport { useRef, useLayoutEffect } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\nimport { noop } from 'es-toolkit/function';\n\nimport { useMapContext } from '../MapContext';\nimport type { ContextMenuItemProps as ContextMenuItem } from './ContextMenuItem';\nimport type { Position } from '../../utils/mapTypes';\n\nconst HERE_ITEM_CLASS = 'H_context_menu_item';\n\nconst centeredSpinner =\n    // eslint-disable-next-line max-len\n    '<svg aria-labelledby=\"ggtrwic-aria\" role=\"img\" height=\"14\" width=\"135px\" class=\"ContentLoader  use-mix-blend-mode\"><title id=\"ggtrwic-aria\">Loading...</title><rect role=\"presentation\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" clip-path=\"url(#ggtrwic-diff)\" style=\"fill: url(&quot;#ggtrwic-animated-diff&quot;);\"></rect><defs><clipPath id=\"ggtrwic-diff\"><rect width=\"100%\" height=\"100%\" rx=\"3\" ry=\"3\"></rect></clipPath><linearGradient id=\"ggtrwic-animated-diff\"><stop offset=\"0%\" stop-color=\"#f5f6f7\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"-2; -2; 1\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop><stop offset=\"50%\" stop-color=\"#aaaaaa\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"-1; -1; 2\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop><stop offset=\"100%\" stop-color=\"#f5f6f7\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"0; 0; 3\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop></linearGradient></defs></svg>';\n\nconst getDOMMenuItems = (): Element[] => [...document.getElementsByClassName(HERE_ITEM_CLASS)];\n\n// Query DOM nodes for \"H_context_menu_item\" and update label when children label has changed.\n// This function allows to use HTML markup for the menu items in the second render\nconst updateMenuItemLabels = (nodes: Element[], items: React.ReactElement<ContextMenuItem>[]) => {\n    // setTimeout(() => {\n    Array.from(nodes).forEach((itemNode, index) => {\n        const item = items[index];\n        if (!item) {\n            return;\n        }\n\n        const { hasSpinner, className, labelClassName = '', icon, label } = item.props;\n\n        const contentLabel = `<span class=\"${labelClassName}\">${label}</span>`;\n        const labelWithIcon = `<span class=\"rioglyph ${icon} margin-right-5\"></span>${contentLabel}`;\n        const content = icon ? labelWithIcon : contentLabel;\n\n        if (hasSpinner) {\n            itemNode.innerHTML = centeredSpinner;\n        } else {\n            itemNode.innerHTML = content;\n        }\n\n        const wrapperClassList = itemNode.classList;\n\n        // Since classList.add() does not allow for space separated multiple classes, we have to add them separately\n        if (className) {\n            className.split(' ').map((singleClassName: string) => wrapperClassList.add(singleClassName));\n        }\n    });\n    // }, 0);\n};\n\nconst addItemsToEvent = (\n    items: React.ReactElement<ContextMenuItem>[],\n    event: H.mapevents.ContextMenuEvent,\n    map: H.Map,\n    targetPosition?: Position\n) => {\n    const amount = items.length - 1;\n\n    // FIXME: The imported typing is wrong and according to\n    // https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.mapevents.ContextMenuEvent.html#viewportX\n    // it is a number\n    const viewportX = event.viewportX as unknown as number;\n\n    // Get geo coordinates from the screen coordinates or use a fixed set to be returned when\n    // clicking the menu item.\n    const coord = targetPosition || map.screenToGeo(viewportX, event.viewportY);\n\n    items.forEach((item, index) => {\n        if (!item) {\n            return;\n        }\n\n        const { label, disabled, callback = noop } = item.props;\n\n        // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n        event.items.push(\n            new H.util.ContextItem({\n                label,\n                disabled,\n                callback: () => callback(coord),\n            })\n        );\n\n        // add separator but for last element\n        if (index < amount) {\n            // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n            event.items.push(H.util.ContextItem.SEPARATOR);\n        }\n    });\n};\n\nexport const isContextMenuEvent = (event: H.mapevents.ContextMenuEvent) => event.type === 'contextmenu';\n\n// Depending on the click target, it may be the map itself or individual parts of the map layer.\n// To check if the context menu click happened on a marker or polygon or circle, we need to check where\n// the user has clicked.\n//\n// Some map layer sources may be:\n// source_layer: \"buildings\", \"landuse\", \"pois\", \"roads\", \"water\", \"places\"\n// source_name: 'H-107';\nexport const isMapTarget = (event: H.mapevents.ContextMenuEvent, map: H.Map) => {\n    return event.target === map || event.target?.data?.source_name?.startsWith('H-');\n};\n\nexport type ContextMenuProps = {\n    onOpen?: (menuPosition: Position) => void;\n    menuItems?: React.ReactElement<ContextMenuItem>[];\n    contextMenuEvent?: H.mapevents.ContextMenuEvent;\n    targetPosition?: Position;\n};\n\nconst ContextMenu = (props: ContextMenuProps) => {\n    const { onOpen = noop, menuItems, contextMenuEvent, targetPosition } = props;\n\n    const { api, baseLayer } = useMapContext();\n    const { map: hereMap } = api;\n\n    // Use a ref to store the target position used when a map object was clicked with a fixed\n    // position to return that position in the onOpen callback instead of the dynamic map position\n    const targetPositionRef = useRef<Position>();\n    targetPositionRef.current = targetPosition;\n\n    useLayoutEffect(() => {\n        if (menuItems && hereMap) {\n            // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n            const hasNoEventItems = isEmpty(contextMenuEvent?.items);\n\n            // Add the context menu item to the target event and not to the map event itself\n            // as every element on the map need to have context menu items added to the event they\n            // are triggered from\n            if (contextMenuEvent && !isMapTarget(contextMenuEvent, hereMap) && hasNoEventItems) {\n                addItemsToEvent(menuItems, contextMenuEvent, hereMap, targetPositionRef.current);\n            }\n\n            updateMenuItemLabels(getDOMMenuItems(), menuItems);\n        }\n    }, [menuItems, contextMenuEvent, targetPositionRef.current]);\n\n    const handleMapContextMenu = (event: H.mapevents.ContextMenuEvent) => {\n        if (!isContextMenuEvent(event) || !hereMap) {\n            return;\n        }\n\n        // \"contextmenu\" event might be triggered not only by a pointer,\n        // but a keyboard button as well. That's why ContextMenuEvent\n        // doesn't have a \"currentPointer\" property.\n        // Instead it has \"viewportX\" and \"viewportY\" properties\n        // for the associates position.\n\n        // Reset previous target positions when the map was clicked\n        if (isMapTarget(event, hereMap)) {\n            targetPositionRef.current = undefined;\n        }\n\n        // FIXME: The imported typing is wrong and according to\n        // https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.mapevents.ContextMenuEvent.html#viewportX\n        // it is a number\n        const viewportX = event.viewportX as unknown as number;\n\n        // Get geo coordinates from the screen coordinates.\n        const coord = targetPositionRef.current || hereMap?.screenToGeo(viewportX, event.viewportY);\n        if (coord) {\n            onOpen(coord);\n        }\n\n        // As we already handle contextmenu event callback on map object like markers separately,\n        // we don't do anything if target is different than the map.\n        if (!isMapTarget(event, hereMap)) {\n            return;\n        }\n\n        if (!menuItems) {\n            return;\n        }\n\n        // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n        if (isEmpty(event.items)) {\n            addItemsToEvent(menuItems, event, hereMap, targetPosition);\n            updateMenuItemLabels(getDOMMenuItems(), menuItems);\n        }\n    };\n\n    // The contextmenu event handler has to be registered in any case to handle context menu events and to\n    // trigger the callback when the menu opens. Take care to remove and add the event listener when the\n    // base map layer changes as the map get re-initialized. Otherwise the context menu cannot be opened anymore\n    // when switching to another map view.\n    useLayoutEffect(() => {\n        if (!hereMap) {\n            return;\n        }\n\n        hereMap.addEventListener('contextmenu', handleMapContextMenu as any);\n\n        return () => {\n            hereMap.removeEventListener('contextmenu', handleMapContextMenu as any);\n        };\n    }, [baseLayer, hereMap]);\n\n    return null;\n};\n\nexport default ContextMenu;\n"],"names":["HERE_ITEM_CLASS","centeredSpinner","getDOMMenuItems","updateMenuItemLabels","nodes","items","itemNode","index","item","hasSpinner","className","labelClassName","icon","label","contentLabel","labelWithIcon","content","wrapperClassList","singleClassName","addItemsToEvent","event","map","targetPosition","amount","viewportX","coord","disabled","callback","noop","isContextMenuEvent","isMapTarget","ContextMenu","props","onOpen","menuItems","contextMenuEvent","api","baseLayer","useMapContext","hereMap","targetPositionRef","useRef","useLayoutEffect","hasNoEventItems","isEmpty","handleMapContextMenu"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","sources":["../../../../../src/components/map/components/features/ContextMenu.tsx"],"sourcesContent":["/* eslint-disable no-undef */\nimport { useRef, useLayoutEffect } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\nimport { noop } from 'es-toolkit/function';\n\nimport { useMapContext } from '../MapContext';\nimport type { ContextMenuItemProps as ContextMenuItem } from './ContextMenuItem';\nimport type { Position } from '../../utils/mapTypes';\n\nconst HERE_ITEM_CLASS = 'H_context_menu_item';\n\nconst centeredSpinner =\n    // eslint-disable-next-line max-len\n    '<svg aria-labelledby=\"ggtrwic-aria\" role=\"img\" height=\"14\" width=\"135px\" class=\"ContentLoader  use-mix-blend-mode\"><title id=\"ggtrwic-aria\">Loading...</title><rect role=\"presentation\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" clip-path=\"url(#ggtrwic-diff)\" style=\"fill: url(&quot;#ggtrwic-animated-diff&quot;);\"></rect><defs><clipPath id=\"ggtrwic-diff\"><rect width=\"100%\" height=\"100%\" rx=\"3\" ry=\"3\"></rect></clipPath><linearGradient id=\"ggtrwic-animated-diff\"><stop offset=\"0%\" stop-color=\"#f5f6f7\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"-2; -2; 1\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop><stop offset=\"50%\" stop-color=\"#aaaaaa\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"-1; -1; 2\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop><stop offset=\"100%\" stop-color=\"#f5f6f7\" stop-opacity=\"1\"><animate attributeName=\"offset\" values=\"0; 0; 3\" keyTimes=\"0; 0.25; 1\" dur=\"2s\" repeatCount=\"indefinite\"></animate></stop></linearGradient></defs></svg>';\n\nconst getDOMMenuItems = (): Element[] => [...document.getElementsByClassName(HERE_ITEM_CLASS)];\n\n// Query DOM nodes for \"H_context_menu_item\" and update label when children label has changed.\n// This function allows to use HTML markup for the menu items in the second render\nconst updateMenuItemLabels = (nodes: Element[], items: React.ReactElement<ContextMenuItem>[]) => {\n    // setTimeout(() => {\n    Array.from(nodes).forEach((itemNode, index) => {\n        const item = items[index];\n        if (!item) {\n            return;\n        }\n\n        const { hasSpinner, className, labelClassName = '', icon, label } = item.props;\n\n        const contentLabel = `<span class=\"${labelClassName}\">${label}</span>`;\n        const labelWithIcon = `<span class=\"rioglyph ${icon} margin-right-5\"></span>${contentLabel}`;\n        const content = icon ? labelWithIcon : contentLabel;\n\n        if (hasSpinner) {\n            itemNode.innerHTML = centeredSpinner;\n        } else {\n            itemNode.innerHTML = content;\n        }\n\n        const wrapperClassList = itemNode.classList;\n\n        // Since classList.add() does not allow for space separated multiple classes, we have to add them separately\n        if (className) {\n            className.split(' ').map((singleClassName: string) => wrapperClassList.add(singleClassName));\n        }\n    });\n    // }, 0);\n};\n\nconst addItemsToEvent = (\n    items: React.ReactElement<ContextMenuItem>[],\n    event: H.mapevents.ContextMenuEvent,\n    map: H.Map,\n    targetPosition?: Position\n) => {\n    const amount = items.length - 1;\n\n    // FIXME: The imported typing is wrong and according to\n    // https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.mapevents.ContextMenuEvent.html#viewportX\n    // it is a number\n    const viewportX = event.viewportX as unknown as number;\n\n    // Get geo coordinates from the screen coordinates or use a fixed set to be returned when\n    // clicking the menu item.\n    const coord = targetPosition || map.screenToGeo(viewportX, event.viewportY);\n\n    items.forEach((item, index) => {\n        if (!item) {\n            return;\n        }\n\n        const { label, disabled, callback = noop } = item.props;\n\n        // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n        event.items.push(\n            new H.util.ContextItem({\n                label,\n                disabled,\n                callback: () => callback(coord),\n            })\n        );\n\n        // add separator but for last element\n        if (index < amount) {\n            // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n            event.items.push(H.util.ContextItem.SEPARATOR);\n        }\n    });\n};\n\nexport const isContextMenuEvent = (event: H.mapevents.ContextMenuEvent) => event.type === 'contextmenu';\n\n// Depending on the click target, it may be the map itself or individual parts of the map layer.\n// To check if the context menu click happened on a marker or polygon or circle, we need to check where\n// the user has clicked.\n//\n// Some map layer sources may be:\n// source_layer: \"buildings\", \"landuse\", \"pois\", \"roads\", \"water\", \"places\"\n// source_name: 'H-107';\nexport const isMapTarget = (event: H.mapevents.ContextMenuEvent, map: H.Map) =>\n    event.target === map || event.target?.data?.source_name?.startsWith('H-');\n\nexport type ContextMenuProps = {\n    onOpen?: (menuPosition: Position) => void;\n    menuItems?: React.ReactElement<ContextMenuItem>[];\n    contextMenuEvent?: H.mapevents.ContextMenuEvent;\n    targetPosition?: Position;\n};\n\nconst ContextMenu = (props: ContextMenuProps) => {\n    const { onOpen = noop, menuItems, contextMenuEvent, targetPosition } = props;\n\n    const { api, baseLayer } = useMapContext();\n    const { map: hereMap } = api;\n\n    // Use a ref to store the target position used when a map object was clicked with a fixed\n    // position to return that position in the onOpen callback instead of the dynamic map position\n    const targetPositionRef = useRef<Position>();\n    targetPositionRef.current = targetPosition;\n\n    useLayoutEffect(() => {\n        if (menuItems && hereMap) {\n            // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n            const hasNoEventItems = isEmpty(contextMenuEvent?.items);\n\n            // Add the context menu item to the target event and not to the map event itself\n            // as every element on the map need to have context menu items added to the event they\n            // are triggered from\n            if (contextMenuEvent && !isMapTarget(contextMenuEvent, hereMap) && hasNoEventItems) {\n                addItemsToEvent(menuItems, contextMenuEvent, hereMap, targetPositionRef.current);\n            }\n\n            updateMenuItemLabels(getDOMMenuItems(), menuItems);\n        }\n    }, [menuItems, contextMenuEvent, targetPositionRef.current]);\n\n    const handleMapContextMenu = (event: H.mapevents.ContextMenuEvent) => {\n        if (!isContextMenuEvent(event) || !hereMap) {\n            return;\n        }\n\n        // \"contextmenu\" event might be triggered not only by a pointer,\n        // but a keyboard button as well. That's why ContextMenuEvent\n        // doesn't have a \"currentPointer\" property.\n        // Instead it has \"viewportX\" and \"viewportY\" properties\n        // for the associates position.\n\n        // Reset previous target positions when the map was clicked\n        if (isMapTarget(event, hereMap)) {\n            targetPositionRef.current = undefined;\n        }\n\n        // FIXME: The imported typing is wrong and according to\n        // https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.mapevents.ContextMenuEvent.html#viewportX\n        // it is a number\n        const viewportX = event.viewportX as unknown as number;\n\n        // Get geo coordinates from the screen coordinates.\n        const coord = targetPositionRef.current || hereMap?.screenToGeo(viewportX, event.viewportY);\n        if (coord) {\n            onOpen(coord);\n        }\n\n        // As we already handle contextmenu event callback on map object like markers separately,\n        // we don't do anything if target is different than the map.\n        if (!isMapTarget(event, hereMap)) {\n            return;\n        }\n\n        if (!menuItems) {\n            return;\n        }\n\n        // @ts-expect-error next-line FIXME: event.items is defined in the API but the imported types are wrong\n        if (isEmpty(event.items)) {\n            addItemsToEvent(menuItems, event, hereMap, targetPosition);\n            updateMenuItemLabels(getDOMMenuItems(), menuItems);\n        }\n    };\n\n    // The contextmenu event handler has to be registered in any case to handle context menu events and to\n    // trigger the callback when the menu opens. Take care to remove and add the event listener when the\n    // base map layer changes as the map get re-initialized. Otherwise the context menu cannot be opened anymore\n    // when switching to another map view.\n    useLayoutEffect(() => {\n        if (!hereMap) {\n            return;\n        }\n\n        hereMap.addEventListener('contextmenu', handleMapContextMenu as any);\n\n        return () => {\n            hereMap.removeEventListener('contextmenu', handleMapContextMenu as any);\n        };\n    }, [baseLayer, hereMap]);\n\n    return null;\n};\n\nexport default ContextMenu;\n"],"names":["HERE_ITEM_CLASS","centeredSpinner","getDOMMenuItems","updateMenuItemLabels","nodes","items","itemNode","index","item","hasSpinner","className","labelClassName","icon","label","contentLabel","labelWithIcon","content","wrapperClassList","singleClassName","addItemsToEvent","event","map","targetPosition","amount","viewportX","coord","disabled","callback","noop","isContextMenuEvent","isMapTarget","ContextMenu","props","onOpen","menuItems","contextMenuEvent","api","baseLayer","useMapContext","hereMap","targetPositionRef","useRef","useLayoutEffect","hasNoEventItems","isEmpty","handleMapContextMenu"],"mappings":"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"}

package/components/map/components/features/basics/InfoBubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoBubble.js","sources":["../../../../../../src/components/map/components/features/basics/InfoBubble.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport ReactDomServer from 'react-dom/server';\nimport { noop } from 'es-toolkit/function';\n\nimport type { MapApi, Position } from '../../../utils/mapTypes';\n\n// Default offset is defined according to the incidents layer marker\nconst DEFAULT_OFFSET_X = 0;\nconst DEFAULT_OFFSET_Y = 0;\n\nexport type InfoBubbleProps = {\n    api: MapApi | undefined;\n    position: Position;\n    markerOffset?: {\n        x: number;\n        y: number;\n    };\n    content: string | JSX.Element | Node;\n    onClose?: () => void;\n};\n\nconst InfoBubble = (props: InfoBubbleProps) => {\n    const { api, content, position, markerOffset, onClose = noop } = props;\n\n    const handleStateChange = (event: H.util.Event) => {\n        if (event.target.getState() === 'closed') {\n            onClose();\n        }\n    };\n\n    useEffect(() => {\n        let infoBubble: H.ui.InfoBubble;\n\n        if (api?.map && api?.ui) {\n            // Fix the position so the info bubble doesn't overlap the marker\n            const screenPosition = api.map.geoToScreen(position);\n            screenPosition.x += markerOffset?.x ?? DEFAULT_OFFSET_X;\n            screenPosition.y += markerOffset?.y ?? DEFAULT_OFFSET_Y;\n\n            infoBubble = new H.ui.InfoBubble(api.map.screenToGeo(screenPosition.x, screenPosition.y), {\n                onStateChange: handleStateChange,\n                content: React.isValidElement(content)\n                    ? ReactDomServer.renderToStaticMarkup(content)\n                    : (content as any),\n            });\n\n            api.ui.addBubble(infoBubble);\n        }\n\n        return () => {\n            if (infoBubble) {\n                try {\n                    api?.ui?.removeBubble(infoBubble);\n                } catch (error) {\n                    // silence error that is cased when switching map types and the bubble cannot be removed\n                    // from the old map instance\n                }\n            }\n        };\n    }, [api]);\n\n    return null;\n};\n\nexport default InfoBubble;\n"],"names":["DEFAULT_OFFSET_X","DEFAULT_OFFSET_Y","InfoBubble","props","api","content","position","markerOffset","onClose","noop","handleStateChange","event","useEffect","infoBubble","screenPosition","React","ReactDomServer"],"mappings":";;;AAOA,MAAMA,IAAmB,GACnBC,IAAmB,GAanBC,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,KAAAC,GAAK,SAAAC,GAAS,UAAAC,GAAU,cAAAC,GAAc,SAAAC,IAAUC,MAASN,GAE3DO,IAAoB,CAACC,MAAwB;AAC/C,IAAIA,EAAM,OAAO,SAAA,MAAe,YAC5BH,EAAA;AAAA,EAER;AAEA,SAAAI,EAAU,MAAM;AACZ,QAAIC;AAEJ,QAAIT,GAAK,OAAOA,GAAK,IAAI;AAErB,YAAMU,IAAiBV,EAAI,IAAI,YAAYE,CAAQ;AACnD,MAAAQ,EAAe,KAAKP,GAAc,KAAKP,GACvCc,EAAe,KAAKP,GAAc,KAAKN,GAEvCY,IAAa,IAAI,EAAE,GAAG,WAAWT,EAAI,IAAI,YAAYU,EAAe,GAAGA,EAAe,CAAC,GAAG;AAAA,QACtF,eAAeJ;AAAA,QACf,SAASK,EAAM,eAAeV,CAAO,IAC/BW,EAAe,qBAAqBX,CAAO,IAC1CA;AAAA,MAAA,CACV,GAEDD,EAAI,GAAG,UAAUS,CAAU;AAAA,IAC/B;AAEA,WAAO,MAAM;AACT,UAAIA;AACA,YAAI;AACA,UAAAT,GAAK,IAAI,aAAaS,CAAU;AAAA,QACpC,QAAgB;AAAA,QAGhB;AAAA,IAER;AAAA,EACJ,GAAG,CAACT,CAAG,CAAC,GAED;AACX;"}
+{"version":3,"file":"InfoBubble.js","sources":["../../../../../../src/components/map/components/features/basics/InfoBubble.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport ReactDomServer from 'react-dom/server';\nimport { noop } from 'es-toolkit/function';\n\nimport type { MapApi, Position } from '../../../utils/mapTypes';\n\n// Default offset is defined according to the incidents layer marker\nconst DEFAULT_OFFSET_X = 0;\nconst DEFAULT_OFFSET_Y = 0;\n\nexport type InfoBubbleProps = {\n    api: MapApi | undefined;\n    position: Position;\n    markerOffset?: {\n        x: number;\n        y: number;\n    };\n    content: string | JSX.Element | Node;\n    onClose?: () => void;\n};\n\nconst InfoBubble = (props: InfoBubbleProps) => {\n    const { api, content, position, markerOffset, onClose = noop } = props;\n\n    const handleStateChange = (event: H.util.Event) => {\n        if (event.target.getState() === 'closed') {\n            onClose();\n        }\n    };\n\n    useEffect(() => {\n        let infoBubble: H.ui.InfoBubble;\n\n        if (api?.map && api?.ui) {\n            // Fix the position so the info bubble doesn't overlap the marker\n            const screenPosition = api.map.geoToScreen(position);\n            screenPosition.x += markerOffset?.x ?? DEFAULT_OFFSET_X;\n            screenPosition.y += markerOffset?.y ?? DEFAULT_OFFSET_Y;\n\n            infoBubble = new H.ui.InfoBubble(api.map.screenToGeo(screenPosition.x, screenPosition.y), {\n                onStateChange: handleStateChange,\n                content: React.isValidElement(content)\n                    ? ReactDomServer.renderToStaticMarkup(content)\n                    : (content as any),\n            });\n\n            api.ui.addBubble(infoBubble);\n        }\n\n        return () => {\n            if (infoBubble) {\n                try {\n                    api?.ui?.removeBubble(infoBubble);\n                } catch {\n                    // silence error that is cased when switching map types and the bubble cannot be removed\n                    // from the old map instance\n                }\n            }\n        };\n    }, [api]);\n\n    return null;\n};\n\nexport default InfoBubble;\n"],"names":["DEFAULT_OFFSET_X","DEFAULT_OFFSET_Y","InfoBubble","props","api","content","position","markerOffset","onClose","noop","handleStateChange","event","useEffect","infoBubble","screenPosition","React","ReactDomServer"],"mappings":";;;AAOA,MAAMA,IAAmB,GACnBC,IAAmB,GAanBC,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,KAAAC,GAAK,SAAAC,GAAS,UAAAC,GAAU,cAAAC,GAAc,SAAAC,IAAUC,MAASN,GAE3DO,IAAoB,CAACC,MAAwB;AAC/C,IAAIA,EAAM,OAAO,SAAA,MAAe,YAC5BH,EAAA;AAAA,EAER;AAEA,SAAAI,EAAU,MAAM;AACZ,QAAIC;AAEJ,QAAIT,GAAK,OAAOA,GAAK,IAAI;AAErB,YAAMU,IAAiBV,EAAI,IAAI,YAAYE,CAAQ;AACnD,MAAAQ,EAAe,KAAKP,GAAc,KAAKP,GACvCc,EAAe,KAAKP,GAAc,KAAKN,GAEvCY,IAAa,IAAI,EAAE,GAAG,WAAWT,EAAI,IAAI,YAAYU,EAAe,GAAGA,EAAe,CAAC,GAAG;AAAA,QACtF,eAAeJ;AAAA,QACf,SAASK,EAAM,eAAeV,CAAO,IAC/BW,EAAe,qBAAqBX,CAAO,IAC1CA;AAAA,MAAA,CACV,GAEDD,EAAI,GAAG,UAAUS,CAAU;AAAA,IAC/B;AAEA,WAAO,MAAM;AACT,UAAIA;AACA,YAAI;AACA,UAAAT,GAAK,IAAI,aAAaS,CAAU;AAAA,QACpC,QAAQ;AAAA,QAGR;AAAA,IAER;AAAA,EACJ,GAAG,CAACT,CAAG,CAAC,GAED;AACX;"}

package/components/map/components/features/settings/MapSettingsTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapSettingsTile.js","sources":["../../../../../../src/components/map/components/features/settings/MapSettingsTile.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { AnimatePresence, motion, type Transition } from 'motion/react';\nimport { noop } from 'es-toolkit/function';\nimport { usePopper } from 'react-popper';\n\nimport classNames from '../../../../../utils/classNames';\nimport OverlayTrigger from '../../../../overlay/OverlayTrigger';\nimport Tooltip from '../../../../tooltip/Tooltip';\nimport useClickOutside, { useClickOutsideWithRef } from '../../../../../hooks/useClickOutside';\nimport MenuItemList from '../../../../menuItems/MenuItemList';\nimport MenuItem from '../../../../menuItems/MenuItem';\nimport { isMobileScreen } from '../../../../../utils/deviceUtils';\n\nconst TOOLTIP_SHOW_TIMEOUT_IN_MS = 800;\nconst TOOLTIP_HIDE_TIMEOUT_IN_MS = 100;\n\nconst tileAnimation = {\n    initial: { opacity: 0, y: 10 },\n    animate: { opacity: 1, y: 0 },\n    exit: { opacity: 0, y: 10 },\n    transition: { duration: 0.08, ease: 'easeOut' } as Transition,\n};\n\nconst getComponentWithTooltip = (component: React.ReactNode, tooltip: React.ReactNode) => {\n    return (\n        <OverlayTrigger\n            placement={Tooltip.TOP}\n            delay={{ show: TOOLTIP_SHOW_TIMEOUT_IN_MS, hide: TOOLTIP_HIDE_TIMEOUT_IN_MS }}\n            overlay={\n                <Tooltip id='tooltip' width='auto'>\n                    {tooltip}\n                </Tooltip>\n            }\n        >\n            {component}\n        </OverlayTrigger>\n    );\n};\n\nexport type MapSettingsTileProps = {\n    onToggle?: (newState: boolean) => void;\n    tooltip?: React.ReactNode;\n    panel?: React.ReactNode;\n    items?: JSX.Element[] | undefined;\n    activeIcon?: JSX.Element | undefined;\n    inactiveIcon?: JSX.Element | undefined;\n    isActive?: boolean;\n    buttonClassName?: string;\n    className?: string;\n};\n\nconst MapSettingsTile = (props: MapSettingsTileProps) => {\n    const {\n        onToggle = noop,\n        activeIcon,\n        inactiveIcon,\n        isActive = false,\n        panel,\n        items,\n        className,\n        buttonClassName,\n        tooltip,\n        ...remainingProps\n    } = props;\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    const handleToggle = () => {\n        const newState = !isOpen;\n        setIsOpen(newState);\n        onToggle(newState);\n\n        buttonRef.current.blur();\n    };\n\n    const handleClosePanel = () => {\n        if (isOpen && panel) {\n            setIsOpen(false);\n            onToggle(false);\n            buttonRef.current.blur();\n        }\n    };\n\n    const buttonRef = useClickOutside(handleClosePanel);\n\n    const [toggleRef, setToggleRef] = useState<HTMLDivElement | null>(null);\n    const [refDropdownMenu, setRefDropdownMenu] = useState<HTMLUListElement | null>(null);\n\n    const { styles, attributes } = usePopper(toggleRef, refDropdownMenu, {\n        placement: 'top-end',\n        modifiers:\n            isOpen && isMobileScreen()\n                ? [\n                      {\n                          name: 'offset',\n                          options: {\n                              offset: [-60, -60],\n                          },\n                      },\n                  ]\n                : [],\n    });\n\n    useClickOutsideWithRef(refDropdownMenu, (event: MouseEvent | TouchEvent) => {\n        const target = event.target instanceof Node ? event.target : null;\n\n        if (target && toggleRef?.contains(target)) {\n            return;\n        }\n\n        if (isOpen) {\n            setIsOpen(false);\n            onToggle(false);\n        }\n    });\n\n    const wrapperClasses = classNames('MapSettingsTile', className);\n\n    const buttonClasses = classNames('MapSettingsButton', isOpen && 'active', buttonClassName);\n\n    const activeIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        'hover-scale-110',\n        isActive ? 'display-block' : 'display-none',\n        activeIcon?.props.className || ''\n    );\n\n    const inactiveIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        'hover-scale-110',\n        isActive ? 'display-none' : 'display-block',\n        inactiveIcon?.props.className || ''\n    );\n\n    const button = (\n        <div className={buttonClasses} onClick={handleToggle}>\n            {activeIcon &&\n                React.cloneElement(activeIcon, {\n                    className: activeIconClassNames,\n                })}\n            {inactiveIcon &&\n                React.cloneElement(inactiveIcon, {\n                    className: inactiveIconClassNames,\n                })}\n        </div>\n    );\n\n    return (\n        <div className={wrapperClasses} ref={buttonRef} {...remainingProps}>\n            {/* backwards compatible way of still showing a panel without labels */}\n            {!items && (\n                <>\n                    {tooltip && !isOpen ? getComponentWithTooltip(button, tooltip) : button}\n                    <div className='overflow-hidden'>\n                        <AnimatePresence>\n                            {isOpen && panel && (\n                                <motion.div\n                                    initial={tileAnimation.initial}\n                                    animate={tileAnimation.animate}\n                                    exit={tileAnimation.exit}\n                                    transition={tileAnimation.transition}\n                                >\n                                    {panel}\n                                </motion.div>\n                            )}\n                        </AnimatePresence>\n                    </div>\n                </>\n            )}\n            {/* new way of showing a dropdown without labels */}\n            {items && (\n                <div className='MapSettingsTile-inner position-relative' ref={setToggleRef}>\n                    {tooltip && !isOpen ? getComponentWithTooltip(button, tooltip) : button}\n                    <AnimatePresence>\n                        {isOpen && items && (\n                            <motion.div\n                                className='dropdown'\n                                initial={tileAnimation.initial}\n                                animate={tileAnimation.animate}\n                                exit={tileAnimation.exit}\n                                transition={tileAnimation.transition}\n                            >\n                                <MenuItemList\n                                    className='margin-bottom-5 shadow-smooth border-none'\n                                    ref={setRefDropdownMenu}\n                                    style={{ ...styles.popper, minWidth: '180px' }}\n                                    {...attributes.popper}\n                                >\n                                    {items?.map((item, index) => {\n                                        if (item.type.isMapSettingsDropdownHeader) {\n                                            return item;\n                                        }\n                                        return <MenuItem key={index} value={item} />;\n                                    })}\n                                </MenuItemList>\n                            </motion.div>\n                        )}\n                    </AnimatePresence>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default MapSettingsTile;\n"],"names":["TOOLTIP_SHOW_TIMEOUT_IN_MS","TOOLTIP_HIDE_TIMEOUT_IN_MS","tileAnimation","getComponentWithTooltip","component","tooltip","jsx","OverlayTrigger","Tooltip","MapSettingsTile","props","onToggle","noop","activeIcon","inactiveIcon","isActive","panel","items","className","buttonClassName","remainingProps","isOpen","setIsOpen","useState","handleToggle","newState","buttonRef","useClickOutside","toggleRef","setToggleRef","refDropdownMenu","setRefDropdownMenu","styles","attributes","usePopper","isMobileScreen","useClickOutsideWithRef","event","target","wrapperClasses","classNames","buttonClasses","activeIconClassNames","inactiveIconClassNames","button","jsxs","React","Fragment","AnimatePresence","motion","MenuItemList","item","index","MenuItem"],"mappings":"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"}
+{"version":3,"file":"MapSettingsTile.js","sources":["../../../../../../src/components/map/components/features/settings/MapSettingsTile.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { AnimatePresence, motion, type Transition } from 'motion/react';\nimport { noop } from 'es-toolkit/function';\nimport { usePopper } from 'react-popper';\n\nimport classNames from '../../../../../utils/classNames';\nimport OverlayTrigger from '../../../../overlay/OverlayTrigger';\nimport Tooltip from '../../../../tooltip/Tooltip';\nimport useClickOutside, { useClickOutsideWithRef } from '../../../../../hooks/useClickOutside';\nimport MenuItemList from '../../../../menuItems/MenuItemList';\nimport MenuItem from '../../../../menuItems/MenuItem';\nimport { isMobileScreen } from '../../../../../utils/deviceUtils';\n\nconst TOOLTIP_SHOW_TIMEOUT_IN_MS = 800;\nconst TOOLTIP_HIDE_TIMEOUT_IN_MS = 100;\n\nconst tileAnimation = {\n    initial: { opacity: 0, y: 10 },\n    animate: { opacity: 1, y: 0 },\n    exit: { opacity: 0, y: 10 },\n    transition: { duration: 0.08, ease: 'easeOut' } as Transition,\n};\n\nconst getComponentWithTooltip = (component: React.ReactNode, tooltip: React.ReactNode) => (\n    <OverlayTrigger\n        placement={Tooltip.TOP}\n        delay={{ show: TOOLTIP_SHOW_TIMEOUT_IN_MS, hide: TOOLTIP_HIDE_TIMEOUT_IN_MS }}\n        overlay={\n            <Tooltip id='tooltip' width='auto'>\n                {tooltip}\n            </Tooltip>\n        }\n    >\n        {component}\n    </OverlayTrigger>\n);\n\nexport type MapSettingsTileProps = {\n    onToggle?: (newState: boolean) => void;\n    tooltip?: React.ReactNode;\n    panel?: React.ReactNode;\n    items?: JSX.Element[] | undefined;\n    activeIcon?: JSX.Element | undefined;\n    inactiveIcon?: JSX.Element | undefined;\n    isActive?: boolean;\n    buttonClassName?: string;\n    className?: string;\n};\n\nconst MapSettingsTile = (props: MapSettingsTileProps) => {\n    const {\n        onToggle = noop,\n        activeIcon,\n        inactiveIcon,\n        isActive = false,\n        panel,\n        items,\n        className,\n        buttonClassName,\n        tooltip,\n        ...remainingProps\n    } = props;\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    const handleToggle = () => {\n        const newState = !isOpen;\n        setIsOpen(newState);\n        onToggle(newState);\n\n        buttonRef.current.blur();\n    };\n\n    const handleClosePanel = () => {\n        if (isOpen && panel) {\n            setIsOpen(false);\n            onToggle(false);\n            buttonRef.current.blur();\n        }\n    };\n\n    const buttonRef = useClickOutside(handleClosePanel);\n\n    const [toggleRef, setToggleRef] = useState<HTMLDivElement | null>(null);\n    const [refDropdownMenu, setRefDropdownMenu] = useState<HTMLUListElement | null>(null);\n\n    const { styles, attributes } = usePopper(toggleRef, refDropdownMenu, {\n        placement: 'top-end',\n        modifiers:\n            isOpen && isMobileScreen()\n                ? [\n                      {\n                          name: 'offset',\n                          options: {\n                              offset: [-60, -60],\n                          },\n                      },\n                  ]\n                : [],\n    });\n\n    useClickOutsideWithRef(refDropdownMenu, (event: MouseEvent | TouchEvent) => {\n        const target = event.target instanceof Node ? event.target : null;\n\n        if (target && toggleRef?.contains(target)) {\n            return;\n        }\n\n        if (isOpen) {\n            setIsOpen(false);\n            onToggle(false);\n        }\n    });\n\n    const wrapperClasses = classNames('MapSettingsTile', className);\n\n    const buttonClasses = classNames('MapSettingsButton', isOpen && 'active', buttonClassName);\n\n    const activeIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        'hover-scale-110',\n        isActive ? 'display-block' : 'display-none',\n        activeIcon?.props.className || ''\n    );\n\n    const inactiveIconClassNames = classNames(\n        'MapSettingsTileIcon',\n        'hover-scale-110',\n        isActive ? 'display-none' : 'display-block',\n        inactiveIcon?.props.className || ''\n    );\n\n    const button = (\n        <div className={buttonClasses} onClick={handleToggle}>\n            {activeIcon &&\n                React.cloneElement(activeIcon, {\n                    className: activeIconClassNames,\n                })}\n            {inactiveIcon &&\n                React.cloneElement(inactiveIcon, {\n                    className: inactiveIconClassNames,\n                })}\n        </div>\n    );\n\n    return (\n        <div className={wrapperClasses} ref={buttonRef} {...remainingProps}>\n            {/* backwards compatible way of still showing a panel without labels */}\n            {!items && (\n                <>\n                    {tooltip && !isOpen ? getComponentWithTooltip(button, tooltip) : button}\n                    <div className='overflow-hidden'>\n                        <AnimatePresence>\n                            {isOpen && panel && (\n                                <motion.div\n                                    initial={tileAnimation.initial}\n                                    animate={tileAnimation.animate}\n                                    exit={tileAnimation.exit}\n                                    transition={tileAnimation.transition}\n                                >\n                                    {panel}\n                                </motion.div>\n                            )}\n                        </AnimatePresence>\n                    </div>\n                </>\n            )}\n            {/* new way of showing a dropdown without labels */}\n            {items && (\n                <div className='MapSettingsTile-inner position-relative' ref={setToggleRef}>\n                    {tooltip && !isOpen ? getComponentWithTooltip(button, tooltip) : button}\n                    <AnimatePresence>\n                        {isOpen && items && (\n                            <motion.div\n                                className='dropdown'\n                                initial={tileAnimation.initial}\n                                animate={tileAnimation.animate}\n                                exit={tileAnimation.exit}\n                                transition={tileAnimation.transition}\n                            >\n                                <MenuItemList\n                                    className='margin-bottom-5 shadow-smooth border-none'\n                                    ref={setRefDropdownMenu}\n                                    style={{ ...styles.popper, minWidth: '180px' }}\n                                    {...attributes.popper}\n                                >\n                                    {items?.map((item, index) => {\n                                        if (item.type.isMapSettingsDropdownHeader) {\n                                            return item;\n                                        }\n                                        return <MenuItem key={index} value={item} />;\n                                    })}\n                                </MenuItemList>\n                            </motion.div>\n                        )}\n                    </AnimatePresence>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default MapSettingsTile;\n"],"names":["TOOLTIP_SHOW_TIMEOUT_IN_MS","TOOLTIP_HIDE_TIMEOUT_IN_MS","tileAnimation","getComponentWithTooltip","component","tooltip","jsx","OverlayTrigger","Tooltip","MapSettingsTile","props","onToggle","noop","activeIcon","inactiveIcon","isActive","panel","items","className","buttonClassName","remainingProps","isOpen","setIsOpen","useState","handleToggle","newState","buttonRef","useClickOutside","toggleRef","setToggleRef","refDropdownMenu","setRefDropdownMenu","styles","attributes","usePopper","isMobileScreen","useClickOutsideWithRef","event","target","wrapperClasses","classNames","buttonClasses","activeIconClassNames","inactiveIconClassNames","button","jsxs","React","Fragment","AnimatePresence","motion","MenuItemList","item","index","MenuItem"],"mappings":"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"}

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

@@ -92,7 +92,7 @@ const le = (R) => {
       label: y
     },
     "MapTypeSatellite"
-  ), u = /* @__PURE__ */ e(
+  ), L = /* @__PURE__ */ e(
     M,
     {
       className: "MapTypeTerrain",
@@ -103,7 +103,7 @@ const le = (R) => {
       label: I
     },
     "MapTypeTerrain"
-  ), L = /* @__PURE__ */ e(
+  ), u = /* @__PURE__ */ e(
     M,
     {
       className: "MapTypeFlatTruck",
@@ -129,8 +129,8 @@ const le = (R) => {
     j,
     m && S,
     i(p) && h,
-    i(s) && u,
-    i(n) && L,
+    i(s) && L,
+    i(n) && u,
     i(t) && d
   ]), C = b([
     i(t) && A,
@@ -148,8 +148,8 @@ const le = (R) => {
       panel: !C && /* @__PURE__ */ U(W, { children: [
         m && S,
         i(p) && h,
-        i(s) && u,
-        i(n) && L,
+        i(s) && L,
+        i(n) && u,
         i(t) && d
       ] }),
       ...w

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 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(() => {\n        return new Set(visibleMapTypes);\n    }, [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';\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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"}

package/components/map/utils/eventHandling.js

@@ -1,37 +1,37 @@
 const s = (e = 250) => {
   let n;
-  const t = (r, ...E) => {
-    o(), n = setTimeout(() => r(...E), e);
-  }, o = () => {
+  const t = (o, ...E) => {
+    r(), n = setTimeout(() => o(...E), e);
+  }, r = () => {
     clearTimeout(n);
   };
   return {
     delayTime: e,
     timer: n,
     delay: t,
-    cancel: o
+    cancel: r
   };
 }, i = (e, n) => {
   if (!e || !e.currentPointer)
     return {
       map: n
     };
-  const t = e.currentPointer.viewportX, o = e.currentPointer.viewportY;
+  const t = e.currentPointer.viewportX, r = e.currentPointer.viewportY;
   return {
     viewportX: t,
-    viewportY: o,
+    viewportY: r,
     map: n,
-    calculateGeoCoords: () => n.screenToGeo(t, o)
+    calculateGeoCoords: () => n.screenToGeo(t, r)
   };
 }, T = (e, n) => (t) => e(t, i(t, n)), l = (e, n, t) => {
   if (!n)
     return;
-  const o = {};
-  Object.keys(n).forEach((r) => {
-    const E = T(n[r], t);
-    e.addEventListener(r, E), o[r] = E;
-  }), e.rioMapRemoveEvents = () => (Object.keys(o).forEach((r) => {
-    e.removeEventListener(r, o[r]);
+  const r = {};
+  Object.keys(n).forEach((o) => {
+    const E = T(n[o], t);
+    e.addEventListener(o, E), r[o] = E;
+  }), e.rioMapRemoveEvents = () => (Object.keys(r).forEach((o) => {
+    e.removeEventListener(o, r[o]);
   }), delete e.rioMapRemoveEvents, t);
 }, N = (e) => {
   if (e.rioMapRemoveEvents)
@@ -40,11 +40,11 @@ const s = (e = 250) => {
   const t = { ...e };
   if (!e[c.TAP] || !e[c.DBL_TAP])
     return t;
-  const o = s(n);
-  return t[c.TAP] = (...r) => {
-    o.delay(e[c.TAP], ...r);
-  }, t[c.DBL_TAP] = (...r) => {
-    o.cancel(), e[c.DBL_TAP](...r);
+  const r = s(n);
+  return t[c.TAP] = (...o) => {
+    r.delay(e[c.TAP], ...o);
+  }, t[c.DBL_TAP] = (...o) => {
+    r.cancel(), e[c.DBL_TAP](...o);
   }, t;
 }, a = (e) => e.originalEvent.button, _ = (e) => a(e) === c.MOUSE_BUTTONS.RIGHT, c = {
   MOUSE_BUTTONS: {