@chayns-components/core 5.0.0-beta.13 → 5.0.0-beta.1300

package/lib/esm/components/list/list-item/list-item-content/ListItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemContent.js","names":["React","StyledListItemContent","ListItemContent","children","createElement","className","displayName"],"sources":["../../../../../../src/components/list/list-item/list-item-content/ListItemContent.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { StyledListItemContent } from './ListItemContent.styles';\n\ntype ListItemContentProps = {\n    /**\n     * The Elements that should be shown inside the LIstItemContent\n     */\n    children: ReactNode;\n};\n\nconst ListItemContent: FC<ListItemContentProps> = ({ children }) => (\n    <StyledListItemContent className=\"beta-chayns-list-item-content\">\n        {children}\n    </StyledListItemContent>\n);\n\nListItemContent.displayName = 'ListItemContent';\n\nexport default ListItemContent;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAyB,OAAO;AAC5C,SAASC,qBAAqB,QAAQ,0BAA0B;AAShE,MAAMC,eAAyC,GAAGA,CAAC;EAAEC;AAAS,CAAC,kBAC3DH,KAAA,CAAAI,aAAA,CAACH,qBAAqB;EAACI,SAAS,EAAC;AAA+B,GAC3DF,QACkB,CAC1B;AAEDD,eAAe,CAACI,WAAW,GAAG,iBAAiB;AAE/C,eAAeJ,eAAe","ignoreList":[]}

package/lib/esm/components/list/list-item/list-item-content/ListItemContent.styles.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+export const StyledListItemContent = styled.div`
+    color: ${({
+  theme
+}) => theme.text};
+    padding: 9px 18px 8px 35px;
+`;
+//# sourceMappingURL=ListItemContent.styles.js.map

