npm - @chayns-components/core - Versions diffs - 5.0.0-beta.1140 → 5.0.0-beta.1141 - Mend

@chayns-components/core 5.0.0-beta.1140 → 5.0.0-beta.1141

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 (16) hide show

package/lib/cjs/components/list/list-item/ListItem.js CHANGED Viewed

@@ -19,6 +19,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const ListItem = ({
   careOfLocationId,
   children,
+  cornerImage,
   hoverItem,
   icons,
   imageBackground,

package/lib/cjs/components/list/list-item/ListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.js","names":["_react","require","_react2","_interopRequireWildcard","_uuid","_Accordion","_AreaContextProvider","_List","_ListItemBody","_interopRequireDefault","_ListItemHead","_ListItem","_Tooltip","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListItem","careOfLocationId","children","hoverItem","icons","imageBackground","images","isDefaultOpen","isOpen","isTitleGreyed","leftElements","onClick","onClose","onLongPress","onOpen","rightElements","shouldShowTooltipOnTitleOverflow","shouldForceBackground","shouldForceBottomLine","shouldForceHover","shouldHideBottomLine","shouldOpenImageOnClick","shouldHideImageOrIconBackground","shouldHideIndicator","shouldPreventLayoutAnimation","shouldRenderClosed","shouldShowRoundImageOrIcon","shouldShowSeparatorBelow","subtitle","title","titleElement","incrementExpandableItemCount","isAnyItemExpandable","isWrapped","openItemUuid","updateOpenItemUuid","useContext","ListContext","isParentAccordionWrapped","AccordionContext","areaProvider","AreaContext","isInitialRenderRef","useRef","listItemRef","uuid","useUuid","isExpandable","undefined","isItemOpen","onCloseRef","onOpenRef","shouldEnableTooltip","setShouldEnableTooltip","useState","shouldDisablePadding","useMemo","shouldDisableListItemPadding","useEffect","current","handleHeadClick","useCallback","event","shouldOnlyOpen","isClickable","handleTitleWidthChange","titleWidth","offsetWidth","headContent","createElement","onTitleWidthChange","StyledMotionListItem","animate","height","opacity","className","exit","initial","key","ref","layout","$isClickable","$isInAccordion","$isOpen","$isWrapped","$shouldForceBackground","$shouldForceBottomLine","$shouldHideBottomLine","$shouldHideIndicator","$shouldShowSeparatorBelow","shouldUseFullWidth","item","StyledListItemTooltip","AnimatePresence","id","shouldHideBody","displayName","_default","exports"],"sources":["../../../../../src/components/list/list-item/ListItem.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n CSSProperties,\n FC,\n MouseEventHandler,\n ReactNode,\n TouchEventHandler,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useUuid } from '../../../hooks/uuid';\nimport type { IListItemRightElements } from '../../../types/list';\nimport { AccordionContext } from '../../accordion/Accordion';\nimport AreaContextProvider, { AreaContext } from '../../area-provider/AreaContextProvider';\nimport { ListContext } from '../List';\nimport ListItemBody from './list-item-body/ListItemBody';\nimport ListItemHead from './list-item-head/ListItemHead';\nimport { StyledListItemTooltip, StyledMotionListItem } from './ListItem.styles';\nimport Tooltip from '../../tooltip/Tooltip';\n\nexport type ListItemElements = [ReactNode, ...ReactNode[]];\n\nexport type ListItemProps = {\n /*\n The locationId of the care-of site.\n /\n careOfLocationId?: number;\n /\n The content of the `ListItem` body. When the `ListItem` has children,\n * it can be opened and also gets an icon as an indicator automatically.\n /\n children?: ReactNode;\n /\n Element that is displayed when hovering over the `ListItem` on the right\n * side. On mobile devices, this element is not displayed.\n /\n hoverItem?: ReactNode;\n /\n The FontAwesome or tobit icons to render like an image on the left side\n * of the header. Multiple icons are stacked. See the `Icon` component\n * documentation for more information.\n /\n icons?: string[];\n /\n The background of the image. This is only used if images are passed.\n /\n imageBackground?: CSSProperties['background'];\n /\n A list of image URLs that are displayed on the left side of the header.\n * If multiple URLs are passed, the image is assembled from the first three\n * image URLs as a puzzle.\n /\n images?: string[];\n /\n This can be used to automatically expand the `ListItem` during the first render.\n /\n isDefaultOpen?: boolean;\n /\n This overrides the internal opening state of the item and makes it controlled.\n /\n isOpen?: boolean;\n /\n Whether the ListItem locks disabled but has full functionality.\n /\n isTitleGreyed?: boolean;\n /\n Elements that are displayed on the left side of the header. If multiple\n * elements are specified, they are displayed one aside the other.\n /\n leftElements?: ListItemElements;\n /\n Function to be executed when the header of the `ListItem` was clicked\n /\n onClick?: MouseEventHandler<HTMLDivElement>;\n /\n Function to be executed when the ListItem is closed.\n /\n onClose?: VoidFunction;\n /\n Function to be executed when the header of the `ListItem` is pressed for\n * 400 milliseconds.\n /\n onLongPress?: TouchEventHandler<HTMLDivElement>;\n /\n Function to be executed when the ListItem is opened.\n /\n onOpen?: VoidFunction;\n /\n Elements that are displayed on the right side of the header. If multiple\n * elements are specified, they are displayed one below the other.\n /\n rightElements?: IListItemRightElements;\n /\n This will force the background color of the ListItem to be used even if it is closed and not hovered.\n /\n shouldForceBackground?: boolean;\n /\n Whether the line should be forced, e.g., so that it is also displayed if the item is the last element in the list.\n /\n shouldForceBottomLine?: boolean;\n /\n Whether the hover item should be forced.\n /\n shouldForceHover?: boolean;\n /\n Whether the bottom line should be hidden.\n /\n shouldHideBottomLine?: boolean;\n /\n Whether the background and border of the shape on which the image or icon of the element is displayed should be\n * hidden.\n /\n shouldHideImageOrIconBackground?: boolean;\n /\n If the `ListItem` is expandable, the indicator is displayed on the left\n * side of the header. If this property is set to true, the indicator is\n * hidden.\n /\n shouldHideIndicator?: boolean;\n /\n Whether the image should be opened on click.\n /\n shouldOpenImageOnClick?: boolean;\n /\n Whether the layout animation should be prevented. This is useful when the\n * `ListItem` is used in a list with a lot of items and the layout animation\n * is not desired.\n /\n shouldPreventLayoutAnimation?: boolean;\n /\n This will render the ListItem closed on the first render.\n /\n shouldRenderClosed?: boolean;\n /\n Whether the image or icon should be displayed in a round shape. This should always be used for images of persons.\n /\n shouldShowRoundImageOrIcon?: boolean;\n /\n Whether a separator should be displayed below this item. In this case, the border is displayed thicker than normal.\n /\n shouldShowSeparatorBelow?: boolean;\n /\n Whether a Tooltip should be displayed on hover, if the title is cut.\n /\n shouldShowTooltipOnTitleOverflow?: boolean;\n /\n Subtitle of the `ListItem` displayed in the head below the title\n /\n subtitle?: ReactNode;\n /\n Title of the `ListItem` displayed in the head\n /\n title: ReactNode;\n /\n Additional elements to be displayed in the header next to the title.\n */\n titleElement?: ReactNode;\n};\n\nconst ListItem: FC<ListItemProps> = ({\n careOfLocationId,\n children,\n hoverItem,\n icons,\n imageBackground,\n images,\n isDefaultOpen,\n isOpen,\n isTitleGreyed,\n leftElements,\n onClick,\n onClose,\n onLongPress,\n onOpen,\n rightElements,\n shouldShowTooltipOnTitleOverflow = false,\n shouldForceBackground = false,\n shouldForceBottomLine = false,\n shouldForceHover = false,\n shouldHideBottomLine = false,\n shouldOpenImageOnClick = false,\n shouldHideImageOrIconBackground,\n shouldHideIndicator = false,\n shouldPreventLayoutAnimation = false,\n shouldRenderClosed = false,\n shouldShowRoundImageOrIcon,\n shouldShowSeparatorBelow = false,\n subtitle,\n title,\n titleElement,\n}) => {\n const {\n incrementExpandableItemCount,\n isAnyItemExpandable,\n isWrapped,\n openItemUuid,\n updateOpenItemUuid,\n } = useContext(ListContext);\n\n const { isWrapped: isParentAccordionWrapped } = useContext(AccordionContext);\n\n const areaProvider = useContext(AreaContext);\n\n const isInitialRenderRef = useRef(true);\n const listItemRef = useRef<HTMLDivElement>(null);\n\n const uuid = useUuid();\n\n const isExpandable = children !== undefined;\n const isItemOpen = isOpen ?? openItemUuid === uuid;\n\n const onCloseRef = useRef(onClose);\n const onOpenRef = useRef(onOpen);\n\n const [shouldEnableTooltip, setShouldEnableTooltip] = useState(false);\n\n const shouldDisablePadding = useMemo(\n () => areaProvider.shouldDisableListItemPadding ?? false,\n [areaProvider.shouldDisableListItemPadding],\n );\n\n useEffect(() => {\n onCloseRef.current = onClose;\n onOpenRef.current = onOpen;\n }, [isOpen, onClose, onOpen]);\n\n useEffect(() => {\n if (isInitialRenderRef.current) {\n isInitialRenderRef.current = false;\n } else if (isItemOpen) {\n if (typeof onOpenRef.current === 'function') {\n onOpenRef.current();\n }\n } else if (typeof onCloseRef.current === 'function') {\n onCloseRef.current();\n }\n }, [isItemOpen]);\n\n const handleHeadClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n (event) => {\n if (isExpandable) {\n updateOpenItemUuid(uuid);\n }\n\n if (typeof onClick === 'function') {\n onClick(event);\n }\n },\n [isExpandable, onClick, updateOpenItemUuid, uuid],\n );\n\n useEffect(() => {\n if (isExpandable && !shouldHideIndicator) {\n // The incrementExpandableItemCount function returns an cleanup\n // function to decrement expandableItemCount if component unmounts\n return incrementExpandableItemCount();\n }\n\n return undefined;\n }, [incrementExpandableItemCount, isExpandable, shouldHideIndicator]);\n\n useEffect(() => {\n if (isDefaultOpen) {\n updateOpenItemUuid(uuid, { shouldOnlyOpen: true });\n }\n }, [isDefaultOpen, updateOpenItemUuid, uuid]);\n\n const isClickable = typeof onClick === 'function' \|\| isExpandable;\n\n const handleTitleWidthChange = (titleWidth: number) => {\n if (listItemRef.current) {\n const { offsetWidth } = listItemRef.current;\n\n if (offsetWidth - 18 < titleWidth) {\n setShouldEnableTooltip(true);\n } else {\n setShouldEnableTooltip(false);\n }\n }\n };\n\n const headContent = useMemo(\n () => (\n <ListItemHead\n hoverItem={hoverItem}\n careOfLocationId={careOfLocationId}\n icons={icons}\n imageBackground={imageBackground}\n images={images}\n isAnyItemExpandable={isAnyItemExpandable}\n isExpandable={isExpandable}\n onTitleWidthChange={handleTitleWidthChange}\n isOpen={isItemOpen}\n isTitleGreyed={isTitleGreyed}\n leftElements={leftElements}\n onClick={isClickable ? handleHeadClick : undefined}\n onLongPress={onLongPress}\n shouldForceHover={shouldForceHover}\n rightElements={rightElements}\n shouldHideImageOrIconBackground={shouldHideImageOrIconBackground}\n shouldHideIndicator={shouldHideIndicator}\n shouldOpenImageOnClick={shouldOpenImageOnClick}\n shouldShowRoundImageOrIcon={shouldShowRoundImageOrIcon}\n subtitle={subtitle}\n title={title}\n titleElement={titleElement}\n />\n ),\n [\n careOfLocationId,\n handleHeadClick,\n hoverItem,\n icons,\n imageBackground,\n images,\n isAnyItemExpandable,\n isClickable,\n isExpandable,\n isItemOpen,\n isTitleGreyed,\n leftElements,\n onLongPress,\n rightElements,\n shouldForceHover,\n shouldHideImageOrIconBackground,\n shouldHideIndicator,\n shouldOpenImageOnClick,\n shouldShowRoundImageOrIcon,\n subtitle,\n title,\n titleElement,\n ],\n );\n\n return (\n <StyledMotionListItem\n animate={{ height: 'auto', opacity: 1 }}\n className=\"beta-chayns-list-item\"\n exit={{ height: 0, opacity: 0 }}\n initial={{ height: 0, opacity: 0 }}\n key={`list-item-${uuid}`}\n ref={listItemRef}\n layout={shouldPreventLayoutAnimation ? undefined : 'position'}\n $isClickable={isClickable}\n $isInAccordion={typeof isParentAccordionWrapped === 'boolean' && !shouldDisablePadding}\n $isOpen={isItemOpen}\n $isWrapped={isWrapped}\n $shouldForceBackground={shouldForceBackground}\n $shouldForceBottomLine={shouldForceBottomLine}\n $shouldHideBottomLine={shouldHideBottomLine}\n $shouldHideIndicator={shouldHideIndicator}\n $shouldShowSeparatorBelow={shouldShowSeparatorBelow}\n >\n {shouldShowTooltipOnTitleOverflow && shouldEnableTooltip ? (\n <Tooltip\n shouldUseFullWidth\n item={\n <StyledListItemTooltip key={`list-item-tooltip-${uuid}`}>\n {title}\n </StyledListItemTooltip>\n }\n >\n {headContent}\n </Tooltip>\n ) : (\n headContent\n )}\n <AnimatePresence initial={false}>\n {isExpandable && (isItemOpen \|\| shouldRenderClosed) && (\n <ListItemBody\n id={uuid}\n key={`listItemBody-${uuid}`}\n shouldHideBody={shouldRenderClosed && !isItemOpen}\n >\n <AreaContextProvider>{children}</AreaContextProvider>\n </ListItemBody>\n )}\n </AnimatePresence>\n </StyledMotionListItem>\n );\n};\n\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"ListItem.js","names":["_react","require","_react2","_interopRequireWildcard","_uuid","_Accordion","_AreaContextProvider","_List","_ListItemBody","_interopRequireDefault","_ListItemHead","_ListItem","_Tooltip","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListItem","careOfLocationId","children","cornerImage","hoverItem","icons","imageBackground","images","isDefaultOpen","isOpen","isTitleGreyed","leftElements","onClick","onClose","onLongPress","onOpen","rightElements","shouldShowTooltipOnTitleOverflow","shouldForceBackground","shouldForceBottomLine","shouldForceHover","shouldHideBottomLine","shouldOpenImageOnClick","shouldHideImageOrIconBackground","shouldHideIndicator","shouldPreventLayoutAnimation","shouldRenderClosed","shouldShowRoundImageOrIcon","shouldShowSeparatorBelow","subtitle","title","titleElement","incrementExpandableItemCount","isAnyItemExpandable","isWrapped","openItemUuid","updateOpenItemUuid","useContext","ListContext","isParentAccordionWrapped","AccordionContext","areaProvider","AreaContext","isInitialRenderRef","useRef","listItemRef","uuid","useUuid","isExpandable","undefined","isItemOpen","onCloseRef","onOpenRef","shouldEnableTooltip","setShouldEnableTooltip","useState","shouldDisablePadding","useMemo","shouldDisableListItemPadding","useEffect","current","handleHeadClick","useCallback","event","shouldOnlyOpen","isClickable","handleTitleWidthChange","titleWidth","offsetWidth","headContent","createElement","onTitleWidthChange","StyledMotionListItem","animate","height","opacity","className","exit","initial","key","ref","layout","$isClickable","$isInAccordion","$isOpen","$isWrapped","$shouldForceBackground","$shouldForceBottomLine","$shouldHideBottomLine","$shouldHideIndicator","$shouldShowSeparatorBelow","shouldUseFullWidth","item","StyledListItemTooltip","AnimatePresence","id","shouldHideBody","displayName","_default","exports"],"sources":["../../../../../src/components/list/list-item/ListItem.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n CSSProperties,\n FC,\n MouseEventHandler,\n ReactNode,\n TouchEventHandler,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useUuid } from '../../../hooks/uuid';\nimport type { IListItemRightElements } from '../../../types/list';\nimport { AccordionContext } from '../../accordion/Accordion';\nimport AreaContextProvider, { AreaContext } from '../../area-provider/AreaContextProvider';\nimport { ListContext } from '../List';\nimport ListItemBody from './list-item-body/ListItemBody';\nimport ListItemHead from './list-item-head/ListItemHead';\nimport { StyledListItemTooltip, StyledMotionListItem } from './ListItem.styles';\nimport Tooltip from '../../tooltip/Tooltip';\n\nexport type ListItemElements = [ReactNode, ...ReactNode[]];\n\nexport type ListItemProps = {\n /*\n DEPRECATED: Use `cornerImage` instead.\n /\n careOfLocationId?: number;\n /\n The content of the `ListItem` body. When the `ListItem` has children,\n * it can be opened and also gets an icon as an indicator automatically.\n /\n children?: ReactNode;\n /\n The image that is displayed in the bottom right corner of the grouped image of list item.\n /\n cornerImage?: string;\n /\n Element that is displayed when hovering over the `ListItem` on the right\n * side. On mobile devices, this element is not displayed.\n /\n hoverItem?: ReactNode;\n /\n The FontAwesome or tobit icons to render like an image on the left side\n * of the header. Multiple icons are stacked. See the `Icon` component\n * documentation for more information.\n /\n icons?: string[];\n /\n The background of the image. This is only used if images are passed.\n /\n imageBackground?: CSSProperties['background'];\n /\n A list of image URLs that are displayed on the left side of the header.\n * If multiple URLs are passed, the image is assembled from the first three\n * image URLs as a puzzle.\n /\n images?: string[];\n /\n This can be used to automatically expand the `ListItem` during the first render.\n /\n isDefaultOpen?: boolean;\n /\n This overrides the internal opening state of the item and makes it controlled.\n /\n isOpen?: boolean;\n /\n Whether the ListItem locks disabled but has full functionality.\n /\n isTitleGreyed?: boolean;\n /\n Elements that are displayed on the left side of the header. If multiple\n * elements are specified, they are displayed one aside the other.\n /\n leftElements?: ListItemElements;\n /\n Function to be executed when the header of the `ListItem` was clicked\n /\n onClick?: MouseEventHandler<HTMLDivElement>;\n /\n Function to be executed when the ListItem is closed.\n /\n onClose?: VoidFunction;\n /\n Function to be executed when the header of the `ListItem` is pressed for\n * 400 milliseconds.\n /\n onLongPress?: TouchEventHandler<HTMLDivElement>;\n /\n Function to be executed when the ListItem is opened.\n /\n onOpen?: VoidFunction;\n /\n Elements that are displayed on the right side of the header. If multiple\n * elements are specified, they are displayed one below the other.\n /\n rightElements?: IListItemRightElements;\n /\n This will force the background color of the ListItem to be used even if it is closed and not hovered.\n /\n shouldForceBackground?: boolean;\n /\n Whether the line should be forced, e.g., so that it is also displayed if the item is the last element in the list.\n /\n shouldForceBottomLine?: boolean;\n /\n Whether the hover item should be forced.\n /\n shouldForceHover?: boolean;\n /\n Whether the bottom line should be hidden.\n /\n shouldHideBottomLine?: boolean;\n /\n Whether the background and border of the shape on which the image or icon of the element is displayed should be\n * hidden.\n /\n shouldHideImageOrIconBackground?: boolean;\n /\n If the `ListItem` is expandable, the indicator is displayed on the left\n * side of the header. If this property is set to true, the indicator is\n * hidden.\n /\n shouldHideIndicator?: boolean;\n /\n Whether the image should be opened on click.\n /\n shouldOpenImageOnClick?: boolean;\n /\n Whether the layout animation should be prevented. This is useful when the\n * `ListItem` is used in a list with a lot of items and the layout animation\n * is not desired.\n /\n shouldPreventLayoutAnimation?: boolean;\n /\n This will render the ListItem closed on the first render.\n /\n shouldRenderClosed?: boolean;\n /\n Whether the image or icon should be displayed in a round shape. This should always be used for images of persons.\n /\n shouldShowRoundImageOrIcon?: boolean;\n /\n Whether a separator should be displayed below this item. In this case, the border is displayed thicker than normal.\n /\n shouldShowSeparatorBelow?: boolean;\n /\n Whether a Tooltip should be displayed on hover, if the title is cut.\n /\n shouldShowTooltipOnTitleOverflow?: boolean;\n /\n Subtitle of the `ListItem` displayed in the head below the title\n /\n subtitle?: ReactNode;\n /\n Title of the `ListItem` displayed in the head\n /\n title: ReactNode;\n /\n Additional elements to be displayed in the header next to the title.\n */\n titleElement?: ReactNode;\n};\n\nconst ListItem: FC<ListItemProps> = ({\n careOfLocationId,\n children,\n cornerImage,\n hoverItem,\n icons,\n imageBackground,\n images,\n isDefaultOpen,\n isOpen,\n isTitleGreyed,\n leftElements,\n onClick,\n onClose,\n onLongPress,\n onOpen,\n rightElements,\n shouldShowTooltipOnTitleOverflow = false,\n shouldForceBackground = false,\n shouldForceBottomLine = false,\n shouldForceHover = false,\n shouldHideBottomLine = false,\n shouldOpenImageOnClick = false,\n shouldHideImageOrIconBackground,\n shouldHideIndicator = false,\n shouldPreventLayoutAnimation = false,\n shouldRenderClosed = false,\n shouldShowRoundImageOrIcon,\n shouldShowSeparatorBelow = false,\n subtitle,\n title,\n titleElement,\n}) => {\n const {\n incrementExpandableItemCount,\n isAnyItemExpandable,\n isWrapped,\n openItemUuid,\n updateOpenItemUuid,\n } = useContext(ListContext);\n\n const { isWrapped: isParentAccordionWrapped } = useContext(AccordionContext);\n\n const areaProvider = useContext(AreaContext);\n\n const isInitialRenderRef = useRef(true);\n const listItemRef = useRef<HTMLDivElement>(null);\n\n const uuid = useUuid();\n\n const isExpandable = children !== undefined;\n const isItemOpen = isOpen ?? openItemUuid === uuid;\n\n const onCloseRef = useRef(onClose);\n const onOpenRef = useRef(onOpen);\n\n const [shouldEnableTooltip, setShouldEnableTooltip] = useState(false);\n\n const shouldDisablePadding = useMemo(\n () => areaProvider.shouldDisableListItemPadding ?? false,\n [areaProvider.shouldDisableListItemPadding],\n );\n\n useEffect(() => {\n onCloseRef.current = onClose;\n onOpenRef.current = onOpen;\n }, [isOpen, onClose, onOpen]);\n\n useEffect(() => {\n if (isInitialRenderRef.current) {\n isInitialRenderRef.current = false;\n } else if (isItemOpen) {\n if (typeof onOpenRef.current === 'function') {\n onOpenRef.current();\n }\n } else if (typeof onCloseRef.current === 'function') {\n onCloseRef.current();\n }\n }, [isItemOpen]);\n\n const handleHeadClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n (event) => {\n if (isExpandable) {\n updateOpenItemUuid(uuid);\n }\n\n if (typeof onClick === 'function') {\n onClick(event);\n }\n },\n [isExpandable, onClick, updateOpenItemUuid, uuid],\n );\n\n useEffect(() => {\n if (isExpandable && !shouldHideIndicator) {\n // The incrementExpandableItemCount function returns an cleanup\n // function to decrement expandableItemCount if component unmounts\n return incrementExpandableItemCount();\n }\n\n return undefined;\n }, [incrementExpandableItemCount, isExpandable, shouldHideIndicator]);\n\n useEffect(() => {\n if (isDefaultOpen) {\n updateOpenItemUuid(uuid, { shouldOnlyOpen: true });\n }\n }, [isDefaultOpen, updateOpenItemUuid, uuid]);\n\n const isClickable = typeof onClick === 'function' \|\| isExpandable;\n\n const handleTitleWidthChange = (titleWidth: number) => {\n if (listItemRef.current) {\n const { offsetWidth } = listItemRef.current;\n\n if (offsetWidth - 18 < titleWidth) {\n setShouldEnableTooltip(true);\n } else {\n setShouldEnableTooltip(false);\n }\n }\n };\n\n const headContent = useMemo(\n () => (\n <ListItemHead\n hoverItem={hoverItem}\n careOfLocationId={careOfLocationId}\n icons={icons}\n imageBackground={imageBackground}\n images={images}\n isAnyItemExpandable={isAnyItemExpandable}\n isExpandable={isExpandable}\n onTitleWidthChange={handleTitleWidthChange}\n isOpen={isItemOpen}\n isTitleGreyed={isTitleGreyed}\n leftElements={leftElements}\n onClick={isClickable ? handleHeadClick : undefined}\n onLongPress={onLongPress}\n shouldForceHover={shouldForceHover}\n rightElements={rightElements}\n shouldHideImageOrIconBackground={shouldHideImageOrIconBackground}\n shouldHideIndicator={shouldHideIndicator}\n shouldOpenImageOnClick={shouldOpenImageOnClick}\n shouldShowRoundImageOrIcon={shouldShowRoundImageOrIcon}\n subtitle={subtitle}\n title={title}\n titleElement={titleElement}\n />\n ),\n [\n careOfLocationId,\n handleHeadClick,\n hoverItem,\n icons,\n imageBackground,\n images,\n isAnyItemExpandable,\n isClickable,\n isExpandable,\n isItemOpen,\n isTitleGreyed,\n leftElements,\n onLongPress,\n rightElements,\n shouldForceHover,\n shouldHideImageOrIconBackground,\n shouldHideIndicator,\n shouldOpenImageOnClick,\n shouldShowRoundImageOrIcon,\n subtitle,\n title,\n titleElement,\n ],\n );\n\n return (\n <StyledMotionListItem\n animate={{ height: 'auto', opacity: 1 }}\n className=\"beta-chayns-list-item\"\n exit={{ height: 0, opacity: 0 }}\n initial={{ height: 0, opacity: 0 }}\n key={`list-item-${uuid}`}\n ref={listItemRef}\n layout={shouldPreventLayoutAnimation ? undefined : 'position'}\n $isClickable={isClickable}\n $isInAccordion={typeof isParentAccordionWrapped === 'boolean' && !shouldDisablePadding}\n $isOpen={isItemOpen}\n $isWrapped={isWrapped}\n $shouldForceBackground={shouldForceBackground}\n $shouldForceBottomLine={shouldForceBottomLine}\n $shouldHideBottomLine={shouldHideBottomLine}\n $shouldHideIndicator={shouldHideIndicator}\n $shouldShowSeparatorBelow={shouldShowSeparatorBelow}\n >\n {shouldShowTooltipOnTitleOverflow && shouldEnableTooltip ? (\n <Tooltip\n shouldUseFullWidth\n item={\n <StyledListItemTooltip key={`list-item-tooltip-${uuid}`}>\n {title}\n </StyledListItemTooltip>\n }\n >\n {headContent}\n </Tooltip>\n ) : (\n headContent\n )}\n <AnimatePresence initial={false}>\n {isExpandable && (isItemOpen \|\| shouldRenderClosed) && (\n <ListItemBody\n id={uuid}\n key={`listItemBody-${uuid}`}\n shouldHideBody={shouldRenderClosed && !isItemOpen}\n >\n <AreaContextProvider>{children}</AreaContextProvider>\n </ListItemBody>\n )}\n </AnimatePresence>\n </StyledMotionListItem>\n );\n};\n\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/list/list-item/list-item-head/ListItemHead.js CHANGED Viewed

@@ -15,6 +15,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ListItemHead = ({
   careOfLocationId,
+  cornerImage,
   hoverItem,
   icons,
   imageBackground,

package/lib/cjs/components/list/list-item/list-item-head/ListItemHead.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemHead.js","names":["_react","_interopRequireWildcard","require","_accordion","_Icon","_interopRequireDefault","_ListItemIcon","_ListItemImage","_ListItemRightElements","_ListItemHead","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListItemHead","careOfLocationId","hoverItem","icons","imageBackground","images","isAnyItemExpandable","isExpandable","isOpen","isTitleGreyed","leftElements","onClick","onLongPress","rightElements","shouldHideImageOrIconBackground","shouldHideIndicator","shouldOpenImageOnClick","onTitleWidthChange","shouldShowRoundImageOrIcon","subtitle","shouldForceHover","title","titleElement","shouldRenderPseudoElements","setShouldRenderPseudoElements","useState","shouldShowHoverItem","setShouldShowHoverItem","openTitleWidth","setOpenTitleWidth","headHeight","setHeadHeight","closed","open","setIsFirstRender","longPressTimeoutRef","useRef","pseudoTitleOpenRef","pseudoTitleClosedRef","pseudoSubtitleOpenRef","pseudoSubtitleClosedRef","shouldShowSubtitleRow","useEffect","current","width","getBoundingClientRect","height","closedTitleHeight","openTitleHeight","openWidth","closedHeight","openHeight","closedSubtitleHeight","openSubtitleHeight","handleMouseEnter","useCallback","handleMouseLeave","marginTop","useMemo","handleTouchStart","event","window","setTimeout","handleTouchEnd","clearTimeout","shouldPreventRightElementClick","bottom","getElementClickEvent","center","top","iconOrImageElement","createElement","shouldHideBackground","shouldShowRoundIcon","shouldShowRoundImage","undefined","StyledListItemHead","animate","opacity","initial","transition","duration","type","className","$isClickable","$isAnyItemExpandable","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","StyledListItemHeadLeftWrapper","StyledMotionListItemHeadIndicator","rotate","StyledListItemHeadContent","$isIconOrImageGiven","$marginTop","$isOpen","StyledListItemHeadTitle","StyledListItemHeadTitleContent","Fragment","StyledListItemHeadTitleTextPseudo","ref","StyledListItemHeadTitleText","$width","StyledListItemHeadTitleElement","StyledListItemHeadSubtitle","StyledListItemHeadSubtitleTextPseudo","StyledListItemHeadSubtitleText","StyledMotionListItemHeadHoverItemWrapper","marginLeft","StyledMotionListItemHeadHoverItem","displayName","_default","exports"],"sources":["../../../../../../src/components/list/list-item/list-item-head/ListItemHead.tsx"],"sourcesContent":["import React, {\n CSSProperties,\n FC,\n MouseEventHandler,\n ReactNode,\n TouchEventHandler,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport type { IListItemRightElements } from '../../../../types/list';\nimport { getElementClickEvent } from '../../../../utils/accordion';\nimport Icon from '../../../icon/Icon';\nimport ListItemIcon from './list-item-icon/ListItemIcon';\nimport ListItemImage from './list-item-image/ListItemImage';\nimport ListItemRightElements from './list-item-right-elements/ListItemRightElements';\nimport {\n StyledListItemHead,\n StyledListItemHeadContent,\n StyledListItemHeadLeftWrapper,\n StyledListItemHeadSubtitle,\n StyledListItemHeadSubtitleText,\n StyledListItemHeadSubtitleTextPseudo,\n StyledListItemHeadTitle,\n StyledListItemHeadTitleContent,\n StyledListItemHeadTitleElement,\n StyledListItemHeadTitleText,\n StyledListItemHeadTitleTextPseudo,\n StyledMotionListItemHeadHoverItem,\n StyledMotionListItemHeadHoverItemWrapper,\n StyledMotionListItemHeadIndicator,\n} from './ListItemHead.styles';\n\ninterface HeadHeight {\n closed: number;\n open: number;\n}\n\ntype ListItemHeadProps = {\n careOfLocationId?: number;\n hoverItem?: ReactNode;\n icons?: string[];\n imageBackground?: CSSProperties['background'];\n images?: string[];\n isAnyItemExpandable: boolean;\n isExpandable: boolean;\n isOpen: boolean;\n isTitleGreyed?: boolean;\n leftElements?: ReactNode;\n onClick?: MouseEventHandler<HTMLDivElement>;\n onLongPress?: TouchEventHandler<HTMLDivElement>;\n rightElements?: IListItemRightElements;\n shouldHideImageOrIconBackground?: boolean;\n shouldHideIndicator?: boolean;\n shouldOpenImageOnClick: boolean;\n shouldShowRoundImageOrIcon?: boolean;\n subtitle?: ReactNode;\n title: ReactNode;\n onTitleWidthChange: (width: number) => void;\n titleElement?: ReactNode;\n shouldForceHover?: boolean;\n};\n\nconst ListItemHead: FC<ListItemHeadProps> = ({\n careOfLocationId,\n hoverItem,\n icons,\n imageBackground,\n images,\n isAnyItemExpandable,\n isExpandable,\n isOpen,\n isTitleGreyed,\n leftElements,\n onClick,\n onLongPress,\n rightElements,\n shouldHideImageOrIconBackground,\n shouldHideIndicator,\n shouldOpenImageOnClick,\n onTitleWidthChange,\n shouldShowRoundImageOrIcon,\n subtitle,\n shouldForceHover,\n title,\n titleElement,\n}) => {\n const [shouldRenderPseudoElements, setShouldRenderPseudoElements] = useState(true);\n const [shouldShowHoverItem, setShouldShowHoverItem] = useState(false);\n const [openTitleWidth, setOpenTitleWidth] = useState(0);\n const [headHeight, setHeadHeight] = useState<HeadHeight>({ closed: 40, open: 40 });\n const [, setIsFirstRender] = useState(false);\n\n const longPressTimeoutRef = useRef<number>();\n\n const pseudoTitleOpenRef = useRef<HTMLDivElement>(null);\n const pseudoTitleClosedRef = useRef<HTMLDivElement>(null);\n const pseudoSubtitleOpenRef = useRef<HTMLDivElement>(null);\n const pseudoSubtitleClosedRef = useRef<HTMLDivElement>(null);\n\n const shouldShowSubtitleRow = subtitle \|\| typeof subtitle === 'string';\n\n useEffect(() => {\n if (pseudoTitleClosedRef.current) {\n const { width } = pseudoTitleClosedRef.current.getBoundingClientRect();\n\n onTitleWidthChange(width);\n }\n }, [onTitleWidthChange]);\n\n useEffect(() => {\n if (pseudoTitleOpenRef.current && pseudoTitleClosedRef.current) {\n const { height: closedTitleHeight } =\n pseudoTitleClosedRef.current.getBoundingClientRect();\n const { height: openTitleHeight, width: openWidth } =\n pseudoTitleOpenRef.current.getBoundingClientRect();\n\n setOpenTitleWidth(openWidth);\n\n let closedHeight = closedTitleHeight + 24;\n let openHeight = openTitleHeight + 24;\n\n if (shouldShowSubtitleRow) {\n if (pseudoSubtitleOpenRef.current && pseudoSubtitleClosedRef.current) {\n const { height: closedSubtitleHeight } =\n pseudoSubtitleClosedRef.current.getBoundingClientRect();\n const { height: openSubtitleHeight } =\n pseudoSubtitleOpenRef.current.getBoundingClientRect();\n\n closedHeight += closedSubtitleHeight + 4;\n openHeight += openSubtitleHeight + 4;\n }\n }\n\n setHeadHeight({ closed: closedHeight, open: openHeight });\n\n setShouldRenderPseudoElements(false);\n }\n }, [shouldShowSubtitleRow]);\n\n useEffect(() => {\n if (subtitle \|\| title) setShouldRenderPseudoElements(true);\n }, [subtitle, title]);\n\n // This is used to trigger a rerender, so the head height can be calculated\n useEffect(() => {\n setIsFirstRender(true);\n }, []);\n\n const handleMouseEnter = useCallback(() => setShouldShowHoverItem(true), []);\n\n const handleMouseLeave = useCallback(() => setShouldShowHoverItem(false), []);\n\n const marginTop = useMemo(() => {\n const height = headHeight[isOpen ? 'open' : 'closed'];\n\n if (height < 64) {\n return (64 - height) / 2;\n }\n\n return 0;\n }, [headHeight, isOpen]);\n\n const handleTouchStart = useCallback<TouchEventHandler<HTMLDivElement>>(\n (event) => {\n longPressTimeoutRef.current = window.setTimeout(() => {\n if (typeof onLongPress === 'function') {\n onLongPress(event);\n }\n }, 400);\n },\n [onLongPress],\n );\n\n const handleTouchEnd = useCallback(() => {\n clearTimeout(longPressTimeoutRef.current);\n }, []);\n\n const shouldPreventRightElementClick = useMemo(() => {\n if (!rightElements) return false;\n\n if (\n typeof rightElements === 'object' &&\n ('bottom' in rightElements \|\| 'center' in rightElements \|\| 'top' in rightElements)\n ) {\n if (rightElements.bottom && getElementClickEvent(rightElements.bottom)) {\n return true;\n }\n\n if (rightElements.center && getElementClickEvent(rightElements.center)) {\n return true;\n }\n\n if (rightElements.top && getElementClickEvent(rightElements.top)) {\n return true;\n }\n } else {\n return getElementClickEvent(rightElements as ReactNode);\n }\n\n return false;\n }, [rightElements]);\n\n const iconOrImageElement = useMemo(() => {\n if (icons) {\n return (\n <ListItemIcon\n icons={icons}\n shouldHideBackground={!!shouldHideImageOrIconBackground}\n shouldShowRoundIcon={!!shouldShowRoundImageOrIcon}\n />\n );\n }\n\n if (images) {\n return (\n <ListItemImage\n imageBackground={imageBackground}\n careOfLocationId={careOfLocationId}\n images={images}\n shouldOpenImageOnClick={shouldOpenImageOnClick}\n shouldHideBackground={!!shouldHideImageOrIconBackground}\n shouldShowRoundImage={!!shouldShowRoundImageOrIcon}\n />\n );\n }\n\n return undefined;\n }, [\n careOfLocationId,\n icons,\n imageBackground,\n images,\n shouldHideImageOrIconBackground,\n shouldOpenImageOnClick,\n shouldShowRoundImageOrIcon,\n ]);\n\n return (\n <StyledListItemHead\n animate={{\n height: isOpen ? headHeight.open : headHeight.closed,\n opacity: isTitleGreyed ? 0.5 : 1,\n }}\n initial={false}\n transition={{ duration: 0.2, type: 'tween' }}\n className=\"beta-chayns-list-item-head\"\n $isClickable={typeof onClick === 'function' \|\| isExpandable}\n $isAnyItemExpandable={isAnyItemExpandable}\n onClick={onClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onTouchStart={typeof onLongPress === 'function' ? handleTouchStart : undefined}\n onTouchEnd={typeof onLongPress === 'function' ? handleTouchEnd : undefined}\n >\n <StyledListItemHeadLeftWrapper>\n {isAnyItemExpandable && (\n <StyledMotionListItemHeadIndicator\n animate={{ rotate: isOpen ? 90 : 0 }}\n initial={false}\n transition={{ type: 'tween' }}\n >\n {isExpandable && !shouldHideIndicator && (\n <Icon icons={['fa fa-chevron-right']} />\n )}\n </StyledMotionListItemHeadIndicator>\n )}\n {leftElements}\n {iconOrImageElement}\n </StyledListItemHeadLeftWrapper>\n <StyledListItemHeadContent\n $isIconOrImageGiven={iconOrImageElement !== undefined}\n $marginTop={marginTop}\n $isOpen={isOpen}\n >\n <StyledListItemHeadTitle>\n <StyledListItemHeadTitleContent>\n {shouldRenderPseudoElements && (\n <>\n <StyledListItemHeadTitleTextPseudo ref={pseudoTitleOpenRef} $isOpen>\n {title}\n </StyledListItemHeadTitleTextPseudo>\n <StyledListItemHeadTitleTextPseudo\n ref={pseudoTitleClosedRef}\n $isOpen={false}\n >\n {title}\n </StyledListItemHeadTitleTextPseudo>\n </>\n )}\n <StyledListItemHeadTitleText $isOpen={isOpen} $width={openTitleWidth}>\n {title}\n </StyledListItemHeadTitleText>\n <StyledListItemHeadTitleElement>\n {titleElement}\n </StyledListItemHeadTitleElement>\n </StyledListItemHeadTitleContent>\n </StyledListItemHeadTitle>\n {shouldShowSubtitleRow && (\n <StyledListItemHeadSubtitle>\n {shouldRenderPseudoElements && (\n <>\n <StyledListItemHeadSubtitleTextPseudo\n ref={pseudoSubtitleOpenRef}\n $isOpen\n >\n {subtitle}\n </StyledListItemHeadSubtitleTextPseudo>\n <StyledListItemHeadSubtitleTextPseudo\n ref={pseudoSubtitleClosedRef}\n $isOpen={false}\n >\n {subtitle}\n </StyledListItemHeadSubtitleTextPseudo>\n </>\n )}\n <StyledListItemHeadSubtitleText $isOpen={isOpen}>\n {subtitle}\n </StyledListItemHeadSubtitleText>\n </StyledListItemHeadSubtitle>\n )}\n </StyledListItemHeadContent>\n {rightElements && (\n <ListItemRightElements\n rightElements={rightElements}\n shouldPreventRightElementClick={shouldPreventRightElementClick}\n />\n )}\n {hoverItem && (\n <StyledMotionListItemHeadHoverItemWrapper\n className=\"beta-chayns-list-item-hover-item\"\n animate={{\n marginLeft: shouldForceHover \|\| shouldShowHoverItem ? 8 : 0,\n opacity: shouldForceHover \|\| shouldShowHoverItem ? 1 : 0,\n width: shouldForceHover \|\| shouldShowHoverItem ? 'auto' : 0,\n }}\n initial={false}\n transition={{ duration: 0.15, type: 'tween' }}\n >\n <StyledMotionListItemHeadHoverItem>\n {hoverItem}\n </StyledMotionListItemHeadHoverItem>\n </StyledMotionListItemHeadHoverItemWrapper>\n )}\n </StyledListItemHead>\n );\n};\n\nListItemHead.displayName = 'ListItemHead';\n\nexport default ListItemHead;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAaA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,cAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,sBAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAe+B,SAAAG,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAS,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAgC/B,MAAMgB,YAAmC,GAAGA,CAAC;EACzCC,gBAAgB;EAChBC,SAAS;EACTC,KAAK;EACLC,eAAe;EACfC,MAAM;EACNC,mBAAmB;EACnBC,YAAY;EACZC,MAAM;EACNC,aAAa;EACbC,YAAY;EACZC,OAAO;EACPC,WAAW;EACXC,aAAa;EACbC,+BAA+B;EAC/BC,mBAAmB;EACnBC,sBAAsB;EACtBC,kBAAkB;EAClBC,0BAA0B;EAC1BC,QAAQ;EACRC,gBAAgB;EAChBC,KAAK;EACLC;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,0BAA0B,EAAEC,6BAA6B,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EAClF,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EACrE,MAAM,CAACG,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAJ,eAAQ,EAAC,CAAC,CAAC;EACvD,MAAM,CAACK,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAN,eAAQ,EAAa;IAAEO,MAAM,EAAE,EAAE;IAAEC,IAAI,EAAE;EAAG,CAAC,CAAC;EAClF,MAAM,GAAGC,gBAAgB,CAAC,GAAG,IAAAT,eAAQ,EAAC,KAAK,CAAC;EAE5C,MAAMU,mBAAmB,GAAG,IAAAC,aAAM,EAAS,CAAC;EAE5C,MAAMC,kBAAkB,GAAG,IAAAD,aAAM,EAAiB,IAAI,CAAC;EACvD,MAAME,oBAAoB,GAAG,IAAAF,aAAM,EAAiB,IAAI,CAAC;EACzD,MAAMG,qBAAqB,GAAG,IAAAH,aAAM,EAAiB,IAAI,CAAC;EAC1D,MAAMI,uBAAuB,GAAG,IAAAJ,aAAM,EAAiB,IAAI,CAAC;EAE5D,MAAMK,qBAAqB,GAAGtB,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ;EAEtE,IAAAuB,gBAAS,EAAC,MAAM;IACZ,IAAIJ,oBAAoB,CAACK,OAAO,EAAE;MAC9B,MAAM;QAAEC;MAAM,CAAC,GAAGN,oBAAoB,CAACK,OAAO,CAACE,qBAAqB,CAAC,CAAC;MAEtE5B,kBAAkB,CAAC2B,KAAK,CAAC;IAC7B;EACJ,CAAC,EAAE,CAAC3B,kBAAkB,CAAC,CAAC;EAExB,IAAAyB,gBAAS,EAAC,MAAM;IACZ,IAAIL,kBAAkB,CAACM,OAAO,IAAIL,oBAAoB,CAACK,OAAO,EAAE;MAC5D,MAAM;QAAEG,MAAM,EAAEC;MAAkB,CAAC,GAC/BT,oBAAoB,CAACK,OAAO,CAACE,qBAAqB,CAAC,CAAC;MACxD,MAAM;QAAEC,MAAM,EAAEE,eAAe;QAAEJ,KAAK,EAAEK;MAAU,CAAC,GAC/CZ,kBAAkB,CAACM,OAAO,CAACE,qBAAqB,CAAC,CAAC;MAEtDhB,iBAAiB,CAACoB,SAAS,CAAC;MAE5B,IAAIC,YAAY,GAAGH,iBAAiB,GAAG,EAAE;MACzC,IAAII,UAAU,GAAGH,eAAe,GAAG,EAAE;MAErC,IAAIP,qBAAqB,EAAE;QACvB,IAAIF,qBAAqB,CAACI,OAAO,IAAIH,uBAAuB,CAACG,OAAO,EAAE;UAClE,MAAM;YAAEG,MAAM,EAAEM;UAAqB,CAAC,GAClCZ,uBAAuB,CAACG,OAAO,CAACE,qBAAqB,CAAC,CAAC;UAC3D,MAAM;YAAEC,MAAM,EAAEO;UAAmB,CAAC,GAChCd,qBAAqB,CAACI,OAAO,CAACE,qBAAqB,CAAC,CAAC;UAEzDK,YAAY,IAAIE,oBAAoB,GAAG,CAAC;UACxCD,UAAU,IAAIE,kBAAkB,GAAG,CAAC;QACxC;MACJ;MAEAtB,aAAa,CAAC;QAAEC,MAAM,EAAEkB,YAAY;QAAEjB,IAAI,EAAEkB;MAAW,CAAC,CAAC;MAEzD3B,6BAA6B,CAAC,KAAK,CAAC;IACxC;EACJ,CAAC,EAAE,CAACiB,qBAAqB,CAAC,CAAC;EAE3B,IAAAC,gBAAS,EAAC,MAAM;IACZ,IAAIvB,QAAQ,IAAIE,KAAK,EAAEG,6BAA6B,CAAC,IAAI,CAAC;EAC9D,CAAC,EAAE,CAACL,QAAQ,EAAEE,KAAK,CAAC,CAAC;;EAErB;EACA,IAAAqB,gBAAS,EAAC,MAAM;IACZR,gBAAgB,CAAC,IAAI,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMoB,gBAAgB,GAAG,IAAAC,kBAAW,EAAC,MAAM5B,sBAAsB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EAE5E,MAAM6B,gBAAgB,GAAG,IAAAD,kBAAW,EAAC,MAAM5B,sBAAsB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAE7E,MAAM8B,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC5B,MAAMZ,MAAM,GAAGhB,UAAU,CAACtB,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IAErD,IAAIsC,MAAM,GAAG,EAAE,EAAE;MACb,OAAO,CAAC,EAAE,GAAGA,MAAM,IAAI,CAAC;IAC5B;IAEA,OAAO,CAAC;EACZ,CAAC,EAAE,CAAChB,UAAU,EAAEtB,MAAM,CAAC,CAAC;EAExB,MAAMmD,gBAAgB,GAAG,IAAAJ,kBAAW,EAC/BK,KAAK,IAAK;IACPzB,mBAAmB,CAACQ,OAAO,GAAGkB,MAAM,CAACC,UAAU,CAAC,MAAM;MAClD,IAAI,OAAOlD,WAAW,KAAK,UAAU,EAAE;QACnCA,WAAW,CAACgD,KAAK,CAAC;MACtB;IACJ,CAAC,EAAE,GAAG,CAAC;EACX,CAAC,EACD,CAAChD,WAAW,CAChB,CAAC;EAED,MAAMmD,cAAc,GAAG,IAAAR,kBAAW,EAAC,MAAM;IACrCS,YAAY,CAAC7B,mBAAmB,CAACQ,OAAO,CAAC;EAC7C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMsB,8BAA8B,GAAG,IAAAP,cAAO,EAAC,MAAM;IACjD,IAAI,CAAC7C,aAAa,EAAE,OAAO,KAAK;IAEhC,IACI,OAAOA,aAAa,KAAK,QAAQ,KAChC,QAAQ,IAAIA,aAAa,IAAI,QAAQ,IAAIA,aAAa,IAAI,KAAK,IAAIA,aAAa,CAAC,EACpF;MACE,IAAIA,aAAa,CAACqD,MAAM,IAAI,IAAAC,+BAAoB,EAACtD,aAAa,CAACqD,MAAM,CAAC,EAAE;QACpE,OAAO,IAAI;MACf;MAEA,IAAIrD,aAAa,CAACuD,MAAM,IAAI,IAAAD,+BAAoB,EAACtD,aAAa,CAACuD,MAAM,CAAC,EAAE;QACpE,OAAO,IAAI;MACf;MAEA,IAAIvD,aAAa,CAACwD,GAAG,IAAI,IAAAF,+BAAoB,EAACtD,aAAa,CAACwD,GAAG,CAAC,EAAE;QAC9D,OAAO,IAAI;MACf;IACJ,CAAC,MAAM;MACH,OAAO,IAAAF,+BAAoB,EAACtD,aAA0B,CAAC;IAC3D;IAEA,OAAO,KAAK;EAChB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,MAAMyD,kBAAkB,GAAG,IAAAZ,cAAO,EAAC,MAAM;IACrC,IAAIvD,KAAK,EAAE;MACP,oBACIhC,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC9F,aAAA,CAAAM,OAAY;QACToB,KAAK,EAAEA,KAAM;QACbqE,oBAAoB,EAAE,CAAC,CAAC1D,+BAAgC;QACxD2D,mBAAmB,EAAE,CAAC,CAACvD;MAA2B,CACrD,CAAC;IAEV;IAEA,IAAIb,MAAM,EAAE;MACR,oBACIlC,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC7F,cAAA,CAAAK,OAAa;QACVqB,eAAe,EAAEA,eAAgB;QACjCH,gBAAgB,EAAEA,gBAAiB;QACnCI,MAAM,EAAEA,MAAO;QACfW,sBAAsB,EAAEA,sBAAuB;QAC/CwD,oBAAoB,EAAE,CAAC,CAAC1D,+BAAgC;QACxD4D,oBAAoB,EAAE,CAAC,CAACxD;MAA2B,CACtD,CAAC;IAEV;IAEA,OAAOyD,SAAS;EACpB,CAAC,EAAE,CACC1E,gBAAgB,EAChBE,KAAK,EACLC,eAAe,EACfC,MAAM,EACNS,+BAA+B,EAC/BE,sBAAsB,EACtBE,0BAA0B,CAC7B,CAAC;EAEF,oBACI/C,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAAgG,kBAAkB;IACfC,OAAO,EAAE;MACL/B,MAAM,EAAEtC,MAAM,GAAGsB,UAAU,CAACG,IAAI,GAAGH,UAAU,CAACE,MAAM;MACpD8C,OAAO,EAAErE,aAAa,GAAG,GAAG,GAAG;IACnC,CAAE;IACFsE,OAAO,EAAE,KAAM;IACfC,UAAU,EAAE;MAAEC,QAAQ,EAAE,GAAG;MAAEC,IAAI,EAAE;IAAQ,CAAE;IAC7CC,SAAS,EAAC,4BAA4B;IACtCC,YAAY,EAAE,OAAOzE,OAAO,KAAK,UAAU,IAAIJ,YAAa;IAC5D8E,oBAAoB,EAAE/E,mBAAoB;IAC1CK,OAAO,EAAEA,OAAQ;IACjB2E,YAAY,EAAEhC,gBAAiB;IAC/BiC,YAAY,EAAE/B,gBAAiB;IAC/BgC,YAAY,EAAE,OAAO5E,WAAW,KAAK,UAAU,GAAG+C,gBAAgB,GAAGgB,SAAU;IAC/Ec,UAAU,EAAE,OAAO7E,WAAW,KAAK,UAAU,GAAGmD,cAAc,GAAGY;EAAU,gBAE3ExG,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAA8G,6BAA6B,QACzBpF,mBAAmB,iBAChBnC,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAA+G,iCAAiC;IAC9Bd,OAAO,EAAE;MAAEe,MAAM,EAAEpF,MAAM,GAAG,EAAE,GAAG;IAAE,CAAE;IACrCuE,OAAO,EAAE,KAAM;IACfC,UAAU,EAAE;MAAEE,IAAI,EAAE;IAAQ;EAAE,GAE7B3E,YAAY,IAAI,CAACQ,mBAAmB,iBACjC5C,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAChG,KAAA,CAAAQ,OAAI;IAACoB,KAAK,EAAE,CAAC,qBAAqB;EAAE,CAAE,CAEZ,CACtC,EACAO,YAAY,EACZ4D,kBAC0B,CAAC,eAChCnG,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAAiH,yBAAyB;IACtBC,mBAAmB,EAAExB,kBAAkB,KAAKK,SAAU;IACtDoB,UAAU,EAAEtC,SAAU;IACtBuC,OAAO,EAAExF;EAAO,gBAEhBrC,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAAqH,uBAAuB,qBACpB9H,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAAsH,8BAA8B,QAC1B3E,0BAA0B,iBACvBpD,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAApG,MAAA,CAAAY,OAAA,CAAAoH,QAAA,qBACIhI,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAAwH,iCAAiC;IAACC,GAAG,EAAEhE,kBAAmB;IAAC2D,OAAO;EAAA,GAC9D3E,KAC8B,CAAC,eACpClD,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAAwH,iCAAiC;IAC9BC,GAAG,EAAE/D,oBAAqB;IAC1B0D,OAAO,EAAE;EAAM,GAEd3E,KAC8B,CACrC,CACL,eACDlD,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAA0H,2BAA2B;IAACN,OAAO,EAAExF,MAAO;IAAC+F,MAAM,EAAE3E;EAAe,GAChEP,KACwB,CAAC,eAC9BlD,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAA4H,8BAA8B,QAC1BlF,YAC2B,CACJ,CACX,CAAC,EACzBmB,qBAAqB,iBAClBtE,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAA6H,0BAA0B,QACtBlF,0BAA0B,iBACvBpD,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAApG,MAAA,CAAAY,OAAA,CAAAoH,QAAA,qBACIhI,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAA8H,oCAAoC;IACjCL,GAAG,EAAE9D,qBAAsB;IAC3ByD,OAAO;EAAA,GAEN7E,QACiC,CAAC,eACvChD,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAA8H,oCAAoC;IACjCL,GAAG,EAAE7D,uBAAwB;IAC7BwD,OAAO,EAAE;EAAM,GAEd7E,QACiC,CACxC,CACL,eACDhD,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAA+H,8BAA8B;IAACX,OAAO,EAAExF;EAAO,GAC3CW,QAC2B,CACR,CAET,CAAC,EAC3BN,aAAa,iBACV1C,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC5F,sBAAA,CAAAI,OAAqB;IAClB8B,aAAa,EAAEA,aAAc;IAC7BoD,8BAA8B,EAAEA;EAA+B,CAClE,CACJ,EACA/D,SAAS,iBACN/B,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAAgI,wCAAwC;IACrCzB,SAAS,EAAC,kCAAkC;IAC5CN,OAAO,EAAE;MACLgC,UAAU,EAAEzF,gBAAgB,IAAIM,mBAAmB,GAAG,CAAC,GAAG,CAAC;MAC3DoD,OAAO,EAAE1D,gBAAgB,IAAIM,mBAAmB,GAAG,CAAC,GAAG,CAAC;MACxDkB,KAAK,EAAExB,gBAAgB,IAAIM,mBAAmB,GAAG,MAAM,GAAG;IAC9D,CAAE;IACFqD,OAAO,EAAE,KAAM;IACfC,UAAU,EAAE;MAAEC,QAAQ,EAAE,IAAI;MAAEC,IAAI,EAAE;IAAQ;EAAE,gBAE9C/G,MAAA,CAAAY,OAAA,CAAAwF,aAAA,CAAC3F,aAAA,CAAAkI,iCAAiC,QAC7B5G,SAC8B,CACG,CAE9B,CAAC;AAE7B,CAAC;AAEDF,YAAY,CAAC+G,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlI,OAAA,GAE3BiB,YAAY","ignoreList":[]}
1	+ {"version":3,"file":"ListItemHead.js","names":["_react","_interopRequireWildcard","require","_accordion","_Icon","_interopRequireDefault","_ListItemIcon","_ListItemImage","_ListItemRightElements","_ListItemHead","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListItemHead","careOfLocationId","cornerImage","hoverItem","icons","imageBackground","images","isAnyItemExpandable","isExpandable","isOpen","isTitleGreyed","leftElements","onClick","onLongPress","rightElements","shouldHideImageOrIconBackground","shouldHideIndicator","shouldOpenImageOnClick","onTitleWidthChange","shouldShowRoundImageOrIcon","subtitle","shouldForceHover","title","titleElement","shouldRenderPseudoElements","setShouldRenderPseudoElements","useState","shouldShowHoverItem","setShouldShowHoverItem","openTitleWidth","setOpenTitleWidth","headHeight","setHeadHeight","closed","open","setIsFirstRender","longPressTimeoutRef","useRef","pseudoTitleOpenRef","pseudoTitleClosedRef","pseudoSubtitleOpenRef","pseudoSubtitleClosedRef","shouldShowSubtitleRow","useEffect","current","width","getBoundingClientRect","height","closedTitleHeight","openTitleHeight","openWidth","closedHeight","openHeight","closedSubtitleHeight","openSubtitleHeight","handleMouseEnter","useCallback","handleMouseLeave","marginTop","useMemo","handleTouchStart","event","window","setTimeout","handleTouchEnd","clearTimeout","shouldPreventRightElementClick","bottom","getElementClickEvent","center","top","iconOrImageElement","createElement","shouldHideBackground","shouldShowRoundIcon","shouldShowRoundImage","undefined","StyledListItemHead","animate","opacity","initial","transition","duration","type","className","$isClickable","$isAnyItemExpandable","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","StyledListItemHeadLeftWrapper","StyledMotionListItemHeadIndicator","rotate","StyledListItemHeadContent","$isIconOrImageGiven","$marginTop","$isOpen","StyledListItemHeadTitle","StyledListItemHeadTitleContent","Fragment","StyledListItemHeadTitleTextPseudo","ref","StyledListItemHeadTitleText","$width","StyledListItemHeadTitleElement","StyledListItemHeadSubtitle","StyledListItemHeadSubtitleTextPseudo","StyledListItemHeadSubtitleText","StyledMotionListItemHeadHoverItemWrapper","marginLeft","StyledMotionListItemHeadHoverItem","displayName","_default","exports"],"sources":["../../../../../../src/components/list/list-item/list-item-head/ListItemHead.tsx"],"sourcesContent":["import React, {\n CSSProperties,\n FC,\n MouseEventHandler,\n ReactNode,\n TouchEventHandler,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport type { IListItemRightElements } from '../../../../types/list';\nimport { getElementClickEvent } from '../../../../utils/accordion';\nimport Icon from '../../../icon/Icon';\nimport ListItemIcon from './list-item-icon/ListItemIcon';\nimport ListItemImage from './list-item-image/ListItemImage';\nimport ListItemRightElements from './list-item-right-elements/ListItemRightElements';\nimport {\n StyledListItemHead,\n StyledListItemHeadContent,\n StyledListItemHeadLeftWrapper,\n StyledListItemHeadSubtitle,\n StyledListItemHeadSubtitleText,\n StyledListItemHeadSubtitleTextPseudo,\n StyledListItemHeadTitle,\n StyledListItemHeadTitleContent,\n StyledListItemHeadTitleElement,\n StyledListItemHeadTitleText,\n StyledListItemHeadTitleTextPseudo,\n StyledMotionListItemHeadHoverItem,\n StyledMotionListItemHeadHoverItemWrapper,\n StyledMotionListItemHeadIndicator,\n} from './ListItemHead.styles';\n\ninterface HeadHeight {\n closed: number;\n open: number;\n}\n\ntype ListItemHeadProps = {\n careOfLocationId?: number;\n cornerImage?: string;\n hoverItem?: ReactNode;\n icons?: string[];\n imageBackground?: CSSProperties['background'];\n images?: string[];\n isAnyItemExpandable: boolean;\n isExpandable: boolean;\n isOpen: boolean;\n isTitleGreyed?: boolean;\n leftElements?: ReactNode;\n onClick?: MouseEventHandler<HTMLDivElement>;\n onLongPress?: TouchEventHandler<HTMLDivElement>;\n rightElements?: IListItemRightElements;\n shouldHideImageOrIconBackground?: boolean;\n shouldHideIndicator?: boolean;\n shouldOpenImageOnClick: boolean;\n shouldShowRoundImageOrIcon?: boolean;\n subtitle?: ReactNode;\n title: ReactNode;\n onTitleWidthChange: (width: number) => void;\n titleElement?: ReactNode;\n shouldForceHover?: boolean;\n};\n\nconst ListItemHead: FC<ListItemHeadProps> = ({\n careOfLocationId,\n cornerImage,\n hoverItem,\n icons,\n imageBackground,\n images,\n isAnyItemExpandable,\n isExpandable,\n isOpen,\n isTitleGreyed,\n leftElements,\n onClick,\n onLongPress,\n rightElements,\n shouldHideImageOrIconBackground,\n shouldHideIndicator,\n shouldOpenImageOnClick,\n onTitleWidthChange,\n shouldShowRoundImageOrIcon,\n subtitle,\n shouldForceHover,\n title,\n titleElement,\n}) => {\n const [shouldRenderPseudoElements, setShouldRenderPseudoElements] = useState(true);\n const [shouldShowHoverItem, setShouldShowHoverItem] = useState(false);\n const [openTitleWidth, setOpenTitleWidth] = useState(0);\n const [headHeight, setHeadHeight] = useState<HeadHeight>({ closed: 40, open: 40 });\n const [, setIsFirstRender] = useState(false);\n\n const longPressTimeoutRef = useRef<number>();\n\n const pseudoTitleOpenRef = useRef<HTMLDivElement>(null);\n const pseudoTitleClosedRef = useRef<HTMLDivElement>(null);\n const pseudoSubtitleOpenRef = useRef<HTMLDivElement>(null);\n const pseudoSubtitleClosedRef = useRef<HTMLDivElement>(null);\n\n const shouldShowSubtitleRow = subtitle \|\| typeof subtitle === 'string';\n\n useEffect(() => {\n if (pseudoTitleClosedRef.current) {\n const { width } = pseudoTitleClosedRef.current.getBoundingClientRect();\n\n onTitleWidthChange(width);\n }\n }, [onTitleWidthChange]);\n\n useEffect(() => {\n if (pseudoTitleOpenRef.current && pseudoTitleClosedRef.current) {\n const { height: closedTitleHeight } =\n pseudoTitleClosedRef.current.getBoundingClientRect();\n const { height: openTitleHeight, width: openWidth } =\n pseudoTitleOpenRef.current.getBoundingClientRect();\n\n setOpenTitleWidth(openWidth);\n\n let closedHeight = closedTitleHeight + 24;\n let openHeight = openTitleHeight + 24;\n\n if (shouldShowSubtitleRow) {\n if (pseudoSubtitleOpenRef.current && pseudoSubtitleClosedRef.current) {\n const { height: closedSubtitleHeight } =\n pseudoSubtitleClosedRef.current.getBoundingClientRect();\n const { height: openSubtitleHeight } =\n pseudoSubtitleOpenRef.current.getBoundingClientRect();\n\n closedHeight += closedSubtitleHeight + 4;\n openHeight += openSubtitleHeight + 4;\n }\n }\n\n setHeadHeight({ closed: closedHeight, open: openHeight });\n\n setShouldRenderPseudoElements(false);\n }\n }, [shouldShowSubtitleRow]);\n\n useEffect(() => {\n if (subtitle \|\| title) setShouldRenderPseudoElements(true);\n }, [subtitle, title]);\n\n // This is used to trigger a rerender, so the head height can be calculated\n useEffect(() => {\n setIsFirstRender(true);\n }, []);\n\n const handleMouseEnter = useCallback(() => setShouldShowHoverItem(true), []);\n\n const handleMouseLeave = useCallback(() => setShouldShowHoverItem(false), []);\n\n const marginTop = useMemo(() => {\n const height = headHeight[isOpen ? 'open' : 'closed'];\n\n if (height < 64) {\n return (64 - height) / 2;\n }\n\n return 0;\n }, [headHeight, isOpen]);\n\n const handleTouchStart = useCallback<TouchEventHandler<HTMLDivElement>>(\n (event) => {\n longPressTimeoutRef.current = window.setTimeout(() => {\n if (typeof onLongPress === 'function') {\n onLongPress(event);\n }\n }, 400);\n },\n [onLongPress],\n );\n\n const handleTouchEnd = useCallback(() => {\n clearTimeout(longPressTimeoutRef.current);\n }, []);\n\n const shouldPreventRightElementClick = useMemo(() => {\n if (!rightElements) return false;\n\n if (\n typeof rightElements === 'object' &&\n ('bottom' in rightElements \|\| 'center' in rightElements \|\| 'top' in rightElements)\n ) {\n if (rightElements.bottom && getElementClickEvent(rightElements.bottom)) {\n return true;\n }\n\n if (rightElements.center && getElementClickEvent(rightElements.center)) {\n return true;\n }\n\n if (rightElements.top && getElementClickEvent(rightElements.top)) {\n return true;\n }\n } else {\n return getElementClickEvent(rightElements as ReactNode);\n }\n\n return false;\n }, [rightElements]);\n\n const iconOrImageElement = useMemo(() => {\n if (icons) {\n return (\n <ListItemIcon\n icons={icons}\n shouldHideBackground={!!shouldHideImageOrIconBackground}\n shouldShowRoundIcon={!!shouldShowRoundImageOrIcon}\n />\n );\n }\n\n if (images) {\n return (\n <ListItemImage\n imageBackground={imageBackground}\n careOfLocationId={careOfLocationId}\n images={images}\n shouldOpenImageOnClick={shouldOpenImageOnClick}\n shouldHideBackground={!!shouldHideImageOrIconBackground}\n shouldShowRoundImage={!!shouldShowRoundImageOrIcon}\n />\n );\n }\n\n return undefined;\n }, [\n careOfLocationId,\n icons,\n imageBackground,\n images,\n shouldHideImageOrIconBackground,\n shouldOpenImageOnClick,\n shouldShowRoundImageOrIcon,\n ]);\n\n return (\n <StyledListItemHead\n animate={{\n height: isOpen ? headHeight.open : headHeight.closed,\n opacity: isTitleGreyed ? 0.5 : 1,\n }}\n initial={false}\n transition={{ duration: 0.2, type: 'tween' }}\n className=\"beta-chayns-list-item-head\"\n $isClickable={typeof onClick === 'function' \|\| isExpandable}\n $isAnyItemExpandable={isAnyItemExpandable}\n onClick={onClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onTouchStart={typeof onLongPress === 'function' ? handleTouchStart : undefined}\n onTouchEnd={typeof onLongPress === 'function' ? handleTouchEnd : undefined}\n >\n <StyledListItemHeadLeftWrapper>\n {isAnyItemExpandable && (\n <StyledMotionListItemHeadIndicator\n animate={{ rotate: isOpen ? 90 : 0 }}\n initial={false}\n transition={{ type: 'tween' }}\n >\n {isExpandable && !shouldHideIndicator && (\n <Icon icons={['fa fa-chevron-right']} />\n )}\n </StyledMotionListItemHeadIndicator>\n )}\n {leftElements}\n {iconOrImageElement}\n </StyledListItemHeadLeftWrapper>\n <StyledListItemHeadContent\n $isIconOrImageGiven={iconOrImageElement !== undefined}\n $marginTop={marginTop}\n $isOpen={isOpen}\n >\n <StyledListItemHeadTitle>\n <StyledListItemHeadTitleContent>\n {shouldRenderPseudoElements && (\n <>\n <StyledListItemHeadTitleTextPseudo ref={pseudoTitleOpenRef} $isOpen>\n {title}\n </StyledListItemHeadTitleTextPseudo>\n <StyledListItemHeadTitleTextPseudo\n ref={pseudoTitleClosedRef}\n $isOpen={false}\n >\n {title}\n </StyledListItemHeadTitleTextPseudo>\n </>\n )}\n <StyledListItemHeadTitleText $isOpen={isOpen} $width={openTitleWidth}>\n {title}\n </StyledListItemHeadTitleText>\n <StyledListItemHeadTitleElement>\n {titleElement}\n </StyledListItemHeadTitleElement>\n </StyledListItemHeadTitleContent>\n </StyledListItemHeadTitle>\n {shouldShowSubtitleRow && (\n <StyledListItemHeadSubtitle>\n {shouldRenderPseudoElements && (\n <>\n <StyledListItemHeadSubtitleTextPseudo\n ref={pseudoSubtitleOpenRef}\n $isOpen\n >\n {subtitle}\n </StyledListItemHeadSubtitleTextPseudo>\n <StyledListItemHeadSubtitleTextPseudo\n ref={pseudoSubtitleClosedRef}\n $isOpen={false}\n >\n {subtitle}\n </StyledListItemHeadSubtitleTextPseudo>\n </>\n )}\n <StyledListItemHeadSubtitleText $isOpen={isOpen}>\n {subtitle}\n </StyledListItemHeadSubtitleText>\n </StyledListItemHeadSubtitle>\n )}\n </StyledListItemHeadContent>\n {rightElements && (\n <ListItemRightElements\n rightElements={rightElements}\n shouldPreventRightElementClick={shouldPreventRightElementClick}\n />\n )}\n {hoverItem && (\n <StyledMotionListItemHeadHoverItemWrapper\n className=\"beta-chayns-list-item-hover-item\"\n animate={{\n marginLeft: shouldForceHover \|\| shouldShowHoverItem ? 8 : 0,\n opacity: shouldForceHover \|\| shouldShowHoverItem ? 1 : 0,\n width: shouldForceHover \|\| shouldShowHoverItem ? 'auto' : 0,\n }}\n initial={false}\n transition={{ duration: 0.15, type: 'tween' }}\n >\n <StyledMotionListItemHeadHoverItem>\n {hoverItem}\n </StyledMotionListItemHeadHoverItem>\n </StyledMotionListItemHeadHoverItemWrapper>\n )}\n </StyledListItemHead>\n );\n};\n\nListItemHead.displayName = 'ListItemHead';\n\nexport default ListItemHead;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/list/list-item/list-item-head/list-item-image/ListItemImage.js CHANGED Viewed

@@ -12,6 +12,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ListItemImage = ({
   careOfLocationId,
+  cornerImage,
   imageBackground,
   images,
   shouldHideBackground,
@@ -41,6 +42,7 @@ const ListItemImage = ({
     });
   }, [images, shouldOpenImageOnClick]);
   if (images && images[0] && images[1]) {
+    const careOfImage = careOfLocationId ? `https://sub60.tobit.com/l/${careOfLocationId}?size=128` : undefined;
     return /*#__PURE__*/_react.default.createElement(_ListItemImage.StyledListImageWrapper, {
       onClick: handleImageClick
     }, /*#__PURE__*/_react.default.createElement(_GroupedImage.default, {
@@ -48,7 +50,7 @@ const ListItemImage = ({
       shouldPreventBackground: shouldHideBackground,
       shouldShowRoundImage: shouldShowRoundImage,
       imageBackground: imageBackground,
-      cornerImage: careOfLocationId ? `https://sub60.tobit.com/l/${careOfLocationId}?size=128` : undefined
+      cornerImage: cornerImage ?? careOfImage
     }));
   }
   if (images && images[0]) {

package/lib/cjs/components/list/list-item/list-item-head/list-item-image/ListItemImage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemImage.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_GroupedImage","_interopRequireDefault","_ListItemImage","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListItemImage","careOfLocationId","imageBackground","images","shouldHideBackground","shouldShowRoundImage","shouldOpenImageOnClick","hasLoadedImage","setHasLoadedImage","useState","handleImageLoaded","useCallback","handleImageClick","event","preventDefault","stopPropagation","items","map","image","url","mediaType","MediaType","IMAGE","openMedia","startIndex","~~createElement~~","~~StyledListImageWrapper~~","~~onClick~~","~~shouldPreventBackground~~","~~cornerImage~~","~~undefined~~","StyledListItemHeadImageWrapper","StyledListItemHeadImage","$isHidden","onLoad","$shouldShowRoundImage","$background","$shouldHideBackground","$isSmall","src","StyledCareOfImage","alt","displayName","_default","exports"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-image/ListItemImage.tsx"],"sourcesContent":["import { MediaType, openMedia, OpenMediaItem } from 'chayns-api';\nimport React, { CSSProperties, MouseEventHandler, useCallback, useState } from 'react';\nimport GroupedImage from '../../../../grouped-image/GroupedImage';\nimport {\n StyledCareOfImage,\n StyledListImageWrapper,\n StyledListItemHeadImage,\n StyledListItemHeadImageWrapper,\n} from './ListItemImage.styles';\n\ntype ListItemImageProps = {\n careOfLocationId?: number;\n imageBackground?: CSSProperties['background'];\n images: string[];\n shouldHideBackground: boolean;\n shouldShowRoundImage: boolean;\n shouldOpenImageOnClick: boolean;\n};\n\nconst ListItemImage: React.FC<ListItemImageProps> = ({\n careOfLocationId,\n imageBackground,\n images,\n shouldHideBackground,\n shouldShowRoundImage,\n shouldOpenImageOnClick,\n}) => {\n const [hasLoadedImage, setHasLoadedImage] = useState(false);\n const handleImageLoaded = useCallback(() => {\n setHasLoadedImage(true);\n }, []);\n\n const handleImageClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n (event) => {\n if (!shouldOpenImageOnClick) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n const items: OpenMediaItem[] = images.map((image) => ({\n url: image,\n mediaType: MediaType.IMAGE,\n }));\n\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n void openMedia({ items, startIndex: 0 });\n },\n [images, shouldOpenImageOnClick],\n );\n\n if (images && images[0] && images[1]) {\n return (\n <StyledListImageWrapper onClick={handleImageClick}>\n <GroupedImage\n images={images}\n shouldPreventBackground={shouldHideBackground}\n shouldShowRoundImage={shouldShowRoundImage}\n imageBackground={imageBackground}\n cornerImage={~~\n careOfLocationId\n ?~~ ~~`https://sub60.tobit.com/l/${careOfLocationId}?size=128`\n :~~ ~~undefined\n~~ }\n />\n </StyledListImageWrapper>\n );\n }\n\n if (images && images[0]) {\n return (\n <StyledListItemHeadImageWrapper onClick={handleImageClick}>\n <StyledListItemHeadImage\n $isHidden={!hasLoadedImage}\n onLoad={handleImageLoaded}\n $shouldShowRoundImage={shouldShowRoundImage}\n $background={imageBackground}\n $shouldHideBackground={shouldHideBackground}\n $isSmall={!!careOfLocationId}\n src={images[0]}\n />\n {careOfLocationId && (\n <StyledCareOfImage\n $shouldHideBackground={shouldHideBackground}\n $background={imageBackground}\n src={`https://sub60.tobit.com/l/${careOfLocationId}?size=128`}\n alt=\"care-of\"\n />\n )}\n </StyledListItemHeadImageWrapper>\n );\n }\n\n return null;\n};\n\nListItemImage.displayName = 'ListItemImage';\n\nexport default ListItemImage;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAKgC,SAAAI,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAI,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;~~AAWhC~~,MAAMgB,aAA2C,GAAGA,CAAC;EACjDC,gBAAgB;EAChBC,eAAe;EACfC,MAAM;EACNC,oBAAoB;EACpBC,oBAAoB;EACpBC;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC3D,MAAMC,iBAAiB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACxCH,iBAAiB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,gBAAgB,GAAG,IAAAD,kBAAW,EAC/BE,KAAK,IAAK;IACP,IAAI,CAACP,sBAAsB,EAAE;MACzB;IACJ;IAEAO,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;IAEvB,MAAMC,KAAsB,GAAGb,MAAM,CAACc,GAAG,CAAEC,KAAK,KAAM;MAClDC,GAAG,EAAED,KAAK;MACVE,SAAS,EAAEC,oBAAS,CAACC;IACzB,CAAC,CAAC,CAAC;;IAEH;IACA;IACA,KAAK,IAAAC,oBAAS,EAAC;MAAEP,KAAK;MAAEQ,UAAU,EAAE;IAAE,CAAC,CAAC;EAC5C,CAAC,EACD,CAACrB,MAAM,EAAEG,sBAAsB,CACnC,CAAC;EAED,IAAIH,MAAM,IAAIA,MAAM,CAAC,CAAC,CAAC,IAAIA,MAAM,CAAC,CAAC,CAAC,EAAE;IAClC,~~oBACI3B~~,MAAA,CAAAO,OAAA,~~CAAA0C~~,aAAA,~~CAAC7C~~,cAAA,~~CAAA8C~~,sBAAsB;MAACC,OAAO,~~EAAEf~~;IAAiB,~~gBAC9CpC~~,MAAA,CAAAO,OAAA,~~CAAA0C~~,aAAA,~~CAAC/C~~,aAAA,CAAAK,OAAY;~~MACToB~~,MAAM,EAAEA,MAAO;~~MACfyB~~,uBAAuB,~~EAAExB~~,oBAAqB;MAC9CC,oBAAoB,EAAEA,oBAAqB;MAC3CH,eAAe,EAAEA,eAAgB;~~MACjC2B~~,WAAW,~~EACP5B~~,~~gBAAgB,GACV,6BAA6BA,gBAAgB,~~WAAW,~~GACxD6B~~;~~IACT~~,~~CACJ~~,CACmB,CAAC;EAEjC;EAEA,~~IAAI3B~~,MAAM,IAAIA,MAAM,CAAC,CAAC,CAAC,EAAE;IACrB,~~oBACI3B~~,MAAA,CAAAO,OAAA,~~CAAA0C~~,aAAA,~~CAAC7C~~,cAAA,~~CAAAmD~~,8BAA8B;~~MAACJ~~,OAAO,~~EAAEf~~;IAAiB,~~gBACtDpC~~,MAAA,CAAAO,OAAA,~~CAAA0C~~,aAAA,~~CAAC7C~~,cAAA,~~CAAAoD~~,uBAAuB;MACpBC,SAAS,EAAE,CAAC1B,cAAe;MAC3B2B,MAAM,EAAExB,iBAAkB;MAC1ByB,qBAAqB,EAAE9B,oBAAqB;MAC5C+B,WAAW,EAAElC,eAAgB;MAC7BmC,qBAAqB,EAAEjC,oBAAqB;MAC5CkC,QAAQ,EAAE,CAAC,~~CAACrC~~,gBAAiB;~~MAC7BsC~~,GAAG,EAAEpC,MAAM,CAAC,CAAC;IAAE,CAClB,CAAC,~~EACDF~~,gBAAgB,iBACbzB,MAAA,CAAAO,OAAA,~~CAAA0C~~,aAAA,~~CAAC7C~~,cAAA,~~CAAA4D~~,iBAAiB;MACdH,qBAAqB,EAAEjC,oBAAqB;MAC5CgC,WAAW,EAAElC,eAAgB;MAC7BqC,GAAG,EAAE,~~6BAA6BtC~~,gBAAgB,WAAY;~~MAC9DwC~~,GAAG,EAAC;IAAS,CAChB,CAEuB,CAAC;EAEzC;EAEA,OAAO,IAAI;AACf,CAAC;~~AAEDzC~~,aAAa,~~CAAC0C~~,WAAW,GAAG,eAAe;AAAC,IAAAC,QAAA,GAAAC,OAAA,~~CAAA7D~~,OAAA,GAE7BiB,aAAa","ignoreList":[]}
1	+ {"version":3,"file":"ListItemImage.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_GroupedImage","_interopRequireDefault","_ListItemImage","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListItemImage","careOfLocationId","cornerImage","imageBackground","images","shouldHideBackground","shouldShowRoundImage","shouldOpenImageOnClick","hasLoadedImage","setHasLoadedImage","useState","handleImageLoaded","useCallback","handleImageClick","event","preventDefault","stopPropagation","items","map","image","url","mediaType","MediaType","IMAGE","openMedia","startIndex","careOfImage","undefined","createElement","StyledListImageWrapper","onClick","shouldPreventBackground","StyledListItemHeadImageWrapper","StyledListItemHeadImage","$isHidden","onLoad","$shouldShowRoundImage","$background","$shouldHideBackground","$isSmall","src","StyledCareOfImage","alt","displayName","_default","exports"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-image/ListItemImage.tsx"],"sourcesContent":["import { MediaType, openMedia, OpenMediaItem } from 'chayns-api';\nimport React, { CSSProperties, MouseEventHandler, useCallback, useState } from 'react';\nimport GroupedImage from '../../../../grouped-image/GroupedImage';\nimport {\n StyledCareOfImage,\n StyledListImageWrapper,\n StyledListItemHeadImage,\n StyledListItemHeadImageWrapper,\n} from './ListItemImage.styles';\n\ntype ListItemImageProps = {\n careOfLocationId?: number;\n cornerImage?: string;\n imageBackground?: CSSProperties['background'];\n images: string[];\n shouldHideBackground: boolean;\n shouldShowRoundImage: boolean;\n shouldOpenImageOnClick: boolean;\n};\n\nconst ListItemImage: React.FC<ListItemImageProps> = ({\n careOfLocationId,\n cornerImage,\n imageBackground,\n images,\n shouldHideBackground,\n shouldShowRoundImage,\n shouldOpenImageOnClick,\n}) => {\n const [hasLoadedImage, setHasLoadedImage] = useState(false);\n const handleImageLoaded = useCallback(() => {\n setHasLoadedImage(true);\n }, []);\n\n const handleImageClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n (event) => {\n if (!shouldOpenImageOnClick) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n const items: OpenMediaItem[] = images.map((image) => ({\n url: image,\n mediaType: MediaType.IMAGE,\n }));\n\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n void openMedia({ items, startIndex: 0 });\n },\n [images, shouldOpenImageOnClick],\n );\n\n if (images && images[0] && images[1]) {\n const careOfImage = careOfLocationId\n ? `https://sub60.tobit.com/l/${careOfLocationId}?size=128`\n : undefined;\n\n return (\n <StyledListImageWrapper onClick={handleImageClick}>\n <GroupedImage\n images={images}\n shouldPreventBackground={shouldHideBackground}\n shouldShowRoundImage={shouldShowRoundImage}\n imageBackground={imageBackground}\n cornerImage={cornerImage ?? careOfImage}\n />\n </StyledListImageWrapper>\n );\n }\n\n if (images && images[0]) {\n return (\n <StyledListItemHeadImageWrapper onClick={handleImageClick}>\n <StyledListItemHeadImage\n $isHidden={!hasLoadedImage}\n onLoad={handleImageLoaded}\n $shouldShowRoundImage={shouldShowRoundImage}\n $background={imageBackground}\n $shouldHideBackground={shouldHideBackground}\n $isSmall={!!careOfLocationId}\n src={images[0]}\n />\n {careOfLocationId && (\n <StyledCareOfImage\n $shouldHideBackground={shouldHideBackground}\n $background={imageBackground}\n src={`https://sub60.tobit.com/l/${careOfLocationId}?size=128`}\n alt=\"care-of\"\n />\n )}\n </StyledListItemHeadImageWrapper>\n );\n }\n\n return null;\n};\n\nListItemImage.displayName = 'ListItemImage';\n\nexport default ListItemImage;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/list/list-item/ListItem.js CHANGED Viewed

@@ -12,6 +12,7 @@ const ListItem = _ref => {
   let {
     careOfLocationId,
     children,
+    cornerImage,
     hoverItem,
     icons,
     imageBackground,

package/lib/esm/components/list/list-item/ListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.js","names":["AnimatePresence","React","useCallback","useContext","useEffect","useMemo","useRef","useState","useUuid","AccordionContext","AreaContextProvider","AreaContext","ListContext","ListItemBody","ListItemHead","StyledListItemTooltip","StyledMotionListItem","Tooltip","ListItem","_ref","careOfLocationId","children","hoverItem","icons","imageBackground","images","isDefaultOpen","isOpen","isTitleGreyed","leftElements","onClick","onClose","onLongPress","onOpen","rightElements","shouldShowTooltipOnTitleOverflow","shouldForceBackground","shouldForceBottomLine","shouldForceHover","shouldHideBottomLine","shouldOpenImageOnClick","shouldHideImageOrIconBackground","shouldHideIndicator","shouldPreventLayoutAnimation","shouldRenderClosed","shouldShowRoundImageOrIcon","shouldShowSeparatorBelow","subtitle","title","titleElement","incrementExpandableItemCount","isAnyItemExpandable","isWrapped","openItemUuid","updateOpenItemUuid","isParentAccordionWrapped","areaProvider","isInitialRenderRef","listItemRef","uuid","isExpandable","undefined","isItemOpen","onCloseRef","onOpenRef","shouldEnableTooltip","setShouldEnableTooltip","shouldDisablePadding","shouldDisableListItemPadding","current","handleHeadClick","event","shouldOnlyOpen","isClickable","handleTitleWidthChange","titleWidth","offsetWidth","headContent","createElement","onTitleWidthChange","animate","height","opacity","className","exit","initial","key","ref","layout","$isClickable","$isInAccordion","$isOpen","$isWrapped","$shouldForceBackground","$shouldForceBottomLine","$shouldHideBottomLine","$shouldHideIndicator","$shouldShowSeparatorBelow","shouldUseFullWidth","item","id","shouldHideBody","displayName"],"sources":["../../../../../src/components/list/list-item/ListItem.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n CSSProperties,\n FC,\n MouseEventHandler,\n ReactNode,\n TouchEventHandler,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useUuid } from '../../../hooks/uuid';\nimport type { IListItemRightElements } from '../../../types/list';\nimport { AccordionContext } from '../../accordion/Accordion';\nimport AreaContextProvider, { AreaContext } from '../../area-provider/AreaContextProvider';\nimport { ListContext } from '../List';\nimport ListItemBody from './list-item-body/ListItemBody';\nimport ListItemHead from './list-item-head/ListItemHead';\nimport { StyledListItemTooltip, StyledMotionListItem } from './ListItem.styles';\nimport Tooltip from '../../tooltip/Tooltip';\n\nexport type ListItemElements = [ReactNode, ...ReactNode[]];\n\nexport type ListItemProps = {\n /*\n The locationId of the care-of site.\n /\n careOfLocationId?: number;\n /\n The content of the `ListItem` body. When the `ListItem` has children,\n * it can be opened and also gets an icon as an indicator automatically.\n /\n children?: ReactNode;\n /\n Element that is displayed when hovering over the `ListItem` on the right\n * side. On mobile devices, this element is not displayed.\n /\n hoverItem?: ReactNode;\n /\n The FontAwesome or tobit icons to render like an image on the left side\n * of the header. Multiple icons are stacked. See the `Icon` component\n * documentation for more information.\n /\n icons?: string[];\n /\n The background of the image. This is only used if images are passed.\n /\n imageBackground?: CSSProperties['background'];\n /\n A list of image URLs that are displayed on the left side of the header.\n * If multiple URLs are passed, the image is assembled from the first three\n * image URLs as a puzzle.\n /\n images?: string[];\n /\n This can be used to automatically expand the `ListItem` during the first render.\n /\n isDefaultOpen?: boolean;\n /\n This overrides the internal opening state of the item and makes it controlled.\n /\n isOpen?: boolean;\n /\n Whether the ListItem locks disabled but has full functionality.\n /\n isTitleGreyed?: boolean;\n /\n Elements that are displayed on the left side of the header. If multiple\n * elements are specified, they are displayed one aside the other.\n /\n leftElements?: ListItemElements;\n /\n Function to be executed when the header of the `ListItem` was clicked\n /\n onClick?: MouseEventHandler<HTMLDivElement>;\n /\n Function to be executed when the ListItem is closed.\n /\n onClose?: VoidFunction;\n /\n Function to be executed when the header of the `ListItem` is pressed for\n * 400 milliseconds.\n /\n onLongPress?: TouchEventHandler<HTMLDivElement>;\n /\n Function to be executed when the ListItem is opened.\n /\n onOpen?: VoidFunction;\n /\n Elements that are displayed on the right side of the header. If multiple\n * elements are specified, they are displayed one below the other.\n /\n rightElements?: IListItemRightElements;\n /\n This will force the background color of the ListItem to be used even if it is closed and not hovered.\n /\n shouldForceBackground?: boolean;\n /\n Whether the line should be forced, e.g., so that it is also displayed if the item is the last element in the list.\n /\n shouldForceBottomLine?: boolean;\n /\n Whether the hover item should be forced.\n /\n shouldForceHover?: boolean;\n /\n Whether the bottom line should be hidden.\n /\n shouldHideBottomLine?: boolean;\n /\n Whether the background and border of the shape on which the image or icon of the element is displayed should be\n * hidden.\n /\n shouldHideImageOrIconBackground?: boolean;\n /\n If the `ListItem` is expandable, the indicator is displayed on the left\n * side of the header. If this property is set to true, the indicator is\n * hidden.\n /\n shouldHideIndicator?: boolean;\n /\n Whether the image should be opened on click.\n /\n shouldOpenImageOnClick?: boolean;\n /\n Whether the layout animation should be prevented. This is useful when the\n * `ListItem` is used in a list with a lot of items and the layout animation\n * is not desired.\n /\n shouldPreventLayoutAnimation?: boolean;\n /\n This will render the ListItem closed on the first render.\n /\n shouldRenderClosed?: boolean;\n /\n Whether the image or icon should be displayed in a round shape. This should always be used for images of persons.\n /\n shouldShowRoundImageOrIcon?: boolean;\n /\n Whether a separator should be displayed below this item. In this case, the border is displayed thicker than normal.\n /\n shouldShowSeparatorBelow?: boolean;\n /\n Whether a Tooltip should be displayed on hover, if the title is cut.\n /\n shouldShowTooltipOnTitleOverflow?: boolean;\n /\n Subtitle of the `ListItem` displayed in the head below the title\n /\n subtitle?: ReactNode;\n /\n Title of the `ListItem` displayed in the head\n /\n title: ReactNode;\n /\n Additional elements to be displayed in the header next to the title.\n */\n titleElement?: ReactNode;\n};\n\nconst ListItem: FC<ListItemProps> = ({\n careOfLocationId,\n children,\n hoverItem,\n icons,\n imageBackground,\n images,\n isDefaultOpen,\n isOpen,\n isTitleGreyed,\n leftElements,\n onClick,\n onClose,\n onLongPress,\n onOpen,\n rightElements,\n shouldShowTooltipOnTitleOverflow = false,\n shouldForceBackground = false,\n shouldForceBottomLine = false,\n shouldForceHover = false,\n shouldHideBottomLine = false,\n shouldOpenImageOnClick = false,\n shouldHideImageOrIconBackground,\n shouldHideIndicator = false,\n shouldPreventLayoutAnimation = false,\n shouldRenderClosed = false,\n shouldShowRoundImageOrIcon,\n shouldShowSeparatorBelow = false,\n subtitle,\n title,\n titleElement,\n}) => {\n const {\n incrementExpandableItemCount,\n isAnyItemExpandable,\n isWrapped,\n openItemUuid,\n updateOpenItemUuid,\n } = useContext(ListContext);\n\n const { isWrapped: isParentAccordionWrapped } = useContext(AccordionContext);\n\n const areaProvider = useContext(AreaContext);\n\n const isInitialRenderRef = useRef(true);\n const listItemRef = useRef<HTMLDivElement>(null);\n\n const uuid = useUuid();\n\n const isExpandable = children !== undefined;\n const isItemOpen = isOpen ?? openItemUuid === uuid;\n\n const onCloseRef = useRef(onClose);\n const onOpenRef = useRef(onOpen);\n\n const [shouldEnableTooltip, setShouldEnableTooltip] = useState(false);\n\n const shouldDisablePadding = useMemo(\n () => areaProvider.shouldDisableListItemPadding ?? false,\n [areaProvider.shouldDisableListItemPadding],\n );\n\n useEffect(() => {\n onCloseRef.current = onClose;\n onOpenRef.current = onOpen;\n }, [isOpen, onClose, onOpen]);\n\n useEffect(() => {\n if (isInitialRenderRef.current) {\n isInitialRenderRef.current = false;\n } else if (isItemOpen) {\n if (typeof onOpenRef.current === 'function') {\n onOpenRef.current();\n }\n } else if (typeof onCloseRef.current === 'function') {\n onCloseRef.current();\n }\n }, [isItemOpen]);\n\n const handleHeadClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n (event) => {\n if (isExpandable) {\n updateOpenItemUuid(uuid);\n }\n\n if (typeof onClick === 'function') {\n onClick(event);\n }\n },\n [isExpandable, onClick, updateOpenItemUuid, uuid],\n );\n\n useEffect(() => {\n if (isExpandable && !shouldHideIndicator) {\n // The incrementExpandableItemCount function returns an cleanup\n // function to decrement expandableItemCount if component unmounts\n return incrementExpandableItemCount();\n }\n\n return undefined;\n }, [incrementExpandableItemCount, isExpandable, shouldHideIndicator]);\n\n useEffect(() => {\n if (isDefaultOpen) {\n updateOpenItemUuid(uuid, { shouldOnlyOpen: true });\n }\n }, [isDefaultOpen, updateOpenItemUuid, uuid]);\n\n const isClickable = typeof onClick === 'function' \|\| isExpandable;\n\n const handleTitleWidthChange = (titleWidth: number) => {\n if (listItemRef.current) {\n const { offsetWidth } = listItemRef.current;\n\n if (offsetWidth - 18 < titleWidth) {\n setShouldEnableTooltip(true);\n } else {\n setShouldEnableTooltip(false);\n }\n }\n };\n\n const headContent = useMemo(\n () => (\n <ListItemHead\n hoverItem={hoverItem}\n careOfLocationId={careOfLocationId}\n icons={icons}\n imageBackground={imageBackground}\n images={images}\n isAnyItemExpandable={isAnyItemExpandable}\n isExpandable={isExpandable}\n onTitleWidthChange={handleTitleWidthChange}\n isOpen={isItemOpen}\n isTitleGreyed={isTitleGreyed}\n leftElements={leftElements}\n onClick={isClickable ? handleHeadClick : undefined}\n onLongPress={onLongPress}\n shouldForceHover={shouldForceHover}\n rightElements={rightElements}\n shouldHideImageOrIconBackground={shouldHideImageOrIconBackground}\n shouldHideIndicator={shouldHideIndicator}\n shouldOpenImageOnClick={shouldOpenImageOnClick}\n shouldShowRoundImageOrIcon={shouldShowRoundImageOrIcon}\n subtitle={subtitle}\n title={title}\n titleElement={titleElement}\n />\n ),\n [\n careOfLocationId,\n handleHeadClick,\n hoverItem,\n icons,\n imageBackground,\n images,\n isAnyItemExpandable,\n isClickable,\n isExpandable,\n isItemOpen,\n isTitleGreyed,\n leftElements,\n onLongPress,\n rightElements,\n shouldForceHover,\n shouldHideImageOrIconBackground,\n shouldHideIndicator,\n shouldOpenImageOnClick,\n shouldShowRoundImageOrIcon,\n subtitle,\n title,\n titleElement,\n ],\n );\n\n return (\n <StyledMotionListItem\n animate={{ height: 'auto', opacity: 1 }}\n className=\"beta-chayns-list-item\"\n exit={{ height: 0, opacity: 0 }}\n initial={{ height: 0, opacity: 0 }}\n key={`list-item-${uuid}`}\n ref={listItemRef}\n layout={shouldPreventLayoutAnimation ? undefined : 'position'}\n $isClickable={isClickable}\n $isInAccordion={typeof isParentAccordionWrapped === 'boolean' && !shouldDisablePadding}\n $isOpen={isItemOpen}\n $isWrapped={isWrapped}\n $shouldForceBackground={shouldForceBackground}\n $shouldForceBottomLine={shouldForceBottomLine}\n $shouldHideBottomLine={shouldHideBottomLine}\n $shouldHideIndicator={shouldHideIndicator}\n $shouldShowSeparatorBelow={shouldShowSeparatorBelow}\n >\n {shouldShowTooltipOnTitleOverflow && shouldEnableTooltip ? (\n <Tooltip\n shouldUseFullWidth\n item={\n <StyledListItemTooltip key={`list-item-tooltip-${uuid}`}>\n {title}\n </StyledListItemTooltip>\n }\n >\n {headContent}\n </Tooltip>\n ) : (\n headContent\n )}\n <AnimatePresence initial={false}>\n {isExpandable && (isItemOpen \|\| shouldRenderClosed) && (\n <ListItemBody\n id={uuid}\n key={`listItemBody-${uuid}`}\n shouldHideBody={shouldRenderClosed && !isItemOpen}\n >\n <AreaContextProvider>{children}</AreaContextProvider>\n </ListItemBody>\n )}\n </AnimatePresence>\n </StyledMotionListItem>\n );\n};\n\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,cAAc;AAC9C,OAAOC,KAAK,IAMRC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACL,OAAO;AACd,SAASC,OAAO,QAAQ,qBAAqB;AAE7C,SAASC,gBAAgB,QAAQ,2BAA2B;AAC5D,OAAOC,mBAAmB,IAAIC,WAAW,QAAQ,yCAAyC;AAC1F,SAASC,WAAW,QAAQ,SAAS;AACrC,OAAOC,YAAY,MAAM,+BAA+B;AACxD,OAAOC,YAAY,MAAM,+BAA+B;AACxD,SAASC,qBAAqB,EAAEC,oBAAoB,QAAQ,mBAAmB;AAC/E,OAAOC,OAAO,MAAM,uBAAuB;AA6I3C,MAAMC,QAA2B,GAAGC,IAAA,IA+B9B;EAAA,IA/B+B;IACjCC,gBAAgB;IAChBC,QAAQ;IACRC,SAAS;IACTC,KAAK;IACLC,eAAe;IACfC,MAAM;IACNC,aAAa;IACbC,MAAM;IACNC,aAAa;IACbC,YAAY;IACZC,OAAO;IACPC,OAAO;IACPC,WAAW;IACXC,MAAM;IACNC,aAAa;IACbC,gCAAgC,GAAG,KAAK;IACxCC,qBAAqB,GAAG,KAAK;IAC7BC,qBAAqB,GAAG,KAAK;IAC7BC,gBAAgB,GAAG,KAAK;IACxBC,oBAAoB,GAAG,KAAK;IAC5BC,sBAAsB,GAAG,KAAK;IAC9BC,+BAA+B;IAC/BC,mBAAmB,GAAG,KAAK;IAC3BC,4BAA4B,GAAG,KAAK;IACpCC,kBAAkB,GAAG,KAAK;IAC1BC,0BAA0B;IAC1BC,wBAAwB,GAAG,KAAK;IAChCC,QAAQ;IACRC,KAAK;IACLC;EACJ,CAAC,GAAA9B,IAAA;EACG,MAAM;IACF+B,4BAA4B;IAC5BC,mBAAmB;IACnBC,SAAS;IACTC,YAAY;IACZC;EACJ,CAAC,GAAGnD,UAAU,CAACS,WAAW,CAAC;EAE3B,MAAM;IAAEwC,SAAS,EAAEG;EAAyB,CAAC,GAAGpD,UAAU,CAACM,gBAAgB,CAAC;EAE5E,MAAM+C,YAAY,GAAGrD,UAAU,CAACQ,WAAW,CAAC;EAE5C,MAAM8C,kBAAkB,GAAGnD,MAAM,CAAC,IAAI,CAAC;EACvC,MAAMoD,WAAW,GAAGpD,MAAM,CAAiB,IAAI,CAAC;EAEhD,MAAMqD,IAAI,GAAGnD,OAAO,CAAC,CAAC;EAEtB,MAAMoD,YAAY,GAAGvC,QAAQ,KAAKwC,SAAS;EAC3C,MAAMC,UAAU,GAAGnC,MAAM,IAAI0B,YAAY,KAAKM,IAAI;EAElD,MAAMI,UAAU,GAAGzD,MAAM,CAACyB,OAAO,CAAC;EAClC,MAAMiC,SAAS,GAAG1D,MAAM,CAAC2B,MAAM,CAAC;EAEhC,MAAM,CAACgC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG3D,QAAQ,CAAC,KAAK,CAAC;EAErE,MAAM4D,oBAAoB,GAAG9D,OAAO,CAChC,MAAMmD,YAAY,CAACY,4BAA4B,IAAI,KAAK,EACxD,CAACZ,YAAY,CAACY,4BAA4B,CAC9C,CAAC;EAEDhE,SAAS,CAAC,MAAM;IACZ2D,UAAU,CAACM,OAAO,GAAGtC,OAAO;IAC5BiC,SAAS,CAACK,OAAO,GAAGpC,MAAM;EAC9B,CAAC,EAAE,CAACN,MAAM,EAAEI,OAAO,EAAEE,MAAM,CAAC,CAAC;EAE7B7B,SAAS,CAAC,MAAM;IACZ,IAAIqD,kBAAkB,CAACY,OAAO,EAAE;MAC5BZ,kBAAkB,CAACY,OAAO,GAAG,KAAK;IACtC,CAAC,MAAM,IAAIP,UAAU,EAAE;MACnB,IAAI,OAAOE,SAAS,CAACK,OAAO,KAAK,UAAU,EAAE;QACzCL,SAAS,CAACK,OAAO,CAAC,CAAC;MACvB;IACJ,CAAC,MAAM,IAAI,OAAON,UAAU,CAACM,OAAO,KAAK,UAAU,EAAE;MACjDN,UAAU,CAACM,OAAO,CAAC,CAAC;IACxB;EACJ,CAAC,EAAE,CAACP,UAAU,CAAC,CAAC;EAEhB,MAAMQ,eAAe,GAAGpE,WAAW,CAC9BqE,KAAK,IAAK;IACP,IAAIX,YAAY,EAAE;MACdN,kBAAkB,CAACK,IAAI,CAAC;IAC5B;IAEA,IAAI,OAAO7B,OAAO,KAAK,UAAU,EAAE;MAC/BA,OAAO,CAACyC,KAAK,CAAC;IAClB;EACJ,CAAC,EACD,CAACX,YAAY,EAAE9B,OAAO,EAAEwB,kBAAkB,EAAEK,IAAI,CACpD,CAAC;EAEDvD,SAAS,CAAC,MAAM;IACZ,IAAIwD,YAAY,IAAI,CAAClB,mBAAmB,EAAE;MACtC;MACA;MACA,OAAOQ,4BAA4B,CAAC,CAAC;IACzC;IAEA,OAAOW,SAAS;EACpB,CAAC,EAAE,CAACX,4BAA4B,EAAEU,YAAY,EAAElB,mBAAmB,CAAC,CAAC;EAErEtC,SAAS,CAAC,MAAM;IACZ,IAAIsB,aAAa,EAAE;MACf4B,kBAAkB,CAACK,IAAI,EAAE;QAAEa,cAAc,EAAE;MAAK,CAAC,CAAC;IACtD;EACJ,CAAC,EAAE,CAAC9C,aAAa,EAAE4B,kBAAkB,EAAEK,IAAI,CAAC,CAAC;EAE7C,MAAMc,WAAW,GAAG,OAAO3C,OAAO,KAAK,UAAU,IAAI8B,YAAY;EAEjE,MAAMc,sBAAsB,GAAIC,UAAkB,IAAK;IACnD,IAAIjB,WAAW,CAACW,OAAO,EAAE;MACrB,MAAM;QAAEO;MAAY,CAAC,GAAGlB,WAAW,CAACW,OAAO;MAE3C,IAAIO,WAAW,GAAG,EAAE,GAAGD,UAAU,EAAE;QAC/BT,sBAAsB,CAAC,IAAI,CAAC;MAChC,CAAC,MAAM;QACHA,sBAAsB,CAAC,KAAK,CAAC;MACjC;IACJ;EACJ,CAAC;EAED,MAAMW,WAAW,GAAGxE,OAAO,CACvB,mBACIJ,KAAA,CAAA6E,aAAA,CAAChE,YAAY;IACTQ,SAAS,EAAEA,SAAU;IACrBF,gBAAgB,EAAEA,gBAAiB;IACnCG,KAAK,EAAEA,KAAM;IACbC,eAAe,EAAEA,eAAgB;IACjCC,MAAM,EAAEA,MAAO;IACf0B,mBAAmB,EAAEA,mBAAoB;IACzCS,YAAY,EAAEA,YAAa;IAC3BmB,kBAAkB,EAAEL,sBAAuB;IAC3C/C,MAAM,EAAEmC,UAAW;IACnBlC,aAAa,EAAEA,aAAc;IAC7BC,YAAY,EAAEA,YAAa;IAC3BC,OAAO,EAAE2C,WAAW,GAAGH,eAAe,GAAGT,SAAU;IACnD7B,WAAW,EAAEA,WAAY;IACzBM,gBAAgB,EAAEA,gBAAiB;IACnCJ,aAAa,EAAEA,aAAc;IAC7BO,+BAA+B,EAAEA,+BAAgC;IACjEC,mBAAmB,EAAEA,mBAAoB;IACzCF,sBAAsB,EAAEA,sBAAuB;IAC/CK,0BAA0B,EAAEA,0BAA2B;IACvDE,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA;EAAa,CAC9B,CACJ,EACD,CACI7B,gBAAgB,EAChBkD,eAAe,EACfhD,SAAS,EACTC,KAAK,EACLC,eAAe,EACfC,MAAM,EACN0B,mBAAmB,EACnBsB,WAAW,EACXb,YAAY,EACZE,UAAU,EACVlC,aAAa,EACbC,YAAY,EACZG,WAAW,EACXE,aAAa,EACbI,gBAAgB,EAChBG,+BAA+B,EAC/BC,mBAAmB,EACnBF,sBAAsB,EACtBK,0BAA0B,EAC1BE,QAAQ,EACRC,KAAK,EACLC,YAAY,CAEpB,CAAC;EAED,oBACIhD,KAAA,CAAA6E,aAAA,CAAC9D,oBAAoB;IACjBgE,OAAO,EAAE;MAAEC,MAAM,EAAE,MAAM;MAAEC,OAAO,EAAE;IAAE,CAAE;IACxCC,SAAS,EAAC,uBAAuB;IACjCC,IAAI,EAAE;MAAEH,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IAChCG,OAAO,EAAE;MAAEJ,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IACnCI,GAAG,EAAE,aAAa3B,IAAI,EAAG;IACzB4B,GAAG,EAAE7B,WAAY;IACjB8B,MAAM,EAAE7C,4BAA4B,GAAGkB,SAAS,GAAG,UAAW;IAC9D4B,YAAY,EAAEhB,WAAY;IAC1BiB,cAAc,EAAE,OAAOnC,wBAAwB,KAAK,SAAS,IAAI,CAACY,oBAAqB;IACvFwB,OAAO,EAAE7B,UAAW;IACpB8B,UAAU,EAAExC,SAAU;IACtByC,sBAAsB,EAAEzD,qBAAsB;IAC9C0D,sBAAsB,EAAEzD,qBAAsB;IAC9C0D,qBAAqB,EAAExD,oBAAqB;IAC5CyD,oBAAoB,EAAEtD,mBAAoB;IAC1CuD,yBAAyB,EAAEnD;EAAyB,GAEnDX,gCAAgC,IAAI8B,mBAAmB,gBACpDhE,KAAA,CAAA6E,aAAA,CAAC7D,OAAO;IACJiF,kBAAkB;IAClBC,IAAI,eACAlG,KAAA,CAAA6E,aAAA,CAAC/D,qBAAqB;MAACuE,GAAG,EAAE,qBAAqB3B,IAAI;IAAG,GACnDX,KACkB;EAC1B,GAEA6B,WACI,CAAC,GAEVA,WACH,eACD5E,KAAA,CAAA6E,aAAA,CAAC9E,eAAe;IAACqF,OAAO,EAAE;EAAM,GAC3BzB,YAAY,KAAKE,UAAU,IAAIlB,kBAAkB,CAAC,iBAC/C3C,KAAA,CAAA6E,aAAA,CAACjE,YAAY;IACTuF,EAAE,EAAEzC,IAAK;IACT2B,GAAG,EAAE,gBAAgB3B,IAAI,EAAG;IAC5B0C,cAAc,EAAEzD,kBAAkB,IAAI,CAACkB;EAAW,gBAElD7D,KAAA,CAAA6E,aAAA,CAACpE,mBAAmB,QAAEW,QAA8B,CAC1C,CAEL,CACC,CAAC;AAE/B,CAAC;AAEDH,QAAQ,CAACoF,WAAW,GAAG,UAAU;AAEjC,eAAepF,QAAQ","ignoreList":[]}
1	+ {"version":3,"file":"ListItem.js","names":["AnimatePresence","React","useCallback","useContext","useEffect","useMemo","useRef","useState","useUuid","AccordionContext","AreaContextProvider","AreaContext","ListContext","ListItemBody","ListItemHead","StyledListItemTooltip","StyledMotionListItem","Tooltip","ListItem","_ref","careOfLocationId","children","cornerImage","hoverItem","icons","imageBackground","images","isDefaultOpen","isOpen","isTitleGreyed","leftElements","onClick","onClose","onLongPress","onOpen","rightElements","shouldShowTooltipOnTitleOverflow","shouldForceBackground","shouldForceBottomLine","shouldForceHover","shouldHideBottomLine","shouldOpenImageOnClick","shouldHideImageOrIconBackground","shouldHideIndicator","shouldPreventLayoutAnimation","shouldRenderClosed","shouldShowRoundImageOrIcon","shouldShowSeparatorBelow","subtitle","title","titleElement","incrementExpandableItemCount","isAnyItemExpandable","isWrapped","openItemUuid","updateOpenItemUuid","isParentAccordionWrapped","areaProvider","isInitialRenderRef","listItemRef","uuid","isExpandable","undefined","isItemOpen","onCloseRef","onOpenRef","shouldEnableTooltip","setShouldEnableTooltip","shouldDisablePadding","shouldDisableListItemPadding","current","handleHeadClick","event","shouldOnlyOpen","isClickable","handleTitleWidthChange","titleWidth","offsetWidth","headContent","createElement","onTitleWidthChange","animate","height","opacity","className","exit","initial","key","ref","layout","$isClickable","$isInAccordion","$isOpen","$isWrapped","$shouldForceBackground","$shouldForceBottomLine","$shouldHideBottomLine","$shouldHideIndicator","$shouldShowSeparatorBelow","shouldUseFullWidth","item","id","shouldHideBody","displayName"],"sources":["../../../../../src/components/list/list-item/ListItem.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n CSSProperties,\n FC,\n MouseEventHandler,\n ReactNode,\n TouchEventHandler,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useUuid } from '../../../hooks/uuid';\nimport type { IListItemRightElements } from '../../../types/list';\nimport { AccordionContext } from '../../accordion/Accordion';\nimport AreaContextProvider, { AreaContext } from '../../area-provider/AreaContextProvider';\nimport { ListContext } from '../List';\nimport ListItemBody from './list-item-body/ListItemBody';\nimport ListItemHead from './list-item-head/ListItemHead';\nimport { StyledListItemTooltip, StyledMotionListItem } from './ListItem.styles';\nimport Tooltip from '../../tooltip/Tooltip';\n\nexport type ListItemElements = [ReactNode, ...ReactNode[]];\n\nexport type ListItemProps = {\n /*\n DEPRECATED: Use `cornerImage` instead.\n /\n careOfLocationId?: number;\n /\n The content of the `ListItem` body. When the `ListItem` has children,\n * it can be opened and also gets an icon as an indicator automatically.\n /\n children?: ReactNode;\n /\n The image that is displayed in the bottom right corner of the grouped image of list item.\n /\n cornerImage?: string;\n /\n Element that is displayed when hovering over the `ListItem` on the right\n * side. On mobile devices, this element is not displayed.\n /\n hoverItem?: ReactNode;\n /\n The FontAwesome or tobit icons to render like an image on the left side\n * of the header. Multiple icons are stacked. See the `Icon` component\n * documentation for more information.\n /\n icons?: string[];\n /\n The background of the image. This is only used if images are passed.\n /\n imageBackground?: CSSProperties['background'];\n /\n A list of image URLs that are displayed on the left side of the header.\n * If multiple URLs are passed, the image is assembled from the first three\n * image URLs as a puzzle.\n /\n images?: string[];\n /\n This can be used to automatically expand the `ListItem` during the first render.\n /\n isDefaultOpen?: boolean;\n /\n This overrides the internal opening state of the item and makes it controlled.\n /\n isOpen?: boolean;\n /\n Whether the ListItem locks disabled but has full functionality.\n /\n isTitleGreyed?: boolean;\n /\n Elements that are displayed on the left side of the header. If multiple\n * elements are specified, they are displayed one aside the other.\n /\n leftElements?: ListItemElements;\n /\n Function to be executed when the header of the `ListItem` was clicked\n /\n onClick?: MouseEventHandler<HTMLDivElement>;\n /\n Function to be executed when the ListItem is closed.\n /\n onClose?: VoidFunction;\n /\n Function to be executed when the header of the `ListItem` is pressed for\n * 400 milliseconds.\n /\n onLongPress?: TouchEventHandler<HTMLDivElement>;\n /\n Function to be executed when the ListItem is opened.\n /\n onOpen?: VoidFunction;\n /\n Elements that are displayed on the right side of the header. If multiple\n * elements are specified, they are displayed one below the other.\n /\n rightElements?: IListItemRightElements;\n /\n This will force the background color of the ListItem to be used even if it is closed and not hovered.\n /\n shouldForceBackground?: boolean;\n /\n Whether the line should be forced, e.g., so that it is also displayed if the item is the last element in the list.\n /\n shouldForceBottomLine?: boolean;\n /\n Whether the hover item should be forced.\n /\n shouldForceHover?: boolean;\n /\n Whether the bottom line should be hidden.\n /\n shouldHideBottomLine?: boolean;\n /\n Whether the background and border of the shape on which the image or icon of the element is displayed should be\n * hidden.\n /\n shouldHideImageOrIconBackground?: boolean;\n /\n If the `ListItem` is expandable, the indicator is displayed on the left\n * side of the header. If this property is set to true, the indicator is\n * hidden.\n /\n shouldHideIndicator?: boolean;\n /\n Whether the image should be opened on click.\n /\n shouldOpenImageOnClick?: boolean;\n /\n Whether the layout animation should be prevented. This is useful when the\n * `ListItem` is used in a list with a lot of items and the layout animation\n * is not desired.\n /\n shouldPreventLayoutAnimation?: boolean;\n /\n This will render the ListItem closed on the first render.\n /\n shouldRenderClosed?: boolean;\n /\n Whether the image or icon should be displayed in a round shape. This should always be used for images of persons.\n /\n shouldShowRoundImageOrIcon?: boolean;\n /\n Whether a separator should be displayed below this item. In this case, the border is displayed thicker than normal.\n /\n shouldShowSeparatorBelow?: boolean;\n /\n Whether a Tooltip should be displayed on hover, if the title is cut.\n /\n shouldShowTooltipOnTitleOverflow?: boolean;\n /\n Subtitle of the `ListItem` displayed in the head below the title\n /\n subtitle?: ReactNode;\n /\n Title of the `ListItem` displayed in the head\n /\n title: ReactNode;\n /\n Additional elements to be displayed in the header next to the title.\n */\n titleElement?: ReactNode;\n};\n\nconst ListItem: FC<ListItemProps> = ({\n careOfLocationId,\n children,\n cornerImage,\n hoverItem,\n icons,\n imageBackground,\n images,\n isDefaultOpen,\n isOpen,\n isTitleGreyed,\n leftElements,\n onClick,\n onClose,\n onLongPress,\n onOpen,\n rightElements,\n shouldShowTooltipOnTitleOverflow = false,\n shouldForceBackground = false,\n shouldForceBottomLine = false,\n shouldForceHover = false,\n shouldHideBottomLine = false,\n shouldOpenImageOnClick = false,\n shouldHideImageOrIconBackground,\n shouldHideIndicator = false,\n shouldPreventLayoutAnimation = false,\n shouldRenderClosed = false,\n shouldShowRoundImageOrIcon,\n shouldShowSeparatorBelow = false,\n subtitle,\n title,\n titleElement,\n}) => {\n const {\n incrementExpandableItemCount,\n isAnyItemExpandable,\n isWrapped,\n openItemUuid,\n updateOpenItemUuid,\n } = useContext(ListContext);\n\n const { isWrapped: isParentAccordionWrapped } = useContext(AccordionContext);\n\n const areaProvider = useContext(AreaContext);\n\n const isInitialRenderRef = useRef(true);\n const listItemRef = useRef<HTMLDivElement>(null);\n\n const uuid = useUuid();\n\n const isExpandable = children !== undefined;\n const isItemOpen = isOpen ?? openItemUuid === uuid;\n\n const onCloseRef = useRef(onClose);\n const onOpenRef = useRef(onOpen);\n\n const [shouldEnableTooltip, setShouldEnableTooltip] = useState(false);\n\n const shouldDisablePadding = useMemo(\n () => areaProvider.shouldDisableListItemPadding ?? false,\n [areaProvider.shouldDisableListItemPadding],\n );\n\n useEffect(() => {\n onCloseRef.current = onClose;\n onOpenRef.current = onOpen;\n }, [isOpen, onClose, onOpen]);\n\n useEffect(() => {\n if (isInitialRenderRef.current) {\n isInitialRenderRef.current = false;\n } else if (isItemOpen) {\n if (typeof onOpenRef.current === 'function') {\n onOpenRef.current();\n }\n } else if (typeof onCloseRef.current === 'function') {\n onCloseRef.current();\n }\n }, [isItemOpen]);\n\n const handleHeadClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n (event) => {\n if (isExpandable) {\n updateOpenItemUuid(uuid);\n }\n\n if (typeof onClick === 'function') {\n onClick(event);\n }\n },\n [isExpandable, onClick, updateOpenItemUuid, uuid],\n );\n\n useEffect(() => {\n if (isExpandable && !shouldHideIndicator) {\n // The incrementExpandableItemCount function returns an cleanup\n // function to decrement expandableItemCount if component unmounts\n return incrementExpandableItemCount();\n }\n\n return undefined;\n }, [incrementExpandableItemCount, isExpandable, shouldHideIndicator]);\n\n useEffect(() => {\n if (isDefaultOpen) {\n updateOpenItemUuid(uuid, { shouldOnlyOpen: true });\n }\n }, [isDefaultOpen, updateOpenItemUuid, uuid]);\n\n const isClickable = typeof onClick === 'function' \|\| isExpandable;\n\n const handleTitleWidthChange = (titleWidth: number) => {\n if (listItemRef.current) {\n const { offsetWidth } = listItemRef.current;\n\n if (offsetWidth - 18 < titleWidth) {\n setShouldEnableTooltip(true);\n } else {\n setShouldEnableTooltip(false);\n }\n }\n };\n\n const headContent = useMemo(\n () => (\n <ListItemHead\n hoverItem={hoverItem}\n careOfLocationId={careOfLocationId}\n icons={icons}\n imageBackground={imageBackground}\n images={images}\n isAnyItemExpandable={isAnyItemExpandable}\n isExpandable={isExpandable}\n onTitleWidthChange={handleTitleWidthChange}\n isOpen={isItemOpen}\n isTitleGreyed={isTitleGreyed}\n leftElements={leftElements}\n onClick={isClickable ? handleHeadClick : undefined}\n onLongPress={onLongPress}\n shouldForceHover={shouldForceHover}\n rightElements={rightElements}\n shouldHideImageOrIconBackground={shouldHideImageOrIconBackground}\n shouldHideIndicator={shouldHideIndicator}\n shouldOpenImageOnClick={shouldOpenImageOnClick}\n shouldShowRoundImageOrIcon={shouldShowRoundImageOrIcon}\n subtitle={subtitle}\n title={title}\n titleElement={titleElement}\n />\n ),\n [\n careOfLocationId,\n handleHeadClick,\n hoverItem,\n icons,\n imageBackground,\n images,\n isAnyItemExpandable,\n isClickable,\n isExpandable,\n isItemOpen,\n isTitleGreyed,\n leftElements,\n onLongPress,\n rightElements,\n shouldForceHover,\n shouldHideImageOrIconBackground,\n shouldHideIndicator,\n shouldOpenImageOnClick,\n shouldShowRoundImageOrIcon,\n subtitle,\n title,\n titleElement,\n ],\n );\n\n return (\n <StyledMotionListItem\n animate={{ height: 'auto', opacity: 1 }}\n className=\"beta-chayns-list-item\"\n exit={{ height: 0, opacity: 0 }}\n initial={{ height: 0, opacity: 0 }}\n key={`list-item-${uuid}`}\n ref={listItemRef}\n layout={shouldPreventLayoutAnimation ? undefined : 'position'}\n $isClickable={isClickable}\n $isInAccordion={typeof isParentAccordionWrapped === 'boolean' && !shouldDisablePadding}\n $isOpen={isItemOpen}\n $isWrapped={isWrapped}\n $shouldForceBackground={shouldForceBackground}\n $shouldForceBottomLine={shouldForceBottomLine}\n $shouldHideBottomLine={shouldHideBottomLine}\n $shouldHideIndicator={shouldHideIndicator}\n $shouldShowSeparatorBelow={shouldShowSeparatorBelow}\n >\n {shouldShowTooltipOnTitleOverflow && shouldEnableTooltip ? (\n <Tooltip\n shouldUseFullWidth\n item={\n <StyledListItemTooltip key={`list-item-tooltip-${uuid}`}>\n {title}\n </StyledListItemTooltip>\n }\n >\n {headContent}\n </Tooltip>\n ) : (\n headContent\n )}\n <AnimatePresence initial={false}>\n {isExpandable && (isItemOpen \|\| shouldRenderClosed) && (\n <ListItemBody\n id={uuid}\n key={`listItemBody-${uuid}`}\n shouldHideBody={shouldRenderClosed && !isItemOpen}\n >\n <AreaContextProvider>{children}</AreaContextProvider>\n </ListItemBody>\n )}\n </AnimatePresence>\n </StyledMotionListItem>\n );\n};\n\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/list/list-item/list-item-head/ListItemHead.js CHANGED Viewed

@@ -8,6 +8,7 @@ import { StyledListItemHead, StyledListItemHeadContent, StyledListItemHeadLeftWr
 const ListItemHead = _ref => {
   let {
     careOfLocationId,
+    cornerImage,
     hoverItem,
     icons,
     imageBackground,

package/lib/esm/components/list/list-item/list-item-head/ListItemHead.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemHead.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","getElementClickEvent","Icon","ListItemIcon","ListItemImage","ListItemRightElements","StyledListItemHead","StyledListItemHeadContent","StyledListItemHeadLeftWrapper","StyledListItemHeadSubtitle","StyledListItemHeadSubtitleText","StyledListItemHeadSubtitleTextPseudo","StyledListItemHeadTitle","StyledListItemHeadTitleContent","StyledListItemHeadTitleElement","StyledListItemHeadTitleText","StyledListItemHeadTitleTextPseudo","StyledMotionListItemHeadHoverItem","StyledMotionListItemHeadHoverItemWrapper","StyledMotionListItemHeadIndicator","ListItemHead","_ref","careOfLocationId","hoverItem","icons","imageBackground","images","isAnyItemExpandable","isExpandable","isOpen","isTitleGreyed","leftElements","onClick","onLongPress","rightElements","shouldHideImageOrIconBackground","shouldHideIndicator","shouldOpenImageOnClick","onTitleWidthChange","shouldShowRoundImageOrIcon","subtitle","shouldForceHover","title","titleElement","shouldRenderPseudoElements","setShouldRenderPseudoElements","shouldShowHoverItem","setShouldShowHoverItem","openTitleWidth","setOpenTitleWidth","headHeight","setHeadHeight","closed","open","setIsFirstRender","longPressTimeoutRef","pseudoTitleOpenRef","pseudoTitleClosedRef","pseudoSubtitleOpenRef","pseudoSubtitleClosedRef","shouldShowSubtitleRow","current","width","getBoundingClientRect","height","closedTitleHeight","openTitleHeight","openWidth","closedHeight","openHeight","closedSubtitleHeight","openSubtitleHeight","handleMouseEnter","handleMouseLeave","marginTop","handleTouchStart","event","window","setTimeout","handleTouchEnd","clearTimeout","shouldPreventRightElementClick","bottom","center","top","iconOrImageElement","createElement","shouldHideBackground","shouldShowRoundIcon","shouldShowRoundImage","undefined","animate","opacity","initial","transition","duration","type","className","$isClickable","$isAnyItemExpandable","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","rotate","$isIconOrImageGiven","$marginTop","$isOpen","Fragment","ref","$width","marginLeft","displayName"],"sources":["../../../../../../src/components/list/list-item/list-item-head/ListItemHead.tsx"],"sourcesContent":["import React, {\n CSSProperties,\n FC,\n MouseEventHandler,\n ReactNode,\n TouchEventHandler,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport type { IListItemRightElements } from '../../../../types/list';\nimport { getElementClickEvent } from '../../../../utils/accordion';\nimport Icon from '../../../icon/Icon';\nimport ListItemIcon from './list-item-icon/ListItemIcon';\nimport ListItemImage from './list-item-image/ListItemImage';\nimport ListItemRightElements from './list-item-right-elements/ListItemRightElements';\nimport {\n StyledListItemHead,\n StyledListItemHeadContent,\n StyledListItemHeadLeftWrapper,\n StyledListItemHeadSubtitle,\n StyledListItemHeadSubtitleText,\n StyledListItemHeadSubtitleTextPseudo,\n StyledListItemHeadTitle,\n StyledListItemHeadTitleContent,\n StyledListItemHeadTitleElement,\n StyledListItemHeadTitleText,\n StyledListItemHeadTitleTextPseudo,\n StyledMotionListItemHeadHoverItem,\n StyledMotionListItemHeadHoverItemWrapper,\n StyledMotionListItemHeadIndicator,\n} from './ListItemHead.styles';\n\ninterface HeadHeight {\n closed: number;\n open: number;\n}\n\ntype ListItemHeadProps = {\n careOfLocationId?: number;\n hoverItem?: ReactNode;\n icons?: string[];\n imageBackground?: CSSProperties['background'];\n images?: string[];\n isAnyItemExpandable: boolean;\n isExpandable: boolean;\n isOpen: boolean;\n isTitleGreyed?: boolean;\n leftElements?: ReactNode;\n onClick?: MouseEventHandler<HTMLDivElement>;\n onLongPress?: TouchEventHandler<HTMLDivElement>;\n rightElements?: IListItemRightElements;\n shouldHideImageOrIconBackground?: boolean;\n shouldHideIndicator?: boolean;\n shouldOpenImageOnClick: boolean;\n shouldShowRoundImageOrIcon?: boolean;\n subtitle?: ReactNode;\n title: ReactNode;\n onTitleWidthChange: (width: number) => void;\n titleElement?: ReactNode;\n shouldForceHover?: boolean;\n};\n\nconst ListItemHead: FC<ListItemHeadProps> = ({\n careOfLocationId,\n hoverItem,\n icons,\n imageBackground,\n images,\n isAnyItemExpandable,\n isExpandable,\n isOpen,\n isTitleGreyed,\n leftElements,\n onClick,\n onLongPress,\n rightElements,\n shouldHideImageOrIconBackground,\n shouldHideIndicator,\n shouldOpenImageOnClick,\n onTitleWidthChange,\n shouldShowRoundImageOrIcon,\n subtitle,\n shouldForceHover,\n title,\n titleElement,\n}) => {\n const [shouldRenderPseudoElements, setShouldRenderPseudoElements] = useState(true);\n const [shouldShowHoverItem, setShouldShowHoverItem] = useState(false);\n const [openTitleWidth, setOpenTitleWidth] = useState(0);\n const [headHeight, setHeadHeight] = useState<HeadHeight>({ closed: 40, open: 40 });\n const [, setIsFirstRender] = useState(false);\n\n const longPressTimeoutRef = useRef<number>();\n\n const pseudoTitleOpenRef = useRef<HTMLDivElement>(null);\n const pseudoTitleClosedRef = useRef<HTMLDivElement>(null);\n const pseudoSubtitleOpenRef = useRef<HTMLDivElement>(null);\n const pseudoSubtitleClosedRef = useRef<HTMLDivElement>(null);\n\n const shouldShowSubtitleRow = subtitle \|\| typeof subtitle === 'string';\n\n useEffect(() => {\n if (pseudoTitleClosedRef.current) {\n const { width } = pseudoTitleClosedRef.current.getBoundingClientRect();\n\n onTitleWidthChange(width);\n }\n }, [onTitleWidthChange]);\n\n useEffect(() => {\n if (pseudoTitleOpenRef.current && pseudoTitleClosedRef.current) {\n const { height: closedTitleHeight } =\n pseudoTitleClosedRef.current.getBoundingClientRect();\n const { height: openTitleHeight, width: openWidth } =\n pseudoTitleOpenRef.current.getBoundingClientRect();\n\n setOpenTitleWidth(openWidth);\n\n let closedHeight = closedTitleHeight + 24;\n let openHeight = openTitleHeight + 24;\n\n if (shouldShowSubtitleRow) {\n if (pseudoSubtitleOpenRef.current && pseudoSubtitleClosedRef.current) {\n const { height: closedSubtitleHeight } =\n pseudoSubtitleClosedRef.current.getBoundingClientRect();\n const { height: openSubtitleHeight } =\n pseudoSubtitleOpenRef.current.getBoundingClientRect();\n\n closedHeight += closedSubtitleHeight + 4;\n openHeight += openSubtitleHeight + 4;\n }\n }\n\n setHeadHeight({ closed: closedHeight, open: openHeight });\n\n setShouldRenderPseudoElements(false);\n }\n }, [shouldShowSubtitleRow]);\n\n useEffect(() => {\n if (subtitle \|\| title) setShouldRenderPseudoElements(true);\n }, [subtitle, title]);\n\n // This is used to trigger a rerender, so the head height can be calculated\n useEffect(() => {\n setIsFirstRender(true);\n }, []);\n\n const handleMouseEnter = useCallback(() => setShouldShowHoverItem(true), []);\n\n const handleMouseLeave = useCallback(() => setShouldShowHoverItem(false), []);\n\n const marginTop = useMemo(() => {\n const height = headHeight[isOpen ? 'open' : 'closed'];\n\n if (height < 64) {\n return (64 - height) / 2;\n }\n\n return 0;\n }, [headHeight, isOpen]);\n\n const handleTouchStart = useCallback<TouchEventHandler<HTMLDivElement>>(\n (event) => {\n longPressTimeoutRef.current = window.setTimeout(() => {\n if (typeof onLongPress === 'function') {\n onLongPress(event);\n }\n }, 400);\n },\n [onLongPress],\n );\n\n const handleTouchEnd = useCallback(() => {\n clearTimeout(longPressTimeoutRef.current);\n }, []);\n\n const shouldPreventRightElementClick = useMemo(() => {\n if (!rightElements) return false;\n\n if (\n typeof rightElements === 'object' &&\n ('bottom' in rightElements \|\| 'center' in rightElements \|\| 'top' in rightElements)\n ) {\n if (rightElements.bottom && getElementClickEvent(rightElements.bottom)) {\n return true;\n }\n\n if (rightElements.center && getElementClickEvent(rightElements.center)) {\n return true;\n }\n\n if (rightElements.top && getElementClickEvent(rightElements.top)) {\n return true;\n }\n } else {\n return getElementClickEvent(rightElements as ReactNode);\n }\n\n return false;\n }, [rightElements]);\n\n const iconOrImageElement = useMemo(() => {\n if (icons) {\n return (\n <ListItemIcon\n icons={icons}\n shouldHideBackground={!!shouldHideImageOrIconBackground}\n shouldShowRoundIcon={!!shouldShowRoundImageOrIcon}\n />\n );\n }\n\n if (images) {\n return (\n <ListItemImage\n imageBackground={imageBackground}\n careOfLocationId={careOfLocationId}\n images={images}\n shouldOpenImageOnClick={shouldOpenImageOnClick}\n shouldHideBackground={!!shouldHideImageOrIconBackground}\n shouldShowRoundImage={!!shouldShowRoundImageOrIcon}\n />\n );\n }\n\n return undefined;\n }, [\n careOfLocationId,\n icons,\n imageBackground,\n images,\n shouldHideImageOrIconBackground,\n shouldOpenImageOnClick,\n shouldShowRoundImageOrIcon,\n ]);\n\n return (\n <StyledListItemHead\n animate={{\n height: isOpen ? headHeight.open : headHeight.closed,\n opacity: isTitleGreyed ? 0.5 : 1,\n }}\n initial={false}\n transition={{ duration: 0.2, type: 'tween' }}\n className=\"beta-chayns-list-item-head\"\n $isClickable={typeof onClick === 'function' \|\| isExpandable}\n $isAnyItemExpandable={isAnyItemExpandable}\n onClick={onClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onTouchStart={typeof onLongPress === 'function' ? handleTouchStart : undefined}\n onTouchEnd={typeof onLongPress === 'function' ? handleTouchEnd : undefined}\n >\n <StyledListItemHeadLeftWrapper>\n {isAnyItemExpandable && (\n <StyledMotionListItemHeadIndicator\n animate={{ rotate: isOpen ? 90 : 0 }}\n initial={false}\n transition={{ type: 'tween' }}\n >\n {isExpandable && !shouldHideIndicator && (\n <Icon icons={['fa fa-chevron-right']} />\n )}\n </StyledMotionListItemHeadIndicator>\n )}\n {leftElements}\n {iconOrImageElement}\n </StyledListItemHeadLeftWrapper>\n <StyledListItemHeadContent\n $isIconOrImageGiven={iconOrImageElement !== undefined}\n $marginTop={marginTop}\n $isOpen={isOpen}\n >\n <StyledListItemHeadTitle>\n <StyledListItemHeadTitleContent>\n {shouldRenderPseudoElements && (\n <>\n <StyledListItemHeadTitleTextPseudo ref={pseudoTitleOpenRef} $isOpen>\n {title}\n </StyledListItemHeadTitleTextPseudo>\n <StyledListItemHeadTitleTextPseudo\n ref={pseudoTitleClosedRef}\n $isOpen={false}\n >\n {title}\n </StyledListItemHeadTitleTextPseudo>\n </>\n )}\n <StyledListItemHeadTitleText $isOpen={isOpen} $width={openTitleWidth}>\n {title}\n </StyledListItemHeadTitleText>\n <StyledListItemHeadTitleElement>\n {titleElement}\n </StyledListItemHeadTitleElement>\n </StyledListItemHeadTitleContent>\n </StyledListItemHeadTitle>\n {shouldShowSubtitleRow && (\n <StyledListItemHeadSubtitle>\n {shouldRenderPseudoElements && (\n <>\n <StyledListItemHeadSubtitleTextPseudo\n ref={pseudoSubtitleOpenRef}\n $isOpen\n >\n {subtitle}\n </StyledListItemHeadSubtitleTextPseudo>\n <StyledListItemHeadSubtitleTextPseudo\n ref={pseudoSubtitleClosedRef}\n $isOpen={false}\n >\n {subtitle}\n </StyledListItemHeadSubtitleTextPseudo>\n </>\n )}\n <StyledListItemHeadSubtitleText $isOpen={isOpen}>\n {subtitle}\n </StyledListItemHeadSubtitleText>\n </StyledListItemHeadSubtitle>\n )}\n </StyledListItemHeadContent>\n {rightElements && (\n <ListItemRightElements\n rightElements={rightElements}\n shouldPreventRightElementClick={shouldPreventRightElementClick}\n />\n )}\n {hoverItem && (\n <StyledMotionListItemHeadHoverItemWrapper\n className=\"beta-chayns-list-item-hover-item\"\n animate={{\n marginLeft: shouldForceHover \|\| shouldShowHoverItem ? 8 : 0,\n opacity: shouldForceHover \|\| shouldShowHoverItem ? 1 : 0,\n width: shouldForceHover \|\| shouldShowHoverItem ? 'auto' : 0,\n }}\n initial={false}\n transition={{ duration: 0.15, type: 'tween' }}\n >\n <StyledMotionListItemHeadHoverItem>\n {hoverItem}\n </StyledMotionListItemHeadHoverItem>\n </StyledMotionListItemHeadHoverItemWrapper>\n )}\n </StyledListItemHead>\n );\n};\n\nListItemHead.displayName = 'ListItemHead';\n\nexport default ListItemHead;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"ListItemHead.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","getElementClickEvent","Icon","ListItemIcon","ListItemImage","ListItemRightElements","StyledListItemHead","StyledListItemHeadContent","StyledListItemHeadLeftWrapper","StyledListItemHeadSubtitle","StyledListItemHeadSubtitleText","StyledListItemHeadSubtitleTextPseudo","StyledListItemHeadTitle","StyledListItemHeadTitleContent","StyledListItemHeadTitleElement","StyledListItemHeadTitleText","StyledListItemHeadTitleTextPseudo","StyledMotionListItemHeadHoverItem","StyledMotionListItemHeadHoverItemWrapper","StyledMotionListItemHeadIndicator","ListItemHead","_ref","careOfLocationId","cornerImage","hoverItem","icons","imageBackground","images","isAnyItemExpandable","isExpandable","isOpen","isTitleGreyed","leftElements","onClick","onLongPress","rightElements","shouldHideImageOrIconBackground","shouldHideIndicator","shouldOpenImageOnClick","onTitleWidthChange","shouldShowRoundImageOrIcon","subtitle","shouldForceHover","title","titleElement","shouldRenderPseudoElements","setShouldRenderPseudoElements","shouldShowHoverItem","setShouldShowHoverItem","openTitleWidth","setOpenTitleWidth","headHeight","setHeadHeight","closed","open","setIsFirstRender","longPressTimeoutRef","pseudoTitleOpenRef","pseudoTitleClosedRef","pseudoSubtitleOpenRef","pseudoSubtitleClosedRef","shouldShowSubtitleRow","current","width","getBoundingClientRect","height","closedTitleHeight","openTitleHeight","openWidth","closedHeight","openHeight","closedSubtitleHeight","openSubtitleHeight","handleMouseEnter","handleMouseLeave","marginTop","handleTouchStart","event","window","setTimeout","handleTouchEnd","clearTimeout","shouldPreventRightElementClick","bottom","center","top","iconOrImageElement","createElement","shouldHideBackground","shouldShowRoundIcon","shouldShowRoundImage","undefined","animate","opacity","initial","transition","duration","type","className","$isClickable","$isAnyItemExpandable","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","rotate","$isIconOrImageGiven","$marginTop","$isOpen","Fragment","ref","$width","marginLeft","displayName"],"sources":["../../../../../../src/components/list/list-item/list-item-head/ListItemHead.tsx"],"sourcesContent":["import React, {\n CSSProperties,\n FC,\n MouseEventHandler,\n ReactNode,\n TouchEventHandler,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport type { IListItemRightElements } from '../../../../types/list';\nimport { getElementClickEvent } from '../../../../utils/accordion';\nimport Icon from '../../../icon/Icon';\nimport ListItemIcon from './list-item-icon/ListItemIcon';\nimport ListItemImage from './list-item-image/ListItemImage';\nimport ListItemRightElements from './list-item-right-elements/ListItemRightElements';\nimport {\n StyledListItemHead,\n StyledListItemHeadContent,\n StyledListItemHeadLeftWrapper,\n StyledListItemHeadSubtitle,\n StyledListItemHeadSubtitleText,\n StyledListItemHeadSubtitleTextPseudo,\n StyledListItemHeadTitle,\n StyledListItemHeadTitleContent,\n StyledListItemHeadTitleElement,\n StyledListItemHeadTitleText,\n StyledListItemHeadTitleTextPseudo,\n StyledMotionListItemHeadHoverItem,\n StyledMotionListItemHeadHoverItemWrapper,\n StyledMotionListItemHeadIndicator,\n} from './ListItemHead.styles';\n\ninterface HeadHeight {\n closed: number;\n open: number;\n}\n\ntype ListItemHeadProps = {\n careOfLocationId?: number;\n cornerImage?: string;\n hoverItem?: ReactNode;\n icons?: string[];\n imageBackground?: CSSProperties['background'];\n images?: string[];\n isAnyItemExpandable: boolean;\n isExpandable: boolean;\n isOpen: boolean;\n isTitleGreyed?: boolean;\n leftElements?: ReactNode;\n onClick?: MouseEventHandler<HTMLDivElement>;\n onLongPress?: TouchEventHandler<HTMLDivElement>;\n rightElements?: IListItemRightElements;\n shouldHideImageOrIconBackground?: boolean;\n shouldHideIndicator?: boolean;\n shouldOpenImageOnClick: boolean;\n shouldShowRoundImageOrIcon?: boolean;\n subtitle?: ReactNode;\n title: ReactNode;\n onTitleWidthChange: (width: number) => void;\n titleElement?: ReactNode;\n shouldForceHover?: boolean;\n};\n\nconst ListItemHead: FC<ListItemHeadProps> = ({\n careOfLocationId,\n cornerImage,\n hoverItem,\n icons,\n imageBackground,\n images,\n isAnyItemExpandable,\n isExpandable,\n isOpen,\n isTitleGreyed,\n leftElements,\n onClick,\n onLongPress,\n rightElements,\n shouldHideImageOrIconBackground,\n shouldHideIndicator,\n shouldOpenImageOnClick,\n onTitleWidthChange,\n shouldShowRoundImageOrIcon,\n subtitle,\n shouldForceHover,\n title,\n titleElement,\n}) => {\n const [shouldRenderPseudoElements, setShouldRenderPseudoElements] = useState(true);\n const [shouldShowHoverItem, setShouldShowHoverItem] = useState(false);\n const [openTitleWidth, setOpenTitleWidth] = useState(0);\n const [headHeight, setHeadHeight] = useState<HeadHeight>({ closed: 40, open: 40 });\n const [, setIsFirstRender] = useState(false);\n\n const longPressTimeoutRef = useRef<number>();\n\n const pseudoTitleOpenRef = useRef<HTMLDivElement>(null);\n const pseudoTitleClosedRef = useRef<HTMLDivElement>(null);\n const pseudoSubtitleOpenRef = useRef<HTMLDivElement>(null);\n const pseudoSubtitleClosedRef = useRef<HTMLDivElement>(null);\n\n const shouldShowSubtitleRow = subtitle \|\| typeof subtitle === 'string';\n\n useEffect(() => {\n if (pseudoTitleClosedRef.current) {\n const { width } = pseudoTitleClosedRef.current.getBoundingClientRect();\n\n onTitleWidthChange(width);\n }\n }, [onTitleWidthChange]);\n\n useEffect(() => {\n if (pseudoTitleOpenRef.current && pseudoTitleClosedRef.current) {\n const { height: closedTitleHeight } =\n pseudoTitleClosedRef.current.getBoundingClientRect();\n const { height: openTitleHeight, width: openWidth } =\n pseudoTitleOpenRef.current.getBoundingClientRect();\n\n setOpenTitleWidth(openWidth);\n\n let closedHeight = closedTitleHeight + 24;\n let openHeight = openTitleHeight + 24;\n\n if (shouldShowSubtitleRow) {\n if (pseudoSubtitleOpenRef.current && pseudoSubtitleClosedRef.current) {\n const { height: closedSubtitleHeight } =\n pseudoSubtitleClosedRef.current.getBoundingClientRect();\n const { height: openSubtitleHeight } =\n pseudoSubtitleOpenRef.current.getBoundingClientRect();\n\n closedHeight += closedSubtitleHeight + 4;\n openHeight += openSubtitleHeight + 4;\n }\n }\n\n setHeadHeight({ closed: closedHeight, open: openHeight });\n\n setShouldRenderPseudoElements(false);\n }\n }, [shouldShowSubtitleRow]);\n\n useEffect(() => {\n if (subtitle \|\| title) setShouldRenderPseudoElements(true);\n }, [subtitle, title]);\n\n // This is used to trigger a rerender, so the head height can be calculated\n useEffect(() => {\n setIsFirstRender(true);\n }, []);\n\n const handleMouseEnter = useCallback(() => setShouldShowHoverItem(true), []);\n\n const handleMouseLeave = useCallback(() => setShouldShowHoverItem(false), []);\n\n const marginTop = useMemo(() => {\n const height = headHeight[isOpen ? 'open' : 'closed'];\n\n if (height < 64) {\n return (64 - height) / 2;\n }\n\n return 0;\n }, [headHeight, isOpen]);\n\n const handleTouchStart = useCallback<TouchEventHandler<HTMLDivElement>>(\n (event) => {\n longPressTimeoutRef.current = window.setTimeout(() => {\n if (typeof onLongPress === 'function') {\n onLongPress(event);\n }\n }, 400);\n },\n [onLongPress],\n );\n\n const handleTouchEnd = useCallback(() => {\n clearTimeout(longPressTimeoutRef.current);\n }, []);\n\n const shouldPreventRightElementClick = useMemo(() => {\n if (!rightElements) return false;\n\n if (\n typeof rightElements === 'object' &&\n ('bottom' in rightElements \|\| 'center' in rightElements \|\| 'top' in rightElements)\n ) {\n if (rightElements.bottom && getElementClickEvent(rightElements.bottom)) {\n return true;\n }\n\n if (rightElements.center && getElementClickEvent(rightElements.center)) {\n return true;\n }\n\n if (rightElements.top && getElementClickEvent(rightElements.top)) {\n return true;\n }\n } else {\n return getElementClickEvent(rightElements as ReactNode);\n }\n\n return false;\n }, [rightElements]);\n\n const iconOrImageElement = useMemo(() => {\n if (icons) {\n return (\n <ListItemIcon\n icons={icons}\n shouldHideBackground={!!shouldHideImageOrIconBackground}\n shouldShowRoundIcon={!!shouldShowRoundImageOrIcon}\n />\n );\n }\n\n if (images) {\n return (\n <ListItemImage\n imageBackground={imageBackground}\n careOfLocationId={careOfLocationId}\n images={images}\n shouldOpenImageOnClick={shouldOpenImageOnClick}\n shouldHideBackground={!!shouldHideImageOrIconBackground}\n shouldShowRoundImage={!!shouldShowRoundImageOrIcon}\n />\n );\n }\n\n return undefined;\n }, [\n careOfLocationId,\n icons,\n imageBackground,\n images,\n shouldHideImageOrIconBackground,\n shouldOpenImageOnClick,\n shouldShowRoundImageOrIcon,\n ]);\n\n return (\n <StyledListItemHead\n animate={{\n height: isOpen ? headHeight.open : headHeight.closed,\n opacity: isTitleGreyed ? 0.5 : 1,\n }}\n initial={false}\n transition={{ duration: 0.2, type: 'tween' }}\n className=\"beta-chayns-list-item-head\"\n $isClickable={typeof onClick === 'function' \|\| isExpandable}\n $isAnyItemExpandable={isAnyItemExpandable}\n onClick={onClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onTouchStart={typeof onLongPress === 'function' ? handleTouchStart : undefined}\n onTouchEnd={typeof onLongPress === 'function' ? handleTouchEnd : undefined}\n >\n <StyledListItemHeadLeftWrapper>\n {isAnyItemExpandable && (\n <StyledMotionListItemHeadIndicator\n animate={{ rotate: isOpen ? 90 : 0 }}\n initial={false}\n transition={{ type: 'tween' }}\n >\n {isExpandable && !shouldHideIndicator && (\n <Icon icons={['fa fa-chevron-right']} />\n )}\n </StyledMotionListItemHeadIndicator>\n )}\n {leftElements}\n {iconOrImageElement}\n </StyledListItemHeadLeftWrapper>\n <StyledListItemHeadContent\n $isIconOrImageGiven={iconOrImageElement !== undefined}\n $marginTop={marginTop}\n $isOpen={isOpen}\n >\n <StyledListItemHeadTitle>\n <StyledListItemHeadTitleContent>\n {shouldRenderPseudoElements && (\n <>\n <StyledListItemHeadTitleTextPseudo ref={pseudoTitleOpenRef} $isOpen>\n {title}\n </StyledListItemHeadTitleTextPseudo>\n <StyledListItemHeadTitleTextPseudo\n ref={pseudoTitleClosedRef}\n $isOpen={false}\n >\n {title}\n </StyledListItemHeadTitleTextPseudo>\n </>\n )}\n <StyledListItemHeadTitleText $isOpen={isOpen} $width={openTitleWidth}>\n {title}\n </StyledListItemHeadTitleText>\n <StyledListItemHeadTitleElement>\n {titleElement}\n </StyledListItemHeadTitleElement>\n </StyledListItemHeadTitleContent>\n </StyledListItemHeadTitle>\n {shouldShowSubtitleRow && (\n <StyledListItemHeadSubtitle>\n {shouldRenderPseudoElements && (\n <>\n <StyledListItemHeadSubtitleTextPseudo\n ref={pseudoSubtitleOpenRef}\n $isOpen\n >\n {subtitle}\n </StyledListItemHeadSubtitleTextPseudo>\n <StyledListItemHeadSubtitleTextPseudo\n ref={pseudoSubtitleClosedRef}\n $isOpen={false}\n >\n {subtitle}\n </StyledListItemHeadSubtitleTextPseudo>\n </>\n )}\n <StyledListItemHeadSubtitleText $isOpen={isOpen}>\n {subtitle}\n </StyledListItemHeadSubtitleText>\n </StyledListItemHeadSubtitle>\n )}\n </StyledListItemHeadContent>\n {rightElements && (\n <ListItemRightElements\n rightElements={rightElements}\n shouldPreventRightElementClick={shouldPreventRightElementClick}\n />\n )}\n {hoverItem && (\n <StyledMotionListItemHeadHoverItemWrapper\n className=\"beta-chayns-list-item-hover-item\"\n animate={{\n marginLeft: shouldForceHover \|\| shouldShowHoverItem ? 8 : 0,\n opacity: shouldForceHover \|\| shouldShowHoverItem ? 1 : 0,\n width: shouldForceHover \|\| shouldShowHoverItem ? 'auto' : 0,\n }}\n initial={false}\n transition={{ duration: 0.15, type: 'tween' }}\n >\n <StyledMotionListItemHeadHoverItem>\n {hoverItem}\n </StyledMotionListItemHeadHoverItem>\n </StyledMotionListItemHeadHoverItemWrapper>\n )}\n </StyledListItemHead>\n );\n};\n\nListItemHead.displayName = 'ListItemHead';\n\nexport default ListItemHead;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/list/list-item/list-item-head/list-item-image/ListItemImage.js CHANGED Viewed

@@ -5,6 +5,7 @@ import { StyledCareOfImage, StyledListImageWrapper, StyledListItemHeadImage, Sty
 const ListItemImage = _ref => {
   let {
     careOfLocationId,
+    cornerImage,
     imageBackground,
     images,
     shouldHideBackground,
@@ -34,6 +35,7 @@ const ListItemImage = _ref => {
     });
   }, [images, shouldOpenImageOnClick]);
   if (images && images[0] && images[1]) {
+    const careOfImage = careOfLocationId ? `https://sub60.tobit.com/l/${careOfLocationId}?size=128` : undefined;
     return /*#__PURE__*/React.createElement(StyledListImageWrapper, {
       onClick: handleImageClick
     }, /*#__PURE__*/React.createElement(GroupedImage, {
@@ -41,7 +43,7 @@ const ListItemImage = _ref => {
       shouldPreventBackground: shouldHideBackground,
       shouldShowRoundImage: shouldShowRoundImage,
       imageBackground: imageBackground,
-      cornerImage: careOfLocationId ? `https://sub60.tobit.com/l/${careOfLocationId}?size=128` : undefined
+      cornerImage: cornerImage ?? careOfImage
     }));
   }
   if (images && images[0]) {

package/lib/esm/components/list/list-item/list-item-head/list-item-image/ListItemImage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemImage.js","names":["MediaType","openMedia","React","useCallback","useState","GroupedImage","StyledCareOfImage","StyledListImageWrapper","StyledListItemHeadImage","StyledListItemHeadImageWrapper","ListItemImage","_ref","careOfLocationId","imageBackground","images","shouldHideBackground","shouldShowRoundImage","shouldOpenImageOnClick","hasLoadedImage","setHasLoadedImage","handleImageLoaded","handleImageClick","event","preventDefault","stopPropagation","items","map","image","url","mediaType","IMAGE","startIndex","~~createElement~~","~~onClick~~","~~shouldPreventBackground~~","~~cornerImage~~","~~undefined~~","$isHidden","onLoad","$shouldShowRoundImage","$background","$shouldHideBackground","$isSmall","src","alt","displayName"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-image/ListItemImage.tsx"],"sourcesContent":["import { MediaType, openMedia, OpenMediaItem } from 'chayns-api';\nimport React, { CSSProperties, MouseEventHandler, useCallback, useState } from 'react';\nimport GroupedImage from '../../../../grouped-image/GroupedImage';\nimport {\n StyledCareOfImage,\n StyledListImageWrapper,\n StyledListItemHeadImage,\n StyledListItemHeadImageWrapper,\n} from './ListItemImage.styles';\n\ntype ListItemImageProps = {\n careOfLocationId?: number;\n imageBackground?: CSSProperties['background'];\n images: string[];\n shouldHideBackground: boolean;\n shouldShowRoundImage: boolean;\n shouldOpenImageOnClick: boolean;\n};\n\nconst ListItemImage: React.FC<ListItemImageProps> = ({\n careOfLocationId,\n imageBackground,\n images,\n shouldHideBackground,\n shouldShowRoundImage,\n shouldOpenImageOnClick,\n}) => {\n const [hasLoadedImage, setHasLoadedImage] = useState(false);\n const handleImageLoaded = useCallback(() => {\n setHasLoadedImage(true);\n }, []);\n\n const handleImageClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n (event) => {\n if (!shouldOpenImageOnClick) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n const items: OpenMediaItem[] = images.map((image) => ({\n url: image,\n mediaType: MediaType.IMAGE,\n }));\n\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n void openMedia({ items, startIndex: 0 });\n },\n [images, shouldOpenImageOnClick],\n );\n\n if (images && images[0] && images[1]) {\n return (\n <StyledListImageWrapper onClick={handleImageClick}>\n <GroupedImage\n images={images}\n shouldPreventBackground={shouldHideBackground}\n shouldShowRoundImage={shouldShowRoundImage}\n imageBackground={imageBackground}\n cornerImage={~~\n careOfLocationId\n ?~~ ~~`https://sub60.tobit.com/l/${careOfLocationId}?size=128`\n :~~ ~~undefined\n~~ }\n />\n </StyledListImageWrapper>\n );\n }\n\n if (images && images[0]) {\n return (\n <StyledListItemHeadImageWrapper onClick={handleImageClick}>\n <StyledListItemHeadImage\n $isHidden={!hasLoadedImage}\n onLoad={handleImageLoaded}\n $shouldShowRoundImage={shouldShowRoundImage}\n $background={imageBackground}\n $shouldHideBackground={shouldHideBackground}\n $isSmall={!!careOfLocationId}\n src={images[0]}\n />\n {careOfLocationId && (\n <StyledCareOfImage\n $shouldHideBackground={shouldHideBackground}\n $background={imageBackground}\n src={`https://sub60.tobit.com/l/${careOfLocationId}?size=128`}\n alt=\"care-of\"\n />\n )}\n </StyledListItemHeadImageWrapper>\n );\n }\n\n return null;\n};\n\nListItemImage.displayName = 'ListItemImage';\n\nexport default ListItemImage;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,SAAS,QAAuB,YAAY;AAChE,OAAOC,KAAK,IAAsCC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACtF,OAAOC,YAAY,MAAM,wCAAwC;AACjE,SACIC,iBAAiB,EACjBC,sBAAsB,EACtBC,uBAAuB,EACvBC,8BAA8B,QAC3B,wBAAwB;~~AAW~~/B,MAAMC,aAA2C,GAAGC,IAAA,~~IAO9C~~;EAAA,~~IAP~~+C;IACjDC,gBAAgB;IAChBC,eAAe;IACfC,MAAM;IACNC,oBAAoB;IACpBC,oBAAoB;IACpBC;EACJ,CAAC,~~GAAAN~~,IAAA;EACG,MAAM,~~CAACO~~,cAAc,EAAEC,iBAAiB,CAAC,~~GAAGf~~,QAAQ,CAAC,KAAK,CAAC;EAC3D,~~MAAMgB~~,iBAAiB,~~GAAGjB~~,WAAW,CAAC,MAAM;~~IACxCgB~~,iBAAiB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,gBAAgB,~~GAAGlB~~,WAAW,CAC/~~BmB~~,KAAK,IAAK;IACP,IAAI,CAACL,sBAAsB,EAAE;MACzB;IACJ;IAEAK,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;IAEvB,MAAMC,KAAsB,GAAGX,MAAM,CAACY,GAAG,CAAEC,KAAK,KAAM;MAClDC,GAAG,EAAED,KAAK;MACVE,SAAS,~~EAAE7B~~,SAAS,~~CAAC8B~~;IACzB,CAAC,CAAC,CAAC;;IAEH;IACA;IACA,~~KAAK7B~~,SAAS,CAAC;~~MAAEwB~~,KAAK;MAAEM,UAAU,EAAE;IAAE,CAAC,CAAC;EAC5C,CAAC,EACD,CAACjB,MAAM,EAAEG,sBAAsB,CACnC,CAAC;EAED,IAAIH,MAAM,IAAIA,MAAM,CAAC,CAAC,CAAC,IAAIA,MAAM,CAAC,CAAC,CAAC,EAAE;IAClC,~~oBACIZ~~,KAAA,~~CAAA8B~~,aAAA,~~CAACzB~~,sBAAsB;~~MAAC0B~~,OAAO,~~EAAEZ~~;IAAiB,~~gBAC9CnB~~,KAAA,~~CAAA8B~~,aAAA,~~CAAC3B~~,YAAY;~~MACTS~~,MAAM,EAAEA,MAAO;~~MACfoB~~,uBAAuB,~~EAAEnB~~,oBAAqB;MAC9CC,oBAAoB,EAAEA,oBAAqB;MAC3CH,eAAe,EAAEA,eAAgB;~~MACjCsB~~,WAAW,~~EACPvB~~,~~gBAAgB,GACV,6BAA6BA,gBAAgB,~~WAAW,~~GACxDwB~~;~~IACT~~,~~CACJ~~,CACmB,CAAC;EAEjC;EAEA,~~IAAItB~~,MAAM,IAAIA,MAAM,CAAC,CAAC,CAAC,EAAE;IACrB,~~oBACIZ~~,KAAA,~~CAAA8B~~,aAAA,~~CAACvB~~,8BAA8B;~~MAACwB~~,OAAO,~~EAAEZ~~;IAAiB,~~gBACtDnB~~,KAAA,~~CAAA8B~~,aAAA,~~CAACxB~~,uBAAuB;~~MACpB6B~~,SAAS,EAAE,CAACnB,cAAe;MAC3BoB,MAAM,EAAElB,iBAAkB;MAC1BmB,qBAAqB,EAAEvB,oBAAqB;MAC5CwB,WAAW,EAAE3B,eAAgB;MAC7B4B,qBAAqB,EAAE1B,oBAAqB;MAC5C2B,QAAQ,EAAE,CAAC,~~CAAC9B~~,gBAAiB;~~MAC7B+B~~,GAAG,EAAE7B,MAAM,CAAC,CAAC;IAAE,CAClB,CAAC,~~EACDF~~,gBAAgB,iBACbV,KAAA,~~CAAA8B~~,aAAA,~~CAAC1B~~,iBAAiB;~~MACdmC~~,qBAAqB,EAAE1B,oBAAqB;MAC5CyB,WAAW,EAAE3B,eAAgB;MAC7B8B,GAAG,EAAE,~~6BAA6B/B~~,gBAAgB,WAAY;~~MAC9DgC~~,GAAG,EAAC;IAAS,CAChB,CAEuB,CAAC;EAEzC;EAEA,OAAO,IAAI;AACf,CAAC;~~AAEDlC~~,aAAa,~~CAACmC~~,WAAW,GAAG,eAAe;AAE3C,~~eAAenC~~,aAAa","ignoreList":[]}
1	+ {"version":3,"file":"ListItemImage.js","names":["MediaType","openMedia","React","useCallback","useState","GroupedImage","StyledCareOfImage","StyledListImageWrapper","StyledListItemHeadImage","StyledListItemHeadImageWrapper","ListItemImage","_ref","careOfLocationId","cornerImage","imageBackground","images","shouldHideBackground","shouldShowRoundImage","shouldOpenImageOnClick","hasLoadedImage","setHasLoadedImage","handleImageLoaded","handleImageClick","event","preventDefault","stopPropagation","items","map","image","url","mediaType","IMAGE","startIndex","careOfImage","undefined","createElement","onClick","shouldPreventBackground","$isHidden","onLoad","$shouldShowRoundImage","$background","$shouldHideBackground","$isSmall","src","alt","displayName"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-image/ListItemImage.tsx"],"sourcesContent":["import { MediaType, openMedia, OpenMediaItem } from 'chayns-api';\nimport React, { CSSProperties, MouseEventHandler, useCallback, useState } from 'react';\nimport GroupedImage from '../../../../grouped-image/GroupedImage';\nimport {\n StyledCareOfImage,\n StyledListImageWrapper,\n StyledListItemHeadImage,\n StyledListItemHeadImageWrapper,\n} from './ListItemImage.styles';\n\ntype ListItemImageProps = {\n careOfLocationId?: number;\n cornerImage?: string;\n imageBackground?: CSSProperties['background'];\n images: string[];\n shouldHideBackground: boolean;\n shouldShowRoundImage: boolean;\n shouldOpenImageOnClick: boolean;\n};\n\nconst ListItemImage: React.FC<ListItemImageProps> = ({\n careOfLocationId,\n cornerImage,\n imageBackground,\n images,\n shouldHideBackground,\n shouldShowRoundImage,\n shouldOpenImageOnClick,\n}) => {\n const [hasLoadedImage, setHasLoadedImage] = useState(false);\n const handleImageLoaded = useCallback(() => {\n setHasLoadedImage(true);\n }, []);\n\n const handleImageClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n (event) => {\n if (!shouldOpenImageOnClick) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n const items: OpenMediaItem[] = images.map((image) => ({\n url: image,\n mediaType: MediaType.IMAGE,\n }));\n\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n void openMedia({ items, startIndex: 0 });\n },\n [images, shouldOpenImageOnClick],\n );\n\n if (images && images[0] && images[1]) {\n const careOfImage = careOfLocationId\n ? `https://sub60.tobit.com/l/${careOfLocationId}?size=128`\n : undefined;\n\n return (\n <StyledListImageWrapper onClick={handleImageClick}>\n <GroupedImage\n images={images}\n shouldPreventBackground={shouldHideBackground}\n shouldShowRoundImage={shouldShowRoundImage}\n imageBackground={imageBackground}\n cornerImage={cornerImage ?? careOfImage}\n />\n </StyledListImageWrapper>\n );\n }\n\n if (images && images[0]) {\n return (\n <StyledListItemHeadImageWrapper onClick={handleImageClick}>\n <StyledListItemHeadImage\n $isHidden={!hasLoadedImage}\n onLoad={handleImageLoaded}\n $shouldShowRoundImage={shouldShowRoundImage}\n $background={imageBackground}\n $shouldHideBackground={shouldHideBackground}\n $isSmall={!!careOfLocationId}\n src={images[0]}\n />\n {careOfLocationId && (\n <StyledCareOfImage\n $shouldHideBackground={shouldHideBackground}\n $background={imageBackground}\n src={`https://sub60.tobit.com/l/${careOfLocationId}?size=128`}\n alt=\"care-of\"\n />\n )}\n </StyledListItemHeadImageWrapper>\n );\n }\n\n return null;\n};\n\nListItemImage.displayName = 'ListItemImage';\n\nexport default ListItemImage;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,SAAS,QAAuB,YAAY;AAChE,OAAOC,KAAK,IAAsCC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACtF,OAAOC,YAAY,MAAM,wCAAwC;AACjE,SACIC,iBAAiB,EACjBC,sBAAsB,EACtBC,uBAAuB,EACvBC,8BAA8B,QAC3B,wBAAwB;AAY/B,MAAMC,aAA2C,GAAGC,IAAA,IAQ9C;EAAA,IAR+C;IACjDC,gBAAgB;IAChBC,WAAW;IACXC,eAAe;IACfC,MAAM;IACNC,oBAAoB;IACpBC,oBAAoB;IACpBC;EACJ,CAAC,GAAAP,IAAA;EACG,MAAM,CAACQ,cAAc,EAAEC,iBAAiB,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAMiB,iBAAiB,GAAGlB,WAAW,CAAC,MAAM;IACxCiB,iBAAiB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,gBAAgB,GAAGnB,WAAW,CAC/BoB,KAAK,IAAK;IACP,IAAI,CAACL,sBAAsB,EAAE;MACzB;IACJ;IAEAK,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;IAEvB,MAAMC,KAAsB,GAAGX,MAAM,CAACY,GAAG,CAAEC,KAAK,KAAM;MAClDC,GAAG,EAAED,KAAK;MACVE,SAAS,EAAE9B,SAAS,CAAC+B;IACzB,CAAC,CAAC,CAAC;;IAEH;IACA;IACA,KAAK9B,SAAS,CAAC;MAAEyB,KAAK;MAAEM,UAAU,EAAE;IAAE,CAAC,CAAC;EAC5C,CAAC,EACD,CAACjB,MAAM,EAAEG,sBAAsB,CACnC,CAAC;EAED,IAAIH,MAAM,IAAIA,MAAM,CAAC,CAAC,CAAC,IAAIA,MAAM,CAAC,CAAC,CAAC,EAAE;IAClC,MAAMkB,WAAW,GAAGrB,gBAAgB,GAC9B,6BAA6BA,gBAAgB,WAAW,GACxDsB,SAAS;IAEf,oBACIhC,KAAA,CAAAiC,aAAA,CAAC5B,sBAAsB;MAAC6B,OAAO,EAAEd;IAAiB,gBAC9CpB,KAAA,CAAAiC,aAAA,CAAC9B,YAAY;MACTU,MAAM,EAAEA,MAAO;MACfsB,uBAAuB,EAAErB,oBAAqB;MAC9CC,oBAAoB,EAAEA,oBAAqB;MAC3CH,eAAe,EAAEA,eAAgB;MACjCD,WAAW,EAAEA,WAAW,IAAIoB;IAAY,CAC3C,CACmB,CAAC;EAEjC;EAEA,IAAIlB,MAAM,IAAIA,MAAM,CAAC,CAAC,CAAC,EAAE;IACrB,oBACIb,KAAA,CAAAiC,aAAA,CAAC1B,8BAA8B;MAAC2B,OAAO,EAAEd;IAAiB,gBACtDpB,KAAA,CAAAiC,aAAA,CAAC3B,uBAAuB;MACpB8B,SAAS,EAAE,CAACnB,cAAe;MAC3BoB,MAAM,EAAElB,iBAAkB;MAC1BmB,qBAAqB,EAAEvB,oBAAqB;MAC5CwB,WAAW,EAAE3B,eAAgB;MAC7B4B,qBAAqB,EAAE1B,oBAAqB;MAC5C2B,QAAQ,EAAE,CAAC,CAAC/B,gBAAiB;MAC7BgC,GAAG,EAAE7B,MAAM,CAAC,CAAC;IAAE,CAClB,CAAC,EACDH,gBAAgB,iBACbV,KAAA,CAAAiC,aAAA,CAAC7B,iBAAiB;MACdoC,qBAAqB,EAAE1B,oBAAqB;MAC5CyB,WAAW,EAAE3B,eAAgB;MAC7B8B,GAAG,EAAE,6BAA6BhC,gBAAgB,WAAY;MAC9DiC,GAAG,EAAC;IAAS,CAChB,CAEuB,CAAC;EAEzC;EAEA,OAAO,IAAI;AACf,CAAC;AAEDnC,aAAa,CAACoC,WAAW,GAAG,eAAe;AAE3C,eAAepC,aAAa","ignoreList":[]}

package/lib/types/components/list/list-item/ListItem.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import type { IListItemRightElements } from '../../../types/list';
 export type ListItemElements = [ReactNode, ...ReactNode[]];
 export type ListItemProps = {
     /**
-     * The locationId of the care-of site.
+     * DEPRECATED: Use `cornerImage` instead.
      */
     careOfLocationId?: number;
     /**
@@ -11,6 +11,10 @@ export type ListItemProps = {
      * it can be opened and also gets an icon as an indicator automatically.
      */
     children?: ReactNode;
+    /**
+     * The image that is displayed in the bottom right corner of the grouped image of list item.
+     */
+    cornerImage?: string;
     /**
      * Element that is displayed when hovering over the `ListItem` on the right
      * side. On mobile devices, this element is not displayed.

package/lib/types/components/list/list-item/list-item-head/ListItemHead.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import { CSSProperties, FC, MouseEventHandler, ReactNode, TouchEventHandler } fr
 import type { IListItemRightElements } from '../../../../types/list';
 type ListItemHeadProps = {
     careOfLocationId?: number;
+    cornerImage?: string;
     hoverItem?: ReactNode;
     icons?: string[];
     imageBackground?: CSSProperties['background'];

package/lib/types/components/list/list-item/list-item-head/list-item-image/ListItemImage.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import React, { CSSProperties } from 'react';
 type ListItemImageProps = {
     careOfLocationId?: number;
+    cornerImage?: string;
     imageBackground?: CSSProperties['background'];
     images: string[];
     shouldHideBackground: boolean;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.1140",
+    "version": "5.0.0-beta.1141",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -86,5 +86,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "665ea301eede1ea7e0847850e1d11211a2f232d3"
+    "gitHead": "862ca82d285504ee6666c228459d91e3b481ff1c"
 }