@chayns-components/core 5.4.6-alpha.0 → 5.4.7

package/lib/esm/components/radio-button/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","names":["AnimatePresence","React","useCallback","useContext","useEffect","useMemo","useState","useRef","RadioButtonGroupContext","StyledLabelWrapper","StyledMotionRadioButtonChildren","StyledRadioButton","StyledRadioButtonCheckBox","StyledRadioButtonCheckBoxMark","StyledRadioButtonLabel","StyledRadioButtonPseudoCheckBox","StyledRadioButtonWrapper","getHeightOfSingleTextLine","useKeyboardFocusHighlighting","RadioButton","children","shouldShowRightElementOnlyOnChecked","label","id","rightElement","shouldShowCentered","isDisabled","shouldEnableKeyboardHighlighting","selectedRadioButtonId","updateSelectedRadioButtonId","radioButtonRightElements","updateHasRightElement","radioButtonsCanBeUnchecked","shouldEnableKeyboardHighlightingFromGroup","internalIsChecked","setInternalIsChecked","isHovered","setIsHovered","radioButtonTop","setRadioButtonTop","undefined","radioButtonBoxRef","radioButtonRootRef","isInGroup","isMarked","uncheckable","effectiveShouldEnableKeyboardHighlighting","shouldShowKeyboardHighlighting","current","singleLineHeight","container","boxHeight","getBoundingClientRect","height","handleClick","prev","handleMouseEnter","handleMouseLeave","handleKeyDown","event","key","preventDefault","radioButtonRightElementMargin","index","findIndex","element","prevButton","currentButton","nextButton","hasRightElement","shouldShowRightElement","window","setTimeout","createElement","$isDisabled","$radioButtonRightElementMargin","ref","$shouldShowKeyboardHighlighting","onClick","onMouseEnter","onMouseLeave","onKeyDown","disabled","type","checked","onChange","$isChecked","style","top","transform","$isHovered","$isSelected","initial","animate","opacity","transition","duration","displayName"],"sources":["../../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    FC,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useState,\n    type ReactNode,\n    useRef,\n} from 'react';\nimport { RadioButtonRightElementMargin } from '../../types/radioButton';\nimport { RadioButtonGroupContext } from './radio-button-group/RadioButtonGroup';\nimport {\n    StyledLabelWrapper,\n    StyledMotionRadioButtonChildren,\n    StyledRadioButton,\n    StyledRadioButtonCheckBox,\n    StyledRadioButtonCheckBoxMark,\n    StyledRadioButtonLabel,\n    StyledRadioButtonPseudoCheckBox,\n    StyledRadioButtonWrapper,\n} from './RadioButton.styles';\nimport { getHeightOfSingleTextLine } from '../../utils/calculate';\nimport { useKeyboardFocusHighlighting } from '../../hooks/useKeyboardFocusHighlighting';\n\nexport type RadioButtonProps = {\n    /**\n     * The children that should be displayed after the RadioButton is checked.\n     */\n    children?: ReactNode;\n    /**\n     * whether the RadioButton should be shown.\n     */\n    isDisabled?: boolean;\n    /**\n     * The id of the radio button.\n     */\n    id: string;\n    /**\n     * The label that should be displayed next to the radio button.\n     */\n    label?: ReactNode;\n    /**\n     * An element that should be displayed on the right side of the label.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Whether the rightElement should only be displayed when the RadioButton is checked\n     */\n    shouldShowRightElementOnlyOnChecked?: boolean;\n    /**\n     * Whether the RadioButton should be displayed centered to the label or at the top\n     */\n    shouldShowCentered?: boolean;\n    /**\n     * Enables keyboard-only focus highlighting.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n};\n\nconst RadioButton: FC<RadioButtonProps> = ({\n    children,\n    shouldShowRightElementOnlyOnChecked = false,\n    label,\n    id,\n    rightElement,\n    shouldShowCentered = true,\n    isDisabled = false,\n    shouldEnableKeyboardHighlighting,\n}) => {\n    const {\n        selectedRadioButtonId,\n        updateSelectedRadioButtonId,\n        radioButtonRightElements,\n        updateHasRightElement,\n        radioButtonsCanBeUnchecked,\n        shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlightingFromGroup,\n    } = useContext(RadioButtonGroupContext);\n\n    const [internalIsChecked, setInternalIsChecked] = useState(false);\n    const [isHovered, setIsHovered] = useState(false);\n    const [radioButtonTop, setRadioButtonTop] = useState<number | undefined>(undefined);\n\n    const radioButtonBoxRef = useRef<HTMLDivElement>(null);\n    const radioButtonRootRef = useRef<HTMLDivElement>(null);\n\n    const isInGroup = typeof updateSelectedRadioButtonId === 'function';\n\n    const isMarked = isInGroup ? selectedRadioButtonId === id : internalIsChecked;\n\n    const uncheckable = radioButtonsCanBeUnchecked;\n\n    const effectiveShouldEnableKeyboardHighlighting =\n        shouldEnableKeyboardHighlightingFromGroup ?? shouldEnableKeyboardHighlighting;\n\n    const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n        effectiveShouldEnableKeyboardHighlighting && !isDisabled,\n    );\n\n    useEffect(() => {\n        if (radioButtonRootRef.current && !shouldShowCentered) {\n            const singleLineHeight = getHeightOfSingleTextLine({\n                container: radioButtonRootRef.current,\n            });\n\n            const boxHeight = radioButtonBoxRef.current?.getBoundingClientRect().height ?? 0;\n\n            setRadioButtonTop((singleLineHeight - boxHeight) / 2);\n        }\n    }, [shouldShowCentered]);\n\n    const handleClick = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (uncheckable) {\n            if (updateSelectedRadioButtonId) {\n                updateSelectedRadioButtonId(id === selectedRadioButtonId ? undefined : id);\n            }\n            setInternalIsChecked((prev) => !prev);\n            return;\n        }\n        if (typeof updateSelectedRadioButtonId === 'function') {\n            updateSelectedRadioButtonId(id);\n        }\n        setInternalIsChecked(true);\n    }, [id, isDisabled, uncheckable, selectedRadioButtonId, updateSelectedRadioButtonId]);\n\n    const handleMouseEnter = useCallback(() => {\n        if (!isDisabled) {\n            setIsHovered(true);\n        }\n    }, [isDisabled]);\n\n    const handleMouseLeave = () => {\n        setIsHovered(false);\n    };\n\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLInputElement>) => {\n            if (event.key === 'Enter') {\n                event.preventDefault();\n                handleClick();\n            }\n        },\n        [handleClick],\n    );\n\n    const radioButtonRightElementMargin: RadioButtonRightElementMargin = useMemo(() => {\n        if (!radioButtonRightElements) {\n            return 'NONE';\n        }\n\n        const index = radioButtonRightElements.findIndex((element) => element.id === id);\n\n        if (index < 0) {\n            return 'NONE';\n        }\n\n        const prevButton = radioButtonRightElements[index - 1];\n        const currentButton = radioButtonRightElements[index];\n        const nextButton = radioButtonRightElements[index + 1];\n\n        if (!currentButton?.hasRightElement) {\n            return 'NONE';\n        }\n\n        switch (true) {\n            case prevButton?.hasRightElement && !nextButton?.hasRightElement:\n                return 'TOP';\n            case !prevButton?.hasRightElement && nextButton?.hasRightElement:\n                return 'BOTTOM';\n            case currentButton?.hasRightElement &&\n                !nextButton?.hasRightElement &&\n                !prevButton?.hasRightElement:\n                return 'NONE';\n            default:\n                return 'BOTH';\n        }\n    }, [id, radioButtonRightElements]);\n\n    const shouldShowRightElement = useMemo(() => {\n        if (rightElement) {\n            if (shouldShowRightElementOnlyOnChecked) {\n                return isMarked;\n            }\n\n            return true;\n        }\n\n        return false;\n    }, [isMarked, rightElement, shouldShowRightElementOnlyOnChecked]);\n\n    useEffect(() => {\n        if (typeof updateHasRightElement === 'function') {\n            window.setTimeout(() => {\n                updateHasRightElement(id, shouldShowRightElement);\n            }, 10);\n        }\n    }, [id, shouldShowRightElement, updateHasRightElement]);\n\n    return useMemo(\n        () => (\n            <StyledRadioButton\n                $isDisabled={isDisabled}\n                $radioButtonRightElementMargin={radioButtonRightElementMargin}\n            >\n                <StyledRadioButtonWrapper\n                    ref={radioButtonRootRef}\n                    $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                >\n                    <StyledRadioButtonCheckBox\n                        onClick={handleClick}\n                        onMouseEnter={handleMouseEnter}\n                        onMouseLeave={handleMouseLeave}\n                        onKeyDown={handleKeyDown}\n                        disabled={isDisabled}\n                        $isDisabled={isDisabled}\n                        $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                        type=\"radio\"\n                        checked={isMarked}\n                        onChange={() => {}}\n                    />\n                    <StyledRadioButtonPseudoCheckBox\n                        $isDisabled={isDisabled}\n                        $isChecked={isMarked}\n                        ref={radioButtonBoxRef}\n                        onClick={handleClick}\n                        style={{\n                            top: shouldShowCentered ? '50%' : radioButtonTop,\n                            transform: shouldShowCentered ? 'translateY(-50%)' : undefined,\n                        }}\n                    >\n                        <StyledRadioButtonCheckBoxMark\n                            onMouseEnter={handleMouseEnter}\n                            onMouseLeave={handleMouseLeave}\n                            $isHovered={isHovered}\n                            $isSelected={isMarked}\n                            $isDisabled={isDisabled}\n                        />\n                    </StyledRadioButtonPseudoCheckBox>\n                    <StyledLabelWrapper>\n                        {label && (\n                            <StyledRadioButtonLabel\n                                $isDisabled={isDisabled}\n                                onClick={handleClick}\n                                onMouseEnter={handleMouseEnter}\n                                onMouseLeave={handleMouseLeave}\n                            >\n                                {label}\n                            </StyledRadioButtonLabel>\n                        )}\n                        {shouldShowRightElement && rightElement}\n                    </StyledLabelWrapper>\n                </StyledRadioButtonWrapper>\n                {children && (\n                    <AnimatePresence initial={false}>\n                        <StyledMotionRadioButtonChildren\n                            animate={\n                                isMarked\n                                    ? { opacity: 1, height: 'auto' }\n                                    : { opacity: 0, height: 0 }\n                            }\n                            transition={{ duration: 0.2 }}\n                        >\n                            {children}\n                        </StyledMotionRadioButtonChildren>\n                    </AnimatePresence>\n                )}\n            </StyledRadioButton>\n        ),\n        [\n            children,\n            handleClick,\n            handleKeyDown,\n            handleMouseEnter,\n            isDisabled,\n            isHovered,\n            isMarked,\n            label,\n            radioButtonRightElementMargin,\n            radioButtonTop,\n            rightElement,\n            shouldShowCentered,\n            shouldShowKeyboardHighlighting,\n            shouldShowRightElement,\n        ],\n    );\n};\n\nRadioButton.displayName = 'RadioButton';\n\nexport default RadioButton;\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,cAAc;AAC9C,OAAOC,KAAK,IAERC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,QAAQ,EAERC,MAAM,QACH,OAAO;AAEd,SAASC,uBAAuB,QAAQ,uCAAuC;AAC/E,SACIC,kBAAkB,EAClBC,+BAA+B,EAC/BC,iBAAiB,EACjBC,yBAAyB,EACzBC,6BAA6B,EAC7BC,sBAAsB,EACtBC,+BAA+B,EAC/BC,wBAAwB,QACrB,sBAAsB;AAC7B,SAASC,yBAAyB,QAAQ,uBAAuB;AACjE,SAASC,4BAA4B,QAAQ,0CAA0C;AAqCvF,MAAMC,WAAiC,GAAGA,CAAC;EACvCC,QAAQ;EACRC,mCAAmC,GAAG,KAAK;EAC3CC,KAAK;EACLC,EAAE;EACFC,YAAY;EACZC,kBAAkB,GAAG,IAAI;EACzBC,UAAU,GAAG,KAAK;EAClBC;AACJ,CAAC,KAAK;EACF,MAAM;IACFC,qBAAqB;IACrBC,2BAA2B;IAC3BC,wBAAwB;IACxBC,qBAAqB;IACrBC,0BAA0B;IAC1BL,gCAAgC,EAAEM;EACtC,CAAC,GAAG9B,UAAU,CAACK,uBAAuB,CAAC;EAEvC,MAAM,CAAC0B,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG7B,QAAQ,CAAC,KAAK,CAAC;EACjE,MAAM,CAAC8B,SAAS,EAAEC,YAAY,CAAC,GAAG/B,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAACgC,cAAc,EAAEC,iBAAiB,CAAC,GAAGjC,QAAQ,CAAqBkC,SAAS,CAAC;EAEnF,MAAMC,iBAAiB,GAAGlC,MAAM,CAAiB,IAAI,CAAC;EACtD,MAAMmC,kBAAkB,GAAGnC,MAAM,CAAiB,IAAI,CAAC;EAEvD,MAAMoC,SAAS,GAAG,OAAOd,2BAA2B,KAAK,UAAU;EAEnE,MAAMe,QAAQ,GAAGD,SAAS,GAAGf,qBAAqB,KAAKL,EAAE,GAAGW,iBAAiB;EAE7E,MAAMW,WAAW,GAAGb,0BAA0B;EAE9C,MAAMc,yCAAyC,GAC3Cb,yCAAyC,IAAIN,gCAAgC;EAEjF,MAAMoB,8BAA8B,GAAG7B,4BAA4B,CAC/D4B,yCAAyC,IAAI,CAACpB,UAClD,CAAC;EAEDtB,SAAS,CAAC,MAAM;IACZ,IAAIsC,kBAAkB,CAACM,OAAO,IAAI,CAACvB,kBAAkB,EAAE;MACnD,MAAMwB,gBAAgB,GAAGhC,yBAAyB,CAAC;QAC/CiC,SAAS,EAAER,kBAAkB,CAACM;MAClC,CAAC,CAAC;MAEF,MAAMG,SAAS,GAAGV,iBAAiB,CAACO,OAAO,EAAEI,qBAAqB,CAAC,CAAC,CAACC,MAAM,IAAI,CAAC;MAEhFd,iBAAiB,CAAC,CAACU,gBAAgB,GAAGE,SAAS,IAAI,CAAC,CAAC;IACzD;EACJ,CAAC,EAAE,CAAC1B,kBAAkB,CAAC,CAAC;EAExB,MAAM6B,WAAW,GAAGpD,WAAW,CAAC,MAAM;IAClC,IAAIwB,UAAU,EAAE;MACZ;IACJ;IAEA,IAAImB,WAAW,EAAE;MACb,IAAIhB,2BAA2B,EAAE;QAC7BA,2BAA2B,CAACN,EAAE,KAAKK,qBAAqB,GAAGY,SAAS,GAAGjB,EAAE,CAAC;MAC9E;MACAY,oBAAoB,CAAEoB,IAAI,IAAK,CAACA,IAAI,CAAC;MACrC;IACJ;IACA,IAAI,OAAO1B,2BAA2B,KAAK,UAAU,EAAE;MACnDA,2BAA2B,CAACN,EAAE,CAAC;IACnC;IACAY,oBAAoB,CAAC,IAAI,CAAC;EAC9B,CAAC,EAAE,CAACZ,EAAE,EAAEG,UAAU,EAAEmB,WAAW,EAAEjB,qBAAqB,EAAEC,2BAA2B,CAAC,CAAC;EAErF,MAAM2B,gBAAgB,GAAGtD,WAAW,CAAC,MAAM;IACvC,IAAI,CAACwB,UAAU,EAAE;MACbW,YAAY,CAAC,IAAI,CAAC;IACtB;EACJ,CAAC,EAAE,CAACX,UAAU,CAAC,CAAC;EAEhB,MAAM+B,gBAAgB,GAAGA,CAAA,KAAM;IAC3BpB,YAAY,CAAC,KAAK,CAAC;EACvB,CAAC;EAED,MAAMqB,aAAa,GAAGxD,WAAW,CAC5ByD,KAA4C,IAAK;IAC9C,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,EAAE;MACvBD,KAAK,CAACE,cAAc,CAAC,CAAC;MACtBP,WAAW,CAAC,CAAC;IACjB;EACJ,CAAC,EACD,CAACA,WAAW,CAChB,CAAC;EAED,MAAMQ,6BAA4D,GAAGzD,OAAO,CAAC,MAAM;IAC/E,IAAI,CAACyB,wBAAwB,EAAE;MAC3B,OAAO,MAAM;IACjB;IAEA,MAAMiC,KAAK,GAAGjC,wBAAwB,CAACkC,SAAS,CAAEC,OAAO,IAAKA,OAAO,CAAC1C,EAAE,KAAKA,EAAE,CAAC;IAEhF,IAAIwC,KAAK,GAAG,CAAC,EAAE;MACX,OAAO,MAAM;IACjB;IAEA,MAAMG,UAAU,GAAGpC,wBAAwB,CAACiC,KAAK,GAAG,CAAC,CAAC;IACtD,MAAMI,aAAa,GAAGrC,wBAAwB,CAACiC,KAAK,CAAC;IACrD,MAAMK,UAAU,GAAGtC,wBAAwB,CAACiC,KAAK,GAAG,CAAC,CAAC;IAEtD,IAAI,CAACI,aAAa,EAAEE,eAAe,EAAE;MACjC,OAAO,MAAM;IACjB;IAEA,QAAQ,IAAI;MACR,KAAKH,UAAU,EAAEG,eAAe,IAAI,CAACD,UAAU,EAAEC,eAAe;QAC5D,OAAO,KAAK;MAChB,KAAK,CAACH,UAAU,EAAEG,eAAe,IAAID,UAAU,EAAEC,eAAe;QAC5D,OAAO,QAAQ;MACnB,KAAKF,aAAa,EAAEE,eAAe,IAC/B,CAACD,UAAU,EAAEC,eAAe,IAC5B,CAACH,UAAU,EAAEG,eAAe;QAC5B,OAAO,MAAM;MACjB;QACI,OAAO,MAAM;IACrB;EACJ,CAAC,EAAE,CAAC9C,EAAE,EAAEO,wBAAwB,CAAC,CAAC;EAElC,MAAMwC,sBAAsB,GAAGjE,OAAO,CAAC,MAAM;IACzC,IAAImB,YAAY,EAAE;MACd,IAAIH,mCAAmC,EAAE;QACrC,OAAOuB,QAAQ;MACnB;MAEA,OAAO,IAAI;IACf;IAEA,OAAO,KAAK;EAChB,CAAC,EAAE,CAACA,QAAQ,EAAEpB,YAAY,EAAEH,mCAAmC,CAAC,CAAC;EAEjEjB,SAAS,CAAC,MAAM;IACZ,IAAI,OAAO2B,qBAAqB,KAAK,UAAU,EAAE;MAC7CwC,MAAM,CAACC,UAAU,CAAC,MAAM;QACpBzC,qBAAqB,CAACR,EAAE,EAAE+C,sBAAsB,CAAC;MACrD,CAAC,EAAE,EAAE,CAAC;IACV;EACJ,CAAC,EAAE,CAAC/C,EAAE,EAAE+C,sBAAsB,EAAEvC,qBAAqB,CAAC,CAAC;EAEvD,OAAO1B,OAAO,CACV,mBACIJ,KAAA,CAAAwE,aAAA,CAAC9D,iBAAiB;IACd+D,WAAW,EAAEhD,UAAW;IACxBiD,8BAA8B,EAAEb;EAA8B,gBAE9D7D,KAAA,CAAAwE,aAAA,CAACzD,wBAAwB;IACrB4D,GAAG,EAAElC,kBAAmB;IACxBmC,+BAA+B,EAAE9B;EAA+B,gBAEhE9C,KAAA,CAAAwE,aAAA,CAAC7D,yBAAyB;IACtBkE,OAAO,EAAExB,WAAY;IACrByB,YAAY,EAAEvB,gBAAiB;IAC/BwB,YAAY,EAAEvB,gBAAiB;IAC/BwB,SAAS,EAAEvB,aAAc;IACzBwB,QAAQ,EAAExD,UAAW;IACrBgD,WAAW,EAAEhD,UAAW;IACxBmD,+BAA+B,EAAE9B,8BAA+B;IAChEoC,IAAI,EAAC,OAAO;IACZC,OAAO,EAAExC,QAAS;IAClByC,QAAQ,EAAEA,CAAA,KAAM,CAAC;EAAE,CACtB,CAAC,eACFpF,KAAA,CAAAwE,aAAA,CAAC1D,+BAA+B;IAC5B2D,WAAW,EAAEhD,UAAW;IACxB4D,UAAU,EAAE1C,QAAS;IACrBgC,GAAG,EAAEnC,iBAAkB;IACvBqC,OAAO,EAAExB,WAAY;IACrBiC,KAAK,EAAE;MACHC,GAAG,EAAE/D,kBAAkB,GAAG,KAAK,GAAGa,cAAc;MAChDmD,SAAS,EAAEhE,kBAAkB,GAAG,kBAAkB,GAAGe;IACzD;EAAE,gBAEFvC,KAAA,CAAAwE,aAAA,CAAC5D,6BAA6B;IAC1BkE,YAAY,EAAEvB,gBAAiB;IAC/BwB,YAAY,EAAEvB,gBAAiB;IAC/BiC,UAAU,EAAEtD,SAAU;IACtBuD,WAAW,EAAE/C,QAAS;IACtB8B,WAAW,EAAEhD;EAAW,CAC3B,CAC4B,CAAC,eAClCzB,KAAA,CAAAwE,aAAA,CAAChE,kBAAkB,QACda,KAAK,iBACFrB,KAAA,CAAAwE,aAAA,CAAC3D,sBAAsB;IACnB4D,WAAW,EAAEhD,UAAW;IACxBoD,OAAO,EAAExB,WAAY;IACrByB,YAAY,EAAEvB,gBAAiB;IAC/BwB,YAAY,EAAEvB;EAAiB,GAE9BnC,KACmB,CAC3B,EACAgD,sBAAsB,IAAI9C,YACX,CACE,CAAC,EAC1BJ,QAAQ,iBACLnB,KAAA,CAAAwE,aAAA,CAACzE,eAAe;IAAC4F,OAAO,EAAE;EAAM,gBAC5B3F,KAAA,CAAAwE,aAAA,CAAC/D,+BAA+B;IAC5BmF,OAAO,EACHjD,QAAQ,GACF;MAAEkD,OAAO,EAAE,CAAC;MAAEzC,MAAM,EAAE;IAAO,CAAC,GAC9B;MAAEyC,OAAO,EAAE,CAAC;MAAEzC,MAAM,EAAE;IAAE,CACjC;IACD0C,UAAU,EAAE;MAAEC,QAAQ,EAAE;IAAI;EAAE,GAE7B5E,QAC4B,CACpB,CAEN,CACtB,EACD,CACIA,QAAQ,EACRkC,WAAW,EACXI,aAAa,EACbF,gBAAgB,EAChB9B,UAAU,EACVU,SAAS,EACTQ,QAAQ,EACRtB,KAAK,EACLwC,6BAA6B,EAC7BxB,cAAc,EACdd,YAAY,EACZC,kBAAkB,EAClBsB,8BAA8B,EAC9BuB,sBAAsB,CAE9B,CAAC;AACL,CAAC;AAEDnD,WAAW,CAAC8E,WAAW,GAAG,aAAa;AAEvC,eAAe9E,WAAW","ignoreList":[]}
+{"version":3,"file":"RadioButton.js","names":["AnimatePresence","React","useCallback","useContext","useEffect","useMemo","useState","useRef","RadioButtonGroupContext","StyledLabelWrapper","StyledMotionRadioButtonChildren","StyledRadioButton","StyledRadioButtonCheckBox","StyledRadioButtonCheckBoxMark","StyledRadioButtonLabel","StyledRadioButtonPseudoCheckBox","StyledRadioButtonWrapper","getHeightOfSingleTextLine","RadioButton","children","shouldShowRightElementOnlyOnChecked","label","id","rightElement","shouldShowCentered","isDisabled","selectedRadioButtonId","updateSelectedRadioButtonId","radioButtonRightElements","updateHasRightElement","radioButtonsCanBeUnchecked","internalIsChecked","setInternalIsChecked","isHovered","setIsHovered","radioButtonTop","setRadioButtonTop","undefined","radioButtonBoxRef","radioButtonRootRef","isInGroup","isMarked","uncheckable","current","singleLineHeight","container","boxHeight","getBoundingClientRect","height","handleClick","prev","handleMouseEnter","handleMouseLeave","radioButtonRightElementMargin","index","findIndex","element","prevButton","currentButton","nextButton","hasRightElement","shouldShowRightElement","window","setTimeout","createElement","$isDisabled","$radioButtonRightElementMargin","ref","$isChecked","onClick","style","top","transform","onMouseEnter","onMouseLeave","$isHovered","$isSelected","disabled","type","checked","onChange","initial","animate","opacity","transition","duration","displayName"],"sources":["../../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    FC,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useState,\n    type ReactNode,\n    useRef,\n} from 'react';\nimport { RadioButtonRightElementMargin } from '../../types/radioButton';\nimport { RadioButtonGroupContext } from './radio-button-group/RadioButtonGroup';\nimport {\n    StyledLabelWrapper,\n    StyledMotionRadioButtonChildren,\n    StyledRadioButton,\n    StyledRadioButtonCheckBox,\n    StyledRadioButtonCheckBoxMark,\n    StyledRadioButtonLabel,\n    StyledRadioButtonPseudoCheckBox,\n    StyledRadioButtonWrapper,\n} from './RadioButton.styles';\nimport { getHeightOfSingleTextLine } from '../../utils/calculate';\n\nexport type RadioButtonProps = {\n    /**\n     * The children that should be displayed after the RadioButton is checked.\n     */\n    children?: ReactNode;\n    /**\n     * whether the RadioButton should be shown.\n     */\n    isDisabled?: boolean;\n    /**\n     * The id of the radio button.\n     */\n    id: string;\n    /**\n     * The label that should be displayed next to the radio button.\n     */\n    label?: ReactNode;\n    /**\n     * An element that should be displayed on the right side of the label.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Whether the rightElement should only be displayed when the RadioButton is checked\n     */\n    shouldShowRightElementOnlyOnChecked?: boolean;\n    /**\n     * Whether the RadioButton should be displayed centered to the label or at the top\n     */\n    shouldShowCentered?: boolean;\n};\n\nconst RadioButton: FC<RadioButtonProps> = ({\n    children,\n    shouldShowRightElementOnlyOnChecked = false,\n    label,\n    id,\n    rightElement,\n    shouldShowCentered = true,\n    isDisabled = false,\n}) => {\n    const {\n        selectedRadioButtonId,\n        updateSelectedRadioButtonId,\n        radioButtonRightElements,\n        updateHasRightElement,\n        radioButtonsCanBeUnchecked,\n    } = useContext(RadioButtonGroupContext);\n\n    const [internalIsChecked, setInternalIsChecked] = useState(false);\n    const [isHovered, setIsHovered] = useState(false);\n    const [radioButtonTop, setRadioButtonTop] = useState<number | undefined>(undefined);\n\n    const radioButtonBoxRef = useRef<HTMLDivElement>(null);\n    const radioButtonRootRef = useRef<HTMLDivElement>(null);\n\n    const isInGroup = typeof updateSelectedRadioButtonId === 'function';\n\n    const isMarked = isInGroup ? selectedRadioButtonId === id : internalIsChecked;\n\n    const uncheckable = radioButtonsCanBeUnchecked;\n\n    useEffect(() => {\n        if (radioButtonRootRef.current && !shouldShowCentered) {\n            const singleLineHeight = getHeightOfSingleTextLine({\n                container: radioButtonRootRef.current,\n            });\n\n            const boxHeight = radioButtonBoxRef.current?.getBoundingClientRect().height ?? 0;\n\n            setRadioButtonTop((singleLineHeight - boxHeight) / 2);\n        }\n    }, [shouldShowCentered]);\n\n    const handleClick = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (uncheckable) {\n            if (updateSelectedRadioButtonId) {\n                updateSelectedRadioButtonId(id === selectedRadioButtonId ? undefined : id);\n            }\n            setInternalIsChecked((prev) => !prev);\n            return;\n        }\n        if (typeof updateSelectedRadioButtonId === 'function') {\n            updateSelectedRadioButtonId(id);\n        }\n        setInternalIsChecked(true);\n    }, [id, isDisabled, uncheckable, selectedRadioButtonId, updateSelectedRadioButtonId]);\n\n    const handleMouseEnter = useCallback(() => {\n        if (!isDisabled) {\n            setIsHovered(true);\n        }\n    }, [isDisabled]);\n\n    const handleMouseLeave = () => {\n        setIsHovered(false);\n    };\n\n    const radioButtonRightElementMargin: RadioButtonRightElementMargin = useMemo(() => {\n        if (!radioButtonRightElements) {\n            return 'NONE';\n        }\n\n        const index = radioButtonRightElements.findIndex((element) => element.id === id);\n\n        if (index < 0) {\n            return 'NONE';\n        }\n\n        const prevButton = radioButtonRightElements[index - 1];\n        const currentButton = radioButtonRightElements[index];\n        const nextButton = radioButtonRightElements[index + 1];\n\n        if (!currentButton?.hasRightElement) {\n            return 'NONE';\n        }\n\n        switch (true) {\n            case prevButton?.hasRightElement && !nextButton?.hasRightElement:\n                return 'TOP';\n            case !prevButton?.hasRightElement && nextButton?.hasRightElement:\n                return 'BOTTOM';\n            case currentButton?.hasRightElement &&\n                !nextButton?.hasRightElement &&\n                !prevButton?.hasRightElement:\n                return 'NONE';\n            default:\n                return 'BOTH';\n        }\n    }, [id, radioButtonRightElements]);\n\n    const shouldShowRightElement = useMemo(() => {\n        if (rightElement) {\n            if (shouldShowRightElementOnlyOnChecked) {\n                return isMarked;\n            }\n\n            return true;\n        }\n\n        return false;\n    }, [isMarked, rightElement, shouldShowRightElementOnlyOnChecked]);\n\n    useEffect(() => {\n        if (typeof updateHasRightElement === 'function') {\n            window.setTimeout(() => {\n                updateHasRightElement(id, shouldShowRightElement);\n            }, 10);\n        }\n    }, [id, shouldShowRightElement, updateHasRightElement]);\n\n    return useMemo(\n        () => (\n            <StyledRadioButton\n                $isDisabled={isDisabled}\n                $radioButtonRightElementMargin={radioButtonRightElementMargin}\n            >\n                <StyledRadioButtonWrapper ref={radioButtonRootRef}>\n                    <StyledRadioButtonPseudoCheckBox\n                        $isDisabled={isDisabled}\n                        $isChecked={isMarked}\n                        ref={radioButtonBoxRef}\n                        onClick={handleClick}\n                        style={{\n                            top: shouldShowCentered ? '50%' : radioButtonTop,\n                            transform: shouldShowCentered ? 'translateY(-50%)' : undefined,\n                        }}\n                    >\n                        <StyledRadioButtonCheckBoxMark\n                            onMouseEnter={handleMouseEnter}\n                            onMouseLeave={handleMouseLeave}\n                            $isHovered={isHovered}\n                            $isSelected={isMarked}\n                            $isDisabled={isDisabled}\n                        />\n                    </StyledRadioButtonPseudoCheckBox>\n                    <StyledRadioButtonCheckBox\n                        onClick={handleClick}\n                        onMouseEnter={handleMouseEnter}\n                        onMouseLeave={handleMouseLeave}\n                        disabled={isDisabled}\n                        $isDisabled={isDisabled}\n                        type=\"radio\"\n                        checked={isMarked}\n                        onChange={() => {}}\n                    />\n                    <StyledLabelWrapper>\n                        {label && (\n                            <StyledRadioButtonLabel\n                                $isDisabled={isDisabled}\n                                onClick={handleClick}\n                                onMouseEnter={handleMouseEnter}\n                                onMouseLeave={handleMouseLeave}\n                            >\n                                {label}\n                            </StyledRadioButtonLabel>\n                        )}\n                        {shouldShowRightElement && rightElement}\n                    </StyledLabelWrapper>\n                </StyledRadioButtonWrapper>\n                {children && (\n                    <AnimatePresence initial={false}>\n                        <StyledMotionRadioButtonChildren\n                            animate={\n                                isMarked\n                                    ? { opacity: 1, height: 'auto' }\n                                    : { opacity: 0, height: 0 }\n                            }\n                            transition={{ duration: 0.2 }}\n                        >\n                            {children}\n                        </StyledMotionRadioButtonChildren>\n                    </AnimatePresence>\n                )}\n            </StyledRadioButton>\n        ),\n        [\n            children,\n            handleClick,\n            handleMouseEnter,\n            isDisabled,\n            isHovered,\n            isMarked,\n            label,\n            radioButtonRightElementMargin,\n            radioButtonTop,\n            rightElement,\n            shouldShowCentered,\n            shouldShowRightElement,\n        ],\n    );\n};\n\nRadioButton.displayName = 'RadioButton';\n\nexport default RadioButton;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/radio-button/RadioButton.styles.js

@@ -1,6 +1,5 @@
 import { motion } from 'motion/react';
 import styled, { css } from 'styled-components';
-import { keyboardFocusHighlightingCircleRingCss } from '../../utils/keyboardFocusHighlighting.styles';
 export const StyledRadioButton = styled.span`
     display: flex;
     flex-direction: column;
@@ -42,6 +41,14 @@ export const StyledRadioButtonWrapper = styled.div`
     gap: 5px;
     user-select: none;
 `;
+export const StyledRadioButtonCheckBox = styled.input`
+    opacity: 0;
+    height: 15px;
+    width: 15px;
+    cursor: ${({
+  $isDisabled
+}) => $isDisabled ? 'default !important' : 'pointer !important'};
+`;
 export const StyledRadioButtonPseudoCheckBox = styled.div`
     background-color: ${({
   theme,
@@ -56,27 +63,9 @@ export const StyledRadioButtonPseudoCheckBox = styled.div`
     height: 15px;
     position: absolute;
     border-radius: 100%;
-    z-index: 1;
-    cursor: ${({
-  $isDisabled
-}) => $isDisabled ? 'default !important' : 'pointer !important'};
-`;
-export const StyledRadioButtonCheckBox = styled.input`
-    opacity: 0;
-    height: 15px;
-    width: 15px;
     cursor: ${({
   $isDisabled
 }) => $isDisabled ? 'default !important' : 'pointer !important'};
-
-    ${({
-  $shouldShowKeyboardHighlighting
-}) => $shouldShowKeyboardHighlighting && css`
-            &:focus-visible + ${StyledRadioButtonPseudoCheckBox} {
-                transition: none;
-                ${keyboardFocusHighlightingCircleRingCss}
-            }
-        `}
 `;
 export const StyledRadioButtonCheckBoxMark = styled.span`
     background-color: transparent;

package/lib/esm/components/radio-button/RadioButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.styles.js","names":["motion","styled","css","keyboardFocusHighlightingCircleRingCss","StyledRadioButton","span","$isDisabled","$radioButtonRightElementMargin","StyledRadioButtonWrapper","div","StyledRadioButtonPseudoCheckBox","theme","$isChecked","StyledRadioButtonCheckBox","input","$shouldShowKeyboardHighlighting","StyledRadioButtonCheckBoxMark","$isHovered","$isSelected","StyledRadioButtonLabel","p","text","StyledLabelWrapper","StyledMotionRadioButtonChildren"],"sources":["../../../../src/components/radio-button/RadioButton.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport { RadioButtonRightElementMargin } from '../../types/radioButton';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { keyboardFocusHighlightingCircleRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\ntype StyledRadioButtonProps = WithTheme<{\n    $isDisabled: boolean;\n    $radioButtonRightElementMargin: RadioButtonRightElementMargin;\n}>;\n\nexport const StyledRadioButton = styled.span<StyledRadioButtonProps>`\n    display: flex;\n    flex-direction: column;\n\n    position: relative;\n\n    opacity: ${({ $isDisabled }: StyledRadioButtonProps) => ($isDisabled ? 0.5 : 1)};\n\n    ${({ $radioButtonRightElementMargin }: StyledRadioButtonProps) => {\n        switch ($radioButtonRightElementMargin) {\n            case 'BOTH':\n                return css`\n                    margin: 6px 0;\n                `;\n            case 'TOP':\n                return css`\n                    margin-top: 6px;\n                `;\n            case 'BOTTOM':\n                return css`\n                    margin-bottom: 6px;\n                `;\n            case 'NONE':\n            default:\n                return css`\n                    margin: 0;\n                `;\n        }\n    }}\n`;\n\ntype StyledRadioButtonWrapperProps = {\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledRadioButtonWrapper = styled.div<StyledRadioButtonWrapperProps>`\n    display: flex;\n    align-items: center;\n    position: relative;\n    gap: 5px;\n    user-select: none;\n`;\n\ntype StyledRadioButtonPseudoCheckBoxProps = WithTheme<{\n    $isChecked: boolean;\n    $isDisabled: boolean;\n}>;\n\nexport const StyledRadioButtonPseudoCheckBox = styled.div<StyledRadioButtonPseudoCheckBoxProps>`\n    background-color: ${({ theme, $isChecked }: StyledRadioButtonPseudoCheckBoxProps) =>\n        $isChecked ? theme['secondary-408'] : theme['secondary-403']};\n    opacity: 1;\n    border: 1px solid\n        rgba(${({ theme }: StyledRadioButtonPseudoCheckBoxProps) => theme['409-rgb']}, 0.5);\n    width: 15px;\n    height: 15px;\n    position: absolute;\n    border-radius: 100%;\n    z-index: 1;\n    cursor: ${({ $isDisabled }: StyledRadioButtonPseudoCheckBoxProps) =>\n        $isDisabled ? 'default !important' : 'pointer !important'};\n`;\n\ntype StyledRadioButtonCheckBoxProps = WithTheme<{\n    $isDisabled: boolean;\n    $shouldShowKeyboardHighlighting: boolean;\n}>;\n\nexport const StyledRadioButtonCheckBox = styled.input<StyledRadioButtonCheckBoxProps>`\n    opacity: 0;\n    height: 15px;\n    width: 15px;\n    cursor: ${({ $isDisabled }: StyledRadioButtonCheckBoxProps) =>\n        $isDisabled ? 'default !important' : 'pointer !important'};\n\n    ${({ $shouldShowKeyboardHighlighting }) =>\n        $shouldShowKeyboardHighlighting &&\n        css`\n            &:focus-visible + ${StyledRadioButtonPseudoCheckBox} {\n                transition: none;\n                ${keyboardFocusHighlightingCircleRingCss}\n            }\n        `}\n`;\n\ntype StyledRadioButtonCheckBoxMarkProps = WithTheme<{\n    $isHovered: boolean;\n    $isSelected: boolean;\n    $isDisabled: boolean;\n}>;\n\nexport const StyledRadioButtonCheckBoxMark = styled.span<StyledRadioButtonCheckBoxMarkProps>`\n    background-color: transparent;\n    position: absolute;\n    top: 1px;\n    left: 3.925px;\n    display: inline-block;\n    transform: rotate(35deg);\n    height: 9px;\n    width: 5px;\n    border-bottom: 2px solid white;\n    border-right: 2px solid white;\n    border-top: transparent;\n    border-left: transparent;\n    z-index: 2;\n    cursor: ${({ $isDisabled }: StyledRadioButtonCheckBoxMarkProps) =>\n        $isDisabled ? 'default !important' : 'pointer !important'};\n\n    ${({ $isHovered, $isSelected }) => {\n        if ($isSelected) {\n            return css`\n                opacity: 1;\n            `;\n        }\n\n        if ($isHovered) {\n            return css`\n                opacity: 0.5;\n            `;\n        }\n\n        return css`\n            opacity: 0;\n        `;\n    }}\n`;\n\ntype StyledRadioButtonLabelProps = WithTheme<{ $isDisabled: boolean }>;\n\nexport const StyledRadioButtonLabel = styled.p<StyledRadioButtonLabelProps>`\n    color: ${({ theme }: StyledRadioButtonLabelProps) => theme.text};\n    margin: 0;\n    cursor: ${({ $isDisabled }: StyledRadioButtonLabelProps) =>\n        $isDisabled ? 'default !important' : 'pointer !important'};\n`;\n\nexport const StyledLabelWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    gap: 12px;\n`;\n\ntype StyledMotionRadioButtonChildrenProps = WithTheme<unknown>;\n\nexport const StyledMotionRadioButtonChildren = styled(\n    motion.div,\n)<StyledMotionRadioButtonChildrenProps>`\n    margin-left: 20px;\n    cursor: text;\n    overflow: hidden;\n    color: ${({ theme }: StyledMotionRadioButtonChildrenProps) => theme.text};\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RadioButton.styles.js","names":["motion","styled","css","StyledRadioButton","span","$isDisabled","$radioButtonRightElementMargin","StyledRadioButtonWrapper","div","StyledRadioButtonCheckBox","input","StyledRadioButtonPseudoCheckBox","theme","$isChecked","StyledRadioButtonCheckBoxMark","$isHovered","$isSelected","StyledRadioButtonLabel","p","text","StyledLabelWrapper","StyledMotionRadioButtonChildren"],"sources":["../../../../src/components/radio-button/RadioButton.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport { RadioButtonRightElementMargin } from '../../types/radioButton';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledRadioButtonProps = WithTheme<{\n    $isDisabled: boolean;\n    $radioButtonRightElementMargin: RadioButtonRightElementMargin;\n}>;\n\nexport const StyledRadioButton = styled.span<StyledRadioButtonProps>`\n    display: flex;\n    flex-direction: column;\n\n    position: relative;\n\n    opacity: ${({ $isDisabled }: StyledRadioButtonProps) => ($isDisabled ? 0.5 : 1)};\n\n    ${({ $radioButtonRightElementMargin }: StyledRadioButtonProps) => {\n        switch ($radioButtonRightElementMargin) {\n            case 'BOTH':\n                return css`\n                    margin: 6px 0;\n                `;\n            case 'TOP':\n                return css`\n                    margin-top: 6px;\n                `;\n            case 'BOTTOM':\n                return css`\n                    margin-bottom: 6px;\n                `;\n            case 'NONE':\n            default:\n                return css`\n                    margin: 0;\n                `;\n        }\n    }}\n`;\n\nexport const StyledRadioButtonWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    position: relative;\n    gap: 5px;\n    user-select: none;\n`;\n\ntype StyledRadioButtonCheckBoxProps = WithTheme<{ $isDisabled: boolean }>;\n\nexport const StyledRadioButtonCheckBox = styled.input<StyledRadioButtonCheckBoxProps>`\n    opacity: 0;\n    height: 15px;\n    width: 15px;\n    cursor: ${({ $isDisabled }: StyledRadioButtonCheckBoxProps) =>\n        $isDisabled ? 'default !important' : 'pointer !important'};\n`;\n\ntype StyledRadioButtonPseudoCheckBoxProps = WithTheme<{\n    $isChecked: boolean;\n    $isDisabled: boolean;\n}>;\n\nexport const StyledRadioButtonPseudoCheckBox = styled.div<StyledRadioButtonPseudoCheckBoxProps>`\n    background-color: ${({ theme, $isChecked }: StyledRadioButtonPseudoCheckBoxProps) =>\n        $isChecked ? theme['secondary-408'] : theme['secondary-403']};\n    opacity: 1;\n    border: 1px solid\n        rgba(${({ theme }: StyledRadioButtonPseudoCheckBoxProps) => theme['409-rgb']}, 0.5);\n    width: 15px;\n    height: 15px;\n    position: absolute;\n    border-radius: 100%;\n    cursor: ${({ $isDisabled }: StyledRadioButtonPseudoCheckBoxProps) =>\n        $isDisabled ? 'default !important' : 'pointer !important'};\n`;\n\ntype StyledRadioButtonCheckBoxMarkProps = WithTheme<{\n    $isHovered: boolean;\n    $isSelected: boolean;\n    $isDisabled: boolean;\n}>;\n\nexport const StyledRadioButtonCheckBoxMark = styled.span<StyledRadioButtonCheckBoxMarkProps>`\n    background-color: transparent;\n    position: absolute;\n    top: 1px;\n    left: 3.925px;\n    display: inline-block;\n    transform: rotate(35deg);\n    height: 9px;\n    width: 5px;\n    border-bottom: 2px solid white;\n    border-right: 2px solid white;\n    border-top: transparent;\n    border-left: transparent;\n    z-index: 2;\n    cursor: ${({ $isDisabled }: StyledRadioButtonCheckBoxMarkProps) =>\n        $isDisabled ? 'default !important' : 'pointer !important'};\n\n    ${({ $isHovered, $isSelected }) => {\n        if ($isSelected) {\n            return css`\n                opacity: 1;\n            `;\n        }\n\n        if ($isHovered) {\n            return css`\n                opacity: 0.5;\n            `;\n        }\n\n        return css`\n            opacity: 0;\n        `;\n    }}\n`;\n\ntype StyledRadioButtonLabelProps = WithTheme<{ $isDisabled: boolean }>;\n\nexport const StyledRadioButtonLabel = styled.p<StyledRadioButtonLabelProps>`\n    color: ${({ theme }: StyledRadioButtonLabelProps) => theme.text};\n    margin: 0;\n    cursor: ${({ $isDisabled }: StyledRadioButtonLabelProps) =>\n        $isDisabled ? 'default !important' : 'pointer !important'};\n`;\n\nexport const StyledLabelWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    gap: 12px;\n`;\n\ntype StyledMotionRadioButtonChildrenProps = WithTheme<unknown>;\n\nexport const StyledMotionRadioButtonChildren = styled(\n    motion.div,\n)<StyledMotionRadioButtonChildrenProps>`\n    margin-left: 20px;\n    cursor: text;\n    overflow: hidden;\n    color: ${({ theme }: StyledMotionRadioButtonChildrenProps) => theme.text};\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,cAAc;AACrC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAS/C,OAAO,MAAMC,iBAAiB,GAAGF,MAAM,CAACG,IAA4B;AACpE;AACA;AACA;AACA;AACA;AACA,eAAe,CAAC;EAAEC;AAAoC,CAAC,KAAMA,WAAW,GAAG,GAAG,GAAG,CAAE;AACnF;AACA,MAAM,CAAC;EAAEC;AAAuD,CAAC,KAAK;EAC9D,QAAQA,8BAA8B;IAClC,KAAK,MAAM;MACP,OAAOJ,GAAG;AAC1B;AACA,iBAAiB;IACL,KAAK,KAAK;MACN,OAAOA,GAAG;AAC1B;AACA,iBAAiB;IACL,KAAK,QAAQ;MACT,OAAOA,GAAG;AAC1B;AACA,iBAAiB;IACL,KAAK,MAAM;IACX;MACI,OAAOA,GAAG;AAC1B;AACA,iBAAiB;EACT;AACJ,CAAC;AACL,CAAC;AAED,OAAO,MAAMK,wBAAwB,GAAGN,MAAM,CAACO,GAAG;AAClD;AACA;AACA;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAMC,yBAAyB,GAAGR,MAAM,CAACS,KAAqC;AACrF;AACA;AACA;AACA,cAAc,CAAC;EAAEL;AAA4C,CAAC,KACtDA,WAAW,GAAG,oBAAoB,GAAG,oBAAoB;AACjE,CAAC;AAOD,OAAO,MAAMM,+BAA+B,GAAGV,MAAM,CAACO,GAAyC;AAC/F,wBAAwB,CAAC;EAAEI,KAAK;EAAEC;AAAiD,CAAC,KAC5EA,UAAU,GAAGD,KAAK,CAAC,eAAe,CAAC,GAAGA,KAAK,CAAC,eAAe,CAAC;AACpE;AACA;AACA,eAAe,CAAC;EAAEA;AAA4C,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AACpF;AACA;AACA;AACA;AACA,cAAc,CAAC;EAAEP;AAAkD,CAAC,KAC5DA,WAAW,GAAG,oBAAoB,GAAG,oBAAoB;AACjE,CAAC;AAQD,OAAO,MAAMS,6BAA6B,GAAGb,MAAM,CAACG,IAAwC;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,CAAC;EAAEC;AAAgD,CAAC,KAC1DA,WAAW,GAAG,oBAAoB,GAAG,oBAAoB;AACjE;AACA,MAAM,CAAC;EAAEU,UAAU;EAAEC;AAAY,CAAC,KAAK;EAC/B,IAAIA,WAAW,EAAE;IACb,OAAOd,GAAG;AACtB;AACA,aAAa;EACL;EAEA,IAAIa,UAAU,EAAE;IACZ,OAAOb,GAAG;AACtB;AACA,aAAa;EACL;EAEA,OAAOA,GAAG;AAClB;AACA,SAAS;AACL,CAAC;AACL,CAAC;AAID,OAAO,MAAMe,sBAAsB,GAAGhB,MAAM,CAACiB,CAA8B;AAC3E,aAAa,CAAC;EAAEN;AAAmC,CAAC,KAAKA,KAAK,CAACO,IAAI;AACnE;AACA,cAAc,CAAC;EAAEd;AAAyC,CAAC,KACnDA,WAAW,GAAG,oBAAoB,GAAG,oBAAoB;AACjE,CAAC;AAED,OAAO,MAAMe,kBAAkB,GAAGnB,MAAM,CAACO,GAAG;AAC5C;AACA;AACA;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAMa,+BAA+B,GAAGpB,MAAM,CACjDD,MAAM,CAACQ,GACX,CAAuC;AACvC;AACA;AACA;AACA,aAAa,CAAC;EAAEI;AAA4C,CAAC,KAAKA,KAAK,CAACO,IAAI;AAC5E,CAAC","ignoreList":[]}

package/lib/esm/components/radio-button/radio-button-group/RadioButtonGroup.js

@@ -5,16 +5,14 @@ export const RadioButtonGroupContext = /*#__PURE__*/React.createContext({
   updateSelectedRadioButtonId: undefined,
   radioButtonsCanBeUnchecked: false,
   radioButtonRightElements: [],
-  updateHasRightElement: undefined,
-  shouldEnableKeyboardHighlighting: undefined
+  updateHasRightElement: undefined
 });
 RadioButtonGroupContext.displayName = 'RadioButtonGroupContext';
 const RadioButtonGroup = /*#__PURE__*/forwardRef(({
   children,
   canUncheckRadioButtons,
   selectedId,
-  onSelect,
-  shouldEnableKeyboardHighlighting
+  onSelect
 }, ref) => {
   const [selectedRadioButtonId, setSelectedRadioButtonId] = useState(undefined);
   const [radioButtonRightElements, setRadioButtonRightElements] = useState([]);
@@ -52,9 +50,8 @@ const RadioButtonGroup = /*#__PURE__*/forwardRef(({
     updateSelectedRadioButtonId,
     radioButtonsCanBeUnchecked: canUncheckRadioButtons,
     updateHasRightElement,
-    radioButtonRightElements,
-    shouldEnableKeyboardHighlighting
-  }), [canUncheckRadioButtons, radioButtonRightElements, selectedRadioButtonId, shouldEnableKeyboardHighlighting, updateHasRightElement, updateSelectedRadioButtonId]);
+    radioButtonRightElements
+  }), [canUncheckRadioButtons, radioButtonRightElements, selectedRadioButtonId, updateHasRightElement, updateSelectedRadioButtonId]);
   return /*#__PURE__*/React.createElement(RadioButtonGroupContext.Provider, {
     value: providerValue
   }, children);

package/lib/esm/components/radio-button/radio-button-group/RadioButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.js","names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useState","getRadioButtonOrder","RadioButtonGroupContext","createContext","selectedRadioButtonId","undefined","updateSelectedRadioButtonId","radioButtonsCanBeUnchecked","radioButtonRightElements","updateHasRightElement","shouldEnableKeyboardHighlighting","displayName","RadioButtonGroup","children","canUncheckRadioButtons","selectedId","onSelect","ref","setSelectedRadioButtonId","setRadioButtonRightElements","isControlled","id","hasRightElement","prevState","map","prev","ids","rightElements","providerValue","createElement","Provider","value"],"sources":["../../../../../src/components/radio-button/radio-button-group/RadioButtonGroup.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    ReactNode,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useState,\n} from 'react';\nimport { getRadioButtonOrder } from '../../../utils/radioButton';\n\ntype IUpdateSelectedRadioButtonId = (id: string | undefined) => void;\n\ntype IUpdateHasRightElement = (id: string, hasRightElement: boolean) => void;\n\ntype IRadioButtonRightElements = { id: string; hasRightElement: boolean }[];\n\ninterface IRadioButtonGroupContext {\n    selectedRadioButtonId: string | undefined;\n    updateSelectedRadioButtonId?: IUpdateSelectedRadioButtonId;\n    radioButtonRightElements: IRadioButtonRightElements;\n    updateHasRightElement?: IUpdateHasRightElement;\n    radioButtonsCanBeUnchecked?: boolean;\n    shouldEnableKeyboardHighlighting?: boolean;\n}\n\nexport const RadioButtonGroupContext = React.createContext<IRadioButtonGroupContext>({\n    selectedRadioButtonId: undefined,\n    updateSelectedRadioButtonId: undefined,\n    radioButtonsCanBeUnchecked: false,\n    radioButtonRightElements: [],\n    updateHasRightElement: undefined,\n    shouldEnableKeyboardHighlighting: undefined,\n});\n\nRadioButtonGroupContext.displayName = 'RadioButtonGroupContext';\n\nexport interface RadioButtonGroupRef {\n    updateSelectedRadioButtonId: IUpdateSelectedRadioButtonId;\n}\n\nexport type RadioButtonGroupProps = {\n    /**\n     * Whether the RadioButtons can be unchecked.\n     */\n    canUncheckRadioButtons?: boolean;\n    /**\n     * Enables keyboard-only focus highlighting for all RadioButtons in this group.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n    /**\n     * The RadioButtons that should be grouped. Radio buttons with the same group are\n     * automatically unchecked when an `RadioButton` of the group is checked.\n     */\n    children: ReactNode;\n    /**\n     * Function to be executed when an id is selected.\n     */\n    onSelect?: (id?: string) => void;\n    /**\n     * The id of the current selected RadioButton.\n     */\n    selectedId?: string;\n};\n\nconst RadioButtonGroup = forwardRef<RadioButtonGroupRef, RadioButtonGroupProps>(\n    (\n        {\n            children,\n            canUncheckRadioButtons,\n            selectedId,\n            onSelect,\n            shouldEnableKeyboardHighlighting,\n        },\n        ref,\n    ) => {\n        const [selectedRadioButtonId, setSelectedRadioButtonId] =\n            useState<IRadioButtonGroupContext['selectedRadioButtonId']>(undefined);\n        const [radioButtonRightElements, setRadioButtonRightElements] =\n            useState<IRadioButtonRightElements>([]);\n\n        const isControlled = typeof selectedId === 'string';\n\n        useEffect(() => {\n            setSelectedRadioButtonId(selectedId);\n        }, [selectedId]);\n\n        const updateSelectedRadioButtonId = useCallback<IUpdateSelectedRadioButtonId>(\n            (id) => {\n                if (typeof onSelect === 'function') {\n                    onSelect(id);\n                }\n\n                if (!isControlled) {\n                    setSelectedRadioButtonId(id);\n                }\n            },\n            [isControlled, onSelect],\n        );\n\n        const updateHasRightElement = useCallback<IUpdateHasRightElement>((id, hasRightElement) => {\n            setRadioButtonRightElements((prevState) =>\n                prevState.map((prev) => (id === prev.id ? { id, hasRightElement } : prev)),\n            );\n        }, []);\n\n        useEffect(() => {\n            const ids = getRadioButtonOrder(children);\n\n            const rightElements = ids.map((id) => ({ id, hasRightElement: false }));\n\n            setRadioButtonRightElements(rightElements);\n        }, [children]);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                updateSelectedRadioButtonId,\n            }),\n            [updateSelectedRadioButtonId],\n        );\n\n        const providerValue = useMemo<IRadioButtonGroupContext>(\n            () => ({\n                selectedRadioButtonId,\n                updateSelectedRadioButtonId,\n                radioButtonsCanBeUnchecked: canUncheckRadioButtons,\n                updateHasRightElement,\n                radioButtonRightElements,\n                shouldEnableKeyboardHighlighting,\n            }),\n            [\n                canUncheckRadioButtons,\n                radioButtonRightElements,\n                selectedRadioButtonId,\n                shouldEnableKeyboardHighlighting,\n                updateHasRightElement,\n                updateSelectedRadioButtonId,\n            ],\n        );\n\n        return (\n            <RadioButtonGroupContext.Provider value={providerValue}>\n                {children}\n            </RadioButtonGroupContext.Provider>\n        );\n    },\n);\n\nRadioButtonGroup.displayName = 'RadioButtonGroup';\n\nexport default RadioButtonGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,IACRC,UAAU,EAEVC,WAAW,EACXC,SAAS,EACTC,mBAAmB,EACnBC,OAAO,EACPC,QAAQ,QACL,OAAO;AACd,SAASC,mBAAmB,QAAQ,4BAA4B;AAiBhE,OAAO,MAAMC,uBAAuB,gBAAGR,KAAK,CAACS,aAAa,CAA2B;EACjFC,qBAAqB,EAAEC,SAAS;EAChCC,2BAA2B,EAAED,SAAS;EACtCE,0BAA0B,EAAE,KAAK;EACjCC,wBAAwB,EAAE,EAAE;EAC5BC,qBAAqB,EAAEJ,SAAS;EAChCK,gCAAgC,EAAEL;AACtC,CAAC,CAAC;AAEFH,uBAAuB,CAACS,WAAW,GAAG,yBAAyB;AA8B/D,MAAMC,gBAAgB,gBAAGjB,UAAU,CAC/B,CACI;EACIkB,QAAQ;EACRC,sBAAsB;EACtBC,UAAU;EACVC,QAAQ;EACRN;AACJ,CAAC,EACDO,GAAG,KACF;EACD,MAAM,CAACb,qBAAqB,EAAEc,wBAAwB,CAAC,GACnDlB,QAAQ,CAAoDK,SAAS,CAAC;EAC1E,MAAM,CAACG,wBAAwB,EAAEW,2BAA2B,CAAC,GACzDnB,QAAQ,CAA4B,EAAE,CAAC;EAE3C,MAAMoB,YAAY,GAAG,OAAOL,UAAU,KAAK,QAAQ;EAEnDlB,SAAS,CAAC,MAAM;IACZqB,wBAAwB,CAACH,UAAU,CAAC;EACxC,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,MAAMT,2BAA2B,GAAGV,WAAW,CAC1CyB,EAAE,IAAK;IACJ,IAAI,OAAOL,QAAQ,KAAK,UAAU,EAAE;MAChCA,QAAQ,CAACK,EAAE,CAAC;IAChB;IAEA,IAAI,CAACD,YAAY,EAAE;MACfF,wBAAwB,CAACG,EAAE,CAAC;IAChC;EACJ,CAAC,EACD,CAACD,YAAY,EAAEJ,QAAQ,CAC3B,CAAC;EAED,MAAMP,qBAAqB,GAAGb,WAAW,CAAyB,CAACyB,EAAE,EAAEC,eAAe,KAAK;IACvFH,2BAA2B,CAAEI,SAAS,IAClCA,SAAS,CAACC,GAAG,CAAEC,IAAI,IAAMJ,EAAE,KAAKI,IAAI,CAACJ,EAAE,GAAG;MAAEA,EAAE;MAAEC;IAAgB,CAAC,GAAGG,IAAK,CAC7E,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN5B,SAAS,CAAC,MAAM;IACZ,MAAM6B,GAAG,GAAGzB,mBAAmB,CAACY,QAAQ,CAAC;IAEzC,MAAMc,aAAa,GAAGD,GAAG,CAACF,GAAG,CAAEH,EAAE,KAAM;MAAEA,EAAE;MAAEC,eAAe,EAAE;IAAM,CAAC,CAAC,CAAC;IAEvEH,2BAA2B,CAACQ,aAAa,CAAC;EAC9C,CAAC,EAAE,CAACd,QAAQ,CAAC,CAAC;EAEdf,mBAAmB,CACfmB,GAAG,EACH,OAAO;IACHX;EACJ,CAAC,CAAC,EACF,CAACA,2BAA2B,CAChC,CAAC;EAED,MAAMsB,aAAa,GAAG7B,OAAO,CACzB,OAAO;IACHK,qBAAqB;IACrBE,2BAA2B;IAC3BC,0BAA0B,EAAEO,sBAAsB;IAClDL,qBAAqB;IACrBD,wBAAwB;IACxBE;EACJ,CAAC,CAAC,EACF,CACII,sBAAsB,EACtBN,wBAAwB,EACxBJ,qBAAqB,EACrBM,gCAAgC,EAChCD,qBAAqB,EACrBH,2BAA2B,CAEnC,CAAC;EAED,oBACIZ,KAAA,CAAAmC,aAAA,CAAC3B,uBAAuB,CAAC4B,QAAQ;IAACC,KAAK,EAAEH;EAAc,GAClDf,QAC6B,CAAC;AAE3C,CACJ,CAAC;AAEDD,gBAAgB,CAACD,WAAW,GAAG,kBAAkB;AAEjD,eAAeC,gBAAgB","ignoreList":[]}
+{"version":3,"file":"RadioButtonGroup.js","names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useState","getRadioButtonOrder","RadioButtonGroupContext","createContext","selectedRadioButtonId","undefined","updateSelectedRadioButtonId","radioButtonsCanBeUnchecked","radioButtonRightElements","updateHasRightElement","displayName","RadioButtonGroup","children","canUncheckRadioButtons","selectedId","onSelect","ref","setSelectedRadioButtonId","setRadioButtonRightElements","isControlled","id","hasRightElement","prevState","map","prev","ids","rightElements","providerValue","createElement","Provider","value"],"sources":["../../../../../src/components/radio-button/radio-button-group/RadioButtonGroup.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    ReactNode,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useState,\n} from 'react';\nimport { getRadioButtonOrder } from '../../../utils/radioButton';\n\ntype IUpdateSelectedRadioButtonId = (id: string | undefined) => void;\n\ntype IUpdateHasRightElement = (id: string, hasRightElement: boolean) => void;\n\ntype IRadioButtonRightElements = { id: string; hasRightElement: boolean }[];\n\ninterface IRadioButtonGroupContext {\n    selectedRadioButtonId: string | undefined;\n    updateSelectedRadioButtonId?: IUpdateSelectedRadioButtonId;\n    radioButtonRightElements: IRadioButtonRightElements;\n    updateHasRightElement?: IUpdateHasRightElement;\n    radioButtonsCanBeUnchecked?: boolean;\n}\n\nexport const RadioButtonGroupContext = React.createContext<IRadioButtonGroupContext>({\n    selectedRadioButtonId: undefined,\n    updateSelectedRadioButtonId: undefined,\n    radioButtonsCanBeUnchecked: false,\n    radioButtonRightElements: [],\n    updateHasRightElement: undefined,\n});\n\nRadioButtonGroupContext.displayName = 'RadioButtonGroupContext';\n\nexport interface RadioButtonGroupRef {\n    updateSelectedRadioButtonId: IUpdateSelectedRadioButtonId;\n}\n\nexport type RadioButtonGroupProps = {\n    /**\n     * Whether the RadioButtons can be unchecked.\n     */\n    canUncheckRadioButtons?: boolean;\n    /**\n     * The RadioButtons that should be grouped. Radio buttons with the same group are\n     * automatically unchecked when an `RadioButton` of the group is checked.\n     */\n    children: ReactNode;\n    /**\n     * Function to be executed when an id is selected.\n     */\n    onSelect?: (id?: string) => void;\n    /**\n     * The id of the current selected RadioButton.\n     */\n    selectedId?: string;\n};\n\nconst RadioButtonGroup = forwardRef<RadioButtonGroupRef, RadioButtonGroupProps>(\n    ({ children, canUncheckRadioButtons, selectedId, onSelect }, ref) => {\n        const [selectedRadioButtonId, setSelectedRadioButtonId] =\n            useState<IRadioButtonGroupContext['selectedRadioButtonId']>(undefined);\n        const [radioButtonRightElements, setRadioButtonRightElements] =\n            useState<IRadioButtonRightElements>([]);\n\n        const isControlled = typeof selectedId === 'string';\n\n        useEffect(() => {\n            setSelectedRadioButtonId(selectedId);\n        }, [selectedId]);\n\n        const updateSelectedRadioButtonId = useCallback<IUpdateSelectedRadioButtonId>(\n            (id) => {\n                if (typeof onSelect === 'function') {\n                    onSelect(id);\n                }\n\n                if (!isControlled) {\n                    setSelectedRadioButtonId(id);\n                }\n            },\n            [isControlled, onSelect],\n        );\n\n        const updateHasRightElement = useCallback<IUpdateHasRightElement>((id, hasRightElement) => {\n            setRadioButtonRightElements((prevState) =>\n                prevState.map((prev) => (id === prev.id ? { id, hasRightElement } : prev)),\n            );\n        }, []);\n\n        useEffect(() => {\n            const ids = getRadioButtonOrder(children);\n\n            const rightElements = ids.map((id) => ({ id, hasRightElement: false }));\n\n            setRadioButtonRightElements(rightElements);\n        }, [children]);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                updateSelectedRadioButtonId,\n            }),\n            [updateSelectedRadioButtonId],\n        );\n\n        const providerValue = useMemo<IRadioButtonGroupContext>(\n            () => ({\n                selectedRadioButtonId,\n                updateSelectedRadioButtonId,\n                radioButtonsCanBeUnchecked: canUncheckRadioButtons,\n                updateHasRightElement,\n                radioButtonRightElements,\n            }),\n            [\n                canUncheckRadioButtons,\n                radioButtonRightElements,\n                selectedRadioButtonId,\n                updateHasRightElement,\n                updateSelectedRadioButtonId,\n            ],\n        );\n\n        return (\n            <RadioButtonGroupContext.Provider value={providerValue}>\n                {children}\n            </RadioButtonGroupContext.Provider>\n        );\n    },\n);\n\nRadioButtonGroup.displayName = 'RadioButtonGroup';\n\nexport default RadioButtonGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,IACRC,UAAU,EAEVC,WAAW,EACXC,SAAS,EACTC,mBAAmB,EACnBC,OAAO,EACPC,QAAQ,QACL,OAAO;AACd,SAASC,mBAAmB,QAAQ,4BAA4B;AAgBhE,OAAO,MAAMC,uBAAuB,gBAAGR,KAAK,CAACS,aAAa,CAA2B;EACjFC,qBAAqB,EAAEC,SAAS;EAChCC,2BAA2B,EAAED,SAAS;EACtCE,0BAA0B,EAAE,KAAK;EACjCC,wBAAwB,EAAE,EAAE;EAC5BC,qBAAqB,EAAEJ;AAC3B,CAAC,CAAC;AAEFH,uBAAuB,CAACQ,WAAW,GAAG,yBAAyB;AA0B/D,MAAMC,gBAAgB,gBAAGhB,UAAU,CAC/B,CAAC;EAAEiB,QAAQ;EAAEC,sBAAsB;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAEC,GAAG,KAAK;EACjE,MAAM,CAACZ,qBAAqB,EAAEa,wBAAwB,CAAC,GACnDjB,QAAQ,CAAoDK,SAAS,CAAC;EAC1E,MAAM,CAACG,wBAAwB,EAAEU,2BAA2B,CAAC,GACzDlB,QAAQ,CAA4B,EAAE,CAAC;EAE3C,MAAMmB,YAAY,GAAG,OAAOL,UAAU,KAAK,QAAQ;EAEnDjB,SAAS,CAAC,MAAM;IACZoB,wBAAwB,CAACH,UAAU,CAAC;EACxC,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,MAAMR,2BAA2B,GAAGV,WAAW,CAC1CwB,EAAE,IAAK;IACJ,IAAI,OAAOL,QAAQ,KAAK,UAAU,EAAE;MAChCA,QAAQ,CAACK,EAAE,CAAC;IAChB;IAEA,IAAI,CAACD,YAAY,EAAE;MACfF,wBAAwB,CAACG,EAAE,CAAC;IAChC;EACJ,CAAC,EACD,CAACD,YAAY,EAAEJ,QAAQ,CAC3B,CAAC;EAED,MAAMN,qBAAqB,GAAGb,WAAW,CAAyB,CAACwB,EAAE,EAAEC,eAAe,KAAK;IACvFH,2BAA2B,CAAEI,SAAS,IAClCA,SAAS,CAACC,GAAG,CAAEC,IAAI,IAAMJ,EAAE,KAAKI,IAAI,CAACJ,EAAE,GAAG;MAAEA,EAAE;MAAEC;IAAgB,CAAC,GAAGG,IAAK,CAC7E,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN3B,SAAS,CAAC,MAAM;IACZ,MAAM4B,GAAG,GAAGxB,mBAAmB,CAACW,QAAQ,CAAC;IAEzC,MAAMc,aAAa,GAAGD,GAAG,CAACF,GAAG,CAAEH,EAAE,KAAM;MAAEA,EAAE;MAAEC,eAAe,EAAE;IAAM,CAAC,CAAC,CAAC;IAEvEH,2BAA2B,CAACQ,aAAa,CAAC;EAC9C,CAAC,EAAE,CAACd,QAAQ,CAAC,CAAC;EAEdd,mBAAmB,CACfkB,GAAG,EACH,OAAO;IACHV;EACJ,CAAC,CAAC,EACF,CAACA,2BAA2B,CAChC,CAAC;EAED,MAAMqB,aAAa,GAAG5B,OAAO,CACzB,OAAO;IACHK,qBAAqB;IACrBE,2BAA2B;IAC3BC,0BAA0B,EAAEM,sBAAsB;IAClDJ,qBAAqB;IACrBD;EACJ,CAAC,CAAC,EACF,CACIK,sBAAsB,EACtBL,wBAAwB,EACxBJ,qBAAqB,EACrBK,qBAAqB,EACrBH,2BAA2B,CAEnC,CAAC;EAED,oBACIZ,KAAA,CAAAkC,aAAA,CAAC1B,uBAAuB,CAAC2B,QAAQ;IAACC,KAAK,EAAEH;EAAc,GAClDf,QAC6B,CAAC;AAE3C,CACJ,CAAC;AAEDD,gBAAgB,CAACD,WAAW,GAAG,kBAAkB;AAEjD,eAAeC,gBAAgB","ignoreList":[]}