package/lib/esm/components/list/list-item/list-item-content/ListItemContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemContent.styles.js","names":["styled","StyledListItemContent","div","theme","text"],"sources":["../../../../../../src/components/list/list-item/list-item-content/ListItemContent.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemContentProps = WithTheme<unknown>;\n\nexport const StyledListItemContent = styled.div`\n    color: ${({ theme }: StyledListItemContentProps) => theme.text};\n    padding: 9px 18px 8px 35px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAKtC,OAAO,MAAMC,qBAAqB,GAAGD,MAAM,CAACE,GAAG;AAC/C,aAAa,CAAC;EAAEC;AAAkC,CAAC,KAAKA,KAAK,CAACC,IAAI;AAClE;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,156 @@
+import { LayoutGroup, motion } from 'motion/react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import Icon from '../../../icon/Icon';
+import ListItemIcon from './list-item-icon/ListItemIcon';
+import ListItemImage from './list-item-image/ListItemImage';
+import { StyledListItemHeadContent, StyledListItemHeadLeftWrapper, StyledListItemHeadSubtitle, StyledMotionListItemHeadHoverItem, StyledMotionListItemHeadHoverItemWrapper, StyledListItemHead, StyledListItemHeadIndicator, StyledListItemHeadTitle } from './ListItemHead.styles';
+import { LIST_ITEM_HEAD_HTML_TAG, LIST_ITEM_HEAD_INDICATOR_HTML_TAG, LIST_ITEM_HEAD_TITLE_HTML_TAG } from '../../../../constants/list';
+import ListItemTitle from './list-item-title/ListItemTitle';
+import ListItemSubtitle from './list-item-subtitle/ListItemSubtitle';
+import ListItemRightElement from './list-item-right-element/ListItemRightElement';
+const ListItemHead = ({
+  careOfLocationId,
+  cornerImage,
+  hoverItem,
+  icons,
+  imageBackground,
+  images,
+  isAnyItemExpandable,
+  isExpandable,
+  isOpen,
+  isTitleGreyed,
+  leftElements,
+  onClick,
+  onLongPress,
+  rightElements,
+  shouldHideImageOrIconBackground,
+  shouldHideIndicator,
+  shouldOpenImageOnClick,
+  shouldShowRoundImageOrIcon,
+  subtitle,
+  shouldForceHover,
+  title,
+  titleElement,
+  setShouldEnableTooltip,
+  shouldDisableAnimation = false,
+  cornerElement,
+  onImageError
+}) => {
+  const [shouldShowHoverItem, setShouldShowHoverItem] = useState(false);
+  const longPressTimeoutRef = useRef();
+  const resizeSkipRef = useRef(true);
+  const shouldShowSubtitleRow = subtitle || typeof subtitle === 'string' || typeof rightElements === 'object' && rightElements && 'bottom' in rightElements;
+  const shouldShowMultilineTitle = useMemo(() => !subtitle, [subtitle]);
+  useEffect(() => {
+    window.setTimeout(() => {
+      resizeSkipRef.current = false;
+    }, 200);
+  }, []);
+  const handleShowTooltipResize = useCallback(entries => {
+    if (resizeSkipRef.current) {
+      return;
+    }
+    const el = entries[0]?.target;
+    if (!el) return;
+    setShouldEnableTooltip(el.scrollWidth > el.clientWidth);
+  }, [setShouldEnableTooltip]);
+  const handleMouseEnter = useCallback(() => setShouldShowHoverItem(true), []);
+  const handleMouseLeave = useCallback(() => setShouldShowHoverItem(false), []);
+  const handleTouchStart = useCallback(event => {
+    longPressTimeoutRef.current = window.setTimeout(() => {
+      if (typeof onLongPress === 'function') {
+        onLongPress(event);
+      }
+    }, 400);
+  }, [onLongPress]);
+  const handleTouchEnd = useCallback(() => {
+    clearTimeout(longPressTimeoutRef.current);
+  }, []);
+  const iconOrImageElement = useMemo(() => {
+    if (icons) {
+      return /*#__PURE__*/React.createElement(ListItemIcon, {
+        icons: icons,
+        shouldHideBackground: !!shouldHideImageOrIconBackground,
+        shouldShowRoundIcon: !!shouldShowRoundImageOrIcon
+      });
+    }
+    if (images) {
+      return /*#__PURE__*/React.createElement(ListItemImage, {
+        cornerElement: cornerElement,
+        imageBackground: imageBackground,
+        careOfLocationId: careOfLocationId,
+        cornerImage: cornerImage,
+        images: images,
+        shouldOpenImageOnClick: shouldOpenImageOnClick,
+        shouldHideBackground: !!shouldHideImageOrIconBackground,
+        shouldShowRoundImage: !!shouldShowRoundImageOrIcon,
+        onImageError: onImageError
+      });
+    }
+    return undefined;
+  }, [careOfLocationId, cornerElement, cornerImage, icons, imageBackground, images, onImageError, shouldHideImageOrIconBackground, shouldOpenImageOnClick, shouldShowRoundImageOrIcon]);
+  return /*#__PURE__*/React.createElement(StyledListItemHead, {
+    as: shouldDisableAnimation ? undefined : motion[LIST_ITEM_HEAD_HTML_TAG],
+    animate: shouldDisableAnimation ? undefined : {
+      opacity: isTitleGreyed ? 0.5 : 1
+    },
+    initial: shouldDisableAnimation ? undefined : false,
+    transition: shouldDisableAnimation ? undefined : {
+      duration: 0.2,
+      type: 'tween'
+    },
+    className: "beta-chayns-list-item-head",
+    $isClickable: typeof onClick === 'function' || isExpandable,
+    $isAnyItemExpandable: isAnyItemExpandable,
+    onClick: onClick,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    onTouchStart: typeof onLongPress === 'function' ? handleTouchStart : undefined,
+    onTouchEnd: typeof onLongPress === 'function' ? handleTouchEnd : undefined
+  }, /*#__PURE__*/React.createElement(StyledListItemHeadLeftWrapper, null, isAnyItemExpandable && /*#__PURE__*/React.createElement(StyledListItemHeadIndicator, {
+    as: shouldDisableAnimation ? undefined : motion[LIST_ITEM_HEAD_INDICATOR_HTML_TAG],
+    animate: shouldDisableAnimation ? undefined : {
+      rotate: isOpen ? 90 : 0
+    },
+    initial: shouldDisableAnimation ? undefined : false,
+    transition: shouldDisableAnimation ? undefined : {
+      type: 'tween'
+    }
+  }, isExpandable && !shouldHideIndicator && /*#__PURE__*/React.createElement(Icon, {
+    icons: ['fa fa-chevron-right']
+  })), leftElements, iconOrImageElement), /*#__PURE__*/React.createElement(StyledListItemHeadContent, {
+    $isIconOrImageGiven: iconOrImageElement !== undefined,
+    $isOpen: isOpen
+  }, /*#__PURE__*/React.createElement(LayoutGroup, null, /*#__PURE__*/React.createElement(StyledListItemHeadTitle, {
+    as: shouldDisableAnimation ? undefined : motion[LIST_ITEM_HEAD_TITLE_HTML_TAG],
+    layout: "position"
+  }, /*#__PURE__*/React.createElement(ListItemTitle, {
+    title: title,
+    titleElement: titleElement,
+    isOpen: isOpen,
+    shouldShowMultilineTitle: shouldShowMultilineTitle,
+    rightElements: rightElements,
+    onResize: handleShowTooltipResize
+  })), shouldShowSubtitleRow && /*#__PURE__*/React.createElement(StyledListItemHeadSubtitle, null, /*#__PURE__*/React.createElement(ListItemSubtitle, {
+    subtitle: subtitle,
+    isOpen: isOpen,
+    rightElements: rightElements
+  })))), /*#__PURE__*/React.createElement(ListItemRightElement, {
+    rightElements: rightElements
+  }), hoverItem && /*#__PURE__*/React.createElement(StyledMotionListItemHeadHoverItemWrapper, {
+    className: "beta-chayns-list-item-hover-item",
+    animate: {
+      marginLeft: shouldForceHover || shouldShowHoverItem ? 8 : 0,
+      opacity: shouldForceHover || shouldShowHoverItem ? 1 : 0,
+      width: shouldForceHover || shouldShowHoverItem ? 'auto' : 0
+    },
+    initial: false,
+    transition: {
+      duration: 0.15,
+      type: 'tween'
+    }
+  }, /*#__PURE__*/React.createElement(StyledMotionListItemHeadHoverItem, null, hoverItem)));
+};
+ListItemHead.displayName = 'ListItemHead';
+export default ListItemHead;
+//# sourceMappingURL=ListItemHead.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemHead.js","names":["LayoutGroup","motion","React","useCallback","useEffect","useMemo","useRef","useState","Icon","ListItemIcon","ListItemImage","StyledListItemHeadContent","StyledListItemHeadLeftWrapper","StyledListItemHeadSubtitle","StyledMotionListItemHeadHoverItem","StyledMotionListItemHeadHoverItemWrapper","StyledListItemHead","StyledListItemHeadIndicator","StyledListItemHeadTitle","LIST_ITEM_HEAD_HTML_TAG","LIST_ITEM_HEAD_INDICATOR_HTML_TAG","LIST_ITEM_HEAD_TITLE_HTML_TAG","ListItemTitle","ListItemSubtitle","ListItemRightElement","ListItemHead","careOfLocationId","cornerImage","hoverItem","icons","imageBackground","images","isAnyItemExpandable","isExpandable","isOpen","isTitleGreyed","leftElements","onClick","onLongPress","rightElements","shouldHideImageOrIconBackground","shouldHideIndicator","shouldOpenImageOnClick","shouldShowRoundImageOrIcon","subtitle","shouldForceHover","title","titleElement","setShouldEnableTooltip","shouldDisableAnimation","cornerElement","onImageError","shouldShowHoverItem","setShouldShowHoverItem","longPressTimeoutRef","resizeSkipRef","shouldShowSubtitleRow","shouldShowMultilineTitle","window","setTimeout","current","handleShowTooltipResize","entries","el","target","scrollWidth","clientWidth","handleMouseEnter","handleMouseLeave","handleTouchStart","event","handleTouchEnd","clearTimeout","iconOrImageElement","createElement","shouldHideBackground","shouldShowRoundIcon","shouldShowRoundImage","undefined","as","animate","opacity","initial","transition","duration","type","className","$isClickable","$isAnyItemExpandable","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","rotate","$isIconOrImageGiven","$isOpen","layout","onResize","marginLeft","width","displayName"],"sources":["../../../../../../src/components/list/list-item/list-item-head/ListItemHead.tsx"],"sourcesContent":["import { LayoutGroup, motion } from 'motion/react';\nimport React, {\n    CSSProperties,\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    SyntheticEvent,\n    TouchEventHandler,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport type { IListItemRightElements } from '../../../../types/list';\nimport Icon from '../../../icon/Icon';\nimport ListItemIcon from './list-item-icon/ListItemIcon';\nimport ListItemImage from './list-item-image/ListItemImage';\nimport {\n    StyledListItemHeadContent,\n    StyledListItemHeadLeftWrapper,\n    StyledListItemHeadSubtitle,\n    StyledMotionListItemHeadHoverItem,\n    StyledMotionListItemHeadHoverItemWrapper,\n    StyledListItemHead,\n    StyledListItemHeadIndicator,\n    StyledListItemHeadTitle,\n} from './ListItemHead.styles';\nimport {\n    LIST_ITEM_HEAD_HTML_TAG,\n    LIST_ITEM_HEAD_INDICATOR_HTML_TAG,\n    LIST_ITEM_HEAD_TITLE_HTML_TAG,\n} from '../../../../constants/list';\nimport ListItemTitle from './list-item-title/ListItemTitle';\nimport ListItemSubtitle from './list-item-subtitle/ListItemSubtitle';\nimport ListItemRightElement from './list-item-right-element/ListItemRightElement';\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    titleElement?: ReactNode;\n    shouldForceHover?: boolean;\n    setShouldEnableTooltip: (value: boolean) => void;\n    shouldDisableAnimation?: boolean;\n    cornerElement?: ReactNode;\n    onImageError?: (event: SyntheticEvent<HTMLImageElement, Event>, index: number) => void;\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    shouldShowRoundImageOrIcon,\n    subtitle,\n    shouldForceHover,\n    title,\n    titleElement,\n    setShouldEnableTooltip,\n    shouldDisableAnimation = false,\n    cornerElement,\n    onImageError,\n}) => {\n    const [shouldShowHoverItem, setShouldShowHoverItem] = useState(false);\n\n    const longPressTimeoutRef = useRef<number>();\n    const resizeSkipRef = useRef(true);\n\n    const shouldShowSubtitleRow =\n        subtitle ||\n        typeof subtitle === 'string' ||\n        (typeof rightElements === 'object' && rightElements && 'bottom' in rightElements);\n\n    const shouldShowMultilineTitle = useMemo(() => !subtitle, [subtitle]);\n\n    useEffect(() => {\n        window.setTimeout(() => {\n            resizeSkipRef.current = false;\n        }, 200);\n    }, []);\n\n    const handleShowTooltipResize = useCallback(\n        (entries: ResizeObserverEntry[]) => {\n            if (resizeSkipRef.current) {\n                return;\n            }\n\n            const el = entries[0]?.target;\n            if (!el) return;\n            setShouldEnableTooltip(el.scrollWidth > el.clientWidth);\n        },\n        [setShouldEnableTooltip],\n    );\n\n    const handleMouseEnter = useCallback(() => setShouldShowHoverItem(true), []);\n\n    const handleMouseLeave = useCallback(() => setShouldShowHoverItem(false), []);\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 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                    cornerElement={cornerElement}\n                    imageBackground={imageBackground}\n                    careOfLocationId={careOfLocationId}\n                    cornerImage={cornerImage}\n                    images={images}\n                    shouldOpenImageOnClick={shouldOpenImageOnClick}\n                    shouldHideBackground={!!shouldHideImageOrIconBackground}\n                    shouldShowRoundImage={!!shouldShowRoundImageOrIcon}\n                    onImageError={onImageError}\n                />\n            );\n        }\n\n        return undefined;\n    }, [\n        careOfLocationId,\n        cornerElement,\n        cornerImage,\n        icons,\n        imageBackground,\n        images,\n        onImageError,\n        shouldHideImageOrIconBackground,\n        shouldOpenImageOnClick,\n        shouldShowRoundImageOrIcon,\n    ]);\n\n    return (\n        <StyledListItemHead\n            as={shouldDisableAnimation ? undefined : motion[LIST_ITEM_HEAD_HTML_TAG]}\n            animate={\n                shouldDisableAnimation\n                    ? undefined\n                    : {\n                          opacity: isTitleGreyed ? 0.5 : 1,\n                      }\n            }\n            initial={shouldDisableAnimation ? undefined : false}\n            transition={shouldDisableAnimation ? undefined : { 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                    <StyledListItemHeadIndicator\n                        as={\n                            shouldDisableAnimation\n                                ? undefined\n                                : motion[LIST_ITEM_HEAD_INDICATOR_HTML_TAG]\n                        }\n                        animate={shouldDisableAnimation ? undefined : { rotate: isOpen ? 90 : 0 }}\n                        initial={shouldDisableAnimation ? undefined : false}\n                        transition={shouldDisableAnimation ? undefined : { type: 'tween' }}\n                    >\n                        {isExpandable && !shouldHideIndicator && (\n                            <Icon icons={['fa fa-chevron-right']} />\n                        )}\n                    </StyledListItemHeadIndicator>\n                )}\n                {leftElements}\n                {iconOrImageElement}\n            </StyledListItemHeadLeftWrapper>\n            <StyledListItemHeadContent\n                $isIconOrImageGiven={iconOrImageElement !== undefined}\n                $isOpen={isOpen}\n            >\n                <LayoutGroup>\n                    <StyledListItemHeadTitle\n                        as={\n                            shouldDisableAnimation\n                                ? undefined\n                                : motion[LIST_ITEM_HEAD_TITLE_HTML_TAG]\n                        }\n                        layout=\"position\"\n                    >\n                        <ListItemTitle\n                            title={title}\n                            titleElement={titleElement}\n                            isOpen={isOpen}\n                            shouldShowMultilineTitle={shouldShowMultilineTitle}\n                            rightElements={rightElements}\n                            onResize={handleShowTooltipResize}\n                        />\n                    </StyledListItemHeadTitle>\n                    {shouldShowSubtitleRow && (\n                        <StyledListItemHeadSubtitle>\n                            <ListItemSubtitle\n                                subtitle={subtitle}\n                                isOpen={isOpen}\n                                rightElements={rightElements}\n                            />\n                        </StyledListItemHeadSubtitle>\n                    )}\n                </LayoutGroup>\n            </StyledListItemHeadContent>\n            <ListItemRightElement rightElements={rightElements} />\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/ListItemHead.styles.js

@@ -0,0 +1,86 @@
+import { motion } from 'motion/react';
+import styled, { css } from 'styled-components';
+import { LIST_ITEM_HEAD_HTML_TAG, LIST_ITEM_HEAD_INDICATOR_HTML_TAG, LIST_ITEM_HEAD_TITLE_HTML_TAG } from '../../../../constants/list';
+export const StyledListItemHead = styled[LIST_ITEM_HEAD_HTML_TAG]`
+    //align-items: center;
+    overflow: hidden;
+    color: ${({
+  theme
+}) => theme.text};
+    display: flex;
+    min-height: 64px;
+    padding: 12px 9px;
+    position: relative;
+    width: 100%;
+    justify-content: center;
+    cursor: ${({
+  $isClickable
+}) => $isClickable ? 'pointer' : 'default'};
+
+    ${({
+  $isAnyItemExpandable
+}) => !$isAnyItemExpandable && css`
+            padding-left: 12px;
+        `}
+`;
+export const StyledListItemHeadLeftWrapper = styled.div`
+    display: flex;
+    align-items: center;
+    margin: auto 0;
+`;
+export const StyledListItemHeadIndicator = styled[LIST_ITEM_HEAD_INDICATOR_HTML_TAG]`
+    align-items: center;
+    display: flex;
+    flex: 0 0 auto;
+    height: 26px;
+    justify-content: center;
+    width: 26px;
+`;
+export const StyledListItemHeadContent = styled.div`
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    font-weight: ${({
+  $isOpen
+}) => $isOpen ? 'bold' : 'normal'};
+    justify-content: center;
+    line-height: normal;
+    margin-left: ${({
+  $isIconOrImageGiven
+}) => $isIconOrImageGiven ? '10px' : undefined};
+    min-width: 0;
+`;
+export const StyledListItemHeadTitle = styled[LIST_ITEM_HEAD_TITLE_HTML_TAG]`
+    align-items: center;
+    display: flex;
+    justify-content: space-between;
+`;
+export const StyledListItemHeadTitleContent = styled.div`
+    align-items: center;
+    display: flex;
+    flex: 1 1 auto;
+    max-width: 100%;
+    min-width: 0;
+    position: relative;
+`;
+export const StyledListItemHeadSubtitle = styled.div`
+    align-items: center;
+    display: flex;
+    justify-content: space-between;
+    margin-top: 2px;
+`;
+export const StyledMotionListItemHeadHoverItemWrapper = styled(motion.div)`
+    overflow: hidden;
+    flex-shrink: 0;
+    margin: auto 0;
+    position: absolute;
+    right: 0;
+
+    background: ${({
+  theme
+}) => `linear-gradient(to right, transparent 0px, rgb(${theme['000-rgb'] ?? ''}) 40px)`};
+`;
+export const StyledMotionListItemHeadHoverItem = styled.div`
+    padding-left: 40px;
+`;
+//# sourceMappingURL=ListItemHead.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemHead.styles.js","names":["motion","styled","css","LIST_ITEM_HEAD_HTML_TAG","LIST_ITEM_HEAD_INDICATOR_HTML_TAG","LIST_ITEM_HEAD_TITLE_HTML_TAG","StyledListItemHead","theme","text","$isClickable","$isAnyItemExpandable","StyledListItemHeadLeftWrapper","div","StyledListItemHeadIndicator","StyledListItemHeadContent","$isOpen","$isIconOrImageGiven","undefined","StyledListItemHeadTitle","StyledListItemHeadTitleContent","StyledListItemHeadSubtitle","StyledMotionListItemHeadHoverItemWrapper","StyledMotionListItemHeadHoverItem"],"sources":["../../../../../../src/components/list/list-item/list-item-head/ListItemHead.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../../color-scheme-provider/ColorSchemeProvider';\nimport {\n    LIST_ITEM_HEAD_HTML_TAG,\n    LIST_ITEM_HEAD_INDICATOR_HTML_TAG,\n    LIST_ITEM_HEAD_TITLE_HTML_TAG,\n} from '../../../../constants/list';\n\ntype StyledListItemHeadProps = WithTheme<{\n    $isClickable: boolean;\n    $isAnyItemExpandable: boolean;\n}>;\n\nexport const StyledListItemHead = styled[LIST_ITEM_HEAD_HTML_TAG]<StyledListItemHeadProps>`\n    //align-items: center;\n    overflow: hidden;\n    color: ${({ theme }: StyledListItemHeadProps) => theme.text};\n    display: flex;\n    min-height: 64px;\n    padding: 12px 9px;\n    position: relative;\n    width: 100%;\n    justify-content: center;\n    cursor: ${({ $isClickable }) => ($isClickable ? 'pointer' : 'default')};\n\n    ${({ $isAnyItemExpandable }) =>\n        !$isAnyItemExpandable &&\n        css`\n            padding-left: 12px;\n        `}\n`;\n\nexport const StyledListItemHeadLeftWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    margin: auto 0;\n`;\n\nexport const StyledListItemHeadIndicator = styled[LIST_ITEM_HEAD_INDICATOR_HTML_TAG]`\n    align-items: center;\n    display: flex;\n    flex: 0 0 auto;\n    height: 26px;\n    justify-content: center;\n    width: 26px;\n`;\n\ntype StyledListItemHeadContentProps = {\n    $isIconOrImageGiven: boolean;\n    $isOpen: boolean;\n};\n\nexport const StyledListItemHeadContent = styled.div<StyledListItemHeadContentProps>`\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    font-weight: ${({ $isOpen }) => ($isOpen ? 'bold' : 'normal')};\n    justify-content: center;\n    line-height: normal;\n    margin-left: ${({ $isIconOrImageGiven }) => ($isIconOrImageGiven ? '10px' : undefined)};\n    min-width: 0;\n`;\n\nexport const StyledListItemHeadTitle = styled[LIST_ITEM_HEAD_TITLE_HTML_TAG]`\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n`;\n\nexport const StyledListItemHeadTitleContent = styled.div`\n    align-items: center;\n    display: flex;\n    flex: 1 1 auto;\n    max-width: 100%;\n    min-width: 0;\n    position: relative;\n`;\n\nexport const StyledListItemHeadSubtitle = styled.div`\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n    margin-top: 2px;\n`;\n\ntype StyledMotionListItemHeadHoverItemWrapperProps = WithTheme<unknown>;\n\nexport const StyledMotionListItemHeadHoverItemWrapper = styled(\n    motion.div,\n)<StyledMotionListItemHeadHoverItemWrapperProps>`\n    overflow: hidden;\n    flex-shrink: 0;\n    margin: auto 0;\n    position: absolute;\n    right: 0;\n\n    background: ${({ theme }: StyledMotionListItemHeadHoverItemWrapperProps) =>\n        `linear-gradient(to right, transparent 0px, rgb(${theme['000-rgb'] ?? ''}) 40px)`};\n`;\n\nexport const StyledMotionListItemHeadHoverItem = styled.div`\n    padding-left: 40px;\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,cAAc;AACrC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SACIC,uBAAuB,EACvBC,iCAAiC,EACjCC,6BAA6B,QAC1B,4BAA4B;AAOnC,OAAO,MAAMC,kBAAkB,GAAGL,MAAM,CAACE,uBAAuB,CAA0B;AAC1F;AACA;AACA,aAAa,CAAC;EAAEI;AAA+B,CAAC,KAAKA,KAAK,CAACC,IAAI;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,CAAC;EAAEC;AAAa,CAAC,KAAMA,YAAY,GAAG,SAAS,GAAG,SAAU;AAC1E;AACA,MAAM,CAAC;EAAEC;AAAqB,CAAC,KACvB,CAACA,oBAAoB,IACrBR,GAAG;AACX;AACA,SAAS;AACT,CAAC;AAED,OAAO,MAAMS,6BAA6B,GAAGV,MAAM,CAACW,GAAG;AACvD;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAGZ,MAAM,CAACG,iCAAiC,CAAC;AACpF;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAOD,OAAO,MAAMU,yBAAyB,GAAGb,MAAM,CAACW,GAAmC;AACnF;AACA;AACA;AACA,mBAAmB,CAAC;EAAEG;AAAQ,CAAC,KAAMA,OAAO,GAAG,MAAM,GAAG,QAAS;AACjE;AACA;AACA,mBAAmB,CAAC;EAAEC;AAAoB,CAAC,KAAMA,mBAAmB,GAAG,MAAM,GAAGC,SAAU;AAC1F;AACA,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAGjB,MAAM,CAACI,6BAA6B,CAAC;AAC5E;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMc,8BAA8B,GAAGlB,MAAM,CAACW,GAAG;AACxD;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMQ,0BAA0B,GAAGnB,MAAM,CAACW,GAAG;AACpD;AACA;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAMS,wCAAwC,GAAGpB,MAAM,CAC1DD,MAAM,CAACY,GACX,CAAgD;AAChD;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,CAAC;EAAEL;AAAqD,CAAC,KACnE,kDAAkDA,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS;AACzF,CAAC;AAED,OAAO,MAAMe,iCAAiC,GAAGrB,MAAM,CAACW,GAAG;AAC3D;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import Icon from '../../../../icon/Icon';
+import { StyledListItemIcon } from './ListItemIcon.styles';
+const ListItemIcon = ({
+  icons,
+  shouldHideBackground,
+  shouldShowRoundIcon
+}) => /*#__PURE__*/React.createElement(StyledListItemIcon, {
+  $shouldHideBackground: shouldHideBackground,
+  $shouldShowRoundIcon: shouldShowRoundIcon
+}, /*#__PURE__*/React.createElement(Icon, {
+  icons: icons,
+  size: 22
+}));
+ListItemIcon.displayName = 'ListItemIcon';
+export default ListItemIcon;
+//# sourceMappingURL=ListItemIcon.js.map

