npm - @chayns-components/core - Versions diffs - 5.0.0-beta.657 → 5.0.0-beta.658 - Mend

@chayns-components/core 5.0.0-beta.657 → 5.0.0-beta.658

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/lib/cjs/components/accordion/Accordion.js CHANGED Viewed

@@ -116,6 +116,9 @@ const Accordion = ({
   const accordionContextProviderValue = (0, _react.useMemo)(() => ({
     isWrapped: isWrapped === true
   }), [isWrapped]);
+  const areaContextProviderValue = (0, _react.useMemo)(() => ({
+    shouldChangeColor: true
+  }), []);
   return /*#__PURE__*/_react.default.createElement(_Accordion.StyledAccordion, {
     className: "beta-chayns-accordion",
     $isOpen: isOpen,
@@ -154,9 +157,7 @@ const Accordion = ({
     onScroll: onBodyScroll,
     shouldHideBody: shouldRenderClosed && !isOpen
   }, /*#__PURE__*/_react.default.createElement(_AreaContextProvider.AreaContext.Provider, {
-    value: {
-      shouldChangeColor: true
-    }
+    value: areaContextProviderValue
   }, children))))));
 };
 Accordion.displayName = 'Accordion';

package/lib/cjs/components/accordion/Accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_uuid","_AreaContextProvider","_AccordionBody","_interopRequireDefault","_AccordionGroup","_AccordionHead","_Accordion","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AccordionContext","exports","React","createContext","isWrapped","Accordion","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isOpened","isTitleGreyed","onBodyScroll","onClose","onHoverEnd","onHoverStart","onOpen","onSearchChange","rightElement","searchIcon","searchPlaceholder","searchValue","shouldForceBackground","shouldHideBackground","shouldRenderClosed","shouldRotateIcon","title","titleElement","openAccordionUuid","updateOpenAccordionUuid","useContext","AccordionGroupContext","isParentWrapped","isAccordionOpen","setIsAccordionOpen","useState","uuid","useUuid","isInitialRenderRef","useRef","isInGroup","isOpen","isOpenRef","onCloseRef","onOpenRef","useEffect","current","handleHeadClick","useCallback","currentIsAccordionOpen","shouldOnlyOpen","accordionContextProviderValue","useMemo","createElement","StyledAccordion","className","$isOpen","$isParentWrapped","$isWrapped","$shouldForceBackground","$shouldHideBackground","onMouseEnter","onMouseLeave","Provider","value","MotionConfig","transition","type","onClick","AnimatePresence","initial","maxHeight","onScroll","shouldHideBody","AreaContext","shouldChangeColor","displayName","_default"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'framer-motion';\nimport React, {\n ChangeEventHandler,\n FC,\n ReactNode,\n UIEvent,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n type MouseEventHandler,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport { AccordionGroupContext } from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport { StyledAccordion } from './Accordion.styles';\n\nexport const AccordionContext = React.createContext({ isWrapped: false });\n\nexport type AccordionProps = {\n /*\n Maximum height of the accordion body element. This automatically makes the content of the\n * body element scrollable.\n /\n bodyMaxHeight?: number;\n /\n The content of the accordion body\n /\n children: ReactNode;\n /\n The icon that is displayed in front of the title\n /\n icon?: string;\n /\n This can be used to automatically expand the Accordion during the first render.\n /\n isDefaultOpen?: boolean;\n /\n This will disable the Accordion so that it cannot be opened and will gray out the title. Does not work with isOpened.\n /\n isDisabled?: boolean;\n /\n This can be used so that the Accordion cannot be opened or closed.\n * In addition, in this case the icon is exchanged to mark the Accordions.\n /\n isFixed?: boolean;\n /\n This can be used to open the Accordion from the outside.\n /\n isOpened?: boolean;\n /\n This will gray out the title of the Accordion to indicate hidden content, for example.\n /\n isTitleGreyed?: boolean;\n /\n Function that is executed when the accordion body will be scrolled\n /\n onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;\n /\n Function that is executed when the accordion will be closed.\n /\n onClose?: VoidFunction;\n /\n Function to be executed when the accordion is no longer hovered.\n /\n onHoverEnd?: MouseEventHandler<HTMLDivElement>;\n /\n Function to be executed when the accordion is hovered.\n /\n onHoverStart?: MouseEventHandler<HTMLDivElement>;\n /\n Function that is executed when the accordion will be opened.\n /\n onOpen?: VoidFunction;\n /\n Function that is executed when the text of the search in the accordion\n * head changes. When this function is given, the search field is displayed\n * in the Accordion Head.\n /\n onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n /\n Content to be displayed on the right side in the head of the Accordion\n /\n rightElement?: ReactNode;\n /\n Icon to be displayed on the right side in the search input\n /\n searchIcon?: string[];\n /\n The placeholder to be used for the search\n /\n searchPlaceholder?: string;\n /\n The value that is displayed inside the search\n /\n searchValue?: string;\n /\n This will force the background color of the accordion to be used even if it is closed and not hovered.\n /\n shouldForceBackground?: boolean;\n /\n This will hide the background color of the accordion\n /\n shouldHideBackground?: boolean;\n /\n This will render the Accordion closed on the first render.\n /\n shouldRenderClosed?: boolean;\n /\n Whether the icon should be rotating.\n /\n shouldRotateIcon?: boolean;\n /\n Title of the Accordion displayed in the head\n /\n title: string;\n /\n Additional elements to be displayed in the header next to the title.\n */\n titleElement?: ReactNode;\n};\n\nconst Accordion: FC<AccordionProps> = ({\n bodyMaxHeight,\n children,\n icon,\n isDefaultOpen = false,\n isDisabled = false,\n isFixed = false,\n isOpened,\n isTitleGreyed = false,\n onBodyScroll,\n onClose,\n onHoverEnd,\n onHoverStart,\n onOpen,\n onSearchChange,\n rightElement,\n searchIcon,\n searchPlaceholder,\n searchValue,\n shouldForceBackground = false,\n shouldHideBackground = false,\n shouldRenderClosed = false,\n shouldRotateIcon = true,\n title,\n titleElement,\n}) => {\n const { isWrapped, openAccordionUuid, updateOpenAccordionUuid } =\n useContext(AccordionGroupContext);\n const { isWrapped: isParentWrapped } = useContext(AccordionContext);\n\n const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen ?? isOpened);\n\n const uuid = useUuid();\n\n const isInitialRenderRef = useRef(true);\n\n const isInGroup = typeof updateOpenAccordionUuid === 'function';\n\n const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n const isOpenRef = useRef(isOpen);\n const onCloseRef = useRef(onClose);\n const onOpenRef = useRef(onOpen);\n\n useEffect(() => {\n isOpenRef.current = isOpen;\n onCloseRef.current = onClose;\n onOpenRef.current = onOpen;\n }, [isOpen, onClose, onOpen]);\n\n const handleHeadClick = useCallback(() => {\n if (isDisabled) {\n return;\n }\n\n if (typeof updateOpenAccordionUuid === 'function') {\n updateOpenAccordionUuid(uuid);\n }\n\n setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n useEffect(() => {\n if (isDisabled && isOpen) {\n if (typeof updateOpenAccordionUuid === 'function') {\n updateOpenAccordionUuid(uuid);\n }\n\n setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n }\n }, [isDisabled, isOpen, updateOpenAccordionUuid, uuid]);\n\n useEffect(() => {\n if (isInitialRenderRef.current) {\n isInitialRenderRef.current = false;\n } else if (isOpen) {\n if (typeof onOpenRef.current === 'function') {\n onOpenRef.current();\n }\n } else if (typeof onCloseRef.current === 'function') {\n onCloseRef.current();\n }\n }, [isOpen]);\n\n useEffect(() => {\n if (isDefaultOpen) {\n if (typeof updateOpenAccordionUuid === 'function') {\n updateOpenAccordionUuid(uuid, { shouldOnlyOpen: true });\n } else {\n setIsAccordionOpen(true);\n }\n }\n }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n useEffect(() => {\n if (typeof isOpened === 'boolean') {\n if (typeof updateOpenAccordionUuid === 'function' && isOpened !== isOpenRef.current) {\n updateOpenAccordionUuid(uuid);\n } else {\n setIsAccordionOpen(isOpened);\n }\n }\n }, [isOpened, updateOpenAccordionUuid, uuid]);\n\n const accordionContextProviderValue = useMemo(\n () => ({ isWrapped: isWrapped === true }),\n [isWrapped],\n );\n\n return (\n <StyledAccordion\n className=\"beta-chayns-accordion\"\n $isOpen={isOpen}\n $isParentWrapped={isParentWrapped}\n $isWrapped={isWrapped}\n $shouldForceBackground={shouldForceBackground}\n $shouldHideBackground={shouldHideBackground}\n onMouseEnter={onHoverStart}\n onMouseLeave={onHoverEnd}\n >\n <AccordionContext.Provider value={accordionContextProviderValue}>\n <MotionConfig transition={{ type: 'tween' }}>\n <AccordionHead\n uuid={uuid}\n icon={icon}\n isOpen={isOpen}\n isFixed={isFixed}\n isTitleGreyed={isTitleGreyed \|\| isDisabled}\n isWrapped={isWrapped === true}\n onClick={handleHeadClick}\n onSearchChange={onSearchChange}\n rightElement={rightElement}\n searchIcon={searchIcon}\n searchPlaceholder={searchPlaceholder}\n searchValue={searchValue}\n shouldRotateIcon={shouldRotateIcon}\n title={title}\n titleElement={titleElement}\n />\n <AnimatePresence initial={false}>\n {(isOpen \|\| shouldRenderClosed) && (\n <AccordionBody\n maxHeight={bodyMaxHeight}\n onScroll={onBodyScroll}\n shouldHideBody={shouldRenderClosed && !isOpen}\n >\n <AreaContext.Provider value={{ shouldChangeColor: true }}>\n {children}\n </AreaContext.Provider>\n </AccordionBody>\n )}\n </AnimatePresence>\n </MotionConfig>\n </AccordionContext.Provider>\n </StyledAccordion>\n );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Accordion.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_uuid","_AreaContextProvider","_AccordionBody","_interopRequireDefault","_AccordionGroup","_AccordionHead","_Accordion","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AccordionContext","exports","React","createContext","isWrapped","Accordion","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isOpened","isTitleGreyed","onBodyScroll","onClose","onHoverEnd","onHoverStart","onOpen","onSearchChange","rightElement","searchIcon","searchPlaceholder","searchValue","shouldForceBackground","shouldHideBackground","shouldRenderClosed","shouldRotateIcon","title","titleElement","openAccordionUuid","updateOpenAccordionUuid","useContext","AccordionGroupContext","isParentWrapped","isAccordionOpen","setIsAccordionOpen","useState","uuid","useUuid","isInitialRenderRef","useRef","isInGroup","isOpen","isOpenRef","onCloseRef","onOpenRef","useEffect","current","handleHeadClick","useCallback","currentIsAccordionOpen","shouldOnlyOpen","accordionContextProviderValue","useMemo","areaContextProviderValue","shouldChangeColor","createElement","StyledAccordion","className","$isOpen","$isParentWrapped","$isWrapped","$shouldForceBackground","$shouldHideBackground","onMouseEnter","onMouseLeave","Provider","value","MotionConfig","transition","type","onClick","AnimatePresence","initial","maxHeight","onScroll","shouldHideBody","AreaContext","displayName","_default"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'framer-motion';\nimport React, {\n ChangeEventHandler,\n FC,\n ReactNode,\n UIEvent,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n type MouseEventHandler,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport { AccordionGroupContext } from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport { StyledAccordion } from './Accordion.styles';\n\nexport const AccordionContext = React.createContext({ isWrapped: false });\n\nexport type AccordionProps = {\n /*\n Maximum height of the accordion body element. This automatically makes the content of the\n * body element scrollable.\n /\n bodyMaxHeight?: number;\n /\n The content of the accordion body\n /\n children: ReactNode;\n /\n The icon that is displayed in front of the title\n /\n icon?: string;\n /\n This can be used to automatically expand the Accordion during the first render.\n /\n isDefaultOpen?: boolean;\n /\n This will disable the Accordion so that it cannot be opened and will gray out the title. Does not work with isOpened.\n /\n isDisabled?: boolean;\n /\n This can be used so that the Accordion cannot be opened or closed.\n * In addition, in this case the icon is exchanged to mark the Accordions.\n /\n isFixed?: boolean;\n /\n This can be used to open the Accordion from the outside.\n /\n isOpened?: boolean;\n /\n This will gray out the title of the Accordion to indicate hidden content, for example.\n /\n isTitleGreyed?: boolean;\n /\n Function that is executed when the accordion body will be scrolled\n /\n onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;\n /\n Function that is executed when the accordion will be closed.\n /\n onClose?: VoidFunction;\n /\n Function to be executed when the accordion is no longer hovered.\n /\n onHoverEnd?: MouseEventHandler<HTMLDivElement>;\n /\n Function to be executed when the accordion is hovered.\n /\n onHoverStart?: MouseEventHandler<HTMLDivElement>;\n /\n Function that is executed when the accordion will be opened.\n /\n onOpen?: VoidFunction;\n /\n Function that is executed when the text of the search in the accordion\n * head changes. When this function is given, the search field is displayed\n * in the Accordion Head.\n /\n onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n /\n Content to be displayed on the right side in the head of the Accordion\n /\n rightElement?: ReactNode;\n /\n Icon to be displayed on the right side in the search input\n /\n searchIcon?: string[];\n /\n The placeholder to be used for the search\n /\n searchPlaceholder?: string;\n /\n The value that is displayed inside the search\n /\n searchValue?: string;\n /\n This will force the background color of the accordion to be used even if it is closed and not hovered.\n /\n shouldForceBackground?: boolean;\n /\n This will hide the background color of the accordion\n /\n shouldHideBackground?: boolean;\n /\n This will render the Accordion closed on the first render.\n /\n shouldRenderClosed?: boolean;\n /\n Whether the icon should be rotating.\n /\n shouldRotateIcon?: boolean;\n /\n Title of the Accordion displayed in the head\n /\n title: string;\n /\n Additional elements to be displayed in the header next to the title.\n */\n titleElement?: ReactNode;\n};\n\nconst Accordion: FC<AccordionProps> = ({\n bodyMaxHeight,\n children,\n icon,\n isDefaultOpen = false,\n isDisabled = false,\n isFixed = false,\n isOpened,\n isTitleGreyed = false,\n onBodyScroll,\n onClose,\n onHoverEnd,\n onHoverStart,\n onOpen,\n onSearchChange,\n rightElement,\n searchIcon,\n searchPlaceholder,\n searchValue,\n shouldForceBackground = false,\n shouldHideBackground = false,\n shouldRenderClosed = false,\n shouldRotateIcon = true,\n title,\n titleElement,\n}) => {\n const { isWrapped, openAccordionUuid, updateOpenAccordionUuid } =\n useContext(AccordionGroupContext);\n const { isWrapped: isParentWrapped } = useContext(AccordionContext);\n\n const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen ?? isOpened);\n\n const uuid = useUuid();\n\n const isInitialRenderRef = useRef(true);\n\n const isInGroup = typeof updateOpenAccordionUuid === 'function';\n\n const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n const isOpenRef = useRef(isOpen);\n const onCloseRef = useRef(onClose);\n const onOpenRef = useRef(onOpen);\n\n useEffect(() => {\n isOpenRef.current = isOpen;\n onCloseRef.current = onClose;\n onOpenRef.current = onOpen;\n }, [isOpen, onClose, onOpen]);\n\n const handleHeadClick = useCallback(() => {\n if (isDisabled) {\n return;\n }\n\n if (typeof updateOpenAccordionUuid === 'function') {\n updateOpenAccordionUuid(uuid);\n }\n\n setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n useEffect(() => {\n if (isDisabled && isOpen) {\n if (typeof updateOpenAccordionUuid === 'function') {\n updateOpenAccordionUuid(uuid);\n }\n\n setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n }\n }, [isDisabled, isOpen, updateOpenAccordionUuid, uuid]);\n\n useEffect(() => {\n if (isInitialRenderRef.current) {\n isInitialRenderRef.current = false;\n } else if (isOpen) {\n if (typeof onOpenRef.current === 'function') {\n onOpenRef.current();\n }\n } else if (typeof onCloseRef.current === 'function') {\n onCloseRef.current();\n }\n }, [isOpen]);\n\n useEffect(() => {\n if (isDefaultOpen) {\n if (typeof updateOpenAccordionUuid === 'function') {\n updateOpenAccordionUuid(uuid, { shouldOnlyOpen: true });\n } else {\n setIsAccordionOpen(true);\n }\n }\n }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n useEffect(() => {\n if (typeof isOpened === 'boolean') {\n if (typeof updateOpenAccordionUuid === 'function' && isOpened !== isOpenRef.current) {\n updateOpenAccordionUuid(uuid);\n } else {\n setIsAccordionOpen(isOpened);\n }\n }\n }, [isOpened, updateOpenAccordionUuid, uuid]);\n\n const accordionContextProviderValue = useMemo(\n () => ({ isWrapped: isWrapped === true }),\n [isWrapped],\n );\n\n const areaContextProviderValue = useMemo(() => ({ shouldChangeColor: true }), []);\n\n return (\n <StyledAccordion\n className=\"beta-chayns-accordion\"\n $isOpen={isOpen}\n $isParentWrapped={isParentWrapped}\n $isWrapped={isWrapped}\n $shouldForceBackground={shouldForceBackground}\n $shouldHideBackground={shouldHideBackground}\n onMouseEnter={onHoverStart}\n onMouseLeave={onHoverEnd}\n >\n <AccordionContext.Provider value={accordionContextProviderValue}>\n <MotionConfig transition={{ type: 'tween' }}>\n <AccordionHead\n uuid={uuid}\n icon={icon}\n isOpen={isOpen}\n isFixed={isFixed}\n isTitleGreyed={isTitleGreyed \|\| isDisabled}\n isWrapped={isWrapped === true}\n onClick={handleHeadClick}\n onSearchChange={onSearchChange}\n rightElement={rightElement}\n searchIcon={searchIcon}\n searchPlaceholder={searchPlaceholder}\n searchValue={searchValue}\n shouldRotateIcon={shouldRotateIcon}\n title={title}\n titleElement={titleElement}\n />\n <AnimatePresence initial={false}>\n {(isOpen \|\| shouldRenderClosed) && (\n <AccordionBody\n maxHeight={bodyMaxHeight}\n onScroll={onBodyScroll}\n shouldHideBody={shouldRenderClosed && !isOpen}\n >\n <AreaContext.Provider value={areaContextProviderValue}>\n {children}\n </AreaContext.Provider>\n </AccordionBody>\n )}\n </AnimatePresence>\n </MotionConfig>\n </AccordionContext.Provider>\n </StyledAccordion>\n );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/accordion/Accordion.styles.js CHANGED Viewed

@@ -45,7 +45,7 @@ const StyledAccordion = exports.StyledAccordion = _styledComponents.default.div`
 }) => {
   if ($shouldForceBackground) return undefined;
   if (theme.accordionLines) {
-    if ($isWrapped && !$isOpen) {
+    if ($isWrapped) {
       return (0, _styledComponents.css)`
                     &&:not(:last-child) {
                         border-bottom-color: ${theme.headline}80;

package/lib/cjs/components/accordion/Accordion.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledAccordion","exports","styled","div","$isOpen","$isWrapped","$shouldForceBackground","$shouldHideBackground","theme","css","cardBackgroundOpacity","cardBorderRadius","cardShadow","accordionLines","undefined","headline","$isParentWrapped"],"sources":["../../../../src/components/accordion/Accordion.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMotionAccordionProps = WithTheme<{\n $isOpen: boolean;\n $isParentWrapped: boolean;\n $isWrapped?: boolean;\n $shouldForceBackground?: boolean;\n $shouldHideBackground?: boolean;\n}>;\n\nexport const StyledAccordion = styled.div<StyledMotionAccordionProps>`\n ${({\n $isOpen,\n $isWrapped,\n $shouldForceBackground,\n $shouldHideBackground,\n theme,\n }: StyledMotionAccordionProps) =>\n ($isOpen \|\| $shouldForceBackground) &&\n !$isWrapped &&\n !$shouldHideBackground &&\n css`\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n border-radius: ${theme.cardBorderRadius}px;\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${theme.cardShadow});\n `}\n\n ${({ theme }: StyledMotionAccordionProps) =>\n theme.accordionLines &&\n css`\n border-bottom: 1px solid transparent;\n `}\n \n margin-bottom: ${({ $isOpen, $isWrapped }: StyledMotionAccordionProps) =>\n $isOpen && !$isWrapped ? '30px' : '0px'};\n transition:\n background-color 0.3s ease,\n border-bottom-color 0.3s ease,\n border-radius 0.3s ease,\n box-shadow 0.3s ease,\n margin-bottom 0.3s ease;\n\n ${({ $isOpen, $isWrapped, $shouldForceBackground, theme }: StyledMotionAccordionProps) => {\n if ($shouldForceBackground) return undefined;\n\n if (theme.accordionLines) {\n if ($isWrapped ~~&& !$isOpen~~) {\n return css`\n &&:not(:last-child) {\n border-bottom-color: ${theme.headline}80;\n }\n `;\n }\n\n if (!$isOpen) {\n return css`\n border-bottom-color: ${theme.headline};\n `;\n }\n }\n\n return undefined;\n }}\n ${({ $isParentWrapped }: StyledMotionAccordionProps) =>\n $isParentWrapped &&\n css`\n padding-left: 17px;\n `}\n ${({ $isWrapped }: StyledMotionAccordionProps) =>\n !$isWrapped &&\n css`\n margin-top: 10px;\n `}\n ${({ $isWrapped, $shouldHideBackground, theme }: StyledMotionAccordionProps) =>\n !$isWrapped &&\n !$shouldHideBackground &&\n css`\n &:hover {\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n }\n `};\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAWzC,MAAMW,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGE,yBAAM,CAACC,GAA+B;AACrE,MAAM,CAAC;EACCC,OAAO;EACPC,UAAU;EACVC,sBAAsB;EACtBC,qBAAqB;EACrBC;AACwB,CAAC,KACzB,CAACJ,OAAO,IAAIE,sBAAsB,KAClC,CAACD,UAAU,IACX,CAACE,qBAAqB,IACtB,IAAAE,qBAAG;AACX,qCAAqCD,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACE,qBAAqB;AACrF,6BAA6BF,KAAK,CAACG,gBAAgB;AACnD,oDAAoDH,KAAK,CAACI,UAAU;AACpE,SAAS;AACT;AACA,MAAM,CAAC;EAAEJ;AAAkC,CAAC,KACpCA,KAAK,CAACK,cAAc,IACpB,IAAAJ,qBAAG;AACX;AACA,SAAS;AACT;AACA,qBAAqB,CAAC;EAAEL,OAAO;EAAEC;AAAuC,CAAC,KACjED,OAAO,IAAI,CAACC,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAED,OAAO;EAAEC,UAAU;EAAEC,sBAAsB;EAAEE;AAAkC,CAAC,KAAK;EACtF,IAAIF,sBAAsB,EAAE,OAAOQ,SAAS;EAE5C,IAAIN,KAAK,CAACK,cAAc,EAAE;IACtB,IAAIR,UAAU,~~IAAI,CAACD,OAAO,~~EAAE;~~MACxB~~,OAAO,~~IAAAK~~,qBAAG;AAC1B;AACA,+CAA+CD,KAAK,CAACO,QAAQ;AAC7D;AACA,iBAAiB;IACL;IAEA,IAAI,CAACX,OAAO,EAAE;MACV,OAAO,IAAAK,qBAAG;AAC1B,2CAA2CD,KAAK,CAACO,QAAQ;AACzD,iBAAiB;IACL;EACJ;EAEA,OAAOD,SAAS;AACpB,CAAC;AACL,MAAM,CAAC;EAAEE;AAA6C,CAAC,KAC/CA,gBAAgB,IAChB,IAAAP,qBAAG;AACX;AACA,SAAS;AACT,cAAc,CAAC;EAAEJ;AAAuC,CAAC,KACjD,CAACA,UAAU,IACX,IAAAI,qBAAG;AACX;AACA,SAAS;AACT,cAAc,CAAC;EAAEJ,UAAU;EAAEE,qBAAqB;EAAEC;AAAkC,CAAC,KAC/E,CAACH,UAAU,IACX,CAACE,qBAAqB,IACtB,IAAAE,qBAAG;AACX;AACA,yCAAyCD,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACE,qBAAqB;AACzF;AACA,SAAS;AACT,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"Accordion.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledAccordion","exports","styled","div","$isOpen","$isWrapped","$shouldForceBackground","$shouldHideBackground","theme","css","cardBackgroundOpacity","cardBorderRadius","cardShadow","accordionLines","undefined","headline","$isParentWrapped"],"sources":["../../../../src/components/accordion/Accordion.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMotionAccordionProps = WithTheme<{\n $isOpen: boolean;\n $isParentWrapped: boolean;\n $isWrapped?: boolean;\n $shouldForceBackground?: boolean;\n $shouldHideBackground?: boolean;\n}>;\n\nexport const StyledAccordion = styled.div<StyledMotionAccordionProps>`\n ${({\n $isOpen,\n $isWrapped,\n $shouldForceBackground,\n $shouldHideBackground,\n theme,\n }: StyledMotionAccordionProps) =>\n ($isOpen \|\| $shouldForceBackground) &&\n !$isWrapped &&\n !$shouldHideBackground &&\n css`\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n border-radius: ${theme.cardBorderRadius}px;\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${theme.cardShadow});\n `}\n\n ${({ theme }: StyledMotionAccordionProps) =>\n theme.accordionLines &&\n css`\n border-bottom: 1px solid transparent;\n `}\n \n margin-bottom: ${({ $isOpen, $isWrapped }: StyledMotionAccordionProps) =>\n $isOpen && !$isWrapped ? '30px' : '0px'};\n transition:\n background-color 0.3s ease,\n border-bottom-color 0.3s ease,\n border-radius 0.3s ease,\n box-shadow 0.3s ease,\n margin-bottom 0.3s ease;\n\n ${({ $isOpen, $isWrapped, $shouldForceBackground, theme }: StyledMotionAccordionProps) => {\n if ($shouldForceBackground) return undefined;\n\n if (theme.accordionLines) {\n if ($isWrapped) {\n return css`\n &&:not(:last-child) {\n border-bottom-color: ${theme.headline}80;\n }\n `;\n }\n\n if (!$isOpen) {\n return css`\n border-bottom-color: ${theme.headline};\n `;\n }\n }\n\n return undefined;\n }}\n ${({ $isParentWrapped }: StyledMotionAccordionProps) =>\n $isParentWrapped &&\n css`\n padding-left: 17px;\n `}\n ${({ $isWrapped }: StyledMotionAccordionProps) =>\n !$isWrapped &&\n css`\n margin-top: 10px;\n `}\n ${({ $isWrapped, $shouldHideBackground, theme }: StyledMotionAccordionProps) =>\n !$isWrapped &&\n !$shouldHideBackground &&\n css`\n &:hover {\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n }\n `};\n`;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/accordion/accordion-head/AccordionHead.js CHANGED Viewed

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _framerMotion = require("framer-motion");
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = require("styled-components");
+var _useElementSize = require("../../../hooks/useElementSize");
 var _accordion = require("../../../utils/accordion");
 var _Icon = _interopRequireDefault(require("../../icon/Icon"));
 var _AccordionHead = require("./AccordionHead.styles");
@@ -35,7 +36,11 @@ const AccordionHead = ({
     open: isWrapped ? 40 : 33
   });
   const theme = (0, _styledComponents.useTheme)();
+  const titleElementWrapperRef = (0, _react.useRef)(null);
   const titleWrapperRef = (0, _react.useRef)(null);
+  const titleElementChildrenSize = (0, _useElementSize.useElementSize)(titleElementWrapperRef, {
+    shouldUseChildElement: true
+  });
   const hasSearchIcon = Array.isArray(searchIcon);
   (0, _react.useEffect)(() => {
     var _titleWrapperRef$curr;
@@ -46,7 +51,7 @@ const AccordionHead = ({
     }));
     // The fontSize need to be included to trigger a new calculation.
     // After the size is increased, the Title is cut at the bottom.
-  }, [isWrapped, title, theme.fontSize]);
+  }, [isWrapped, theme.fontSize, title]);
   const iconElement = (0, _react.useMemo)(() => {
     if (icon || isFixed) {
       return /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -63,9 +68,15 @@ const AccordionHead = ({
       $icon: internalIcon
     });
   }, [icon, theme, isFixed]);
+  let accordionHeadHeight = isOpen ? headHeight.open : headHeight.closed;
+  if (titleElementChildrenSize && titleElementChildrenSize.height > accordionHeadHeight) {
+    // If the titleElement is bigger than the title, the height of the accordion head should be increased.
+    // The height of the titleElement is increased by 8px because of the padding of the accordion head element.
+    accordionHeadHeight = titleElementChildrenSize.height + 8;
+  }
   return /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionAccordionHead, {
     animate: {
-      height: isOpen ? headHeight.open : headHeight.closed
+      height: accordionHeadHeight
     },
     className: "beta-chayns-accordion-head",
     initial: false,
@@ -112,7 +123,8 @@ const AccordionHead = ({
     key: isOpen && !isWrapped ? `accordionHeadTitleBig--${uuid}` : `accordionHeadTitle--${uuid}`
   }, title))), titleElement && /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionTitleElementWrapper, {
     layout: true,
-    key: `accordionTitleElement--${uuid}`
+    key: `accordionTitleElement--${uuid}`,
+    ref: titleElementWrapperRef
   }, titleElement))), (typeof onSearchChange === 'function' || rightElement) && /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledRightWrapper, null, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
     initial: false,
     key: `accordionRightWrapper--${uuid}`

package/lib/cjs/components/accordion/accordion-head/AccordionHead.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccordionHead.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_styledComponents","_accordion","_Icon","_interopRequireDefault","_AccordionHead","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AccordionHead","icon","isOpen","isFixed","isTitleGreyed","isWrapped","onClick","onSearchChange","rightElement","searchIcon","searchPlaceholder","searchValue","shouldRotateIcon","title","titleElement","uuid","headHeight","setHeadHeight","useState","closed","open","theme","useTheme","titleWrapperRef","useRef","hasSearchIcon","Array","isArray","useEffect","_titleWrapperRef$curr","getAccordionHeadHeight","width","current","clientWidth","fontSize","iconElement","useMemo","createElement","icons","internalIcon","accordionIcon","toString","internalIconStyle","iconStyle","StyledAccordionIcon","className","$icon","StyledMotionAccordionHead","animate","height","initial","key","StyledMotionIconWrapper","rotate","undefined","StyledMotionContentWrapper","opacity","ref","LayoutGroup","StyledMotionTitleWrapper","AnimatePresence","StyledMotionTitle","scale","exit","$isOpen","$isWrapped","transition","duration","StyledMotionTitleElementWrapper","layout","StyledRightWrapper","Fragment","StyledMotionRightInput","autoComplete","$hasIcon","onChange","placeholder","type","value","StyledMotionRightInputIconWrapper","StyledMotionRightElementWrapper","displayName","_default","exports"],"sources":["../../../../../src/components/accordion/accordion-head/AccordionHead.tsx"],"sourcesContent":["import { AnimatePresence, LayoutGroup } from 'framer-motion';\nimport React, {\n ChangeEventHandler,\n FC,\n MouseEventHandler,\n ReactNode,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport { getAccordionHeadHeight } from '../../../utils/accordion';\nimport Icon from '../../icon/Icon';\nimport {\n StyledAccordionIcon,\n StyledMotionAccordionHead,\n StyledMotionContentWrapper,\n StyledMotionIconWrapper,\n StyledMotionRightElementWrapper,\n StyledMotionRightInput,\n StyledMotionRightInputIconWrapper,\n StyledMotionTitle,\n StyledMotionTitleElementWrapper,\n StyledMotionTitleWrapper,\n StyledRightWrapper,\n} from './AccordionHead.styles';\n\ntype AccordionHeadProps = {\n icon?: string;\n isOpen: boolean;\n isFixed: boolean;\n isTitleGreyed: boolean;\n isWrapped: boolean;\n onClick: MouseEventHandler<HTMLDivElement>;\n onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n rightElement?: ReactNode;\n searchIcon?: string[];\n searchPlaceholder?: string;\n searchValue?: string;\n shouldRotateIcon?: boolean;\n title: string;\n titleElement?: ReactNode;\n uuid: string;\n};\n\ninterface HeadHeight {\n closed: number;\n open: number;\n}\n\nconst AccordionHead: FC<AccordionHeadProps> = ({\n icon,\n isOpen,\n isFixed,\n isTitleGreyed,\n isWrapped,\n onClick,\n onSearchChange,\n rightElement,\n searchIcon,\n searchPlaceholder,\n searchValue,\n shouldRotateIcon,\n title,\n titleElement,\n uuid,\n}) => {\n const [headHeight, setHeadHeight] = useState<HeadHeight>({\n closed: isWrapped ? 40 : 33,\n open: isWrapped ? 40 : 33,\n });\n\n const theme = useTheme();\n\n const titleWrapperRef = useRef<HTMLDivElement>(null);\n\n const hasSearchIcon = Array.isArray(searchIcon);\n\n useEffect(() => {\n setHeadHeight(\n getAccordionHeadHeight({\n isWrapped,\n title,\n width: (titleWrapperRef.current?.clientWidth ?? 0) - 10,\n }),\n );\n // The fontSize need to be included to trigger a new calculation.\n // After the size is increased, the Title is cut at the bottom.\n }, [isWrapped, title, theme.fontSize]);\n\n const iconElement = useMemo(() => {\n if (icon \|\| isFixed) {\n return (\n <Icon icons={[isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']} />\n );\n }\n\n let internalIcon = 'f105';\n\n if (\n theme?.accordionIcon &&\n theme.accordionIcon !== 110 &&\n theme.accordionIcon !== 1110100\n ) {\n internalIcon = (theme.accordionIcon as number).toString(16);\n }\n\n const internalIconStyle = theme?.iconStyle ? (theme.iconStyle as string) : 'fa-regular';\n\n return <StyledAccordionIcon className={internalIconStyle} $icon={internalIcon} />;\n }, [icon, theme, isFixed]);\n\n return (\n <StyledMotionAccordionHead\n animate={{ height: isOpen ? headHeight.open : headHeight.closed }}\n className=\"beta-chayns-accordion-head\"\n initial={false}\n key={`accordionHead--${uuid}`}\n >\n <StyledMotionIconWrapper\n animate={{ rotate: (isOpen \|\| isFixed) && shouldRotateIcon ? 90 : 0 }}\n initial={false}\n onClick={!isFixed ? onClick : undefined}\n key={`accordionHeadIcon--${uuid}`}\n >\n {iconElement}\n </StyledMotionIconWrapper>\n <StyledMotionContentWrapper\n animate={{ opacity: isTitleGreyed ? 0.5 : 1 }}\n initial={false}\n onClick={!isFixed ? onClick : undefined}\n ref={titleWrapperRef}\n key={`accordionHeadContentWrapper--${uuid}`}\n >\n <LayoutGroup key={`accordionHeadLayoutGroup--${uuid}`}>\n <StyledMotionTitleWrapper key={`accordionHeadTitleWrapperWrapper--${uuid}`}>\n <AnimatePresence initial={false} key={`accordionHeadTitleWrapper--${uuid}`}>\n <StyledMotionTitle\n animate={{ scale: 1 }}\n initial={{ scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3 }}\n exit={{ opacity: 0 }}\n $isOpen={isOpen}\n $isWrapped={isWrapped}\n transition={{\n opacity: {\n duration: 0,\n },\n }}\n key={\n isOpen && !isWrapped\n ? `accordionHeadTitleBig--${uuid}`\n : `accordionHeadTitle--${uuid}`\n }\n >\n {title}\n </StyledMotionTitle>\n </AnimatePresence>\n </StyledMotionTitleWrapper>\n {titleElement && (\n <StyledMotionTitleElementWrapper\n layout\n key={`accordionTitleElement--${uuid}`}\n >\n {titleElement}\n </StyledMotionTitleElementWrapper>\n )}\n </LayoutGroup>\n </StyledMotionContentWrapper>\n {(typeof onSearchChange === 'function' \|\| rightElement) && (\n <StyledRightWrapper>\n <AnimatePresence initial={false} key={`accordionRightWrapper--${uuid}`}>\n {typeof onSearchChange === 'function' && isOpen ? (\n <>\n <StyledMotionRightInput\n animate={{ opacity: 1, width: '165px' }}\n autoComplete=\"off\"\n exit={{ opacity: 0, width: 0 }}\n $hasIcon={hasSearchIcon}\n initial={{ opacity: 0, width: 0 }}\n key={`rightInput--${uuid}`}\n onChange={onSearchChange}\n placeholder={searchPlaceholder}\n type=\"text\"\n value={searchValue}\n />\n {hasSearchIcon && (\n <StyledMotionRightInputIconWrapper\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n initial={{ opacity: 0 }}\n key={`rightInputIcon-${uuid}`}\n >\n <Icon icons={searchIcon} />\n </StyledMotionRightInputIconWrapper>\n )}\n </>\n ) : (\n <StyledMotionRightElementWrapper\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n initial={{ opacity: 0 }}\n key={`rightElementWrapper--${uuid}`}\n >\n {rightElement}\n </StyledMotionRightElementWrapper>\n )}\n </AnimatePresence>\n </StyledRightWrapper>\n )}\n </StyledMotionAccordionHead>\n );\n};\n\nAccordionHead.displayName = 'AccordionHead';\n\nexport default AccordionHead;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"AccordionHead.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_styledComponents","_useElementSize","_accordion","_Icon","_interopRequireDefault","_AccordionHead","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AccordionHead","icon","isOpen","isFixed","isTitleGreyed","isWrapped","onClick","onSearchChange","rightElement","searchIcon","searchPlaceholder","searchValue","shouldRotateIcon","title","titleElement","uuid","headHeight","setHeadHeight","useState","closed","open","theme","useTheme","titleElementWrapperRef","useRef","titleWrapperRef","titleElementChildrenSize","useElementSize","shouldUseChildElement","hasSearchIcon","Array","isArray","useEffect","_titleWrapperRef$curr","getAccordionHeadHeight","width","current","clientWidth","fontSize","iconElement","useMemo","createElement","icons","internalIcon","accordionIcon","toString","internalIconStyle","iconStyle","StyledAccordionIcon","className","$icon","accordionHeadHeight","height","StyledMotionAccordionHead","animate","initial","key","StyledMotionIconWrapper","rotate","undefined","StyledMotionContentWrapper","opacity","ref","LayoutGroup","StyledMotionTitleWrapper","AnimatePresence","StyledMotionTitle","scale","exit","$isOpen","$isWrapped","transition","duration","StyledMotionTitleElementWrapper","layout","StyledRightWrapper","Fragment","StyledMotionRightInput","autoComplete","$hasIcon","onChange","placeholder","type","value","StyledMotionRightInputIconWrapper","StyledMotionRightElementWrapper","displayName","_default","exports"],"sources":["../../../../../src/components/accordion/accordion-head/AccordionHead.tsx"],"sourcesContent":["import { AnimatePresence, LayoutGroup } from 'framer-motion';\nimport React, {\n ChangeEventHandler,\n FC,\n MouseEventHandler,\n ReactNode,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport { useElementSize } from '../../../hooks/useElementSize';\nimport { getAccordionHeadHeight } from '../../../utils/accordion';\nimport Icon from '../../icon/Icon';\nimport {\n StyledAccordionIcon,\n StyledMotionAccordionHead,\n StyledMotionContentWrapper,\n StyledMotionIconWrapper,\n StyledMotionRightElementWrapper,\n StyledMotionRightInput,\n StyledMotionRightInputIconWrapper,\n StyledMotionTitle,\n StyledMotionTitleElementWrapper,\n StyledMotionTitleWrapper,\n StyledRightWrapper,\n} from './AccordionHead.styles';\n\nexport type AccordionHeadProps = {\n icon?: string;\n isOpen: boolean;\n isFixed: boolean;\n isTitleGreyed: boolean;\n isWrapped: boolean;\n onClick: MouseEventHandler<HTMLDivElement>;\n onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n rightElement?: ReactNode;\n searchIcon?: string[];\n searchPlaceholder?: string;\n searchValue?: string;\n shouldRotateIcon?: boolean;\n title: string;\n titleElement?: ReactNode;\n uuid: string;\n};\n\ninterface HeadHeight {\n closed: number;\n open: number;\n}\n\nconst AccordionHead: FC<AccordionHeadProps> = ({\n icon,\n isOpen,\n isFixed,\n isTitleGreyed,\n isWrapped,\n onClick,\n onSearchChange,\n rightElement,\n searchIcon,\n searchPlaceholder,\n searchValue,\n shouldRotateIcon,\n title,\n titleElement,\n uuid,\n}) => {\n const [headHeight, setHeadHeight] = useState<HeadHeight>({\n closed: isWrapped ? 40 : 33,\n open: isWrapped ? 40 : 33,\n });\n\n const theme = useTheme();\n\n const titleElementWrapperRef = useRef<HTMLDivElement>(null);\n const titleWrapperRef = useRef<HTMLDivElement>(null);\n\n const titleElementChildrenSize = useElementSize(titleElementWrapperRef, {\n shouldUseChildElement: true,\n });\n\n const hasSearchIcon = Array.isArray(searchIcon);\n\n useEffect(() => {\n setHeadHeight(\n getAccordionHeadHeight({\n isWrapped,\n title,\n width: (titleWrapperRef.current?.clientWidth ?? 0) - 10,\n }),\n );\n // The fontSize need to be included to trigger a new calculation.\n // After the size is increased, the Title is cut at the bottom.\n }, [isWrapped, theme.fontSize, title]);\n\n const iconElement = useMemo(() => {\n if (icon \|\| isFixed) {\n return (\n <Icon icons={[isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']} />\n );\n }\n\n let internalIcon = 'f105';\n\n if (\n theme?.accordionIcon &&\n theme.accordionIcon !== 110 &&\n theme.accordionIcon !== 1110100\n ) {\n internalIcon = (theme.accordionIcon as number).toString(16);\n }\n\n const internalIconStyle = theme?.iconStyle ? (theme.iconStyle as string) : 'fa-regular';\n\n return <StyledAccordionIcon className={internalIconStyle} $icon={internalIcon} />;\n }, [icon, theme, isFixed]);\n\n let accordionHeadHeight = isOpen ? headHeight.open : headHeight.closed;\n\n if (titleElementChildrenSize && titleElementChildrenSize.height > accordionHeadHeight) {\n // If the titleElement is bigger than the title, the height of the accordion head should be increased.\n // The height of the titleElement is increased by 8px because of the padding of the accordion head element.\n accordionHeadHeight = titleElementChildrenSize.height + 8;\n }\n\n return (\n <StyledMotionAccordionHead\n animate={{ height: accordionHeadHeight }}\n className=\"beta-chayns-accordion-head\"\n initial={false}\n key={`accordionHead--${uuid}`}\n >\n <StyledMotionIconWrapper\n animate={{ rotate: (isOpen \|\| isFixed) && shouldRotateIcon ? 90 : 0 }}\n initial={false}\n onClick={!isFixed ? onClick : undefined}\n key={`accordionHeadIcon--${uuid}`}\n >\n {iconElement}\n </StyledMotionIconWrapper>\n <StyledMotionContentWrapper\n animate={{ opacity: isTitleGreyed ? 0.5 : 1 }}\n initial={false}\n onClick={!isFixed ? onClick : undefined}\n ref={titleWrapperRef}\n key={`accordionHeadContentWrapper--${uuid}`}\n >\n <LayoutGroup key={`accordionHeadLayoutGroup--${uuid}`}>\n <StyledMotionTitleWrapper key={`accordionHeadTitleWrapperWrapper--${uuid}`}>\n <AnimatePresence initial={false} key={`accordionHeadTitleWrapper--${uuid}`}>\n <StyledMotionTitle\n animate={{ scale: 1 }}\n initial={{ scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3 }}\n exit={{ opacity: 0 }}\n $isOpen={isOpen}\n $isWrapped={isWrapped}\n transition={{\n opacity: {\n duration: 0,\n },\n }}\n key={\n isOpen && !isWrapped\n ? `accordionHeadTitleBig--${uuid}`\n : `accordionHeadTitle--${uuid}`\n }\n >\n {title}\n </StyledMotionTitle>\n </AnimatePresence>\n </StyledMotionTitleWrapper>\n {titleElement && (\n <StyledMotionTitleElementWrapper\n layout\n key={`accordionTitleElement--${uuid}`}\n ref={titleElementWrapperRef}\n >\n {titleElement}\n </StyledMotionTitleElementWrapper>\n )}\n </LayoutGroup>\n </StyledMotionContentWrapper>\n {(typeof onSearchChange === 'function' \|\| rightElement) && (\n <StyledRightWrapper>\n <AnimatePresence initial={false} key={`accordionRightWrapper--${uuid}`}>\n {typeof onSearchChange === 'function' && isOpen ? (\n <>\n <StyledMotionRightInput\n animate={{ opacity: 1, width: '165px' }}\n autoComplete=\"off\"\n exit={{ opacity: 0, width: 0 }}\n $hasIcon={hasSearchIcon}\n initial={{ opacity: 0, width: 0 }}\n key={`rightInput--${uuid}`}\n onChange={onSearchChange}\n placeholder={searchPlaceholder}\n type=\"text\"\n value={searchValue}\n />\n {hasSearchIcon && (\n <StyledMotionRightInputIconWrapper\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n initial={{ opacity: 0 }}\n key={`rightInputIcon-${uuid}`}\n >\n <Icon icons={searchIcon} />\n </StyledMotionRightInputIconWrapper>\n )}\n </>\n ) : (\n <StyledMotionRightElementWrapper\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n initial={{ opacity: 0 }}\n key={`rightElementWrapper--${uuid}`}\n >\n {rightElement}\n </StyledMotionRightElementWrapper>\n )}\n </AnimatePresence>\n </StyledRightWrapper>\n )}\n </StyledMotionAccordionHead>\n );\n};\n\nAccordionHead.displayName = 'AccordionHead';\n\nexport default AccordionHead;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAUA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AAYgC,SAAAO,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAyBhC,MAAMW,aAAqC,GAAGA,CAAC;EAC3CC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC,aAAa;EACbC,SAAS;EACTC,OAAO;EACPC,cAAc;EACdC,YAAY;EACZC,UAAU;EACVC,iBAAiB;EACjBC,WAAW;EACXC,gBAAgB;EAChBC,KAAK;EACLC,YAAY;EACZC;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAa;IACrDC,MAAM,EAAEd,SAAS,GAAG,EAAE,GAAG,EAAE;IAC3Be,IAAI,EAAEf,SAAS,GAAG,EAAE,GAAG;EAC3B,CAAC,CAAC;EAEF,MAAMgB,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EAExB,MAAMC,sBAAsB,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAC3D,MAAMC,eAAe,GAAG,IAAAD,aAAM,EAAiB,IAAI,CAAC;EAEpD,MAAME,wBAAwB,GAAG,IAAAC,8BAAc,EAACJ,sBAAsB,EAAE;IACpEK,qBAAqB,EAAE;EAC3B,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAGC,KAAK,CAACC,OAAO,CAACtB,UAAU,CAAC;EAE/C,IAAAuB,gBAAS,EAAC,MAAM;IAAA,IAAAC,qBAAA;IACZhB,aAAa,CACT,IAAAiB,iCAAsB,EAAC;MACnB7B,SAAS;MACTQ,KAAK;MACLsB,KAAK,EAAE,CAAC,EAAAF,qBAAA,GAAAR,eAAe,CAACW,OAAO,cAAAH,qBAAA,uBAAvBA,qBAAA,CAAyBI,WAAW,KAAI,CAAC,IAAI;IACzD,CAAC,CACL,CAAC;IACD;IACA;EACJ,CAAC,EAAE,CAAChC,SAAS,EAAEgB,KAAK,CAACiB,QAAQ,EAAEzB,KAAK,CAAC,CAAC;EAEtC,MAAM0B,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC9B,IAAIvC,IAAI,IAAIE,OAAO,EAAE;MACjB,oBACI/B,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAAChE,KAAA,CAAAK,OAAI;QAAC4D,KAAK,EAAE,CAACvC,OAAO,GAAG,uBAAuB,GAAGF,IAAI,IAAI,qBAAqB;MAAE,CAAE,CAAC;IAE5F;IAEA,IAAI0C,YAAY,GAAG,MAAM;IAEzB,IACItB,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEuB,aAAa,IACpBvB,KAAK,CAACuB,aAAa,KAAK,GAAG,IAC3BvB,KAAK,CAACuB,aAAa,KAAK,OAAO,EACjC;MACED,YAAY,GAAItB,KAAK,CAACuB,aAAa,CAAYC,QAAQ,CAAC,EAAE,CAAC;IAC/D;IAEA,MAAMC,iBAAiB,GAAGzB,KAAK,aAALA,KAAK,eAALA,KAAK,CAAE0B,SAAS,GAAI1B,KAAK,CAAC0B,SAAS,GAAc,YAAY;IAEvF,oBAAO3E,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAAC9D,cAAA,CAAAqE,mBAAmB;MAACC,SAAS,EAAEH,iBAAkB;MAACI,KAAK,EAAEP;IAAa,CAAE,CAAC;EACrF,CAAC,EAAE,CAAC1C,IAAI,EAAEoB,KAAK,EAAElB,OAAO,CAAC,CAAC;EAE1B,IAAIgD,mBAAmB,GAAGjD,MAAM,GAAGc,UAAU,CAACI,IAAI,GAAGJ,UAAU,CAACG,MAAM;EAEtE,IAAIO,wBAAwB,IAAIA,wBAAwB,CAAC0B,MAAM,GAAGD,mBAAmB,EAAE;IACnF;IACA;IACAA,mBAAmB,GAAGzB,wBAAwB,CAAC0B,MAAM,GAAG,CAAC;EAC7D;EAEA,oBACIhF,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAAC9D,cAAA,CAAA0E,yBAAyB;IACtBC,OAAO,EAAE;MAAEF,MAAM,EAAED;IAAoB,CAAE;IACzCF,SAAS,EAAC,4BAA4B;IACtCM,OAAO,EAAE,KAAM;IACfC,GAAG,EAAE,kBAAkBzC,IAAI;EAAG,gBAE9B3C,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAAC9D,cAAA,CAAA8E,uBAAuB;IACpBH,OAAO,EAAE;MAAEI,MAAM,EAAE,CAACxD,MAAM,IAAIC,OAAO,KAAKS,gBAAgB,GAAG,EAAE,GAAG;IAAE,CAAE;IACtE2C,OAAO,EAAE,KAAM;IACfjD,OAAO,EAAE,CAACH,OAAO,GAAGG,OAAO,GAAGqD,SAAU;IACxCH,GAAG,EAAE,sBAAsBzC,IAAI;EAAG,GAEjCwB,WACoB,CAAC,eAC1BnE,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAAC9D,cAAA,CAAAiF,0BAA0B;IACvBN,OAAO,EAAE;MAAEO,OAAO,EAAEzD,aAAa,GAAG,GAAG,GAAG;IAAE,CAAE;IAC9CmD,OAAO,EAAE,KAAM;IACfjD,OAAO,EAAE,CAACH,OAAO,GAAGG,OAAO,GAAGqD,SAAU;IACxCG,GAAG,EAAErC,eAAgB;IACrB+B,GAAG,EAAE,gCAAgCzC,IAAI;EAAG,gBAE5C3C,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAACvE,aAAA,CAAA6F,WAAW;IAACP,GAAG,EAAE,6BAA6BzC,IAAI;EAAG,gBAClD3C,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAAC9D,cAAA,CAAAqF,wBAAwB;IAACR,GAAG,EAAE,qCAAqCzC,IAAI;EAAG,gBACvE3C,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAACvE,aAAA,CAAA+F,eAAe;IAACV,OAAO,EAAE,KAAM;IAACC,GAAG,EAAE,8BAA8BzC,IAAI;EAAG,gBACvE3C,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAAC9D,cAAA,CAAAuF,iBAAiB;IACdZ,OAAO,EAAE;MAAEa,KAAK,EAAE;IAAE,CAAE;IACtBZ,OAAO,EAAE;MAAEY,KAAK,EAAEjE,MAAM,IAAI,CAACG,SAAS,GAAG,CAAC,GAAG,GAAG,GAAG;IAAI,CAAE;IACzD+D,IAAI,EAAE;MAAEP,OAAO,EAAE;IAAE,CAAE;IACrBQ,OAAO,EAAEnE,MAAO;IAChBoE,UAAU,EAAEjE,SAAU;IACtBkE,UAAU,EAAE;MACRV,OAAO,EAAE;QACLW,QAAQ,EAAE;MACd;IACJ,CAAE;IACFhB,GAAG,EACCtD,MAAM,IAAI,CAACG,SAAS,GACd,0BAA0BU,IAAI,EAAE,GAChC,uBAAuBA,IAAI;EACpC,GAEAF,KACc,CACN,CACK,CAAC,EAC1BC,YAAY,iBACT1C,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAAC9D,cAAA,CAAA8F,+BAA+B;IAC5BC,MAAM;IACNlB,GAAG,EAAE,0BAA0BzC,IAAI,EAAG;IACtC+C,GAAG,EAAEvC;EAAuB,GAE3BT,YAC4B,CAE5B,CACW,CAAC,EAC5B,CAAC,OAAOP,cAAc,KAAK,UAAU,IAAIC,YAAY,kBAClDpC,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAAC9D,cAAA,CAAAgG,kBAAkB,qBACfvG,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAACvE,aAAA,CAAA+F,eAAe;IAACV,OAAO,EAAE,KAAM;IAACC,GAAG,EAAE,0BAA0BzC,IAAI;EAAG,GAClE,OAAOR,cAAc,KAAK,UAAU,IAAIL,MAAM,gBAC3C9B,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAAArE,MAAA,CAAAU,OAAA,CAAA8F,QAAA,qBACIxG,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAAC9D,cAAA,CAAAkG,sBAAsB;IACnBvB,OAAO,EAAE;MAAEO,OAAO,EAAE,CAAC;MAAE1B,KAAK,EAAE;IAAQ,CAAE;IACxC2C,YAAY,EAAC,KAAK;IAClBV,IAAI,EAAE;MAAEP,OAAO,EAAE,CAAC;MAAE1B,KAAK,EAAE;IAAE,CAAE;IAC/B4C,QAAQ,EAAElD,aAAc;IACxB0B,OAAO,EAAE;MAAEM,OAAO,EAAE,CAAC;MAAE1B,KAAK,EAAE;IAAE,CAAE;IAClCqB,GAAG,EAAE,eAAezC,IAAI,EAAG;IAC3BiE,QAAQ,EAAEzE,cAAe;IACzB0E,WAAW,EAAEvE,iBAAkB;IAC/BwE,IAAI,EAAC,MAAM;IACXC,KAAK,EAAExE;EAAY,CACtB,CAAC,EACDkB,aAAa,iBACVzD,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAAC9D,cAAA,CAAAyG,iCAAiC;IAC9B9B,OAAO,EAAE;MAAEO,OAAO,EAAE;IAAE,CAAE;IACxBO,IAAI,EAAE;MAAEP,OAAO,EAAE;IAAE,CAAE;IACrBN,OAAO,EAAE;MAAEM,OAAO,EAAE;IAAE,CAAE;IACxBL,GAAG,EAAE,kBAAkBzC,IAAI;EAAG,gBAE9B3C,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAAChE,KAAA,CAAAK,OAAI;IAAC4D,KAAK,EAAEjC;EAAW,CAAE,CACK,CAEzC,CAAC,gBAEHrC,MAAA,CAAAU,OAAA,CAAA2D,aAAA,CAAC9D,cAAA,CAAA0G,+BAA+B;IAC5B/B,OAAO,EAAE;MAAEO,OAAO,EAAE;IAAE,CAAE;IACxBO,IAAI,EAAE;MAAEP,OAAO,EAAE;IAAE,CAAE;IACrBN,OAAO,EAAE;MAAEM,OAAO,EAAE;IAAE,CAAE;IACxBL,GAAG,EAAE,wBAAwBzC,IAAI;EAAG,GAEnCP,YAC4B,CAExB,CACD,CAED,CAAC;AAEpC,CAAC;AAEDR,aAAa,CAACsF,WAAW,GAAG,eAAe;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA1G,OAAA,GAE7BkB,aAAa","ignoreList":[]}

package/lib/cjs/hooks/useElementSize.js CHANGED Viewed

@@ -7,13 +7,20 @@ exports.useElementSize = void 0;
 var _resizeObserver = _interopRequireDefault(require("@react-hook/resize-observer"));
 var _react = require("react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const useElementSize = ref => {
+const useElementSize = (ref, {
+  shouldUseChildElement = false
+} = {}) => {
+  var _ref$current;
   const [size, setSize] = (0, _react.useState)();
+  const element = (shouldUseChildElement ? (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.firstElementChild : ref.current) ?? null;
   (0, _react.useLayoutEffect)(() => {
-    var _ref$current;
-    return setSize((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect());
-  }, [ref]);
-  (0, _resizeObserver.default)(ref, entry => setSize(entry.contentRect));
+    if (element) {
+      setSize(element.getBoundingClientRect());
+    } else {
+      setSize(undefined);
+    }
+  }, [element]);
+  (0, _resizeObserver.default)(element, entry => setSize(entry.contentRect));
   return size;
 };
 exports.useElementSize = useElementSize;

package/lib/cjs/hooks/useElementSize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useElementSize.js","names":["_resizeObserver","_interopRequireDefault","require","_react","e","__esModule","default","useElementSize","ref","size","setSize","useState","~~useLayoutEffect~~","~~_ref$~~current","~~current~~","getBoundingClientRect","useResizeObserver","entry","contentRect","exports"],"sources":["../../../src/hooks/useElementSize.ts"],"sourcesContent":["import useResizeObserver from '@react-hook/resize-observer';\nimport { MutableRefObject, useLayoutEffect, useState } from 'react';\n\nexport const useElementSize = (\n ref: MutableRefObject<HTMLDivElement \| HTMLLabelElement \| null>,\n): DOMRectReadOnly \| undefined => {\n const [size, setSize] = useState<DOMRectReadOnly>();\n\n useLayoutEffect(() => setSize(~~ref~~.~~current?.~~getBoundingClientRect()), [~~ref~~]);\n\n useResizeObserver(~~ref~~, (entry) => setSize((entry as ResizeObserverEntry).contentRect));\n\n return size;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAoE,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;~~AAE7D~~,MAAMG,cAAc,~~GACvBC~~,GAA+D,~~IACjC~~;EAC9B,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAkB,CAAC;EAEnD,~~IAAAC~~,~~sBAAe~~,~~EAAC;IAAA~~,IAAAC,YAAA~~;IAAA~~,~~OAAMH~~,OAAO,~~EAAAG~~,YAAA,~~GAACL~~,GAAG,~~CAACM~~,OAAO,~~cAAAD~~,~~YAAA~~,~~uBAAXA~~,~~YAAA~~,~~CAAaE~~,qBAAqB,CAAC,CAAC,CAAC;~~EAAA~~,~~GAAE~~,~~CAACP~~,~~GAAG~~,CAAC,CAAC;~~EAE3E~~,~~IAAAQ~~,uBAAiB,~~EAACR~~,~~GAAG~~,~~EAAGS~~,KAAK,~~IAAKP~~,OAAO,~~CAAEO~~,KAAK,CAAyBC,WAAW,CAAC,CAAC;~~EAEtF~~,~~OAAOT~~,IAAI;AACf,CAAC;~~AAACU~~,OAAA,~~CAAAZ~~,cAAA,GAAAA,cAAA","ignoreList":[]}
1	+ {"version":3,"file":"useElementSize.js","names":["_resizeObserver","_interopRequireDefault","require","_react","e","__esModule","default","useElementSize","ref","shouldUseChildElement","_ref$current","size","setSize","useState","element","current","firstElementChild","useLayoutEffect","getBoundingClientRect","undefined","useResizeObserver","entry","contentRect","exports"],"sources":["../../../src/hooks/useElementSize.ts"],"sourcesContent":["import useResizeObserver from '@react-hook/resize-observer';\nimport { MutableRefObject, useLayoutEffect, useState } from 'react';\n\ninterface UseElementSizeOptions {\n shouldUseChildElement?: boolean;\n}\n\nexport const useElementSize = (\n ref: MutableRefObject<HTMLDivElement \| HTMLLabelElement \| null>,\n { shouldUseChildElement = false }: UseElementSizeOptions = {},\n): DOMRectReadOnly \| undefined => {\n const [size, setSize] = useState<DOMRectReadOnly>();\n\n const element = ((shouldUseChildElement ? ref.current?.firstElementChild : ref.current) ??\n null) as HTMLDivElement \| HTMLLabelElement \| null;\n\n useLayoutEffect(() => {\n if (element) {\n setSize(element.getBoundingClientRect());\n } else {\n setSize(undefined);\n }\n }, [element]);\n\n useResizeObserver(element, (entry) => setSize((entry as ResizeObserverEntry).contentRect));\n\n return size;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAoE,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM7D,MAAMG,cAAc,GAAGA,CAC1BC,GAA+D,EAC/D;EAAEC,qBAAqB,GAAG;AAA6B,CAAC,GAAG,CAAC,CAAC,KAC/B;EAAA,IAAAC,YAAA;EAC9B,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAkB,CAAC;EAEnD,MAAMC,OAAO,GAAI,CAACL,qBAAqB,IAAAC,YAAA,GAAGF,GAAG,CAACO,OAAO,cAAAL,YAAA,uBAAXA,YAAA,CAAaM,iBAAiB,GAAGR,GAAG,CAACO,OAAO,KAClF,IAAiD;EAErD,IAAAE,sBAAe,EAAC,MAAM;IAClB,IAAIH,OAAO,EAAE;MACTF,OAAO,CAACE,OAAO,CAACI,qBAAqB,CAAC,CAAC,CAAC;IAC5C,CAAC,MAAM;MACHN,OAAO,CAACO,SAAS,CAAC;IACtB;EACJ,CAAC,EAAE,CAACL,OAAO,CAAC,CAAC;EAEb,IAAAM,uBAAiB,EAACN,OAAO,EAAGO,KAAK,IAAKT,OAAO,CAAES,KAAK,CAAyBC,WAAW,CAAC,CAAC;EAE1F,OAAOX,IAAI;AACf,CAAC;AAACY,OAAA,CAAAhB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/cjs/utils/accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"accordion.js","names":["getAccordionHeadHeight","isWrapped","title","width","element","document","createElement","style","fontSize","opacity","pointerEvents","whiteSpace","innerText","body","appendChild","closedHeight","Math","max","clientHeight","fontWeight","openHeight","removeChild","closed","open","exports"],"sources":["../../../src/utils/accordion.ts"],"sourcesContent":["~~interface~~ ~~GetAccordionHeadHeightOptions~~ {\n isWrapped?: ~~boolean;\n~~ title: ~~string;\~~n width: number;\n}\n\ninterface GetAccordionHeadHeightResult {\n closed: number;\n open: number;\n}\n\nexport const getAccordionHeadHeight = ({\n isWrapped,\n title,\n width,\n}: GetAccordionHeadHeightOptions): GetAccordionHeadHeightResult => {\n const element = document.createElement('div');\n\n element.style.fontSize = '1rem';\n element.style.opacity = '0';\n element.style.pointerEvents = 'none';\n element.style.whiteSpace = 'nowrap';\n element.style.width = `${width}px`;\n\n element.innerText = title;\n\n document.body.appendChild(element);\n\n const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n if (isWrapped) {\n element.style.fontWeight = 'bold';\n element.style.whiteSpace = 'nowrap';\n } else {\n element.style.fontSize = '1.3rem';\n element.style.whiteSpace = 'normal';\n }\n\n const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n document.body.removeChild(element);\n\n return { closed: closedHeight, open: openHeight };\n};\n"],"mappings":";;;;;;AAWO,MAAMA,sBAAsB,GAAGA,CAAC;EACnCC,SAAS;EACTC,KAAK;EACLC;AAC2B,CAAC,KAAmC;EAC/D,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,KAAK,CAACC,QAAQ,GAAG,MAAM;EAC/BJ,OAAO,CAACG,KAAK,CAACE,OAAO,GAAG,GAAG;EAC3BL,OAAO,CAACG,KAAK,CAACG,aAAa,GAAG,MAAM;EACpCN,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACnCP,OAAO,CAACG,KAAK,CAACJ,KAAK,GAAG,GAAGA,KAAK,IAAI;EAElCC,OAAO,CAACQ,SAAS,GAAGV,KAAK;EAEzBG,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACV,OAAO,CAAC;EAElC,MAAMW,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACb,OAAO,CAACc,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE5E,IAAIA,SAAS,EAAE;IACXG,OAAO,CAACG,KAAK,CAACY,UAAU,GAAG,MAAM;IACjCf,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACvC,CAAC,MAAM;IACHP,OAAO,CAACG,KAAK,CAACC,QAAQ,GAAG,QAAQ;IACjCJ,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACvC;EAEA,MAAMS,UAAU,GAAGJ,IAAI,CAACC,GAAG,CAACb,OAAO,CAACc,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE1EI,QAAQ,CAACQ,IAAI,CAACQ,WAAW,CAACjB,OAAO,CAAC;EAElC,OAAO;IAAEkB,MAAM,EAAEP,YAAY;IAAEQ,IAAI,EAAEH;EAAW,CAAC;AACrD,CAAC;AAACI,OAAA,CAAAxB,sBAAA,GAAAA,sBAAA","ignoreList":[]}
1	+ {"version":3,"file":"accordion.js","names":["getAccordionHeadHeight","isWrapped","title","width","element","document","createElement","style","fontSize","opacity","pointerEvents","whiteSpace","innerText","body","appendChild","closedHeight","Math","max","clientHeight","fontWeight","openHeight","removeChild","closed","open","exports"],"sources":["../../../src/utils/accordion.ts"],"sourcesContent":["import type { AccordionHeadProps } from '../components/accordion/accordion-head/AccordionHead';\n\ntype GetAccordionHeadHeightOptions = Pick<AccordionHeadProps, 'isWrapped' \| 'title'> & {\n width: number;\n};\n\ninterface GetAccordionHeadHeightResult {\n closed: number;\n open: number;\n}\n\nexport const getAccordionHeadHeight = ({\n isWrapped,\n title,\n width,\n}: GetAccordionHeadHeightOptions): GetAccordionHeadHeightResult => {\n const element = document.createElement('div');\n\n element.style.fontSize = '1rem';\n element.style.opacity = '0';\n element.style.pointerEvents = 'none';\n element.style.whiteSpace = 'nowrap';\n element.style.width = `${width}px`;\n\n element.innerText = title;\n\n document.body.appendChild(element);\n\n const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n if (isWrapped) {\n element.style.fontWeight = 'bold';\n element.style.whiteSpace = 'nowrap';\n } else {\n element.style.fontSize = '1.3rem';\n element.style.whiteSpace = 'normal';\n }\n\n const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n document.body.removeChild(element);\n\n return { closed: closedHeight, open: openHeight };\n};\n"],"mappings":";;;;;;AAWO,MAAMA,sBAAsB,GAAGA,CAAC;EACnCC,SAAS;EACTC,KAAK;EACLC;AAC2B,CAAC,KAAmC;EAC/D,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,KAAK,CAACC,QAAQ,GAAG,MAAM;EAC/BJ,OAAO,CAACG,KAAK,CAACE,OAAO,GAAG,GAAG;EAC3BL,OAAO,CAACG,KAAK,CAACG,aAAa,GAAG,MAAM;EACpCN,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACnCP,OAAO,CAACG,KAAK,CAACJ,KAAK,GAAG,GAAGA,KAAK,IAAI;EAElCC,OAAO,CAACQ,SAAS,GAAGV,KAAK;EAEzBG,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACV,OAAO,CAAC;EAElC,MAAMW,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACb,OAAO,CAACc,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE5E,IAAIA,SAAS,EAAE;IACXG,OAAO,CAACG,KAAK,CAACY,UAAU,GAAG,MAAM;IACjCf,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACvC,CAAC,MAAM;IACHP,OAAO,CAACG,KAAK,CAACC,QAAQ,GAAG,QAAQ;IACjCJ,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACvC;EAEA,MAAMS,UAAU,GAAGJ,IAAI,CAACC,GAAG,CAACb,OAAO,CAACc,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE1EI,QAAQ,CAACQ,IAAI,CAACQ,WAAW,CAACjB,OAAO,CAAC;EAElC,OAAO;IAAEkB,MAAM,EAAEP,YAAY;IAAEQ,IAAI,EAAEH;EAAW,CAAC;AACrD,CAAC;AAACI,OAAA,CAAAxB,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/esm/components/accordion/Accordion.js CHANGED Viewed

@@ -108,6 +108,9 @@ const Accordion = _ref => {
   const accordionContextProviderValue = useMemo(() => ({
     isWrapped: isWrapped === true
   }), [isWrapped]);
+  const areaContextProviderValue = useMemo(() => ({
+    shouldChangeColor: true
+  }), []);
   return /*#__PURE__*/React.createElement(StyledAccordion, {
     className: "beta-chayns-accordion",
     $isOpen: isOpen,
@@ -146,9 +149,7 @@ const Accordion = _ref => {
     onScroll: onBodyScroll,
     shouldHideBody: shouldRenderClosed && !isOpen
   }, /*#__PURE__*/React.createElement(AreaContext.Provider, {
-    value: {
-      shouldChangeColor: true
-    }
+    value: areaContextProviderValue
   }, children))))));
 };
 Accordion.displayName = 'Accordion';

package/lib/esm/components/accordion/Accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.js","names":["AnimatePresence","MotionConfig","React","useCallback","useContext","useEffect","useMemo","useRef","useState","useUuid","AreaContext","AccordionBody","AccordionGroupContext","AccordionHead","StyledAccordion","AccordionContext","createContext","isWrapped","Accordion","_ref","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isOpened","isTitleGreyed","onBodyScroll","onClose","onHoverEnd","onHoverStart","onOpen","onSearchChange","rightElement","searchIcon","searchPlaceholder","searchValue","shouldForceBackground","shouldHideBackground","shouldRenderClosed","shouldRotateIcon","title","titleElement","openAccordionUuid","updateOpenAccordionUuid","isParentWrapped","isAccordionOpen","setIsAccordionOpen","uuid","isInitialRenderRef","isInGroup","isOpen","isOpenRef","onCloseRef","onOpenRef","current","handleHeadClick","currentIsAccordionOpen","shouldOnlyOpen","accordionContextProviderValue","createElement","className","$isOpen","$isParentWrapped","$isWrapped","$shouldForceBackground","$shouldHideBackground","onMouseEnter","onMouseLeave","Provider","value","transition","type","onClick","initial","maxHeight","onScroll","shouldHideBody","shouldChangeColor","displayName"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'framer-motion';\nimport React, {\n ChangeEventHandler,\n FC,\n ReactNode,\n UIEvent,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n type MouseEventHandler,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport { AccordionGroupContext } from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport { StyledAccordion } from './Accordion.styles';\n\nexport const AccordionContext = React.createContext({ isWrapped: false });\n\nexport type AccordionProps = {\n /*\n Maximum height of the accordion body element. This automatically makes the content of the\n * body element scrollable.\n /\n bodyMaxHeight?: number;\n /\n The content of the accordion body\n /\n children: ReactNode;\n /\n The icon that is displayed in front of the title\n /\n icon?: string;\n /\n This can be used to automatically expand the Accordion during the first render.\n /\n isDefaultOpen?: boolean;\n /\n This will disable the Accordion so that it cannot be opened and will gray out the title. Does not work with isOpened.\n /\n isDisabled?: boolean;\n /\n This can be used so that the Accordion cannot be opened or closed.\n * In addition, in this case the icon is exchanged to mark the Accordions.\n /\n isFixed?: boolean;\n /\n This can be used to open the Accordion from the outside.\n /\n isOpened?: boolean;\n /\n This will gray out the title of the Accordion to indicate hidden content, for example.\n /\n isTitleGreyed?: boolean;\n /\n Function that is executed when the accordion body will be scrolled\n /\n onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;\n /\n Function that is executed when the accordion will be closed.\n /\n onClose?: VoidFunction;\n /\n Function to be executed when the accordion is no longer hovered.\n /\n onHoverEnd?: MouseEventHandler<HTMLDivElement>;\n /\n Function to be executed when the accordion is hovered.\n /\n onHoverStart?: MouseEventHandler<HTMLDivElement>;\n /\n Function that is executed when the accordion will be opened.\n /\n onOpen?: VoidFunction;\n /\n Function that is executed when the text of the search in the accordion\n * head changes. When this function is given, the search field is displayed\n * in the Accordion Head.\n /\n onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n /\n Content to be displayed on the right side in the head of the Accordion\n /\n rightElement?: ReactNode;\n /\n Icon to be displayed on the right side in the search input\n /\n searchIcon?: string[];\n /\n The placeholder to be used for the search\n /\n searchPlaceholder?: string;\n /\n The value that is displayed inside the search\n /\n searchValue?: string;\n /\n This will force the background color of the accordion to be used even if it is closed and not hovered.\n /\n shouldForceBackground?: boolean;\n /\n This will hide the background color of the accordion\n /\n shouldHideBackground?: boolean;\n /\n This will render the Accordion closed on the first render.\n /\n shouldRenderClosed?: boolean;\n /\n Whether the icon should be rotating.\n /\n shouldRotateIcon?: boolean;\n /\n Title of the Accordion displayed in the head\n /\n title: string;\n /\n Additional elements to be displayed in the header next to the title.\n */\n titleElement?: ReactNode;\n};\n\nconst Accordion: FC<AccordionProps> = ({\n bodyMaxHeight,\n children,\n icon,\n isDefaultOpen = false,\n isDisabled = false,\n isFixed = false,\n isOpened,\n isTitleGreyed = false,\n onBodyScroll,\n onClose,\n onHoverEnd,\n onHoverStart,\n onOpen,\n onSearchChange,\n rightElement,\n searchIcon,\n searchPlaceholder,\n searchValue,\n shouldForceBackground = false,\n shouldHideBackground = false,\n shouldRenderClosed = false,\n shouldRotateIcon = true,\n title,\n titleElement,\n}) => {\n const { isWrapped, openAccordionUuid, updateOpenAccordionUuid } =\n useContext(AccordionGroupContext);\n const { isWrapped: isParentWrapped } = useContext(AccordionContext);\n\n const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen ?? isOpened);\n\n const uuid = useUuid();\n\n const isInitialRenderRef = useRef(true);\n\n const isInGroup = typeof updateOpenAccordionUuid === 'function';\n\n const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n const isOpenRef = useRef(isOpen);\n const onCloseRef = useRef(onClose);\n const onOpenRef = useRef(onOpen);\n\n useEffect(() => {\n isOpenRef.current = isOpen;\n onCloseRef.current = onClose;\n onOpenRef.current = onOpen;\n }, [isOpen, onClose, onOpen]);\n\n const handleHeadClick = useCallback(() => {\n if (isDisabled) {\n return;\n }\n\n if (typeof updateOpenAccordionUuid === 'function') {\n updateOpenAccordionUuid(uuid);\n }\n\n setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n useEffect(() => {\n if (isDisabled && isOpen) {\n if (typeof updateOpenAccordionUuid === 'function') {\n updateOpenAccordionUuid(uuid);\n }\n\n setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n }\n }, [isDisabled, isOpen, updateOpenAccordionUuid, uuid]);\n\n useEffect(() => {\n if (isInitialRenderRef.current) {\n isInitialRenderRef.current = false;\n } else if (isOpen) {\n if (typeof onOpenRef.current === 'function') {\n onOpenRef.current();\n }\n } else if (typeof onCloseRef.current === 'function') {\n onCloseRef.current();\n }\n }, [isOpen]);\n\n useEffect(() => {\n if (isDefaultOpen) {\n if (typeof updateOpenAccordionUuid === 'function') {\n updateOpenAccordionUuid(uuid, { shouldOnlyOpen: true });\n } else {\n setIsAccordionOpen(true);\n }\n }\n }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n useEffect(() => {\n if (typeof isOpened === 'boolean') {\n if (typeof updateOpenAccordionUuid === 'function' && isOpened !== isOpenRef.current) {\n updateOpenAccordionUuid(uuid);\n } else {\n setIsAccordionOpen(isOpened);\n }\n }\n }, [isOpened, updateOpenAccordionUuid, uuid]);\n\n const accordionContextProviderValue = useMemo(\n () => ({ isWrapped: isWrapped === true }),\n [isWrapped],\n );\n\n return (\n <StyledAccordion\n className=\"beta-chayns-accordion\"\n $isOpen={isOpen}\n $isParentWrapped={isParentWrapped}\n $isWrapped={isWrapped}\n $shouldForceBackground={shouldForceBackground}\n $shouldHideBackground={shouldHideBackground}\n onMouseEnter={onHoverStart}\n onMouseLeave={onHoverEnd}\n >\n <AccordionContext.Provider value={accordionContextProviderValue}>\n <MotionConfig transition={{ type: 'tween' }}>\n <AccordionHead\n uuid={uuid}\n icon={icon}\n isOpen={isOpen}\n isFixed={isFixed}\n isTitleGreyed={isTitleGreyed \|\| isDisabled}\n isWrapped={isWrapped === true}\n onClick={handleHeadClick}\n onSearchChange={onSearchChange}\n rightElement={rightElement}\n searchIcon={searchIcon}\n searchPlaceholder={searchPlaceholder}\n searchValue={searchValue}\n shouldRotateIcon={shouldRotateIcon}\n title={title}\n titleElement={titleElement}\n />\n <AnimatePresence initial={false}>\n {(isOpen \|\| shouldRenderClosed) && (\n <AccordionBody\n maxHeight={bodyMaxHeight}\n onScroll={onBodyScroll}\n shouldHideBody={shouldRenderClosed && !isOpen}\n >\n <AreaContext.Provider value={{ shouldChangeColor: true }}>\n {children}\n </AreaContext.Provider>\n </AccordionBody>\n )}\n </AnimatePresence>\n </MotionConfig>\n </AccordionContext.Provider>\n </StyledAccordion>\n );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Accordion.js","names":["AnimatePresence","MotionConfig","React","useCallback","useContext","useEffect","useMemo","useRef","useState","useUuid","AreaContext","AccordionBody","AccordionGroupContext","AccordionHead","StyledAccordion","AccordionContext","createContext","isWrapped","Accordion","_ref","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isOpened","isTitleGreyed","onBodyScroll","onClose","onHoverEnd","onHoverStart","onOpen","onSearchChange","rightElement","searchIcon","searchPlaceholder","searchValue","shouldForceBackground","shouldHideBackground","shouldRenderClosed","shouldRotateIcon","title","titleElement","openAccordionUuid","updateOpenAccordionUuid","isParentWrapped","isAccordionOpen","setIsAccordionOpen","uuid","isInitialRenderRef","isInGroup","isOpen","isOpenRef","onCloseRef","onOpenRef","current","handleHeadClick","currentIsAccordionOpen","shouldOnlyOpen","accordionContextProviderValue","areaContextProviderValue","shouldChangeColor","createElement","className","$isOpen","$isParentWrapped","$isWrapped","$shouldForceBackground","$shouldHideBackground","onMouseEnter","onMouseLeave","Provider","value","transition","type","onClick","initial","maxHeight","onScroll","shouldHideBody","displayName"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'framer-motion';\nimport React, {\n ChangeEventHandler,\n FC,\n ReactNode,\n UIEvent,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n type MouseEventHandler,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport { AccordionGroupContext } from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport { StyledAccordion } from './Accordion.styles';\n\nexport const AccordionContext = React.createContext({ isWrapped: false });\n\nexport type AccordionProps = {\n /*\n Maximum height of the accordion body element. This automatically makes the content of the\n * body element scrollable.\n /\n bodyMaxHeight?: number;\n /\n The content of the accordion body\n /\n children: ReactNode;\n /\n The icon that is displayed in front of the title\n /\n icon?: string;\n /\n This can be used to automatically expand the Accordion during the first render.\n /\n isDefaultOpen?: boolean;\n /\n This will disable the Accordion so that it cannot be opened and will gray out the title. Does not work with isOpened.\n /\n isDisabled?: boolean;\n /\n This can be used so that the Accordion cannot be opened or closed.\n * In addition, in this case the icon is exchanged to mark the Accordions.\n /\n isFixed?: boolean;\n /\n This can be used to open the Accordion from the outside.\n /\n isOpened?: boolean;\n /\n This will gray out the title of the Accordion to indicate hidden content, for example.\n /\n isTitleGreyed?: boolean;\n /\n Function that is executed when the accordion body will be scrolled\n /\n onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;\n /\n Function that is executed when the accordion will be closed.\n /\n onClose?: VoidFunction;\n /\n Function to be executed when the accordion is no longer hovered.\n /\n onHoverEnd?: MouseEventHandler<HTMLDivElement>;\n /\n Function to be executed when the accordion is hovered.\n /\n onHoverStart?: MouseEventHandler<HTMLDivElement>;\n /\n Function that is executed when the accordion will be opened.\n /\n onOpen?: VoidFunction;\n /\n Function that is executed when the text of the search in the accordion\n * head changes. When this function is given, the search field is displayed\n * in the Accordion Head.\n /\n onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n /\n Content to be displayed on the right side in the head of the Accordion\n /\n rightElement?: ReactNode;\n /\n Icon to be displayed on the right side in the search input\n /\n searchIcon?: string[];\n /\n The placeholder to be used for the search\n /\n searchPlaceholder?: string;\n /\n The value that is displayed inside the search\n /\n searchValue?: string;\n /\n This will force the background color of the accordion to be used even if it is closed and not hovered.\n /\n shouldForceBackground?: boolean;\n /\n This will hide the background color of the accordion\n /\n shouldHideBackground?: boolean;\n /\n This will render the Accordion closed on the first render.\n /\n shouldRenderClosed?: boolean;\n /\n Whether the icon should be rotating.\n /\n shouldRotateIcon?: boolean;\n /\n Title of the Accordion displayed in the head\n /\n title: string;\n /\n Additional elements to be displayed in the header next to the title.\n */\n titleElement?: ReactNode;\n};\n\nconst Accordion: FC<AccordionProps> = ({\n bodyMaxHeight,\n children,\n icon,\n isDefaultOpen = false,\n isDisabled = false,\n isFixed = false,\n isOpened,\n isTitleGreyed = false,\n onBodyScroll,\n onClose,\n onHoverEnd,\n onHoverStart,\n onOpen,\n onSearchChange,\n rightElement,\n searchIcon,\n searchPlaceholder,\n searchValue,\n shouldForceBackground = false,\n shouldHideBackground = false,\n shouldRenderClosed = false,\n shouldRotateIcon = true,\n title,\n titleElement,\n}) => {\n const { isWrapped, openAccordionUuid, updateOpenAccordionUuid } =\n useContext(AccordionGroupContext);\n const { isWrapped: isParentWrapped } = useContext(AccordionContext);\n\n const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen ?? isOpened);\n\n const uuid = useUuid();\n\n const isInitialRenderRef = useRef(true);\n\n const isInGroup = typeof updateOpenAccordionUuid === 'function';\n\n const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n const isOpenRef = useRef(isOpen);\n const onCloseRef = useRef(onClose);\n const onOpenRef = useRef(onOpen);\n\n useEffect(() => {\n isOpenRef.current = isOpen;\n onCloseRef.current = onClose;\n onOpenRef.current = onOpen;\n }, [isOpen, onClose, onOpen]);\n\n const handleHeadClick = useCallback(() => {\n if (isDisabled) {\n return;\n }\n\n if (typeof updateOpenAccordionUuid === 'function') {\n updateOpenAccordionUuid(uuid);\n }\n\n setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n useEffect(() => {\n if (isDisabled && isOpen) {\n if (typeof updateOpenAccordionUuid === 'function') {\n updateOpenAccordionUuid(uuid);\n }\n\n setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n }\n }, [isDisabled, isOpen, updateOpenAccordionUuid, uuid]);\n\n useEffect(() => {\n if (isInitialRenderRef.current) {\n isInitialRenderRef.current = false;\n } else if (isOpen) {\n if (typeof onOpenRef.current === 'function') {\n onOpenRef.current();\n }\n } else if (typeof onCloseRef.current === 'function') {\n onCloseRef.current();\n }\n }, [isOpen]);\n\n useEffect(() => {\n if (isDefaultOpen) {\n if (typeof updateOpenAccordionUuid === 'function') {\n updateOpenAccordionUuid(uuid, { shouldOnlyOpen: true });\n } else {\n setIsAccordionOpen(true);\n }\n }\n }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n useEffect(() => {\n if (typeof isOpened === 'boolean') {\n if (typeof updateOpenAccordionUuid === 'function' && isOpened !== isOpenRef.current) {\n updateOpenAccordionUuid(uuid);\n } else {\n setIsAccordionOpen(isOpened);\n }\n }\n }, [isOpened, updateOpenAccordionUuid, uuid]);\n\n const accordionContextProviderValue = useMemo(\n () => ({ isWrapped: isWrapped === true }),\n [isWrapped],\n );\n\n const areaContextProviderValue = useMemo(() => ({ shouldChangeColor: true }), []);\n\n return (\n <StyledAccordion\n className=\"beta-chayns-accordion\"\n $isOpen={isOpen}\n $isParentWrapped={isParentWrapped}\n $isWrapped={isWrapped}\n $shouldForceBackground={shouldForceBackground}\n $shouldHideBackground={shouldHideBackground}\n onMouseEnter={onHoverStart}\n onMouseLeave={onHoverEnd}\n >\n <AccordionContext.Provider value={accordionContextProviderValue}>\n <MotionConfig transition={{ type: 'tween' }}>\n <AccordionHead\n uuid={uuid}\n icon={icon}\n isOpen={isOpen}\n isFixed={isFixed}\n isTitleGreyed={isTitleGreyed \|\| isDisabled}\n isWrapped={isWrapped === true}\n onClick={handleHeadClick}\n onSearchChange={onSearchChange}\n rightElement={rightElement}\n searchIcon={searchIcon}\n searchPlaceholder={searchPlaceholder}\n searchValue={searchValue}\n shouldRotateIcon={shouldRotateIcon}\n title={title}\n titleElement={titleElement}\n />\n <AnimatePresence initial={false}>\n {(isOpen \|\| shouldRenderClosed) && (\n <AccordionBody\n maxHeight={bodyMaxHeight}\n onScroll={onBodyScroll}\n shouldHideBody={shouldRenderClosed && !isOpen}\n >\n <AreaContext.Provider value={areaContextProviderValue}>\n {children}\n </AreaContext.Provider>\n </AccordionBody>\n )}\n </AnimatePresence>\n </MotionConfig>\n </AccordionContext.Provider>\n </StyledAccordion>\n );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,eAAe;AAC7D,OAAOC,KAAK,IAKRC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QAEL,OAAO;AACd,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,WAAW,QAAQ,sCAAsC;AAClE,OAAOC,aAAa,MAAM,gCAAgC;AAC1D,SAASC,qBAAqB,QAAQ,kCAAkC;AACxE,OAAOC,aAAa,MAAM,gCAAgC;AAC1D,SAASC,eAAe,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,gBAAgB,gBAAGb,KAAK,CAACc,aAAa,CAAC;EAAEC,SAAS,EAAE;AAAM,CAAC,CAAC;AAyGzE,MAAMC,SAA6B,GAAGC,IAAA,IAyBhC;EAAA,IAzBiC;IACnCC,aAAa;IACbC,QAAQ;IACRC,IAAI;IACJC,aAAa,GAAG,KAAK;IACrBC,UAAU,GAAG,KAAK;IAClBC,OAAO,GAAG,KAAK;IACfC,QAAQ;IACRC,aAAa,GAAG,KAAK;IACrBC,YAAY;IACZC,OAAO;IACPC,UAAU;IACVC,YAAY;IACZC,MAAM;IACNC,cAAc;IACdC,YAAY;IACZC,UAAU;IACVC,iBAAiB;IACjBC,WAAW;IACXC,qBAAqB,GAAG,KAAK;IAC7BC,oBAAoB,GAAG,KAAK;IAC5BC,kBAAkB,GAAG,KAAK;IAC1BC,gBAAgB,GAAG,IAAI;IACvBC,KAAK;IACLC;EACJ,CAAC,GAAAxB,IAAA;EACG,MAAM;IAAEF,SAAS;IAAE2B,iBAAiB;IAAEC;EAAwB,CAAC,GAC3DzC,UAAU,CAACQ,qBAAqB,CAAC;EACrC,MAAM;IAAEK,SAAS,EAAE6B;EAAgB,CAAC,GAAG1C,UAAU,CAACW,gBAAgB,CAAC;EAEnE,MAAM,CAACgC,eAAe,EAAEC,kBAAkB,CAAC,GAAGxC,QAAQ,CAAUe,aAAa,IAAIG,QAAQ,CAAC;EAE1F,MAAMuB,IAAI,GAAGxC,OAAO,CAAC,CAAC;EAEtB,MAAMyC,kBAAkB,GAAG3C,MAAM,CAAC,IAAI,CAAC;EAEvC,MAAM4C,SAAS,GAAG,OAAON,uBAAuB,KAAK,UAAU;EAE/D,MAAMO,MAAM,GAAGD,SAAS,GAAGP,iBAAiB,KAAKK,IAAI,GAAGF,eAAe;EAEvE,MAAMM,SAAS,GAAG9C,MAAM,CAAC6C,MAAM,CAAC;EAChC,MAAME,UAAU,GAAG/C,MAAM,CAACsB,OAAO,CAAC;EAClC,MAAM0B,SAAS,GAAGhD,MAAM,CAACyB,MAAM,CAAC;EAEhC3B,SAAS,CAAC,MAAM;IACZgD,SAAS,CAACG,OAAO,GAAGJ,MAAM;IAC1BE,UAAU,CAACE,OAAO,GAAG3B,OAAO;IAC5B0B,SAAS,CAACC,OAAO,GAAGxB,MAAM;EAC9B,CAAC,EAAE,CAACoB,MAAM,EAAEvB,OAAO,EAAEG,MAAM,CAAC,CAAC;EAE7B,MAAMyB,eAAe,GAAGtD,WAAW,CAAC,MAAM;IACtC,IAAIqB,UAAU,EAAE;MACZ;IACJ;IAEA,IAAI,OAAOqB,uBAAuB,KAAK,UAAU,EAAE;MAC/CA,uBAAuB,CAACI,IAAI,CAAC;IACjC;IAEAD,kBAAkB,CAAEU,sBAAsB,IAAK,CAACA,sBAAsB,CAAC;EAC3E,CAAC,EAAE,CAAClC,UAAU,EAAEqB,uBAAuB,EAAEI,IAAI,CAAC,CAAC;EAE/C5C,SAAS,CAAC,MAAM;IACZ,IAAImB,UAAU,IAAI4B,MAAM,EAAE;MACtB,IAAI,OAAOP,uBAAuB,KAAK,UAAU,EAAE;QAC/CA,uBAAuB,CAACI,IAAI,CAAC;MACjC;MAEAD,kBAAkB,CAAEU,sBAAsB,IAAK,CAACA,sBAAsB,CAAC;IAC3E;EACJ,CAAC,EAAE,CAAClC,UAAU,EAAE4B,MAAM,EAAEP,uBAAuB,EAAEI,IAAI,CAAC,CAAC;EAEvD5C,SAAS,CAAC,MAAM;IACZ,IAAI6C,kBAAkB,CAACM,OAAO,EAAE;MAC5BN,kBAAkB,CAACM,OAAO,GAAG,KAAK;IACtC,CAAC,MAAM,IAAIJ,MAAM,EAAE;MACf,IAAI,OAAOG,SAAS,CAACC,OAAO,KAAK,UAAU,EAAE;QACzCD,SAAS,CAACC,OAAO,CAAC,CAAC;MACvB;IACJ,CAAC,MAAM,IAAI,OAAOF,UAAU,CAACE,OAAO,KAAK,UAAU,EAAE;MACjDF,UAAU,CAACE,OAAO,CAAC,CAAC;IACxB;EACJ,CAAC,EAAE,CAACJ,MAAM,CAAC,CAAC;EAEZ/C,SAAS,CAAC,MAAM;IACZ,IAAIkB,aAAa,EAAE;MACf,IAAI,OAAOsB,uBAAuB,KAAK,UAAU,EAAE;QAC/CA,uBAAuB,CAACI,IAAI,EAAE;UAAEU,cAAc,EAAE;QAAK,CAAC,CAAC;MAC3D,CAAC,MAAM;QACHX,kBAAkB,CAAC,IAAI,CAAC;MAC5B;IACJ;EACJ,CAAC,EAAE,CAACzB,aAAa,EAAEsB,uBAAuB,EAAEI,IAAI,CAAC,CAAC;EAElD5C,SAAS,CAAC,MAAM;IACZ,IAAI,OAAOqB,QAAQ,KAAK,SAAS,EAAE;MAC/B,IAAI,OAAOmB,uBAAuB,KAAK,UAAU,IAAInB,QAAQ,KAAK2B,SAAS,CAACG,OAAO,EAAE;QACjFX,uBAAuB,CAACI,IAAI,CAAC;MACjC,CAAC,MAAM;QACHD,kBAAkB,CAACtB,QAAQ,CAAC;MAChC;IACJ;EACJ,CAAC,EAAE,CAACA,QAAQ,EAAEmB,uBAAuB,EAAEI,IAAI,CAAC,CAAC;EAE7C,MAAMW,6BAA6B,GAAGtD,OAAO,CACzC,OAAO;IAAEW,SAAS,EAAEA,SAAS,KAAK;EAAK,CAAC,CAAC,EACzC,CAACA,SAAS,CACd,CAAC;EAED,MAAM4C,wBAAwB,GAAGvD,OAAO,CAAC,OAAO;IAAEwD,iBAAiB,EAAE;EAAK,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjF,oBACI5D,KAAA,CAAA6D,aAAA,CAACjD,eAAe;IACZkD,SAAS,EAAC,uBAAuB;IACjCC,OAAO,EAAEb,MAAO;IAChBc,gBAAgB,EAAEpB,eAAgB;IAClCqB,UAAU,EAAElD,SAAU;IACtBmD,sBAAsB,EAAE9B,qBAAsB;IAC9C+B,qBAAqB,EAAE9B,oBAAqB;IAC5C+B,YAAY,EAAEvC,YAAa;IAC3BwC,YAAY,EAAEzC;EAAW,gBAEzB5B,KAAA,CAAA6D,aAAA,CAAChD,gBAAgB,CAACyD,QAAQ;IAACC,KAAK,EAAEb;EAA8B,gBAC5D1D,KAAA,CAAA6D,aAAA,CAAC9D,YAAY;IAACyE,UAAU,EAAE;MAAEC,IAAI,EAAE;IAAQ;EAAE,gBACxCzE,KAAA,CAAA6D,aAAA,CAAClD,aAAa;IACVoC,IAAI,EAAEA,IAAK;IACX3B,IAAI,EAAEA,IAAK;IACX8B,MAAM,EAAEA,MAAO;IACf3B,OAAO,EAAEA,OAAQ;IACjBE,aAAa,EAAEA,aAAa,IAAIH,UAAW;IAC3CP,SAAS,EAAEA,SAAS,KAAK,IAAK;IAC9B2D,OAAO,EAAEnB,eAAgB;IACzBxB,cAAc,EAAEA,cAAe;IAC/BC,YAAY,EAAEA,YAAa;IAC3BC,UAAU,EAAEA,UAAW;IACvBC,iBAAiB,EAAEA,iBAAkB;IACrCC,WAAW,EAAEA,WAAY;IACzBI,gBAAgB,EAAEA,gBAAiB;IACnCC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA;EAAa,CAC9B,CAAC,eACFzC,KAAA,CAAA6D,aAAA,CAAC/D,eAAe;IAAC6E,OAAO,EAAE;EAAM,GAC3B,CAACzB,MAAM,IAAIZ,kBAAkB,kBAC1BtC,KAAA,CAAA6D,aAAA,CAACpD,aAAa;IACVmE,SAAS,EAAE1D,aAAc;IACzB2D,QAAQ,EAAEnD,YAAa;IACvBoD,cAAc,EAAExC,kBAAkB,IAAI,CAACY;EAAO,gBAE9ClD,KAAA,CAAA6D,aAAA,CAACrD,WAAW,CAAC8D,QAAQ;IAACC,KAAK,EAAEZ;EAAyB,GACjDxC,QACiB,CACX,CAEN,CACP,CACS,CACd,CAAC;AAE1B,CAAC;AAEDH,SAAS,CAAC+D,WAAW,GAAG,WAAW;AAEnC,eAAe/D,SAAS","ignoreList":[]}

package/lib/esm/components/accordion/Accordion.styles.js CHANGED Viewed

@@ -47,7 +47,7 @@ export const StyledAccordion = styled.div`
   } = _ref4;
   if ($shouldForceBackground) return undefined;
   if (theme.accordionLines) {
-    if ($isWrapped && !$isOpen) {
+    if ($isWrapped) {
       return css`
                     &&:not(:last-child) {
                         border-bottom-color: ${theme.headline}80;

package/lib/esm/components/accordion/Accordion.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.styles.js","names":["styled","css","StyledAccordion","div","_ref","$isOpen","$isWrapped","$shouldForceBackground","$shouldHideBackground","theme","cardBackgroundOpacity","cardBorderRadius","cardShadow","_ref2","accordionLines","_ref3","_ref4","undefined","headline","_ref5","$isParentWrapped","_ref6","_ref7"],"sources":["../../../../src/components/accordion/Accordion.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMotionAccordionProps = WithTheme<{\n $isOpen: boolean;\n $isParentWrapped: boolean;\n $isWrapped?: boolean;\n $shouldForceBackground?: boolean;\n $shouldHideBackground?: boolean;\n}>;\n\nexport const StyledAccordion = styled.div<StyledMotionAccordionProps>`\n ${({\n $isOpen,\n $isWrapped,\n $shouldForceBackground,\n $shouldHideBackground,\n theme,\n }: StyledMotionAccordionProps) =>\n ($isOpen \|\| $shouldForceBackground) &&\n !$isWrapped &&\n !$shouldHideBackground &&\n css`\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n border-radius: ${theme.cardBorderRadius}px;\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${theme.cardShadow});\n `}\n\n ${({ theme }: StyledMotionAccordionProps) =>\n theme.accordionLines &&\n css`\n border-bottom: 1px solid transparent;\n `}\n \n margin-bottom: ${({ $isOpen, $isWrapped }: StyledMotionAccordionProps) =>\n $isOpen && !$isWrapped ? '30px' : '0px'};\n transition:\n background-color 0.3s ease,\n border-bottom-color 0.3s ease,\n border-radius 0.3s ease,\n box-shadow 0.3s ease,\n margin-bottom 0.3s ease;\n\n ${({ $isOpen, $isWrapped, $shouldForceBackground, theme }: StyledMotionAccordionProps) => {\n if ($shouldForceBackground) return undefined;\n\n if (theme.accordionLines) {\n if ($isWrapped ~~&& !$isOpen~~) {\n return css`\n &&:not(:last-child) {\n border-bottom-color: ${theme.headline}80;\n }\n `;\n }\n\n if (!$isOpen) {\n return css`\n border-bottom-color: ${theme.headline};\n `;\n }\n }\n\n return undefined;\n }}\n ${({ $isParentWrapped }: StyledMotionAccordionProps) =>\n $isParentWrapped &&\n css`\n padding-left: 17px;\n `}\n ${({ $isWrapped }: StyledMotionAccordionProps) =>\n !$isWrapped &&\n css`\n margin-top: 10px;\n `}\n ${({ $isWrapped, $shouldHideBackground, theme }: StyledMotionAccordionProps) =>\n !$isWrapped &&\n !$shouldHideBackground &&\n css`\n &:hover {\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n }\n `};\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAW/C,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACG,GAA+B;AACrE,MAAMC,IAAA;EAAA,IAAC;IACCC,OAAO;IACPC,UAAU;IACVC,sBAAsB;IACtBC,qBAAqB;IACrBC;EACwB,CAAC,GAAAL,IAAA;EAAA,OACzB,CAACC,OAAO,IAAIE,sBAAsB,KAClC,CAACD,UAAU,IACX,CAACE,qBAAqB,IACtBP,GAAG;AACX,qCAAqCQ,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACC,qBAAqB;AACrF,6BAA6BD,KAAK,CAACE,gBAAgB;AACnD,oDAAoDF,KAAK,CAACG,UAAU;AACpE,SAAS;AAAA;AACT;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEJ;EAAkC,CAAC,GAAAI,KAAA;EAAA,OACpCJ,KAAK,CAACK,cAAc,IACpBb,GAAG;AACX;AACA,SAAS;AAAA;AACT;AACA,qBAAqBc,KAAA;EAAA,IAAC;IAAEV,OAAO;IAAEC;EAAuC,CAAC,GAAAS,KAAA;EAAA,OACjEV,OAAO,IAAI,CAACC,UAAU,GAAG,MAAM,GAAG,KAAK;AAAA;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMU,KAAA,IAAwF;EAAA,IAAvF;IAAEX,OAAO;IAAEC,UAAU;IAAEC,sBAAsB;IAAEE;EAAkC,CAAC,GAAAO,KAAA;EACjF,IAAIT,sBAAsB,EAAE,OAAOU,SAAS;EAE5C,IAAIR,KAAK,CAACK,cAAc,EAAE;IACtB,IAAIR,UAAU,~~IAAI,CAACD,OAAO,~~EAAE;~~MACxB~~,~~OAAOJ~~,GAAG;AAC1B;AACA,+CAA+CQ,KAAK,CAACS,QAAQ;AAC7D;AACA,iBAAiB;IACL;IAEA,IAAI,CAACb,OAAO,EAAE;MACV,OAAOJ,GAAG;AAC1B,2CAA2CQ,KAAK,CAACS,QAAQ;AACzD,iBAAiB;IACL;EACJ;EAEA,OAAOD,SAAS;AACpB,CAAC;AACL,MAAME,KAAA;EAAA,IAAC;IAAEC;EAA6C,CAAC,GAAAD,KAAA;EAAA,OAC/CC,gBAAgB,IAChBnB,GAAG;AACX;AACA,SAAS;AAAA;AACT,cAAcoB,KAAA;EAAA,IAAC;IAAEf;EAAuC,CAAC,GAAAe,KAAA;EAAA,OACjD,CAACf,UAAU,IACXL,GAAG;AACX;AACA,SAAS;AAAA;AACT,cAAcqB,KAAA;EAAA,IAAC;IAAEhB,UAAU;IAAEE,qBAAqB;IAAEC;EAAkC,CAAC,GAAAa,KAAA;EAAA,OAC/E,CAAChB,UAAU,IACX,CAACE,qBAAqB,IACtBP,GAAG;AACX;AACA,yCAAyCQ,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACC,qBAAqB;AACzF;AACA,SAAS;AAAA;AACT,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"Accordion.styles.js","names":["styled","css","StyledAccordion","div","_ref","$isOpen","$isWrapped","$shouldForceBackground","$shouldHideBackground","theme","cardBackgroundOpacity","cardBorderRadius","cardShadow","_ref2","accordionLines","_ref3","_ref4","undefined","headline","_ref5","$isParentWrapped","_ref6","_ref7"],"sources":["../../../../src/components/accordion/Accordion.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMotionAccordionProps = WithTheme<{\n $isOpen: boolean;\n $isParentWrapped: boolean;\n $isWrapped?: boolean;\n $shouldForceBackground?: boolean;\n $shouldHideBackground?: boolean;\n}>;\n\nexport const StyledAccordion = styled.div<StyledMotionAccordionProps>`\n ${({\n $isOpen,\n $isWrapped,\n $shouldForceBackground,\n $shouldHideBackground,\n theme,\n }: StyledMotionAccordionProps) =>\n ($isOpen \|\| $shouldForceBackground) &&\n !$isWrapped &&\n !$shouldHideBackground &&\n css`\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n border-radius: ${theme.cardBorderRadius}px;\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${theme.cardShadow});\n `}\n\n ${({ theme }: StyledMotionAccordionProps) =>\n theme.accordionLines &&\n css`\n border-bottom: 1px solid transparent;\n `}\n \n margin-bottom: ${({ $isOpen, $isWrapped }: StyledMotionAccordionProps) =>\n $isOpen && !$isWrapped ? '30px' : '0px'};\n transition:\n background-color 0.3s ease,\n border-bottom-color 0.3s ease,\n border-radius 0.3s ease,\n box-shadow 0.3s ease,\n margin-bottom 0.3s ease;\n\n ${({ $isOpen, $isWrapped, $shouldForceBackground, theme }: StyledMotionAccordionProps) => {\n if ($shouldForceBackground) return undefined;\n\n if (theme.accordionLines) {\n if ($isWrapped) {\n return css`\n &&:not(:last-child) {\n border-bottom-color: ${theme.headline}80;\n }\n `;\n }\n\n if (!$isOpen) {\n return css`\n border-bottom-color: ${theme.headline};\n `;\n }\n }\n\n return undefined;\n }}\n ${({ $isParentWrapped }: StyledMotionAccordionProps) =>\n $isParentWrapped &&\n css`\n padding-left: 17px;\n `}\n ${({ $isWrapped }: StyledMotionAccordionProps) =>\n !$isWrapped &&\n css`\n margin-top: 10px;\n `}\n ${({ $isWrapped, $shouldHideBackground, theme }: StyledMotionAccordionProps) =>\n !$isWrapped &&\n !$shouldHideBackground &&\n css`\n &:hover {\n background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n }\n `};\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAW/C,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACG,GAA+B;AACrE,MAAMC,IAAA;EAAA,IAAC;IACCC,OAAO;IACPC,UAAU;IACVC,sBAAsB;IACtBC,qBAAqB;IACrBC;EACwB,CAAC,GAAAL,IAAA;EAAA,OACzB,CAACC,OAAO,IAAIE,sBAAsB,KAClC,CAACD,UAAU,IACX,CAACE,qBAAqB,IACtBP,GAAG;AACX,qCAAqCQ,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACC,qBAAqB;AACrF,6BAA6BD,KAAK,CAACE,gBAAgB;AACnD,oDAAoDF,KAAK,CAACG,UAAU;AACpE,SAAS;AAAA;AACT;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEJ;EAAkC,CAAC,GAAAI,KAAA;EAAA,OACpCJ,KAAK,CAACK,cAAc,IACpBb,GAAG;AACX;AACA,SAAS;AAAA;AACT;AACA,qBAAqBc,KAAA;EAAA,IAAC;IAAEV,OAAO;IAAEC;EAAuC,CAAC,GAAAS,KAAA;EAAA,OACjEV,OAAO,IAAI,CAACC,UAAU,GAAG,MAAM,GAAG,KAAK;AAAA;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMU,KAAA,IAAwF;EAAA,IAAvF;IAAEX,OAAO;IAAEC,UAAU;IAAEC,sBAAsB;IAAEE;EAAkC,CAAC,GAAAO,KAAA;EACjF,IAAIT,sBAAsB,EAAE,OAAOU,SAAS;EAE5C,IAAIR,KAAK,CAACK,cAAc,EAAE;IACtB,IAAIR,UAAU,EAAE;MACZ,OAAOL,GAAG;AAC1B;AACA,+CAA+CQ,KAAK,CAACS,QAAQ;AAC7D;AACA,iBAAiB;IACL;IAEA,IAAI,CAACb,OAAO,EAAE;MACV,OAAOJ,GAAG;AAC1B,2CAA2CQ,KAAK,CAACS,QAAQ;AACzD,iBAAiB;IACL;EACJ;EAEA,OAAOD,SAAS;AACpB,CAAC;AACL,MAAME,KAAA;EAAA,IAAC;IAAEC;EAA6C,CAAC,GAAAD,KAAA;EAAA,OAC/CC,gBAAgB,IAChBnB,GAAG;AACX;AACA,SAAS;AAAA;AACT,cAAcoB,KAAA;EAAA,IAAC;IAAEf;EAAuC,CAAC,GAAAe,KAAA;EAAA,OACjD,CAACf,UAAU,IACXL,GAAG;AACX;AACA,SAAS;AAAA;AACT,cAAcqB,KAAA;EAAA,IAAC;IAAEhB,UAAU;IAAEE,qBAAqB;IAAEC;EAAkC,CAAC,GAAAa,KAAA;EAAA,OAC/E,CAAChB,UAAU,IACX,CAACE,qBAAqB,IACtBP,GAAG;AACX;AACA,yCAAyCQ,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACC,qBAAqB;AACzF;AACA,SAAS;AAAA;AACT,CAAC","ignoreList":[]}

package/lib/esm/components/accordion/accordion-head/AccordionHead.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { AnimatePresence, LayoutGroup } from 'framer-motion';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { useTheme } from 'styled-components';
+import { useElementSize } from '../../../hooks/useElementSize';
 import { getAccordionHeadHeight } from '../../../utils/accordion';
 import Icon from '../../icon/Icon';
 import { StyledAccordionIcon, StyledMotionAccordionHead, StyledMotionContentWrapper, StyledMotionIconWrapper, StyledMotionRightElementWrapper, StyledMotionRightInput, StyledMotionRightInputIconWrapper, StyledMotionTitle, StyledMotionTitleElementWrapper, StyledMotionTitleWrapper, StyledRightWrapper } from './AccordionHead.styles';
@@ -27,7 +28,11 @@ const AccordionHead = _ref => {
     open: isWrapped ? 40 : 33
   });
   const theme = useTheme();
+  const titleElementWrapperRef = useRef(null);
   const titleWrapperRef = useRef(null);
+  const titleElementChildrenSize = useElementSize(titleElementWrapperRef, {
+    shouldUseChildElement: true
+  });
   const hasSearchIcon = Array.isArray(searchIcon);
   useEffect(() => {
     setHeadHeight(getAccordionHeadHeight({
@@ -37,7 +42,7 @@ const AccordionHead = _ref => {
     }));
     // The fontSize need to be included to trigger a new calculation.
     // After the size is increased, the Title is cut at the bottom.
-  }, [isWrapped, title, theme.fontSize]);
+  }, [isWrapped, theme.fontSize, title]);
   const iconElement = useMemo(() => {
     if (icon || isFixed) {
       return /*#__PURE__*/React.createElement(Icon, {
@@ -54,9 +59,15 @@ const AccordionHead = _ref => {
       $icon: internalIcon
     });
   }, [icon, theme, isFixed]);
+  let accordionHeadHeight = isOpen ? headHeight.open : headHeight.closed;
+  if (titleElementChildrenSize && titleElementChildrenSize.height > accordionHeadHeight) {
+    // If the titleElement is bigger than the title, the height of the accordion head should be increased.
+    // The height of the titleElement is increased by 8px because of the padding of the accordion head element.
+    accordionHeadHeight = titleElementChildrenSize.height + 8;
+  }
   return /*#__PURE__*/React.createElement(StyledMotionAccordionHead, {
     animate: {
-      height: isOpen ? headHeight.open : headHeight.closed
+      height: accordionHeadHeight
     },
     className: "beta-chayns-accordion-head",
     initial: false,
@@ -103,7 +114,8 @@ const AccordionHead = _ref => {
     key: isOpen && !isWrapped ? `accordionHeadTitleBig--${uuid}` : `accordionHeadTitle--${uuid}`
   }, title))), titleElement && /*#__PURE__*/React.createElement(StyledMotionTitleElementWrapper, {
     layout: true,
-    key: `accordionTitleElement--${uuid}`
+    key: `accordionTitleElement--${uuid}`,
+    ref: titleElementWrapperRef
   }, titleElement))), (typeof onSearchChange === 'function' || rightElement) && /*#__PURE__*/React.createElement(StyledRightWrapper, null, /*#__PURE__*/React.createElement(AnimatePresence, {
     initial: false,
     key: `accordionRightWrapper--${uuid}`

package/lib/esm/components/accordion/accordion-head/AccordionHead.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccordionHead.js","names":["AnimatePresence","LayoutGroup","React","useEffect","useMemo","useRef","useState","useTheme","getAccordionHeadHeight","Icon","StyledAccordionIcon","StyledMotionAccordionHead","StyledMotionContentWrapper","StyledMotionIconWrapper","StyledMotionRightElementWrapper","StyledMotionRightInput","StyledMotionRightInputIconWrapper","StyledMotionTitle","StyledMotionTitleElementWrapper","StyledMotionTitleWrapper","StyledRightWrapper","AccordionHead","_ref","icon","isOpen","isFixed","isTitleGreyed","isWrapped","onClick","onSearchChange","rightElement","searchIcon","searchPlaceholder","searchValue","shouldRotateIcon","title","titleElement","uuid","headHeight","setHeadHeight","closed","open","theme","titleWrapperRef","hasSearchIcon","Array","isArray","width","current","clientWidth","fontSize","iconElement","createElement","icons","internalIcon","accordionIcon","toString","internalIconStyle","iconStyle","className","$icon","animate","height","initial","key","rotate","undefined","opacity","ref","scale","exit","$isOpen","$isWrapped","transition","duration","layout","Fragment","autoComplete","$hasIcon","onChange","placeholder","type","value","displayName"],"sources":["../../../../../src/components/accordion/accordion-head/AccordionHead.tsx"],"sourcesContent":["import { AnimatePresence, LayoutGroup } from 'framer-motion';\nimport React, {\n ChangeEventHandler,\n FC,\n MouseEventHandler,\n ReactNode,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport { getAccordionHeadHeight } from '../../../utils/accordion';\nimport Icon from '../../icon/Icon';\nimport {\n StyledAccordionIcon,\n StyledMotionAccordionHead,\n StyledMotionContentWrapper,\n StyledMotionIconWrapper,\n StyledMotionRightElementWrapper,\n StyledMotionRightInput,\n StyledMotionRightInputIconWrapper,\n StyledMotionTitle,\n StyledMotionTitleElementWrapper,\n StyledMotionTitleWrapper,\n StyledRightWrapper,\n} from './AccordionHead.styles';\n\ntype AccordionHeadProps = {\n icon?: string;\n isOpen: boolean;\n isFixed: boolean;\n isTitleGreyed: boolean;\n isWrapped: boolean;\n onClick: MouseEventHandler<HTMLDivElement>;\n onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n rightElement?: ReactNode;\n searchIcon?: string[];\n searchPlaceholder?: string;\n searchValue?: string;\n shouldRotateIcon?: boolean;\n title: string;\n titleElement?: ReactNode;\n uuid: string;\n};\n\ninterface HeadHeight {\n closed: number;\n open: number;\n}\n\nconst AccordionHead: FC<AccordionHeadProps> = ({\n icon,\n isOpen,\n isFixed,\n isTitleGreyed,\n isWrapped,\n onClick,\n onSearchChange,\n rightElement,\n searchIcon,\n searchPlaceholder,\n searchValue,\n shouldRotateIcon,\n title,\n titleElement,\n uuid,\n}) => {\n const [headHeight, setHeadHeight] = useState<HeadHeight>({\n closed: isWrapped ? 40 : 33,\n open: isWrapped ? 40 : 33,\n });\n\n const theme = useTheme();\n\n const titleWrapperRef = useRef<HTMLDivElement>(null);\n\n const hasSearchIcon = Array.isArray(searchIcon);\n\n useEffect(() => {\n setHeadHeight(\n getAccordionHeadHeight({\n isWrapped,\n title,\n width: (titleWrapperRef.current?.clientWidth ?? 0) - 10,\n }),\n );\n // The fontSize need to be included to trigger a new calculation.\n // After the size is increased, the Title is cut at the bottom.\n }, [isWrapped, title, theme.fontSize]);\n\n const iconElement = useMemo(() => {\n if (icon \|\| isFixed) {\n return (\n <Icon icons={[isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']} />\n );\n }\n\n let internalIcon = 'f105';\n\n if (\n theme?.accordionIcon &&\n theme.accordionIcon !== 110 &&\n theme.accordionIcon !== 1110100\n ) {\n internalIcon = (theme.accordionIcon as number).toString(16);\n }\n\n const internalIconStyle = theme?.iconStyle ? (theme.iconStyle as string) : 'fa-regular';\n\n return <StyledAccordionIcon className={internalIconStyle} $icon={internalIcon} />;\n }, [icon, theme, isFixed]);\n\n return (\n <StyledMotionAccordionHead\n animate={{ height: isOpen ? headHeight.open : headHeight.closed }}\n className=\"beta-chayns-accordion-head\"\n initial={false}\n key={`accordionHead--${uuid}`}\n >\n <StyledMotionIconWrapper\n animate={{ rotate: (isOpen \|\| isFixed) && shouldRotateIcon ? 90 : 0 }}\n initial={false}\n onClick={!isFixed ? onClick : undefined}\n key={`accordionHeadIcon--${uuid}`}\n >\n {iconElement}\n </StyledMotionIconWrapper>\n <StyledMotionContentWrapper\n animate={{ opacity: isTitleGreyed ? 0.5 : 1 }}\n initial={false}\n onClick={!isFixed ? onClick : undefined}\n ref={titleWrapperRef}\n key={`accordionHeadContentWrapper--${uuid}`}\n >\n <LayoutGroup key={`accordionHeadLayoutGroup--${uuid}`}>\n <StyledMotionTitleWrapper key={`accordionHeadTitleWrapperWrapper--${uuid}`}>\n <AnimatePresence initial={false} key={`accordionHeadTitleWrapper--${uuid}`}>\n <StyledMotionTitle\n animate={{ scale: 1 }}\n initial={{ scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3 }}\n exit={{ opacity: 0 }}\n $isOpen={isOpen}\n $isWrapped={isWrapped}\n transition={{\n opacity: {\n duration: 0,\n },\n }}\n key={\n isOpen && !isWrapped\n ? `accordionHeadTitleBig--${uuid}`\n : `accordionHeadTitle--${uuid}`\n }\n >\n {title}\n </StyledMotionTitle>\n </AnimatePresence>\n </StyledMotionTitleWrapper>\n {titleElement && (\n <StyledMotionTitleElementWrapper\n layout\n key={`accordionTitleElement--${uuid}`}\n >\n {titleElement}\n </StyledMotionTitleElementWrapper>\n )}\n </LayoutGroup>\n </StyledMotionContentWrapper>\n {(typeof onSearchChange === 'function' \|\| rightElement) && (\n <StyledRightWrapper>\n <AnimatePresence initial={false} key={`accordionRightWrapper--${uuid}`}>\n {typeof onSearchChange === 'function' && isOpen ? (\n <>\n <StyledMotionRightInput\n animate={{ opacity: 1, width: '165px' }}\n autoComplete=\"off\"\n exit={{ opacity: 0, width: 0 }}\n $hasIcon={hasSearchIcon}\n initial={{ opacity: 0, width: 0 }}\n key={`rightInput--${uuid}`}\n onChange={onSearchChange}\n placeholder={searchPlaceholder}\n type=\"text\"\n value={searchValue}\n />\n {hasSearchIcon && (\n <StyledMotionRightInputIconWrapper\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n initial={{ opacity: 0 }}\n key={`rightInputIcon-${uuid}`}\n >\n <Icon icons={searchIcon} />\n </StyledMotionRightInputIconWrapper>\n )}\n </>\n ) : (\n <StyledMotionRightElementWrapper\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n initial={{ opacity: 0 }}\n key={`rightElementWrapper--${uuid}`}\n >\n {rightElement}\n </StyledMotionRightElementWrapper>\n )}\n </AnimatePresence>\n </StyledRightWrapper>\n )}\n </StyledMotionAccordionHead>\n );\n};\n\nAccordionHead.displayName = 'AccordionHead';\n\nexport default AccordionHead;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"AccordionHead.js","names":["AnimatePresence","LayoutGroup","React","useEffect","useMemo","useRef","useState","useTheme","useElementSize","getAccordionHeadHeight","Icon","StyledAccordionIcon","StyledMotionAccordionHead","StyledMotionContentWrapper","StyledMotionIconWrapper","StyledMotionRightElementWrapper","StyledMotionRightInput","StyledMotionRightInputIconWrapper","StyledMotionTitle","StyledMotionTitleElementWrapper","StyledMotionTitleWrapper","StyledRightWrapper","AccordionHead","_ref","icon","isOpen","isFixed","isTitleGreyed","isWrapped","onClick","onSearchChange","rightElement","searchIcon","searchPlaceholder","searchValue","shouldRotateIcon","title","titleElement","uuid","headHeight","setHeadHeight","closed","open","theme","titleElementWrapperRef","titleWrapperRef","titleElementChildrenSize","shouldUseChildElement","hasSearchIcon","Array","isArray","width","current","clientWidth","fontSize","iconElement","createElement","icons","internalIcon","accordionIcon","toString","internalIconStyle","iconStyle","className","$icon","accordionHeadHeight","height","animate","initial","key","rotate","undefined","opacity","ref","scale","exit","$isOpen","$isWrapped","transition","duration","layout","Fragment","autoComplete","$hasIcon","onChange","placeholder","type","value","displayName"],"sources":["../../../../../src/components/accordion/accordion-head/AccordionHead.tsx"],"sourcesContent":["import { AnimatePresence, LayoutGroup } from 'framer-motion';\nimport React, {\n ChangeEventHandler,\n FC,\n MouseEventHandler,\n ReactNode,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport { useElementSize } from '../../../hooks/useElementSize';\nimport { getAccordionHeadHeight } from '../../../utils/accordion';\nimport Icon from '../../icon/Icon';\nimport {\n StyledAccordionIcon,\n StyledMotionAccordionHead,\n StyledMotionContentWrapper,\n StyledMotionIconWrapper,\n StyledMotionRightElementWrapper,\n StyledMotionRightInput,\n StyledMotionRightInputIconWrapper,\n StyledMotionTitle,\n StyledMotionTitleElementWrapper,\n StyledMotionTitleWrapper,\n StyledRightWrapper,\n} from './AccordionHead.styles';\n\nexport type AccordionHeadProps = {\n icon?: string;\n isOpen: boolean;\n isFixed: boolean;\n isTitleGreyed: boolean;\n isWrapped: boolean;\n onClick: MouseEventHandler<HTMLDivElement>;\n onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n rightElement?: ReactNode;\n searchIcon?: string[];\n searchPlaceholder?: string;\n searchValue?: string;\n shouldRotateIcon?: boolean;\n title: string;\n titleElement?: ReactNode;\n uuid: string;\n};\n\ninterface HeadHeight {\n closed: number;\n open: number;\n}\n\nconst AccordionHead: FC<AccordionHeadProps> = ({\n icon,\n isOpen,\n isFixed,\n isTitleGreyed,\n isWrapped,\n onClick,\n onSearchChange,\n rightElement,\n searchIcon,\n searchPlaceholder,\n searchValue,\n shouldRotateIcon,\n title,\n titleElement,\n uuid,\n}) => {\n const [headHeight, setHeadHeight] = useState<HeadHeight>({\n closed: isWrapped ? 40 : 33,\n open: isWrapped ? 40 : 33,\n });\n\n const theme = useTheme();\n\n const titleElementWrapperRef = useRef<HTMLDivElement>(null);\n const titleWrapperRef = useRef<HTMLDivElement>(null);\n\n const titleElementChildrenSize = useElementSize(titleElementWrapperRef, {\n shouldUseChildElement: true,\n });\n\n const hasSearchIcon = Array.isArray(searchIcon);\n\n useEffect(() => {\n setHeadHeight(\n getAccordionHeadHeight({\n isWrapped,\n title,\n width: (titleWrapperRef.current?.clientWidth ?? 0) - 10,\n }),\n );\n // The fontSize need to be included to trigger a new calculation.\n // After the size is increased, the Title is cut at the bottom.\n }, [isWrapped, theme.fontSize, title]);\n\n const iconElement = useMemo(() => {\n if (icon \|\| isFixed) {\n return (\n <Icon icons={[isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']} />\n );\n }\n\n let internalIcon = 'f105';\n\n if (\n theme?.accordionIcon &&\n theme.accordionIcon !== 110 &&\n theme.accordionIcon !== 1110100\n ) {\n internalIcon = (theme.accordionIcon as number).toString(16);\n }\n\n const internalIconStyle = theme?.iconStyle ? (theme.iconStyle as string) : 'fa-regular';\n\n return <StyledAccordionIcon className={internalIconStyle} $icon={internalIcon} />;\n }, [icon, theme, isFixed]);\n\n let accordionHeadHeight = isOpen ? headHeight.open : headHeight.closed;\n\n if (titleElementChildrenSize && titleElementChildrenSize.height > accordionHeadHeight) {\n // If the titleElement is bigger than the title, the height of the accordion head should be increased.\n // The height of the titleElement is increased by 8px because of the padding of the accordion head element.\n accordionHeadHeight = titleElementChildrenSize.height + 8;\n }\n\n return (\n <StyledMotionAccordionHead\n animate={{ height: accordionHeadHeight }}\n className=\"beta-chayns-accordion-head\"\n initial={false}\n key={`accordionHead--${uuid}`}\n >\n <StyledMotionIconWrapper\n animate={{ rotate: (isOpen \|\| isFixed) && shouldRotateIcon ? 90 : 0 }}\n initial={false}\n onClick={!isFixed ? onClick : undefined}\n key={`accordionHeadIcon--${uuid}`}\n >\n {iconElement}\n </StyledMotionIconWrapper>\n <StyledMotionContentWrapper\n animate={{ opacity: isTitleGreyed ? 0.5 : 1 }}\n initial={false}\n onClick={!isFixed ? onClick : undefined}\n ref={titleWrapperRef}\n key={`accordionHeadContentWrapper--${uuid}`}\n >\n <LayoutGroup key={`accordionHeadLayoutGroup--${uuid}`}>\n <StyledMotionTitleWrapper key={`accordionHeadTitleWrapperWrapper--${uuid}`}>\n <AnimatePresence initial={false} key={`accordionHeadTitleWrapper--${uuid}`}>\n <StyledMotionTitle\n animate={{ scale: 1 }}\n initial={{ scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3 }}\n exit={{ opacity: 0 }}\n $isOpen={isOpen}\n $isWrapped={isWrapped}\n transition={{\n opacity: {\n duration: 0,\n },\n }}\n key={\n isOpen && !isWrapped\n ? `accordionHeadTitleBig--${uuid}`\n : `accordionHeadTitle--${uuid}`\n }\n >\n {title}\n </StyledMotionTitle>\n </AnimatePresence>\n </StyledMotionTitleWrapper>\n {titleElement && (\n <StyledMotionTitleElementWrapper\n layout\n key={`accordionTitleElement--${uuid}`}\n ref={titleElementWrapperRef}\n >\n {titleElement}\n </StyledMotionTitleElementWrapper>\n )}\n </LayoutGroup>\n </StyledMotionContentWrapper>\n {(typeof onSearchChange === 'function' \|\| rightElement) && (\n <StyledRightWrapper>\n <AnimatePresence initial={false} key={`accordionRightWrapper--${uuid}`}>\n {typeof onSearchChange === 'function' && isOpen ? (\n <>\n <StyledMotionRightInput\n animate={{ opacity: 1, width: '165px' }}\n autoComplete=\"off\"\n exit={{ opacity: 0, width: 0 }}\n $hasIcon={hasSearchIcon}\n initial={{ opacity: 0, width: 0 }}\n key={`rightInput--${uuid}`}\n onChange={onSearchChange}\n placeholder={searchPlaceholder}\n type=\"text\"\n value={searchValue}\n />\n {hasSearchIcon && (\n <StyledMotionRightInputIconWrapper\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n initial={{ opacity: 0 }}\n key={`rightInputIcon-${uuid}`}\n >\n <Icon icons={searchIcon} />\n </StyledMotionRightInputIconWrapper>\n )}\n </>\n ) : (\n <StyledMotionRightElementWrapper\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n initial={{ opacity: 0 }}\n key={`rightElementWrapper--${uuid}`}\n >\n {rightElement}\n </StyledMotionRightElementWrapper>\n )}\n </AnimatePresence>\n </StyledRightWrapper>\n )}\n </StyledMotionAccordionHead>\n );\n};\n\nAccordionHead.displayName = 'AccordionHead';\n\nexport default AccordionHead;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/hooks/useElementSize.js CHANGED Viewed

@@ -1,9 +1,19 @@
 import useResizeObserver from '@react-hook/resize-observer';
 import { useLayoutEffect, useState } from 'react';
-export const useElementSize = ref => {
+export const useElementSize = function (ref) {
+  let {
+    shouldUseChildElement = false
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const [size, setSize] = useState();
-  useLayoutEffect(() => setSize(ref.current?.getBoundingClientRect()), [ref]);
-  useResizeObserver(ref, entry => setSize(entry.contentRect));
+  const element = (shouldUseChildElement ? ref.current?.firstElementChild : ref.current) ?? null;
+  useLayoutEffect(() => {
+    if (element) {
+      setSize(element.getBoundingClientRect());
+    } else {
+      setSize(undefined);
+    }
+  }, [element]);
+  useResizeObserver(element, entry => setSize(entry.contentRect));
   return size;
 };
 //# sourceMappingURL=useElementSize.js.map

package/lib/esm/hooks/useElementSize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useElementSize.js","names":["useResizeObserver","useLayoutEffect","useState","useElementSize","ref","size","setSize","current","getBoundingClientRect","entry","contentRect"],"sources":["../../../src/hooks/useElementSize.ts"],"sourcesContent":["import useResizeObserver from '@react-hook/resize-observer';\nimport { MutableRefObject, useLayoutEffect, useState } from 'react';\n\nexport const useElementSize = (\n ref: MutableRefObject<HTMLDivElement \| HTMLLabelElement \| null>,\n): DOMRectReadOnly \| undefined => {\n const [size, setSize] = useState<DOMRectReadOnly>();\n\n useLayoutEffect(() => setSize(~~ref~~.~~current?.~~getBoundingClientRect()), [~~ref~~]);\n\n useResizeObserver(~~ref~~, (entry) => setSize((entry as ResizeObserverEntry).contentRect));\n\n return size;\n};\n"],"mappings":"AAAA,OAAOA,iBAAiB,MAAM,6BAA6B;AAC3D,SAA2BC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;~~AAEnE~~,OAAO,MAAMC,cAAc,~~GACvBC~~,GAA+D,~~IACjC~~;~~EAC9B~~,MAAM,~~CAACC~~,IAAI,EAAEC,OAAO,CAAC,~~GAAGJ~~,QAAQ,CAAkB,CAAC;~~EAEnDD~~,eAAe,CAAC,~~MAAMK~~,OAAO,~~CAACF~~,~~GAAG~~,~~CAACG~~,OAAO,~~EAAEC~~,qBAAqB,CAAC,CAAC,CAAC,EAAE,~~CAACJ~~,~~GAAG~~,CAAC,CAAC;~~EAE3EJ~~,iBAAiB,~~CAACI~~,~~GAAG~~,~~EAAGK~~,KAAK,~~IAAKH~~,OAAO,~~CAAEG~~,KAAK,CAAyBC,WAAW,CAAC,CAAC;~~EAEtF~~,~~OAAOL~~,IAAI;AACf,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"useElementSize.js","names":["useResizeObserver","useLayoutEffect","useState","useElementSize","ref","shouldUseChildElement","arguments","length","undefined","size","setSize","element","current","firstElementChild","getBoundingClientRect","entry","contentRect"],"sources":["../../../src/hooks/useElementSize.ts"],"sourcesContent":["import useResizeObserver from '@react-hook/resize-observer';\nimport { MutableRefObject, useLayoutEffect, useState } from 'react';\n\ninterface UseElementSizeOptions {\n shouldUseChildElement?: boolean;\n}\n\nexport const useElementSize = (\n ref: MutableRefObject<HTMLDivElement \| HTMLLabelElement \| null>,\n { shouldUseChildElement = false }: UseElementSizeOptions = {},\n): DOMRectReadOnly \| undefined => {\n const [size, setSize] = useState<DOMRectReadOnly>();\n\n const element = ((shouldUseChildElement ? ref.current?.firstElementChild : ref.current) ??\n null) as HTMLDivElement \| HTMLLabelElement \| null;\n\n useLayoutEffect(() => {\n if (element) {\n setSize(element.getBoundingClientRect());\n } else {\n setSize(undefined);\n }\n }, [element]);\n\n useResizeObserver(element, (entry) => setSize((entry as ResizeObserverEntry).contentRect));\n\n return size;\n};\n"],"mappings":"AAAA,OAAOA,iBAAiB,MAAM,6BAA6B;AAC3D,SAA2BC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AAMnE,OAAO,MAAMC,cAAc,GAAG,SAAAA,CAC1BC,GAA+D,EAEjC;EAAA,IAD9B;IAAEC,qBAAqB,GAAG;EAA6B,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAE7D,MAAM,CAACG,IAAI,EAAEC,OAAO,CAAC,GAAGR,QAAQ,CAAkB,CAAC;EAEnD,MAAMS,OAAO,GAAI,CAACN,qBAAqB,GAAGD,GAAG,CAACQ,OAAO,EAAEC,iBAAiB,GAAGT,GAAG,CAACQ,OAAO,KAClF,IAAiD;EAErDX,eAAe,CAAC,MAAM;IAClB,IAAIU,OAAO,EAAE;MACTD,OAAO,CAACC,OAAO,CAACG,qBAAqB,CAAC,CAAC,CAAC;IAC5C,CAAC,MAAM;MACHJ,OAAO,CAACF,SAAS,CAAC;IACtB;EACJ,CAAC,EAAE,CAACG,OAAO,CAAC,CAAC;EAEbX,iBAAiB,CAACW,OAAO,EAAGI,KAAK,IAAKL,OAAO,CAAEK,KAAK,CAAyBC,WAAW,CAAC,CAAC;EAE1F,OAAOP,IAAI;AACf,CAAC","ignoreList":[]}

package/lib/esm/utils/accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"accordion.js","names":["getAccordionHeadHeight","_ref","isWrapped","title","width","element","document","createElement","style","fontSize","opacity","pointerEvents","whiteSpace","innerText","body","appendChild","closedHeight","Math","max","clientHeight","fontWeight","openHeight","removeChild","closed","open"],"sources":["../../../src/utils/accordion.ts"],"sourcesContent":["~~interface~~ ~~GetAccordionHeadHeightOptions~~ {\n isWrapped?: ~~boolean;\n~~ title: ~~string;\~~n width: number;\n}\n\ninterface GetAccordionHeadHeightResult {\n closed: number;\n open: number;\n}\n\nexport const getAccordionHeadHeight = ({\n isWrapped,\n title,\n width,\n}: GetAccordionHeadHeightOptions): GetAccordionHeadHeightResult => {\n const element = document.createElement('div');\n\n element.style.fontSize = '1rem';\n element.style.opacity = '0';\n element.style.pointerEvents = 'none';\n element.style.whiteSpace = 'nowrap';\n element.style.width = `${width}px`;\n\n element.innerText = title;\n\n document.body.appendChild(element);\n\n const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n if (isWrapped) {\n element.style.fontWeight = 'bold';\n element.style.whiteSpace = 'nowrap';\n } else {\n element.style.fontSize = '1.3rem';\n element.style.whiteSpace = 'normal';\n }\n\n const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n document.body.removeChild(element);\n\n return { closed: closedHeight, open: openHeight };\n};\n"],"mappings":"AAWA,OAAO,MAAMA,sBAAsB,GAAGC,IAAA,IAI6B;EAAA,IAJ5B;IACnCC,SAAS;IACTC,KAAK;IACLC;EAC2B,CAAC,GAAAH,IAAA;EAC5B,MAAMI,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,KAAK,CAACC,QAAQ,GAAG,MAAM;EAC/BJ,OAAO,CAACG,KAAK,CAACE,OAAO,GAAG,GAAG;EAC3BL,OAAO,CAACG,KAAK,CAACG,aAAa,GAAG,MAAM;EACpCN,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACnCP,OAAO,CAACG,KAAK,CAACJ,KAAK,GAAG,GAAGA,KAAK,IAAI;EAElCC,OAAO,CAACQ,SAAS,GAAGV,KAAK;EAEzBG,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACV,OAAO,CAAC;EAElC,MAAMW,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACb,OAAO,CAACc,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE5E,IAAIA,SAAS,EAAE;IACXG,OAAO,CAACG,KAAK,CAACY,UAAU,GAAG,MAAM;IACjCf,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACvC,CAAC,MAAM;IACHP,OAAO,CAACG,KAAK,CAACC,QAAQ,GAAG,QAAQ;IACjCJ,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACvC;EAEA,MAAMS,UAAU,GAAGJ,IAAI,CAACC,GAAG,CAACb,OAAO,CAACc,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE1EI,QAAQ,CAACQ,IAAI,CAACQ,WAAW,CAACjB,OAAO,CAAC;EAElC,OAAO;IAAEkB,MAAM,EAAEP,YAAY;IAAEQ,IAAI,EAAEH;EAAW,CAAC;AACrD,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"accordion.js","names":["getAccordionHeadHeight","_ref","isWrapped","title","width","element","document","createElement","style","fontSize","opacity","pointerEvents","whiteSpace","innerText","body","appendChild","closedHeight","Math","max","clientHeight","fontWeight","openHeight","removeChild","closed","open"],"sources":["../../../src/utils/accordion.ts"],"sourcesContent":["import type { AccordionHeadProps } from '../components/accordion/accordion-head/AccordionHead';\n\ntype GetAccordionHeadHeightOptions = Pick<AccordionHeadProps, 'isWrapped' \| 'title'> & {\n width: number;\n};\n\ninterface GetAccordionHeadHeightResult {\n closed: number;\n open: number;\n}\n\nexport const getAccordionHeadHeight = ({\n isWrapped,\n title,\n width,\n}: GetAccordionHeadHeightOptions): GetAccordionHeadHeightResult => {\n const element = document.createElement('div');\n\n element.style.fontSize = '1rem';\n element.style.opacity = '0';\n element.style.pointerEvents = 'none';\n element.style.whiteSpace = 'nowrap';\n element.style.width = `${width}px`;\n\n element.innerText = title;\n\n document.body.appendChild(element);\n\n const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n if (isWrapped) {\n element.style.fontWeight = 'bold';\n element.style.whiteSpace = 'nowrap';\n } else {\n element.style.fontSize = '1.3rem';\n element.style.whiteSpace = 'normal';\n }\n\n const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n document.body.removeChild(element);\n\n return { closed: closedHeight, open: openHeight };\n};\n"],"mappings":"AAWA,OAAO,MAAMA,sBAAsB,GAAGC,IAAA,IAI6B;EAAA,IAJ5B;IACnCC,SAAS;IACTC,KAAK;IACLC;EAC2B,CAAC,GAAAH,IAAA;EAC5B,MAAMI,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,KAAK,CAACC,QAAQ,GAAG,MAAM;EAC/BJ,OAAO,CAACG,KAAK,CAACE,OAAO,GAAG,GAAG;EAC3BL,OAAO,CAACG,KAAK,CAACG,aAAa,GAAG,MAAM;EACpCN,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACnCP,OAAO,CAACG,KAAK,CAACJ,KAAK,GAAG,GAAGA,KAAK,IAAI;EAElCC,OAAO,CAACQ,SAAS,GAAGV,KAAK;EAEzBG,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACV,OAAO,CAAC;EAElC,MAAMW,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACb,OAAO,CAACc,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE5E,IAAIA,SAAS,EAAE;IACXG,OAAO,CAACG,KAAK,CAACY,UAAU,GAAG,MAAM;IACjCf,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACvC,CAAC,MAAM;IACHP,OAAO,CAACG,KAAK,CAACC,QAAQ,GAAG,QAAQ;IACjCJ,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACvC;EAEA,MAAMS,UAAU,GAAGJ,IAAI,CAACC,GAAG,CAACb,OAAO,CAACc,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE1EI,QAAQ,CAACQ,IAAI,CAACQ,WAAW,CAACjB,OAAO,CAAC;EAElC,OAAO;IAAEkB,MAAM,EAAEP,YAAY;IAAEQ,IAAI,EAAEH;EAAW,CAAC;AACrD,CAAC","ignoreList":[]}

package/lib/types/components/accordion/accordion-head/AccordionHead.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ChangeEventHandler, FC, MouseEventHandler, ReactNode } from 'react';
-type AccordionHeadProps = {
+export type AccordionHeadProps = {
     icon?: string;
     isOpen: boolean;
     isFixed: boolean;

package/lib/types/hooks/useElementSize.d.ts CHANGED Viewed

@@ -1,2 +1,6 @@
 import { MutableRefObject } from 'react';
-export declare const useElementSize: (ref: MutableRefObject<HTMLDivElement | HTMLLabelElement | null>) => DOMRectReadOnly | undefined;
+interface UseElementSizeOptions {
+    shouldUseChildElement?: boolean;
+}
+export declare const useElementSize: (ref: MutableRefObject<HTMLDivElement | HTMLLabelElement | null>, { shouldUseChildElement }?: UseElementSizeOptions) => DOMRectReadOnly | undefined;
+export {};

package/lib/types/utils/accordion.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
-interface GetAccordionHeadHeightOptions {
-    isWrapped?: boolean;
-    title: string;
+import type { AccordionHeadProps } from '../components/accordion/accordion-head/AccordionHead';
+type GetAccordionHeadHeightOptions = Pick<AccordionHeadProps, 'isWrapped' | 'title'> & {
     width: number;
-}
+};
 interface GetAccordionHeadHeightResult {
     closed: number;
     open: number;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.657",
+    "version": "5.0.0-beta.658",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -85,5 +85,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d12ca1fb11645569e7c8faf7a9f480b576ca1faf"
+    "gitHead": "da36c51472e6cb8c983d40bec7b8f33bff9e7154"
 }