package/lib/esm/components/search-box/SearchBox.js

@@ -33,8 +33,7 @@ const SearchBox = /*#__PURE__*/forwardRef(({
   shouldShowContentOnEmptyInput = true,
   shouldShowRoundImage,
   shouldShowToggleIcon = false,
-  tagInputSettings,
-  shouldEnableKeyboardHighlighting
+  tagInputSettings
 }, ref) => {
   const [matchingListsItems, setMatchingListsItems] = useState(lists);
   const [selectedImage, setSelectedImage] = useState();
@@ -372,16 +371,6 @@ const SearchBox = /*#__PURE__*/forwardRef(({
     tagInputRef.current?.blur();
     return hasFocusRef.current && isTouch;
   }, [isTouch]);
-  const handleContainerBlur = useCallback(event => {
-    const nextFocusedElement = event.relatedTarget;
-    const currentContainer = event.currentTarget;
-
-    // Check if focus is moving outside the SearchBox container
-    // Also check the dropdown content (contentRef) since it's rendered in a portal
-    if (!nextFocusedElement || !currentContainer.contains(nextFocusedElement) && !contentRef.current?.contains(nextFocusedElement)) {
-      handleClose();
-    }
-  }, [handleClose]);
 
   /**
    * This function handles the item selection
@@ -546,8 +535,7 @@ const SearchBox = /*#__PURE__*/forwardRef(({
   const shouldShowDropdown = shouldShowBody && (matchingListsItems.length !== 0 || !!hintText) && (value.trim() !== '' || shouldShowContentOnEmptyInput);
   return useMemo(() => /*#__PURE__*/React.createElement(StyledSearchBox, {
     ref: boxRef,
-    key: `search-box-${uuid}`,
-    onBlur: handleContainerBlur
+    key: `search-box-${uuid}`
   }, /*#__PURE__*/React.createElement("div", {
     id: `search_box_input${uuid}`
   }, tagInputSettings ? /*#__PURE__*/React.createElement(TagInput, {
@@ -560,7 +548,6 @@ const SearchBox = /*#__PURE__*/forwardRef(({
     placeholder: placeholder,
     ref: tagInputRef,
     shouldAllowMultiple: tagInputSettings.shouldAllowMultiple,
-    shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting,
     shouldPreventEnter: true,
     tags: tagInputSettings.tags
   }) : /*#__PURE__*/React.createElement(Input, {
@@ -573,7 +560,6 @@ const SearchBox = /*#__PURE__*/forwardRef(({
     placeholder: placeholder,
     ref: inputRef,
     rightElement: rightElement,
-    shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting,
     value: value
   })), boxRef.current && /*#__PURE__*/React.createElement(DropdownBodyWrapper, {
     anchorElement: boxRef.current,
@@ -591,7 +577,7 @@ const SearchBox = /*#__PURE__*/forwardRef(({
     ref: contentRef,
     selectedGroups: groups,
     shouldHideFilterButtons: shouldHideFilterButtons
-  }, content))), [container, content, dropdownDirection, filterButtons, groups, handleBlur, handleChange, handleClose, handleDropdownOutsideClick, handleFocus, height, isInvalid, leftElement, onKeyDown, placeholder, rightElement, shouldHideFilterButtons, shouldShowDropdown, shouldEnableKeyboardHighlighting, tagInputSettings, uuid, value]);
+  }, content))), [container, content, dropdownDirection, filterButtons, groups, handleBlur, handleChange, handleClose, handleDropdownOutsideClick, handleFocus, height, isInvalid, leftElement, onKeyDown, placeholder, rightElement, shouldHideFilterButtons, shouldShowDropdown, tagInputSettings, uuid, value]);
 });
 SearchBox.displayName = 'SearchBox';
 export default SearchBox;

package/lib/esm/components/search-box/SearchBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBox.js","names":["useDevice","React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","useTheme","calculateContentHeight","searchList","Icon","Input","GroupName","SearchBoxBody","SearchBoxItem","StyledSearchBoxItemImage","StyledSearchBox","StyledSearchBoxHintText","StyledSearchBoxIcon","StyledSearchBoxLeftWrapper","useUuid","DropdownBodyWrapper","TagInput","SearchBox","container","customFilter","dropdownDirection","isInvalid","leftIcons","lists","onBlur","onChange","onKeyDown","onSelect","placeholder","presetValue","hintText","selectedId","shouldAddInputToList","shouldHideFilterButtons","shouldShowContentOnEmptyInput","shouldShowRoundImage","shouldShowToggleIcon","tagInputSettings","shouldEnableKeyboardHighlighting","ref","matchingListsItems","setMatchingListsItems","selectedImage","setSelectedImage","value","setValue","height","setHeight","focusedIndex","setFocusedIndex","hasMultipleGroups","setHasMultipleGroups","length","filteredChildrenArray","setFilteredChildrenArray","inputToListValue","setInputToListValue","groups","setGroups","shouldShowBody","setShouldShowBody","uuid","boxRef","contentRef","inputRef","tagInputRef","hasFocusRef","isAnimatingRef","shouldShowPresetValue","theme","isTouch","filterButtons","items","forEach","groupName","push","id","text","activeList","newLists","list","includes","newMatchingItems","newList","searchString","undefined","filteredMatchingListItems","map","filter","item","handleOpen","handleClose","handleFilterButtonsGroupSelect","keys","textArray","selectedItem","find","imageUrl","createElement","src","$shouldShowRoundImage","current","handleFocus","toLowerCase","handleClick","rightElement","onClick","icons","color","leftElement","handleChange","event","filteredLists","target","handleBlur","handleDropdownOutsideClick","blur","handleContainerBlur","nextFocusedElement","relatedTarget","currentContainer","currentTarget","contains","handleSelect","newItem","replace","resetValue","content","index","key","name","listIndex","tabIndex","handleKeyDown","e","children","childrenArray","Array","from","newChildren","child","startsWith","filteredChildren","dataset","isgroupname","preventDefault","newIndex","prevElement","newElement","stopPropagation","element","textContent","attributes","nodeValue","newId","document","addEventListener","removeEventListener","handleKeyPress","keyCode","clear","shouldShowDropdown","trim","onAdd","onFocus","onRemove","shouldAllowMultiple","shouldPreventEnter","tags","anchorElement","direction","onClose","onOutsideClick","shouldShow","onGroupSelect","selectedGroups","displayName"],"sources":["../../../../src/components/search-box/SearchBox.tsx"],"sourcesContent":["import { useDevice } from 'chayns-api';\nimport React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    FC,\n    FocusEvent,\n    FocusEventHandler,\n    forwardRef,\n    KeyboardEventHandler,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport type { IFilterButtonItem } from '../../types/filterButtons';\nimport type { ISearchBoxItem, ISearchBoxItems } from '../../types/searchBox';\nimport { calculateContentHeight } from '../../utils/calculate';\nimport { searchList } from '../../utils/searchBox';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Icon from '../icon/Icon';\nimport Input from '../input/Input';\nimport GroupName from './group-name/GroupName';\nimport SearchBoxBody from './search-box-body/SearchBoxBody';\nimport SearchBoxItem from './search-box-item/SearchBoxItem';\nimport { StyledSearchBoxItemImage } from './search-box-item/SearchBoxItem.styles';\nimport {\n    StyledSearchBox,\n    StyledSearchBoxHintText,\n    StyledSearchBoxIcon,\n    StyledSearchBoxLeftWrapper,\n} from './SearchBox.styles';\nimport { useUuid } from '../../hooks/uuid';\nimport DropdownBodyWrapper from '../dropdown-body-wrapper/DropdownBodyWrapper';\nimport TagInput, { TagInputProps, TagInputRef } from '../tag-input/TagInput';\nimport type { DropdownDirection } from '../../types/dropdown';\n\nexport interface SearchBoxRef {\n    clear: VoidFunction;\n}\n\nexport interface TagInputSettings {\n    onAdd?: TagInputProps['onAdd'];\n    onRemove?: TagInputProps['onRemove'];\n    shouldAllowMultiple?: TagInputProps['shouldAllowMultiple'];\n    tags?: TagInputProps['tags'];\n}\n\nexport type SearchBoxProps = {\n    /**\n     * The element where the content of the `ComboBox` should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * An optional callback function to filter the elements to be displayed\n     */\n    customFilter?: (item: ISearchBoxItem) => boolean;\n    /**\n     * The direction in which the dropdown should be displayed. By default, it is displayed below the input.\n     */\n    dropdownDirection?: DropdownDirection;\n    /**\n     * If true, the input field is marked as invalid\n     */\n    isInvalid?: boolean;\n    /**\n     * An optional icon that is displayed inside the left side of the input.\n     */\n    leftIcons?: string[];\n    /**\n     * List of groups with items that can be searched. It is possible to give only one list; if multiple lists are provided, the 'group name' parameter becomes mandatory.\n     */\n    lists: ISearchBoxItems[];\n    /**\n     * Function to be executed when the input lost focus.\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the input is changed.\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when a letter is pressed\n     */\n    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when an item is selected.\n     */\n    onSelect?: (item: ISearchBoxItem) => void;\n    /**\n     * The placeholder that should be displayed.\n     */\n    placeholder?: string;\n    /**\n     * Set an input for the search box - it is not an item of a list, just a string.\n     */\n    presetValue?: string;\n    /**\n     * Control the selected item. If you use this prop, make sure to update it when the user selects an item.\n     */\n    selectedId?: string;\n    /**\n     * If true, the value in the Input is displayed in the list.\n     */\n    shouldAddInputToList: boolean;\n    /**\n     * If true, the filter buttons are hidden.\n     */\n    shouldHideFilterButtons?: boolean;\n    /**\n     * Whether the full list of items should be displayed if the input is empty.\n     */\n    shouldShowContentOnEmptyInput?: boolean;\n    /**\n     * If true, the images of the items are displayed in a round shape.\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Whether the icon to open and close the list should be displayed.\n     */\n    shouldShowToggleIcon?: boolean;\n    /**\n     * Settings for the TagInput.\n     */\n    tagInputSettings?: TagInputSettings;\n    /**\n     * Enables keyboard-only focus highlighting.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n    /**\n     * A text that should be displayed if no results are found.\n     */\n    hintText?: string;\n};\n\nconst SearchBox: FC<SearchBoxProps> = forwardRef<SearchBoxRef, SearchBoxProps>(\n    (\n        {\n            container,\n            customFilter,\n            dropdownDirection,\n            isInvalid = false,\n            leftIcons,\n            lists,\n            onBlur,\n            onChange,\n            onKeyDown,\n            onSelect,\n            placeholder,\n            presetValue,\n            hintText,\n            selectedId,\n            shouldAddInputToList = true,\n            shouldHideFilterButtons = false,\n            shouldShowContentOnEmptyInput = true,\n            shouldShowRoundImage,\n            shouldShowToggleIcon = false,\n            tagInputSettings,\n            shouldEnableKeyboardHighlighting,\n        },\n        ref,\n    ) => {\n        const [matchingListsItems, setMatchingListsItems] = useState<ISearchBoxItems[]>(lists);\n        const [selectedImage, setSelectedImage] = useState<ReactElement>();\n        const [value, setValue] = useState(\n            typeof presetValue === 'string' && presetValue !== '' ? presetValue : '',\n        );\n        const [height, setHeight] = useState<number>(0);\n        const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n        const [hasMultipleGroups, setHasMultipleGroups] = useState<boolean>(lists.length > 1);\n        const [filteredChildrenArray, setFilteredChildrenArray] = useState<Element[]>();\n        const [inputToListValue, setInputToListValue] = useState<string>('');\n        const [groups, setGroups] = useState<string[]>(['all']);\n        const [shouldShowBody, setShouldShowBody] = useState(false);\n\n        const uuid = useUuid();\n\n        const boxRef = useRef<HTMLDivElement>(null);\n        const contentRef = useRef<HTMLDivElement>(null);\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const tagInputRef = useRef<TagInputRef>(null);\n\n        const hasFocusRef = useRef<boolean>(false);\n        const isAnimatingRef = useRef<boolean>(false);\n        const shouldShowPresetValue = useRef<boolean>(\n            typeof presetValue === 'string' && presetValue !== '',\n        );\n\n        const theme = useTheme() as Theme;\n\n        const { isTouch } = useDevice();\n\n        /**\n         * Checks if there are multiple groups in the lists\n         */\n        useEffect(() => {\n            setHasMultipleGroups(lists.length > 1);\n        }, [lists]);\n\n        const filterButtons = useMemo(() => {\n            const items: IFilterButtonItem[] = [];\n\n            if (lists.length <= 1) {\n                return items;\n            }\n\n            lists.forEach(({ groupName }) => {\n                if (groupName) {\n                    items.push({\n                        id: groupName,\n                        text: groupName,\n                    });\n                }\n            });\n\n            return items;\n        }, [lists]);\n\n        /**\n         * Filters the lists by the FilterButtons\n         */\n        const activeList = useMemo(() => {\n            let newLists: ISearchBoxItems[] = [];\n\n            if (groups[0] === 'all') {\n                newLists = lists;\n            } else {\n                lists.forEach((list) => {\n                    if (list.groupName && groups.includes(list.groupName)) {\n                        newLists.push(list);\n                    }\n                });\n            }\n\n            const newMatchingItems: ISearchBoxItems[] = [];\n\n            newLists.forEach(({ list, groupName }) => {\n                const newList = searchList({ items: list, searchString: value });\n\n                if (newList.length > 0) {\n                    newMatchingItems.push({\n                        groupName,\n                        list: newList,\n                    });\n                }\n            });\n\n            if (newMatchingItems.length === 0 && shouldAddInputToList) {\n                newMatchingItems.push({\n                    groupName: undefined,\n                    list: [],\n                });\n            }\n\n            const filteredMatchingListItems = newMatchingItems.map(({ list, groupName }) => ({\n                groupName,\n                list: list.filter((item) => {\n                    if (typeof customFilter === 'function') {\n                        return customFilter(item);\n                    }\n                    return !(newMatchingItems.length === 1 && item.text === value);\n                }),\n            }));\n\n            setMatchingListsItems(filteredMatchingListItems);\n\n            return newLists;\n        }, [groups, lists, customFilter, shouldAddInputToList, value]);\n\n        const handleOpen = useCallback(() => {\n            setShouldShowBody(true);\n        }, []);\n\n        const handleClose = useCallback(() => {\n            setShouldShowBody(false);\n        }, []);\n\n        const handleFilterButtonsGroupSelect = (keys: string[]) => {\n            setGroups(keys.length === 0 ? ['all'] : keys);\n        };\n\n        /**\n         * This hook calculates the height\n         */\n        useEffect(() => {\n            const textArray: string[] = [];\n\n            activeList.forEach(({ list, groupName }) => {\n                list.forEach(({ text }) => textArray.push(text));\n                if (!groupName) {\n                    return;\n                }\n                textArray.push(groupName);\n            });\n\n            if (shouldAddInputToList && inputToListValue !== '') {\n                textArray.push(inputToListValue);\n            }\n\n            setHeight(calculateContentHeight(textArray));\n        }, [inputToListValue, activeList, placeholder, shouldAddInputToList]);\n\n        useEffect(() => {\n            if (selectedId) {\n                activeList.forEach(({ list }) => {\n                    const selectedItem = list.find(({ id }) => id === selectedId);\n                    if (selectedItem) {\n                        setValue(selectedItem.text);\n\n                        if (selectedItem.imageUrl) {\n                            setSelectedImage(\n                                <StyledSearchBoxItemImage\n                                    src={selectedItem.imageUrl}\n                                    $shouldShowRoundImage={shouldShowRoundImage}\n                                />,\n                            );\n                        }\n                    }\n                });\n            }\n        }, [activeList, selectedId, shouldShowRoundImage]);\n\n        /**\n         * This hook resets the value if the selectedId changes to undefined. This is an own useEffect because the value\n         * should not be reset if the list changes and the selectedId is still undefined.\n         */\n        useEffect(() => {\n            if (!selectedId && !shouldShowPresetValue.current) {\n                setValue('');\n            }\n        }, [selectedId]);\n\n        useEffect(() => {\n            isAnimatingRef.current = shouldShowBody;\n        }, [shouldShowBody]);\n\n        useEffect(() => {\n            if (\n                (matchingListsItems.length !== 0 || hintText) &&\n                !isAnimatingRef.current &&\n                hasFocusRef.current\n            ) {\n                handleOpen();\n            }\n        }, [handleOpen, hintText, matchingListsItems.length]);\n\n        /**\n         * This function handles the focus event of the input and opens the dropdown if the input\n         * should show content on an empty input\n         */\n        const handleFocus = useCallback(() => {\n            hasFocusRef.current = true;\n\n            if (shouldShowContentOnEmptyInput) {\n                const newMatchingItems: ISearchBoxItems[] = [];\n\n                activeList.forEach(({ list, groupName }) => {\n                    const newList = searchList({ items: list, searchString: value });\n\n                    if (newList.length > 0) {\n                        newMatchingItems.push({\n                            groupName,\n                            list: newList,\n                        });\n                    }\n                });\n\n                if (newMatchingItems.length === 0 && shouldAddInputToList) {\n                    newMatchingItems.push({\n                        groupName: undefined,\n                        list: [],\n                    });\n                }\n\n                const filteredMatchingListItems = newMatchingItems.map(({ list, groupName }) => ({\n                    groupName,\n                    list: list.filter((item) => {\n                        if (typeof customFilter === 'function') {\n                            return customFilter(item);\n                        }\n                        return !(newMatchingItems.length === 1 && item.text === value);\n                    }),\n                }));\n\n                setMatchingListsItems(filteredMatchingListItems);\n\n                if (filteredMatchingListItems.length !== 0 || hintText) {\n                    handleOpen();\n                }\n            }\n        }, [\n            shouldShowContentOnEmptyInput,\n            activeList,\n            shouldAddInputToList,\n            hintText,\n            value,\n            customFilter,\n            handleOpen,\n        ]);\n\n        /**\n         * This function filters the lists by input\n         */\n\n        useEffect(() => {\n            const newMatchingItems: ISearchBoxItems[] = [];\n\n            activeList.forEach(({ list, groupName }) => {\n                const newList = searchList({ items: list, searchString: value });\n\n                if (newList.length > 0) {\n                    newMatchingItems.push({\n                        groupName,\n                        list: newList,\n                    });\n                }\n            });\n\n            if (newMatchingItems.length === 0 && shouldAddInputToList) {\n                newMatchingItems.push({\n                    groupName: undefined,\n                    list: [],\n                });\n            }\n\n            if (shouldAddInputToList && inputToListValue !== '') {\n                newMatchingItems.forEach(({ list }) => {\n                    list.forEach(({ text }) => {\n                        if (text.toLowerCase() === inputToListValue.toLowerCase()) {\n                            setInputToListValue('');\n                        }\n                    });\n                });\n            }\n        }, [\n            inputToListValue,\n            activeList,\n            shouldAddInputToList,\n            shouldShowContentOnEmptyInput,\n            value,\n        ]);\n\n        const handleClick = useCallback(() => {\n            if (shouldShowBody) {\n                handleClose();\n            } else {\n                handleOpen();\n            }\n        }, [handleClose, handleOpen, shouldShowBody]);\n\n        const rightElement = useMemo(() => {\n            if (!shouldShowToggleIcon) {\n                return undefined;\n            }\n\n            return (\n                <StyledSearchBoxIcon onClick={handleClick}>\n                    <Icon icons={['fa fa-chevron-down']} color={theme['006'] as string} />\n                </StyledSearchBoxIcon>\n            );\n        }, [handleClick, shouldShowToggleIcon, theme]);\n\n        const leftElement = useMemo(\n            () =>\n                (leftIcons || selectedImage) && (\n                    <StyledSearchBoxLeftWrapper>\n                        {leftIcons && <Icon icons={leftIcons} />}\n                        {selectedImage && selectedImage}\n                    </StyledSearchBoxLeftWrapper>\n                ),\n            [leftIcons, selectedImage],\n        );\n\n        /**\n         * This function handles changes of the input\n         */\n        const handleChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                const filteredLists: ISearchBoxItems[] = [];\n                shouldShowPresetValue.current = false;\n\n                activeList.forEach(({ list, groupName }) => {\n                    const newList = searchList({ items: list, searchString: event.target.value });\n\n                    if (newList.length > 0) {\n                        filteredLists.push({\n                            groupName,\n                            list: newList,\n                        });\n                    }\n                });\n\n                if (filteredLists.length === 0 && shouldAddInputToList) {\n                    filteredLists.push({\n                        groupName: undefined,\n                        list: [],\n                    });\n                }\n\n                setSelectedImage(undefined);\n\n                if (!shouldShowContentOnEmptyInput && !event.target.value) {\n                    setMatchingListsItems([]);\n                } else {\n                    setMatchingListsItems(filteredLists);\n                }\n\n                if (filteredLists.length !== 0) {\n                    handleOpen();\n                }\n\n                setValue(event.target.value);\n                setInputToListValue(event.target.value);\n\n                if (typeof onChange === 'function') {\n                    onChange(event);\n                }\n            },\n            [activeList, handleOpen, onChange, shouldAddInputToList, shouldShowContentOnEmptyInput],\n        );\n\n        /**\n         * This function handles the blur event of the input\n         */\n        const handleBlur = useCallback(\n            (event: FocusEvent<HTMLInputElement>) => {\n                hasFocusRef.current = false;\n\n                if (typeof onBlur === 'function') {\n                    onBlur(event);\n                }\n            },\n            [onBlur],\n        );\n\n        const handleDropdownOutsideClick = useCallback(() => {\n            tagInputRef.current?.blur();\n\n            return hasFocusRef.current && isTouch;\n        }, [isTouch]);\n\n        const handleContainerBlur = useCallback(\n            (event: React.FocusEvent<HTMLDivElement>) => {\n                const nextFocusedElement = event.relatedTarget as Node | null;\n                const currentContainer = event.currentTarget as HTMLElement;\n\n                // Check if focus is moving outside the SearchBox container\n                // Also check the dropdown content (contentRef) since it's rendered in a portal\n                if (\n                    !nextFocusedElement ||\n                    (!currentContainer.contains(nextFocusedElement) &&\n                        !contentRef.current?.contains(nextFocusedElement))\n                ) {\n                    handleClose();\n                }\n            },\n            [handleClose],\n        );\n\n        /**\n         * This function handles the item selection\n         */\n        const handleSelect = useCallback(\n            (item: ISearchBoxItem) => {\n                const newItem = {\n                    ...item,\n                    text: item.text.replace('<b>', '').replace('</b>', '').replace('</b', ''),\n                };\n\n                if (tagInputSettings) {\n                    setValue('');\n                    setInputToListValue('');\n                    tagInputRef.current?.resetValue();\n                } else {\n                    setValue(newItem.text);\n                }\n\n                handleClose();\n\n                setSelectedImage(\n                    newItem.imageUrl ? (\n                        <StyledSearchBoxItemImage\n                            src={newItem.imageUrl}\n                            $shouldShowRoundImage={shouldShowRoundImage}\n                        />\n                    ) : undefined,\n                );\n\n                setMatchingListsItems([]);\n\n                if (typeof onSelect === 'function') {\n                    onSelect(newItem);\n                }\n            },\n            [handleClose, onSelect, shouldShowRoundImage, tagInputSettings],\n        );\n\n        const content = useMemo(() => {\n            if (hintText && matchingListsItems.length === 0) {\n                return (\n                    <StyledSearchBoxHintText>\n                        {hintText.replace('##value##', value)}\n                    </StyledSearchBoxHintText>\n                );\n            }\n\n            const items: ReactElement[] = [];\n\n            matchingListsItems.forEach(({ groupName, list }, index) => {\n                if (hasMultipleGroups) {\n                    if (list.length <= 0) {\n                        return;\n                    }\n\n                    if (index !== 0) {\n                        items.push(<GroupName key={groupName} name={groupName ?? ''} />);\n                    }\n                }\n\n                list.forEach(({ id, text, imageUrl }, listIndex) => {\n                    items.push(\n                        <SearchBoxItem\n                            key={`${id}_${groupName ?? ''}`}\n                            id={id}\n                            text={text}\n                            imageUrl={imageUrl}\n                            shouldShowRoundImage={shouldShowRoundImage}\n                            onSelect={handleSelect}\n                            groupName={groupName}\n                            tabIndex={index === 0 && listIndex === 0 ? 0 : -1}\n                        />,\n                    );\n                });\n            });\n\n            if (shouldAddInputToList && inputToListValue !== '') {\n                items.push(\n                    <SearchBoxItem\n                        id=\"input-value\"\n                        onSelect={handleSelect}\n                        text={`<b>${inputToListValue}</b`}\n                        tabIndex={items.length === 0 ? 0 : -1}\n                    />,\n                );\n            }\n\n            return items;\n        }, [\n            hintText,\n            matchingListsItems,\n            shouldAddInputToList,\n            inputToListValue,\n            value,\n            hasMultipleGroups,\n            shouldShowRoundImage,\n            handleSelect,\n        ]);\n\n        useEffect(() => {\n            const handleKeyDown = (e: KeyboardEvent) => {\n                if (!shouldShowBody || matchingListsItems.length === 0) {\n                    return;\n                }\n\n                const children = contentRef.current?.children;\n\n                if (!children) {\n                    return;\n                }\n\n                const childrenArray = Array.from(children);\n\n                const newChildren = childrenArray.find((child) =>\n                    child.id.startsWith('searchBoxContent__'),\n                )?.children;\n\n                if (!(newChildren && newChildren.length > 0)) {\n                    return;\n                }\n\n                const filteredChildren = Array.from(newChildren).filter(\n                    (child) => (child as HTMLElement).dataset.isgroupname !== 'true',\n                );\n\n                setFilteredChildrenArray(filteredChildren);\n\n                if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                    e.preventDefault();\n\n                    if (newChildren && newChildren.length > 0) {\n                        const newIndex =\n                            focusedIndex !== null\n                                ? (focusedIndex +\n                                      (e.key === 'ArrowUp' ? -1 : 1) +\n                                      filteredChildren.length) %\n                                  filteredChildren.length\n                                : 0;\n\n                        if (focusedIndex !== null) {\n                            const prevElement = filteredChildren[focusedIndex] as HTMLDivElement;\n                            prevElement.tabIndex = -1;\n                        }\n\n                        setFocusedIndex(newIndex);\n\n                        const newElement = filteredChildren[newIndex] as HTMLDivElement;\n\n                        newElement.tabIndex = 0;\n                    }\n                } else if (e.key === 'Enter') {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    if (filteredChildren) {\n                        const element = filteredChildren[focusedIndex ?? 0];\n\n                        if (!element) {\n                            return;\n                        }\n\n                        const { id, textContent } = element;\n\n                        let imageUrl: string | undefined;\n\n                        // Just Ignore, it works\n                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                        // @ts-ignore\n                        if (element.children[0]?.attributes.src) {\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n                            imageUrl = element.children[0]?.attributes.src.nodeValue as string;\n                        }\n\n                        const newId = id.replace('search-box-item__', '');\n\n                        handleSelect({\n                            id: newId === 'input-value' ? textContent : newId,\n                            text: textContent ?? '',\n                            imageUrl,\n                        });\n                    }\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                document.removeEventListener('keydown', handleKeyDown);\n            };\n        }, [\n            filteredChildrenArray,\n            focusedIndex,\n            handleSelect,\n            matchingListsItems.length,\n            shouldShowBody,\n        ]);\n\n        const handleKeyPress = useCallback((event: KeyboardEvent) => {\n            if (event.keyCode === 27) {\n                setMatchingListsItems([]);\n            }\n        }, []);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                clear: () => setValue(''),\n            }),\n            [],\n        );\n\n        useEffect(() => {\n            document.addEventListener('keydown', handleKeyPress);\n\n            return () => {\n                document.addEventListener('keydown', handleKeyPress);\n            };\n        }, [handleKeyPress]);\n\n        /**\n         * Update the value if preset value changes\n         */\n        useEffect(() => {\n            if (presetValue) {\n                setValue(presetValue);\n            }\n        }, [presetValue]);\n\n        const shouldShowDropdown =\n            shouldShowBody &&\n            (matchingListsItems.length !== 0 || !!hintText) &&\n            (value.trim() !== '' || shouldShowContentOnEmptyInput);\n\n        return useMemo(\n            () => (\n                <StyledSearchBox\n                    ref={boxRef}\n                    key={`search-box-${uuid}`}\n                    onBlur={handleContainerBlur}\n                >\n                    <div id={`search_box_input${uuid}`}>\n                        {tagInputSettings ? (\n                            <TagInput\n                                leftElement={leftElement}\n                                onAdd={tagInputSettings.onAdd}\n                                onBlur={handleBlur}\n                                onChange={handleChange}\n                                onFocus={handleFocus}\n                                onRemove={tagInputSettings.onRemove}\n                                placeholder={placeholder}\n                                ref={tagInputRef}\n                                shouldAllowMultiple={tagInputSettings.shouldAllowMultiple}\n                                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n                                shouldPreventEnter\n                                tags={tagInputSettings.tags}\n                            />\n                        ) : (\n                            <Input\n                                isInvalid={isInvalid}\n                                leftElement={leftElement}\n                                onBlur={handleBlur}\n                                onChange={handleChange}\n                                onFocus={handleFocus}\n                                onKeyDown={onKeyDown}\n                                placeholder={placeholder}\n                                ref={inputRef}\n                                rightElement={rightElement}\n                                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n                                value={value}\n                            />\n                        )}\n                    </div>\n                    {boxRef.current && (\n                        <DropdownBodyWrapper\n                            anchorElement={boxRef.current}\n                            container={container}\n                            direction={dropdownDirection}\n                            onClose={handleClose}\n                            onOutsideClick={handleDropdownOutsideClick}\n                            shouldShowDropdown={shouldShowDropdown}\n                        >\n                            <SearchBoxBody\n                                filterButtons={filterButtons}\n                                height={height}\n                                shouldShow={shouldShowDropdown}\n                                key={`search-box-body-${uuid}`}\n                                onGroupSelect={handleFilterButtonsGroupSelect}\n                                ref={contentRef}\n                                selectedGroups={groups}\n                                shouldHideFilterButtons={shouldHideFilterButtons}\n                            >\n                                {content}\n                            </SearchBoxBody>\n                        </DropdownBodyWrapper>\n                    )}\n                </StyledSearchBox>\n            ),\n            [\n                container,\n                content,\n                dropdownDirection,\n                filterButtons,\n                groups,\n                handleBlur,\n                handleChange,\n                handleClose,\n                handleDropdownOutsideClick,\n                handleFocus,\n                height,\n                isInvalid,\n                leftElement,\n                onKeyDown,\n                placeholder,\n                rightElement,\n                shouldHideFilterButtons,\n                shouldShowDropdown,\n                shouldEnableKeyboardHighlighting,\n                tagInputSettings,\n                uuid,\n                value,\n            ],\n        );\n    },\n);\n\nSearchBox.displayName = 'SearchBox';\n\nexport default SearchBox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SearchBox.js","names":["useDevice","React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","useTheme","calculateContentHeight","searchList","Icon","Input","GroupName","SearchBoxBody","SearchBoxItem","StyledSearchBoxItemImage","StyledSearchBox","StyledSearchBoxHintText","StyledSearchBoxIcon","StyledSearchBoxLeftWrapper","useUuid","DropdownBodyWrapper","TagInput","SearchBox","container","customFilter","dropdownDirection","isInvalid","leftIcons","lists","onBlur","onChange","onKeyDown","onSelect","placeholder","presetValue","hintText","selectedId","shouldAddInputToList","shouldHideFilterButtons","shouldShowContentOnEmptyInput","shouldShowRoundImage","shouldShowToggleIcon","tagInputSettings","ref","matchingListsItems","setMatchingListsItems","selectedImage","setSelectedImage","value","setValue","height","setHeight","focusedIndex","setFocusedIndex","hasMultipleGroups","setHasMultipleGroups","length","filteredChildrenArray","setFilteredChildrenArray","inputToListValue","setInputToListValue","groups","setGroups","shouldShowBody","setShouldShowBody","uuid","boxRef","contentRef","inputRef","tagInputRef","hasFocusRef","isAnimatingRef","shouldShowPresetValue","theme","isTouch","filterButtons","items","forEach","groupName","push","id","text","activeList","newLists","list","includes","newMatchingItems","newList","searchString","undefined","filteredMatchingListItems","map","filter","item","handleOpen","handleClose","handleFilterButtonsGroupSelect","keys","textArray","selectedItem","find","imageUrl","createElement","src","$shouldShowRoundImage","current","handleFocus","toLowerCase","handleClick","rightElement","onClick","icons","color","leftElement","handleChange","event","filteredLists","target","handleBlur","handleDropdownOutsideClick","blur","handleSelect","newItem","replace","resetValue","content","index","key","name","listIndex","tabIndex","handleKeyDown","e","children","childrenArray","Array","from","newChildren","child","startsWith","filteredChildren","dataset","isgroupname","preventDefault","newIndex","prevElement","newElement","stopPropagation","element","textContent","attributes","nodeValue","newId","document","addEventListener","removeEventListener","handleKeyPress","keyCode","clear","shouldShowDropdown","trim","onAdd","onFocus","onRemove","shouldAllowMultiple","shouldPreventEnter","tags","anchorElement","direction","onClose","onOutsideClick","shouldShow","onGroupSelect","selectedGroups","displayName"],"sources":["../../../../src/components/search-box/SearchBox.tsx"],"sourcesContent":["import { useDevice } from 'chayns-api';\nimport React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    FC,\n    FocusEvent,\n    FocusEventHandler,\n    forwardRef,\n    KeyboardEventHandler,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport type { IFilterButtonItem } from '../../types/filterButtons';\nimport type { ISearchBoxItem, ISearchBoxItems } from '../../types/searchBox';\nimport { calculateContentHeight } from '../../utils/calculate';\nimport { searchList } from '../../utils/searchBox';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Icon from '../icon/Icon';\nimport Input from '../input/Input';\nimport GroupName from './group-name/GroupName';\nimport SearchBoxBody from './search-box-body/SearchBoxBody';\nimport SearchBoxItem from './search-box-item/SearchBoxItem';\nimport { StyledSearchBoxItemImage } from './search-box-item/SearchBoxItem.styles';\nimport {\n    StyledSearchBox,\n    StyledSearchBoxHintText,\n    StyledSearchBoxIcon,\n    StyledSearchBoxLeftWrapper,\n} from './SearchBox.styles';\nimport { useUuid } from '../../hooks/uuid';\nimport DropdownBodyWrapper from '../dropdown-body-wrapper/DropdownBodyWrapper';\nimport TagInput, { TagInputProps, TagInputRef } from '../tag-input/TagInput';\nimport type { DropdownDirection } from '../../types/dropdown';\n\nexport interface SearchBoxRef {\n    clear: VoidFunction;\n}\n\nexport interface TagInputSettings {\n    onAdd?: TagInputProps['onAdd'];\n    onRemove?: TagInputProps['onRemove'];\n    shouldAllowMultiple?: TagInputProps['shouldAllowMultiple'];\n    tags?: TagInputProps['tags'];\n}\n\nexport type SearchBoxProps = {\n    /**\n     * The element where the content of the `ComboBox` should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * An optional callback function to filter the elements to be displayed\n     */\n    customFilter?: (item: ISearchBoxItem) => boolean;\n    /**\n     * The direction in which the dropdown should be displayed. By default, it is displayed below the input.\n     */\n    dropdownDirection?: DropdownDirection;\n    /**\n     * If true, the input field is marked as invalid\n     */\n    isInvalid?: boolean;\n    /**\n     * An optional icon that is displayed inside the left side of the input.\n     */\n    leftIcons?: string[];\n    /**\n     * List of groups with items that can be searched. It is possible to give only one list; if multiple lists are provided, the 'group name' parameter becomes mandatory.\n     */\n    lists: ISearchBoxItems[];\n    /**\n     * Function to be executed when the input lost focus.\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the input is changed.\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when a letter is pressed\n     */\n    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when an item is selected.\n     */\n    onSelect?: (item: ISearchBoxItem) => void;\n    /**\n     * The placeholder that should be displayed.\n     */\n    placeholder?: string;\n    /**\n     * Set an input for the search box - it is not an item of a list, just a string.\n     */\n    presetValue?: string;\n    /**\n     * Control the selected item. If you use this prop, make sure to update it when the user selects an item.\n     */\n    selectedId?: string;\n    /**\n     * If true, the value in the Input is displayed in the list.\n     */\n    shouldAddInputToList: boolean;\n    /**\n     * If true, the filter buttons are hidden.\n     */\n    shouldHideFilterButtons?: boolean;\n    /**\n     * Whether the full list of items should be displayed if the input is empty.\n     */\n    shouldShowContentOnEmptyInput?: boolean;\n    /**\n     * If true, the images of the items are displayed in a round shape.\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Whether the icon to open and close the list should be displayed.\n     */\n    shouldShowToggleIcon?: boolean;\n    /**\n     * Settings for the TagInput.\n     */\n    tagInputSettings?: TagInputSettings;\n    /**\n     * A text that should be displayed if no results are found.\n     */\n    hintText?: string;\n};\n\nconst SearchBox: FC<SearchBoxProps> = forwardRef<SearchBoxRef, SearchBoxProps>(\n    (\n        {\n            container,\n            customFilter,\n            dropdownDirection,\n            isInvalid = false,\n            leftIcons,\n            lists,\n            onBlur,\n            onChange,\n            onKeyDown,\n            onSelect,\n            placeholder,\n            presetValue,\n            hintText,\n            selectedId,\n            shouldAddInputToList = true,\n            shouldHideFilterButtons = false,\n            shouldShowContentOnEmptyInput = true,\n            shouldShowRoundImage,\n            shouldShowToggleIcon = false,\n            tagInputSettings,\n        },\n        ref,\n    ) => {\n        const [matchingListsItems, setMatchingListsItems] = useState<ISearchBoxItems[]>(lists);\n        const [selectedImage, setSelectedImage] = useState<ReactElement>();\n        const [value, setValue] = useState(\n            typeof presetValue === 'string' && presetValue !== '' ? presetValue : '',\n        );\n        const [height, setHeight] = useState<number>(0);\n        const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n        const [hasMultipleGroups, setHasMultipleGroups] = useState<boolean>(lists.length > 1);\n        const [filteredChildrenArray, setFilteredChildrenArray] = useState<Element[]>();\n        const [inputToListValue, setInputToListValue] = useState<string>('');\n        const [groups, setGroups] = useState<string[]>(['all']);\n        const [shouldShowBody, setShouldShowBody] = useState(false);\n\n        const uuid = useUuid();\n\n        const boxRef = useRef<HTMLDivElement>(null);\n        const contentRef = useRef<HTMLDivElement>(null);\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const tagInputRef = useRef<TagInputRef>(null);\n\n        const hasFocusRef = useRef<boolean>(false);\n        const isAnimatingRef = useRef<boolean>(false);\n        const shouldShowPresetValue = useRef<boolean>(\n            typeof presetValue === 'string' && presetValue !== '',\n        );\n\n        const theme = useTheme() as Theme;\n\n        const { isTouch } = useDevice();\n\n        /**\n         * Checks if there are multiple groups in the lists\n         */\n        useEffect(() => {\n            setHasMultipleGroups(lists.length > 1);\n        }, [lists]);\n\n        const filterButtons = useMemo(() => {\n            const items: IFilterButtonItem[] = [];\n\n            if (lists.length <= 1) {\n                return items;\n            }\n\n            lists.forEach(({ groupName }) => {\n                if (groupName) {\n                    items.push({\n                        id: groupName,\n                        text: groupName,\n                    });\n                }\n            });\n\n            return items;\n        }, [lists]);\n\n        /**\n         * Filters the lists by the FilterButtons\n         */\n        const activeList = useMemo(() => {\n            let newLists: ISearchBoxItems[] = [];\n\n            if (groups[0] === 'all') {\n                newLists = lists;\n            } else {\n                lists.forEach((list) => {\n                    if (list.groupName && groups.includes(list.groupName)) {\n                        newLists.push(list);\n                    }\n                });\n            }\n\n            const newMatchingItems: ISearchBoxItems[] = [];\n\n            newLists.forEach(({ list, groupName }) => {\n                const newList = searchList({ items: list, searchString: value });\n\n                if (newList.length > 0) {\n                    newMatchingItems.push({\n                        groupName,\n                        list: newList,\n                    });\n                }\n            });\n\n            if (newMatchingItems.length === 0 && shouldAddInputToList) {\n                newMatchingItems.push({\n                    groupName: undefined,\n                    list: [],\n                });\n            }\n\n            const filteredMatchingListItems = newMatchingItems.map(({ list, groupName }) => ({\n                groupName,\n                list: list.filter((item) => {\n                    if (typeof customFilter === 'function') {\n                        return customFilter(item);\n                    }\n                    return !(newMatchingItems.length === 1 && item.text === value);\n                }),\n            }));\n\n            setMatchingListsItems(filteredMatchingListItems);\n\n            return newLists;\n        }, [groups, lists, customFilter, shouldAddInputToList, value]);\n\n        const handleOpen = useCallback(() => {\n            setShouldShowBody(true);\n        }, []);\n\n        const handleClose = useCallback(() => {\n            setShouldShowBody(false);\n        }, []);\n\n        const handleFilterButtonsGroupSelect = (keys: string[]) => {\n            setGroups(keys.length === 0 ? ['all'] : keys);\n        };\n\n        /**\n         * This hook calculates the height\n         */\n        useEffect(() => {\n            const textArray: string[] = [];\n\n            activeList.forEach(({ list, groupName }) => {\n                list.forEach(({ text }) => textArray.push(text));\n                if (!groupName) {\n                    return;\n                }\n                textArray.push(groupName);\n            });\n\n            if (shouldAddInputToList && inputToListValue !== '') {\n                textArray.push(inputToListValue);\n            }\n\n            setHeight(calculateContentHeight(textArray));\n        }, [inputToListValue, activeList, placeholder, shouldAddInputToList]);\n\n        useEffect(() => {\n            if (selectedId) {\n                activeList.forEach(({ list }) => {\n                    const selectedItem = list.find(({ id }) => id === selectedId);\n                    if (selectedItem) {\n                        setValue(selectedItem.text);\n\n                        if (selectedItem.imageUrl) {\n                            setSelectedImage(\n                                <StyledSearchBoxItemImage\n                                    src={selectedItem.imageUrl}\n                                    $shouldShowRoundImage={shouldShowRoundImage}\n                                />,\n                            );\n                        }\n                    }\n                });\n            }\n        }, [activeList, selectedId, shouldShowRoundImage]);\n\n        /**\n         * This hook resets the value if the selectedId changes to undefined. This is an own useEffect because the value\n         * should not be reset if the list changes and the selectedId is still undefined.\n         */\n        useEffect(() => {\n            if (!selectedId && !shouldShowPresetValue.current) {\n                setValue('');\n            }\n        }, [selectedId]);\n\n        useEffect(() => {\n            isAnimatingRef.current = shouldShowBody;\n        }, [shouldShowBody]);\n\n        useEffect(() => {\n            if (\n                (matchingListsItems.length !== 0 || hintText) &&\n                !isAnimatingRef.current &&\n                hasFocusRef.current\n            ) {\n                handleOpen();\n            }\n        }, [handleOpen, hintText, matchingListsItems.length]);\n\n        /**\n         * This function handles the focus event of the input and opens the dropdown if the input\n         * should show content on an empty input\n         */\n        const handleFocus = useCallback(() => {\n            hasFocusRef.current = true;\n\n            if (shouldShowContentOnEmptyInput) {\n                const newMatchingItems: ISearchBoxItems[] = [];\n\n                activeList.forEach(({ list, groupName }) => {\n                    const newList = searchList({ items: list, searchString: value });\n\n                    if (newList.length > 0) {\n                        newMatchingItems.push({\n                            groupName,\n                            list: newList,\n                        });\n                    }\n                });\n\n                if (newMatchingItems.length === 0 && shouldAddInputToList) {\n                    newMatchingItems.push({\n                        groupName: undefined,\n                        list: [],\n                    });\n                }\n\n                const filteredMatchingListItems = newMatchingItems.map(({ list, groupName }) => ({\n                    groupName,\n                    list: list.filter((item) => {\n                        if (typeof customFilter === 'function') {\n                            return customFilter(item);\n                        }\n                        return !(newMatchingItems.length === 1 && item.text === value);\n                    }),\n                }));\n\n                setMatchingListsItems(filteredMatchingListItems);\n\n                if (filteredMatchingListItems.length !== 0 || hintText) {\n                    handleOpen();\n                }\n            }\n        }, [\n            shouldShowContentOnEmptyInput,\n            activeList,\n            shouldAddInputToList,\n            hintText,\n            value,\n            customFilter,\n            handleOpen,\n        ]);\n\n        /**\n         * This function filters the lists by input\n         */\n\n        useEffect(() => {\n            const newMatchingItems: ISearchBoxItems[] = [];\n\n            activeList.forEach(({ list, groupName }) => {\n                const newList = searchList({ items: list, searchString: value });\n\n                if (newList.length > 0) {\n                    newMatchingItems.push({\n                        groupName,\n                        list: newList,\n                    });\n                }\n            });\n\n            if (newMatchingItems.length === 0 && shouldAddInputToList) {\n                newMatchingItems.push({\n                    groupName: undefined,\n                    list: [],\n                });\n            }\n\n            if (shouldAddInputToList && inputToListValue !== '') {\n                newMatchingItems.forEach(({ list }) => {\n                    list.forEach(({ text }) => {\n                        if (text.toLowerCase() === inputToListValue.toLowerCase()) {\n                            setInputToListValue('');\n                        }\n                    });\n                });\n            }\n        }, [\n            inputToListValue,\n            activeList,\n            shouldAddInputToList,\n            shouldShowContentOnEmptyInput,\n            value,\n        ]);\n\n        const handleClick = useCallback(() => {\n            if (shouldShowBody) {\n                handleClose();\n            } else {\n                handleOpen();\n            }\n        }, [handleClose, handleOpen, shouldShowBody]);\n\n        const rightElement = useMemo(() => {\n            if (!shouldShowToggleIcon) {\n                return undefined;\n            }\n\n            return (\n                <StyledSearchBoxIcon onClick={handleClick}>\n                    <Icon icons={['fa fa-chevron-down']} color={theme['006'] as string} />\n                </StyledSearchBoxIcon>\n            );\n        }, [handleClick, shouldShowToggleIcon, theme]);\n\n        const leftElement = useMemo(\n            () =>\n                (leftIcons || selectedImage) && (\n                    <StyledSearchBoxLeftWrapper>\n                        {leftIcons && <Icon icons={leftIcons} />}\n                        {selectedImage && selectedImage}\n                    </StyledSearchBoxLeftWrapper>\n                ),\n            [leftIcons, selectedImage],\n        );\n\n        /**\n         * This function handles changes of the input\n         */\n        const handleChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                const filteredLists: ISearchBoxItems[] = [];\n                shouldShowPresetValue.current = false;\n\n                activeList.forEach(({ list, groupName }) => {\n                    const newList = searchList({ items: list, searchString: event.target.value });\n\n                    if (newList.length > 0) {\n                        filteredLists.push({\n                            groupName,\n                            list: newList,\n                        });\n                    }\n                });\n\n                if (filteredLists.length === 0 && shouldAddInputToList) {\n                    filteredLists.push({\n                        groupName: undefined,\n                        list: [],\n                    });\n                }\n\n                setSelectedImage(undefined);\n\n                if (!shouldShowContentOnEmptyInput && !event.target.value) {\n                    setMatchingListsItems([]);\n                } else {\n                    setMatchingListsItems(filteredLists);\n                }\n\n                if (filteredLists.length !== 0) {\n                    handleOpen();\n                }\n\n                setValue(event.target.value);\n                setInputToListValue(event.target.value);\n\n                if (typeof onChange === 'function') {\n                    onChange(event);\n                }\n            },\n            [activeList, handleOpen, onChange, shouldAddInputToList, shouldShowContentOnEmptyInput],\n        );\n\n        /**\n         * This function handles the blur event of the input\n         */\n        const handleBlur = useCallback(\n            (event: FocusEvent<HTMLInputElement>) => {\n                hasFocusRef.current = false;\n\n                if (typeof onBlur === 'function') {\n                    onBlur(event);\n                }\n            },\n            [onBlur],\n        );\n\n        const handleDropdownOutsideClick = useCallback(() => {\n            tagInputRef.current?.blur();\n\n            return hasFocusRef.current && isTouch;\n        }, [isTouch]);\n\n        /**\n         * This function handles the item selection\n         */\n        const handleSelect = useCallback(\n            (item: ISearchBoxItem) => {\n                const newItem = {\n                    ...item,\n                    text: item.text.replace('<b>', '').replace('</b>', '').replace('</b', ''),\n                };\n\n                if (tagInputSettings) {\n                    setValue('');\n                    setInputToListValue('');\n                    tagInputRef.current?.resetValue();\n                } else {\n                    setValue(newItem.text);\n                }\n\n                handleClose();\n\n                setSelectedImage(\n                    newItem.imageUrl ? (\n                        <StyledSearchBoxItemImage\n                            src={newItem.imageUrl}\n                            $shouldShowRoundImage={shouldShowRoundImage}\n                        />\n                    ) : undefined,\n                );\n\n                setMatchingListsItems([]);\n\n                if (typeof onSelect === 'function') {\n                    onSelect(newItem);\n                }\n            },\n            [handleClose, onSelect, shouldShowRoundImage, tagInputSettings],\n        );\n\n        const content = useMemo(() => {\n            if (hintText && matchingListsItems.length === 0) {\n                return (\n                    <StyledSearchBoxHintText>\n                        {hintText.replace('##value##', value)}\n                    </StyledSearchBoxHintText>\n                );\n            }\n\n            const items: ReactElement[] = [];\n\n            matchingListsItems.forEach(({ groupName, list }, index) => {\n                if (hasMultipleGroups) {\n                    if (list.length <= 0) {\n                        return;\n                    }\n\n                    if (index !== 0) {\n                        items.push(<GroupName key={groupName} name={groupName ?? ''} />);\n                    }\n                }\n\n                list.forEach(({ id, text, imageUrl }, listIndex) => {\n                    items.push(\n                        <SearchBoxItem\n                            key={`${id}_${groupName ?? ''}`}\n                            id={id}\n                            text={text}\n                            imageUrl={imageUrl}\n                            shouldShowRoundImage={shouldShowRoundImage}\n                            onSelect={handleSelect}\n                            groupName={groupName}\n                            tabIndex={index === 0 && listIndex === 0 ? 0 : -1}\n                        />,\n                    );\n                });\n            });\n\n            if (shouldAddInputToList && inputToListValue !== '') {\n                items.push(\n                    <SearchBoxItem\n                        id=\"input-value\"\n                        onSelect={handleSelect}\n                        text={`<b>${inputToListValue}</b`}\n                        tabIndex={items.length === 0 ? 0 : -1}\n                    />,\n                );\n            }\n\n            return items;\n        }, [\n            hintText,\n            matchingListsItems,\n            shouldAddInputToList,\n            inputToListValue,\n            value,\n            hasMultipleGroups,\n            shouldShowRoundImage,\n            handleSelect,\n        ]);\n\n        useEffect(() => {\n            const handleKeyDown = (e: KeyboardEvent) => {\n                if (!shouldShowBody || matchingListsItems.length === 0) {\n                    return;\n                }\n\n                const children = contentRef.current?.children;\n\n                if (!children) {\n                    return;\n                }\n\n                const childrenArray = Array.from(children);\n\n                const newChildren = childrenArray.find((child) =>\n                    child.id.startsWith('searchBoxContent__'),\n                )?.children;\n\n                if (!(newChildren && newChildren.length > 0)) {\n                    return;\n                }\n\n                const filteredChildren = Array.from(newChildren).filter(\n                    (child) => (child as HTMLElement).dataset.isgroupname !== 'true',\n                );\n\n                setFilteredChildrenArray(filteredChildren);\n\n                if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                    e.preventDefault();\n\n                    if (newChildren && newChildren.length > 0) {\n                        const newIndex =\n                            focusedIndex !== null\n                                ? (focusedIndex +\n                                      (e.key === 'ArrowUp' ? -1 : 1) +\n                                      filteredChildren.length) %\n                                  filteredChildren.length\n                                : 0;\n\n                        if (focusedIndex !== null) {\n                            const prevElement = filteredChildren[focusedIndex] as HTMLDivElement;\n                            prevElement.tabIndex = -1;\n                        }\n\n                        setFocusedIndex(newIndex);\n\n                        const newElement = filteredChildren[newIndex] as HTMLDivElement;\n\n                        newElement.tabIndex = 0;\n                    }\n                } else if (e.key === 'Enter') {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    if (filteredChildren) {\n                        const element = filteredChildren[focusedIndex ?? 0];\n\n                        if (!element) {\n                            return;\n                        }\n\n                        const { id, textContent } = element;\n\n                        let imageUrl: string | undefined;\n\n                        // Just Ignore, it works\n                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                        // @ts-ignore\n                        if (element.children[0]?.attributes.src) {\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n                            imageUrl = element.children[0]?.attributes.src.nodeValue as string;\n                        }\n\n                        const newId = id.replace('search-box-item__', '');\n\n                        handleSelect({\n                            id: newId === 'input-value' ? textContent : newId,\n                            text: textContent ?? '',\n                            imageUrl,\n                        });\n                    }\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                document.removeEventListener('keydown', handleKeyDown);\n            };\n        }, [\n            filteredChildrenArray,\n            focusedIndex,\n            handleSelect,\n            matchingListsItems.length,\n            shouldShowBody,\n        ]);\n\n        const handleKeyPress = useCallback((event: KeyboardEvent) => {\n            if (event.keyCode === 27) {\n                setMatchingListsItems([]);\n            }\n        }, []);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                clear: () => setValue(''),\n            }),\n            [],\n        );\n\n        useEffect(() => {\n            document.addEventListener('keydown', handleKeyPress);\n\n            return () => {\n                document.addEventListener('keydown', handleKeyPress);\n            };\n        }, [handleKeyPress]);\n\n        /**\n         * Update the value if preset value changes\n         */\n        useEffect(() => {\n            if (presetValue) {\n                setValue(presetValue);\n            }\n        }, [presetValue]);\n\n        const shouldShowDropdown =\n            shouldShowBody &&\n            (matchingListsItems.length !== 0 || !!hintText) &&\n            (value.trim() !== '' || shouldShowContentOnEmptyInput);\n\n        return useMemo(\n            () => (\n                <StyledSearchBox ref={boxRef} key={`search-box-${uuid}`}>\n                    <div id={`search_box_input${uuid}`}>\n                        {tagInputSettings ? (\n                            <TagInput\n                                leftElement={leftElement}\n                                onAdd={tagInputSettings.onAdd}\n                                onBlur={handleBlur}\n                                onChange={handleChange}\n                                onFocus={handleFocus}\n                                onRemove={tagInputSettings.onRemove}\n                                placeholder={placeholder}\n                                ref={tagInputRef}\n                                shouldAllowMultiple={tagInputSettings.shouldAllowMultiple}\n                                shouldPreventEnter\n                                tags={tagInputSettings.tags}\n                            />\n                        ) : (\n                            <Input\n                                isInvalid={isInvalid}\n                                leftElement={leftElement}\n                                onBlur={handleBlur}\n                                onChange={handleChange}\n                                onFocus={handleFocus}\n                                onKeyDown={onKeyDown}\n                                placeholder={placeholder}\n                                ref={inputRef}\n                                rightElement={rightElement}\n                                value={value}\n                            />\n                        )}\n                    </div>\n                    {boxRef.current && (\n                        <DropdownBodyWrapper\n                            anchorElement={boxRef.current}\n                            container={container}\n                            direction={dropdownDirection}\n                            onClose={handleClose}\n                            onOutsideClick={handleDropdownOutsideClick}\n                            shouldShowDropdown={shouldShowDropdown}\n                        >\n                            <SearchBoxBody\n                                filterButtons={filterButtons}\n                                height={height}\n                                shouldShow={shouldShowDropdown}\n                                key={`search-box-body-${uuid}`}\n                                onGroupSelect={handleFilterButtonsGroupSelect}\n                                ref={contentRef}\n                                selectedGroups={groups}\n                                shouldHideFilterButtons={shouldHideFilterButtons}\n                            >\n                                {content}\n                            </SearchBoxBody>\n                        </DropdownBodyWrapper>\n                    )}\n                </StyledSearchBox>\n            ),\n            [\n                container,\n                content,\n                dropdownDirection,\n                filterButtons,\n                groups,\n                handleBlur,\n                handleChange,\n                handleClose,\n                handleDropdownOutsideClick,\n                handleFocus,\n                height,\n                isInvalid,\n                leftElement,\n                onKeyDown,\n                placeholder,\n                rightElement,\n                shouldHideFilterButtons,\n                shouldShowDropdown,\n                tagInputSettings,\n                uuid,\n                value,\n            ],\n        );\n    },\n);\n\nSearchBox.displayName = 'SearchBox';\n\nexport default SearchBox;\n"],"mappings":"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","ignoreList":[]}