package/lib/esm/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemIcon.js","names":["React","Icon","StyledListItemIcon","ListItemIcon","icons","shouldHideBackground","shouldShowRoundIcon","createElement","$shouldHideBackground","$shouldShowRoundIcon","size","displayName"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.tsx"],"sourcesContent":["import React from 'react';\nimport Icon from '../../../../icon/Icon';\nimport { StyledListItemIcon } from './ListItemIcon.styles';\n\ntype ListItemIconProps = {\n    icons: string[];\n    shouldHideBackground: boolean;\n    shouldShowRoundIcon: boolean;\n};\n\nconst ListItemIcon: React.FC<ListItemIconProps> = ({\n    icons,\n    shouldHideBackground,\n    shouldShowRoundIcon,\n}) => (\n    <StyledListItemIcon\n        $shouldHideBackground={shouldHideBackground}\n        $shouldShowRoundIcon={shouldShowRoundIcon}\n    >\n        <Icon icons={icons} size={22} />\n    </StyledListItemIcon>\n);\n\nListItemIcon.displayName = 'ListItemIcon';\n\nexport default ListItemIcon;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,uBAAuB;AACxC,SAASC,kBAAkB,QAAQ,uBAAuB;AAQ1D,MAAMC,YAAyC,GAAGA,CAAC;EAC/CC,KAAK;EACLC,oBAAoB;EACpBC;AACJ,CAAC,kBACGN,KAAA,CAAAO,aAAA,CAACL,kBAAkB;EACfM,qBAAqB,EAAEH,oBAAqB;EAC5CI,oBAAoB,EAAEH;AAAoB,gBAE1CN,KAAA,CAAAO,aAAA,CAACN,IAAI;EAACG,KAAK,EAAEA,KAAM;EAACM,IAAI,EAAE;AAAG,CAAE,CACf,CACvB;AAEDP,YAAY,CAACQ,WAAW,GAAG,cAAc;AAEzC,eAAeR,YAAY","ignoreList":[]}

package/lib/esm/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.js

@@ -0,0 +1,33 @@
+import styled, { css } from 'styled-components';
+export const StyledListItemIcon = styled.div`
+    align-items: center;
+    display: flex;
+    flex: 0 0 auto;
+    height: 40px;
+    justify-content: center;
+    transition:
+        background-color 0.3s ease,
+        border-radius 0.3s ease,
+        box-shadow 0.3s ease;
+    width: 40px;
+
+    border-radius: ${({
+  $shouldShowRoundIcon
+}) => $shouldShowRoundIcon ? '50%' : undefined};
+
+    ${({
+  $shouldHideBackground
+}) => !$shouldHideBackground && css`
+            background-color: rgba(
+                ${({
+  theme
+}) => theme['text-rgb']},
+                0.1
+            );
+            box-shadow: 0 0 0 1px
+                rgba(${({
+  theme
+}) => theme['009-rgb']}, 0.08) inset;
+        `}
+`;
+//# sourceMappingURL=ListItemIcon.styles.js.map

package/lib/esm/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemIcon.styles.js","names":["styled","css","StyledListItemIcon","div","$shouldShowRoundIcon","undefined","$shouldHideBackground","theme"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemIconProps = WithTheme<{\n    $shouldHideBackground?: boolean;\n    $shouldShowRoundIcon?: boolean;\n}>;\n\nexport const StyledListItemIcon = styled.div<StyledListItemIconProps>`\n    align-items: center;\n    display: flex;\n    flex: 0 0 auto;\n    height: 40px;\n    justify-content: center;\n    transition:\n        background-color 0.3s ease,\n        border-radius 0.3s ease,\n        box-shadow 0.3s ease;\n    width: 40px;\n\n    border-radius: ${({ $shouldShowRoundIcon }) => ($shouldShowRoundIcon ? '50%' : undefined)};\n\n    ${({ $shouldHideBackground }) =>\n        !$shouldHideBackground &&\n        css`\n            background-color: rgba(\n                ${({ theme }: StyledListItemIconProps) => theme['text-rgb']},\n                0.1\n            );\n            box-shadow: 0 0 0 1px\n                rgba(${({ theme }: StyledListItemIconProps) => theme['009-rgb']}, 0.08) inset;\n        `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAQ/C,OAAO,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAA4B;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,CAAC;EAAEC;AAAqB,CAAC,KAAMA,oBAAoB,GAAG,KAAK,GAAGC,SAAU;AAC7F;AACA,MAAM,CAAC;EAAEC;AAAsB,CAAC,KACxB,CAACA,qBAAqB,IACtBL,GAAG;AACX;AACA,kBAAkB,CAAC;EAAEM;AAA+B,CAAC,KAAKA,KAAK,CAAC,UAAU,CAAC;AAC3E;AACA;AACA;AACA,uBAAuB,CAAC;EAAEA;AAA+B,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AAC/E,SAAS;AACT,CAAC","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+import { MediaType, openMedia } from 'chayns-api';
+import React, { useCallback } from 'react';
+import GroupedImage from '../../../../grouped-image/GroupedImage';
+const ListItemImage = ({
+  careOfLocationId,
+  cornerImage,
+  imageBackground,
+  images,
+  shouldHideBackground,
+  shouldShowRoundImage,
+  shouldOpenImageOnClick,
+  cornerElement,
+  onImageError
+}) => {
+  const handleImageClick = useCallback(event => {
+    if (!shouldOpenImageOnClick) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    const items = images.map(image => ({
+      url: image,
+      mediaType: MediaType.IMAGE
+    }));
+
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    void openMedia({
+      items,
+      startIndex: 0
+    });
+  }, [images, shouldOpenImageOnClick]);
+  if (images && images[0]) {
+    const careOfImage = careOfLocationId ? `https://sub60.tobit.com/l/${careOfLocationId}?size=128` : undefined;
+    return /*#__PURE__*/React.createElement(GroupedImage, {
+      cornerElement: cornerElement,
+      cornerImage: cornerImage ?? careOfImage,
+      imageBackground: imageBackground,
+      images: images,
+      onClick: handleImageClick,
+      shouldPreventBackground: shouldHideBackground,
+      shouldShowRoundImage: shouldShowRoundImage,
+      onImageError: onImageError
+    });
+  }
+  return null;
+};
+ListItemImage.displayName = 'ListItemImage';
+export default ListItemImage;
+//# sourceMappingURL=ListItemImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemImage.js","names":["MediaType","openMedia","React","useCallback","GroupedImage","ListItemImage","careOfLocationId","cornerImage","imageBackground","images","shouldHideBackground","shouldShowRoundImage","shouldOpenImageOnClick","cornerElement","onImageError","handleImageClick","event","preventDefault","stopPropagation","items","map","image","url","mediaType","IMAGE","startIndex","careOfImage","undefined","createElement","onClick","shouldPreventBackground","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, {\n    CSSProperties,\n    MouseEventHandler,\n    ReactNode,\n    SyntheticEvent,\n    useCallback,\n} from 'react';\nimport GroupedImage from '../../../../grouped-image/GroupedImage';\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    cornerElement?: ReactNode;\n    onImageError?: (event: SyntheticEvent<HTMLImageElement, Event>, index: number) => void;\n};\n\nconst ListItemImage: React.FC<ListItemImageProps> = ({\n    careOfLocationId,\n    cornerImage,\n    imageBackground,\n    images,\n    shouldHideBackground,\n    shouldShowRoundImage,\n    shouldOpenImageOnClick,\n    cornerElement,\n    onImageError,\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]) {\n        const careOfImage = careOfLocationId\n            ? `https://sub60.tobit.com/l/${careOfLocationId}?size=128`\n            : undefined;\n\n        return (\n            <GroupedImage\n                cornerElement={cornerElement}\n                cornerImage={cornerImage ?? careOfImage}\n                imageBackground={imageBackground}\n                images={images}\n                onClick={handleImageClick}\n                shouldPreventBackground={shouldHideBackground}\n                shouldShowRoundImage={shouldShowRoundImage}\n                onImageError={onImageError}\n            />\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,IAKRC,WAAW,QACR,OAAO;AACd,OAAOC,YAAY,MAAM,wCAAwC;AAcjE,MAAMC,aAA2C,GAAGA,CAAC;EACjDC,gBAAgB;EAChBC,WAAW;EACXC,eAAe;EACfC,MAAM;EACNC,oBAAoB;EACpBC,oBAAoB;EACpBC,sBAAsB;EACtBC,aAAa;EACbC;AACJ,CAAC,KAAK;EACF,MAAMC,gBAAgB,GAAGZ,WAAW,CAC/Ba,KAAK,IAAK;IACP,IAAI,CAACJ,sBAAsB,EAAE;MACzB;IACJ;IAEAI,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;IAEvB,MAAMC,KAAsB,GAAGV,MAAM,CAACW,GAAG,CAAEC,KAAK,KAAM;MAClDC,GAAG,EAAED,KAAK;MACVE,SAAS,EAAEvB,SAAS,CAACwB;IACzB,CAAC,CAAC,CAAC;;IAEH;IACA;IACA,KAAKvB,SAAS,CAAC;MAAEkB,KAAK;MAAEM,UAAU,EAAE;IAAE,CAAC,CAAC;EAC5C,CAAC,EACD,CAAChB,MAAM,EAAEG,sBAAsB,CACnC,CAAC;EAED,IAAIH,MAAM,IAAIA,MAAM,CAAC,CAAC,CAAC,EAAE;IACrB,MAAMiB,WAAW,GAAGpB,gBAAgB,GAC9B,6BAA6BA,gBAAgB,WAAW,GACxDqB,SAAS;IAEf,oBACIzB,KAAA,CAAA0B,aAAA,CAACxB,YAAY;MACTS,aAAa,EAAEA,aAAc;MAC7BN,WAAW,EAAEA,WAAW,IAAImB,WAAY;MACxClB,eAAe,EAAEA,eAAgB;MACjCC,MAAM,EAAEA,MAAO;MACfoB,OAAO,EAAEd,gBAAiB;MAC1Be,uBAAuB,EAAEpB,oBAAqB;MAC9CC,oBAAoB,EAAEA,oBAAqB;MAC3CG,YAAY,EAAEA;IAAa,CAC9B,CAAC;EAEV;EAEA,OAAO,IAAI;AACf,CAAC;AAEDT,aAAa,CAAC0B,WAAW,GAAG,eAAe;AAE3C,eAAe1B,aAAa","ignoreList":[]}

package/lib/esm/components/list/list-item/list-item-head/list-item-right-element/ListItemRightElement.js

@@ -0,0 +1,35 @@
+import React, { isValidElement, useMemo } from 'react';
+import { StyledListItemRightElement } from './ListItemRightElement.styles';
+import { getElementClickEvent } from '../../../../../utils/accordion';
+const ListItemRightElement = ({
+  rightElements
+}) => {
+  const handlePreventClick = event => {
+    event.stopPropagation();
+    event.preventDefault();
+  };
+  const centerElement = useMemo(() => {
+    if (typeof rightElements === 'string' || /*#__PURE__*/isValidElement(rightElements)) {
+      return rightElements;
+    }
+    if (typeof rightElements === 'object' && rightElements && 'center' in rightElements) {
+      return rightElements.center;
+    }
+    return undefined;
+  }, [rightElements]);
+  const shouldPreventRightElementClick = useMemo(() => {
+    if (centerElement) {
+      return getElementClickEvent(centerElement);
+    }
+    return false;
+  }, [centerElement]);
+  if (!centerElement) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(StyledListItemRightElement, {
+    onClick: shouldPreventRightElementClick ? handlePreventClick : undefined
+  }, centerElement);
+};
+ListItemRightElement.displayName = 'ListItemRightElement';
+export default ListItemRightElement;
+//# sourceMappingURL=ListItemRightElement.js.map

package/lib/esm/components/list/list-item/list-item-head/list-item-right-element/ListItemRightElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemRightElement.js","names":["React","isValidElement","useMemo","StyledListItemRightElement","getElementClickEvent","ListItemRightElement","rightElements","handlePreventClick","event","stopPropagation","preventDefault","centerElement","center","undefined","shouldPreventRightElementClick","createElement","onClick","displayName"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-right-element/ListItemRightElement.tsx"],"sourcesContent":["import React, { FC, isValidElement, useMemo } from 'react';\nimport type { IListItemRightElement, IListItemRightElements } from '../../../../../types/list';\nimport { StyledListItemRightElement } from './ListItemRightElement.styles';\nimport { getElementClickEvent } from '../../../../../utils/accordion';\n\ntype ListItemRightElementProps = {\n    rightElements?: IListItemRightElements;\n};\n\nconst ListItemRightElement: FC<ListItemRightElementProps> = ({ rightElements }) => {\n    const handlePreventClick = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    const centerElement = useMemo(() => {\n        if (typeof rightElements === 'string' || isValidElement(rightElements)) {\n            return rightElements;\n        }\n\n        if (typeof rightElements === 'object' && rightElements && 'center' in rightElements) {\n            return (rightElements as unknown as IListItemRightElement).center;\n        }\n\n        return undefined;\n    }, [rightElements]);\n\n    const shouldPreventRightElementClick = useMemo(() => {\n        if (centerElement) {\n            return getElementClickEvent(centerElement);\n        }\n\n        return false;\n    }, [centerElement]);\n\n    if (!centerElement) {\n        return null;\n    }\n\n    return (\n        <StyledListItemRightElement\n            onClick={shouldPreventRightElementClick ? handlePreventClick : undefined}\n        >\n            {centerElement}\n        </StyledListItemRightElement>\n    );\n};\n\nListItemRightElement.displayName = 'ListItemRightElement';\n\nexport default ListItemRightElement;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,cAAc,EAAEC,OAAO,QAAQ,OAAO;AAE1D,SAASC,0BAA0B,QAAQ,+BAA+B;AAC1E,SAASC,oBAAoB,QAAQ,gCAAgC;AAMrE,MAAMC,oBAAmD,GAAGA,CAAC;EAAEC;AAAc,CAAC,KAAK;EAC/E,MAAMC,kBAAkB,GAAIC,KAAuB,IAAK;IACpDA,KAAK,CAACC,eAAe,CAAC,CAAC;IACvBD,KAAK,CAACE,cAAc,CAAC,CAAC;EAC1B,CAAC;EAED,MAAMC,aAAa,GAAGT,OAAO,CAAC,MAAM;IAChC,IAAI,OAAOI,aAAa,KAAK,QAAQ,iBAAIL,cAAc,CAACK,aAAa,CAAC,EAAE;MACpE,OAAOA,aAAa;IACxB;IAEA,IAAI,OAAOA,aAAa,KAAK,QAAQ,IAAIA,aAAa,IAAI,QAAQ,IAAIA,aAAa,EAAE;MACjF,OAAQA,aAAa,CAAsCM,MAAM;IACrE;IAEA,OAAOC,SAAS;EACpB,CAAC,EAAE,CAACP,aAAa,CAAC,CAAC;EAEnB,MAAMQ,8BAA8B,GAAGZ,OAAO,CAAC,MAAM;IACjD,IAAIS,aAAa,EAAE;MACf,OAAOP,oBAAoB,CAACO,aAAa,CAAC;IAC9C;IAEA,OAAO,KAAK;EAChB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,IAAI,CAACA,aAAa,EAAE;IAChB,OAAO,IAAI;EACf;EAEA,oBACIX,KAAA,CAAAe,aAAA,CAACZ,0BAA0B;IACvBa,OAAO,EAAEF,8BAA8B,GAAGP,kBAAkB,GAAGM;EAAU,GAExEF,aACuB,CAAC;AAErC,CAAC;AAEDN,oBAAoB,CAACY,WAAW,GAAG,sBAAsB;AAEzD,eAAeZ,oBAAoB","ignoreList":[]}

package/lib/esm/components/list/list-item/list-item-head/list-item-right-element/ListItemRightElement.styles.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+export const StyledListItemRightElement = styled.div`
+    margin: auto 0 auto 12px;
+    display: flex;
+    flex: 0 0 auto;
+    line-height: normal;
+`;
+//# sourceMappingURL=ListItemRightElement.styles.js.map

package/lib/esm/components/list/list-item/list-item-head/list-item-right-element/ListItemRightElement.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemRightElement.styles.js","names":["styled","StyledListItemRightElement","div"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-right-element/ListItemRightElement.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledListItemRightElement = styled.div`\n    margin: auto 0 auto 12px;\n    display: flex;\n    flex: 0 0 auto;\n    line-height: normal;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,0BAA0B,GAAGD,MAAM,CAACE,GAAG;AACpD;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/list/list-item/list-item-head/list-item-subtitle/ListItemSubtitle.js

@@ -0,0 +1,33 @@
+import React, { useMemo } from 'react';
+import { StyledListItemHeadSubtitleText, StyledListItemSubtitle, StyledListItemBottomRightElement } from './ListItemSubtitle.styles';
+import { getElementClickEvent } from '../../../../../utils/accordion';
+const ListItemSubtitle = ({
+  rightElements,
+  subtitle,
+  isOpen
+}) => {
+  const handlePreventClick = event => {
+    event.stopPropagation();
+    event.preventDefault();
+  };
+  const bottomElement = useMemo(() => {
+    if (typeof rightElements === 'object' && rightElements && 'bottom' in rightElements) {
+      return rightElements.bottom;
+    }
+    return undefined;
+  }, [rightElements]);
+  const shouldPreventRightElementClick = useMemo(() => {
+    if (bottomElement) {
+      return getElementClickEvent(bottomElement);
+    }
+    return false;
+  }, [bottomElement]);
+  return /*#__PURE__*/React.createElement(StyledListItemSubtitle, null, /*#__PURE__*/React.createElement(StyledListItemHeadSubtitleText, {
+    $isOpen: isOpen
+  }, subtitle), bottomElement && /*#__PURE__*/React.createElement(StyledListItemBottomRightElement, {
+    onClick: shouldPreventRightElementClick ? handlePreventClick : undefined
+  }, bottomElement));
+};
+ListItemSubtitle.displayName = 'ListItemSubtitle';
+export default ListItemSubtitle;
+//# sourceMappingURL=ListItemSubtitle.js.map

package/lib/esm/components/list/list-item/list-item-head/list-item-subtitle/ListItemSubtitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSubtitle.js","names":["React","useMemo","StyledListItemHeadSubtitleText","StyledListItemSubtitle","StyledListItemBottomRightElement","getElementClickEvent","ListItemSubtitle","rightElements","subtitle","isOpen","handlePreventClick","event","stopPropagation","preventDefault","bottomElement","bottom","undefined","shouldPreventRightElementClick","createElement","$isOpen","onClick","displayName"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-subtitle/ListItemSubtitle.tsx"],"sourcesContent":["import React, { FC, ReactNode, useMemo } from 'react';\nimport type { IListItemRightElement, IListItemRightElements } from '../../../../../types/list';\nimport {\n    StyledListItemHeadSubtitleText,\n    StyledListItemSubtitle,\n    StyledListItemBottomRightElement,\n} from './ListItemSubtitle.styles';\nimport { getElementClickEvent } from '../../../../../utils/accordion';\n\ntype ListItemSubtitleProps = {\n    rightElements?: IListItemRightElements;\n    subtitle?: ReactNode;\n    isOpen: boolean;\n};\n\nconst ListItemSubtitle: FC<ListItemSubtitleProps> = ({ rightElements, subtitle, isOpen }) => {\n    const handlePreventClick = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    const bottomElement = useMemo(() => {\n        if (typeof rightElements === 'object' && rightElements && 'bottom' in rightElements) {\n            return (rightElements as unknown as IListItemRightElement).bottom;\n        }\n\n        return undefined;\n    }, [rightElements]);\n\n    const shouldPreventRightElementClick = useMemo(() => {\n        if (bottomElement) {\n            return getElementClickEvent(bottomElement);\n        }\n\n        return false;\n    }, [bottomElement]);\n\n    return (\n        <StyledListItemSubtitle>\n            <StyledListItemHeadSubtitleText $isOpen={isOpen}>\n                {subtitle}\n            </StyledListItemHeadSubtitleText>\n            {bottomElement && (\n                <StyledListItemBottomRightElement\n                    onClick={shouldPreventRightElementClick ? handlePreventClick : undefined}\n                >\n                    {bottomElement}\n                </StyledListItemBottomRightElement>\n            )}\n        </StyledListItemSubtitle>\n    );\n};\n\nListItemSubtitle.displayName = 'ListItemSubtitle';\n\nexport default ListItemSubtitle;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAmBC,OAAO,QAAQ,OAAO;AAErD,SACIC,8BAA8B,EAC9BC,sBAAsB,EACtBC,gCAAgC,QAC7B,2BAA2B;AAClC,SAASC,oBAAoB,QAAQ,gCAAgC;AAQrE,MAAMC,gBAA2C,GAAGA,CAAC;EAAEC,aAAa;EAAEC,QAAQ;EAAEC;AAAO,CAAC,KAAK;EACzF,MAAMC,kBAAkB,GAAIC,KAAuB,IAAK;IACpDA,KAAK,CAACC,eAAe,CAAC,CAAC;IACvBD,KAAK,CAACE,cAAc,CAAC,CAAC;EAC1B,CAAC;EAED,MAAMC,aAAa,GAAGb,OAAO,CAAC,MAAM;IAChC,IAAI,OAAOM,aAAa,KAAK,QAAQ,IAAIA,aAAa,IAAI,QAAQ,IAAIA,aAAa,EAAE;MACjF,OAAQA,aAAa,CAAsCQ,MAAM;IACrE;IAEA,OAAOC,SAAS;EACpB,CAAC,EAAE,CAACT,aAAa,CAAC,CAAC;EAEnB,MAAMU,8BAA8B,GAAGhB,OAAO,CAAC,MAAM;IACjD,IAAIa,aAAa,EAAE;MACf,OAAOT,oBAAoB,CAACS,aAAa,CAAC;IAC9C;IAEA,OAAO,KAAK;EAChB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,oBACId,KAAA,CAAAkB,aAAA,CAACf,sBAAsB,qBACnBH,KAAA,CAAAkB,aAAA,CAAChB,8BAA8B;IAACiB,OAAO,EAAEV;EAAO,GAC3CD,QAC2B,CAAC,EAChCM,aAAa,iBACVd,KAAA,CAAAkB,aAAA,CAACd,gCAAgC;IAC7BgB,OAAO,EAAEH,8BAA8B,GAAGP,kBAAkB,GAAGM;EAAU,GAExEF,aAC6B,CAElB,CAAC;AAEjC,CAAC;AAEDR,gBAAgB,CAACe,WAAW,GAAG,kBAAkB;AAEjD,eAAef,gBAAgB","ignoreList":[]}

package/lib/esm/components/list/list-item/list-item-head/list-item-subtitle/ListItemSubtitle.styles.js

@@ -0,0 +1,33 @@
+import styled from 'styled-components';
+export const StyledListItemSubtitle = styled.div`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    width: 100%;
+`;
+export const StyledListItemHeadSubtitleText = styled.span`
+    font-weight: ${({
+  $isOpen
+}) => $isOpen ? 'bold' : 'normal'};
+    white-space: ${({
+  $isOpen
+}) => $isOpen ? 'normal' : 'nowrap'};
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    flex: 1 1 auto;
+    font-size: 85%;
+    min-width: 0;
+    opacity: 0.75;
+`;
+export const StyledListItemBottomRightElement = styled.div`
+    display: flex;
+    flex: 0 0 auto;
+    font-size: 85%;
+    margin-left: auto;
+    height: 50%;
+    align-items: center;
+    line-height: normal;
+`;
+//# sourceMappingURL=ListItemSubtitle.styles.js.map

package/lib/esm/components/list/list-item/list-item-head/list-item-subtitle/ListItemSubtitle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSubtitle.styles.js","names":["styled","StyledListItemSubtitle","div","StyledListItemHeadSubtitleText","span","$isOpen","StyledListItemBottomRightElement"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-subtitle/ListItemSubtitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../../../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledListItemSubtitle = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    width: 100%;\n`;\n\ntype StyledListItemHeadSubtitleTextProps = WithTheme<{ $isOpen: boolean }>;\n\nexport const StyledListItemHeadSubtitleText = styled.span<StyledListItemHeadSubtitleTextProps>`\n    font-weight: ${({ $isOpen }) => ($isOpen ? 'bold' : 'normal')};\n    white-space: ${({ $isOpen }) => ($isOpen ? 'normal' : 'nowrap')};\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    flex: 1 1 auto;\n    font-size: 85%;\n    min-width: 0;\n    opacity: 0.75;\n`;\n\nexport const StyledListItemBottomRightElement = styled.div`\n    display: flex;\n    flex: 0 0 auto;\n    font-size: 85%;\n    margin-left: auto;\n    height: 50%;\n    align-items: center;\n    line-height: normal;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,OAAO,MAAMC,sBAAsB,GAAGD,MAAM,CAACE,GAAG;AAChD;AACA;AACA;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAMC,8BAA8B,GAAGH,MAAM,CAACI,IAAyC;AAC9F,mBAAmB,CAAC;EAAEC;AAAQ,CAAC,KAAMA,OAAO,GAAG,MAAM,GAAG,QAAS;AACjE,mBAAmB,CAAC;EAAEA;AAAQ,CAAC,KAAMA,OAAO,GAAG,QAAQ,GAAG,QAAS;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,gCAAgC,GAAGN,MAAM,CAACE,GAAG;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/list/list-item/list-item-head/list-item-title/ListItemTitle.js

@@ -0,0 +1,46 @@
+import React, { useEffect, useMemo, useRef } from 'react';
+import { StyledListItemHeadTitleElement, StyledListItemHeadTitleText, StyledListItemTitle, StyledListItemTitleLeftWrapper, StyledListItemTopRightElement } from './ListItemTitle.styles';
+import { getElementClickEvent } from '../../../../../utils/accordion';
+const ListItemTitle = ({
+  rightElements,
+  titleElement,
+  title,
+  shouldShowMultilineTitle,
+  isOpen,
+  onResize
+}) => {
+  const titleWrapperRef = useRef(null);
+  useEffect(() => {
+    const element = titleWrapperRef?.current;
+    if (!element || typeof onResize !== 'function') return undefined;
+    const resizeObserver = new ResizeObserver(onResize);
+    resizeObserver.observe(element);
+    return () => resizeObserver.disconnect();
+  }, [onResize]);
+  const handlePreventClick = event => {
+    event.stopPropagation();
+    event.preventDefault();
+  };
+  const topElement = useMemo(() => {
+    if (typeof rightElements === 'object' && rightElements && 'top' in rightElements) {
+      return rightElements.top;
+    }
+    return undefined;
+  }, [rightElements]);
+  const shouldPreventRightElementClick = useMemo(() => {
+    if (topElement) {
+      return getElementClickEvent(topElement);
+    }
+    return false;
+  }, [topElement]);
+  return /*#__PURE__*/React.createElement(StyledListItemTitle, null, /*#__PURE__*/React.createElement(StyledListItemTitleLeftWrapper, null, /*#__PURE__*/React.createElement(StyledListItemHeadTitleText, {
+    $isEllipsis: !isOpen,
+    ref: titleWrapperRef,
+    $shouldShowMultilineTitle: shouldShowMultilineTitle
+  }, title), /*#__PURE__*/React.createElement(StyledListItemHeadTitleElement, null, titleElement)), topElement && /*#__PURE__*/React.createElement(StyledListItemTopRightElement, {
+    onClick: shouldPreventRightElementClick ? handlePreventClick : undefined
+  }, topElement));
+};
+ListItemTitle.displayName = 'ListItemTitle';
+export default ListItemTitle;
+//# sourceMappingURL=ListItemTitle.js.map