@chayns-components/core 5.0.0-beta.997 → 5.0.0

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

@@ -6,22 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _chaynsApi = require("chayns-api");
 var _react = _interopRequireWildcard(require("react"));
-var _GridImage = _interopRequireDefault(require("../../../../grid-image/GridImage"));
-var _ListItemImage = require("./ListItemImage.styles");
+var _GroupedImage = _interopRequireDefault(require("../../../../grouped-image/GroupedImage"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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,
   shouldShowRoundImage,
-  shouldOpenImageOnClick
+  shouldOpenImageOnClick,
+  cornerElement,
+  onImageError
 }) => {
-  const [hasLoadedImage, setHasLoadedImage] = (0, _react.useState)(false);
-  const handleImageLoaded = (0, _react.useCallback)(() => {
-    setHasLoadedImage(true);
-  }, []);
   const handleImageClick = (0, _react.useCallback)(event => {
     if (!shouldOpenImageOnClick) {
       return;
@@ -40,27 +38,18 @@ const ListItemImage = ({
       startIndex: 0
     });
   }, [images, shouldOpenImageOnClick]);
-  if (images && images[0] && images[1] && images[2]) {
-    const gridImages = [images[0], images[1], images[2]];
-    return /*#__PURE__*/_react.default.createElement(_GridImage.default, {
-      background: imageBackground,
-      images: gridImages,
-      shouldShowRoundImage: shouldShowRoundImage,
-      size: 40,
-      onClick: handleImageClick
-    });
-  }
   if (images && images[0]) {
-    return /*#__PURE__*/_react.default.createElement(_ListItemImage.StyledListItemHeadImageWrapper, {
+    const careOfImage = careOfLocationId ? `https://sub60.tobit.com/l/${careOfLocationId}?size=128` : undefined;
+    return /*#__PURE__*/_react.default.createElement(_GroupedImage.default, {
+      cornerElement: cornerElement,
+      cornerImage: cornerImage ?? careOfImage,
+      imageBackground: imageBackground,
+      images: images,
+      onImageError: onImageError,
       onClick: handleImageClick,
-      $background: imageBackground,
-      $shouldHideBackground: shouldHideBackground,
-      $shouldShowRoundImage: shouldShowRoundImage
-    }, /*#__PURE__*/_react.default.createElement(_ListItemImage.StyledListItemHeadImage, {
-      $isHidden: !hasLoadedImage,
-      onLoad: handleImageLoaded,
-      src: images[0]
-    }));
+      shouldPreventBackground: shouldHideBackground,
+      shouldShowRoundImage: shouldShowRoundImage
+    });
   }
   return null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemImage.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_GridImage","_interopRequireDefault","_ListItemImage","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ListItemImage","imageBackground","images","shouldHideBackground","shouldShowRoundImage","shouldOpenImageOnClick","hasLoadedImage","setHasLoadedImage","useState","handleImageLoaded","useCallback","handleImageClick","event","preventDefault","stopPropagation","items","map","image","url","mediaType","MediaType","IMAGE","openMedia","startIndex","gridImages","createElement","background","size","onClick","StyledListItemHeadImageWrapper","$background","$shouldHideBackground","$shouldShowRoundImage","StyledListItemHeadImage","$isHidden","onLoad","src","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 GridImage from '../../../../grid-image/GridImage';\nimport { StyledListItemHeadImage, StyledListItemHeadImageWrapper } from './ListItemImage.styles';\n\ntype ListItemImageProps = {\n    imageBackground?: CSSProperties['background'];\n    images: string[];\n    shouldHideBackground: boolean;\n    shouldShowRoundImage: boolean;\n    shouldOpenImageOnClick: boolean;\n};\n\nconst ListItemImage: React.FC<ListItemImageProps> = ({\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] && images[2]) {\n        const gridImages = [images[0], images[1], images[2]];\n\n        return (\n            <GridImage\n                background={imageBackground}\n                images={gridImages}\n                shouldShowRoundImage={shouldShowRoundImage}\n                size={40}\n                onClick={handleImageClick}\n            />\n        );\n    }\n\n    if (images && images[0]) {\n        return (\n            <StyledListItemHeadImageWrapper\n                onClick={handleImageClick}\n                $background={imageBackground}\n                $shouldHideBackground={shouldHideBackground}\n                $shouldShowRoundImage={shouldShowRoundImage}\n            >\n                <StyledListItemHeadImage\n                    $isHidden={!hasLoadedImage}\n                    onLoad={handleImageLoaded}\n                    src={images[0]}\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":[]}
+{"version":3,"file":"ListItemImage.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_GroupedImage","_interopRequireDefault","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","cornerElement","onImageError","handleImageClick","useCallback","event","preventDefault","stopPropagation","items","map","image","url","mediaType","MediaType","IMAGE","openMedia","startIndex","careOfImage","undefined","createElement","onClick","shouldPreventBackground","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, {\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                onImageError={onImageError}\n                onClick={handleImageClick}\n                shouldPreventBackground={shouldHideBackground}\n                shouldShowRoundImage={shouldShowRoundImage}\n            />\n        );\n    }\n\n    return null;\n};\n\nListItemImage.displayName = 'ListItemImage';\n\nexport default ListItemImage;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ListItemRightElement = require("./ListItemRightElement.styles");
+var _accordion = require("../../../../../utils/accordion");
+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 ListItemRightElement = ({
+  rightElements
+}) => {
+  const handlePreventClick = event => {
+    event.stopPropagation();
+    event.preventDefault();
+  };
+  const centerElement = (0, _react.useMemo)(() => {
+    if (typeof rightElements === 'string' || /*#__PURE__*/(0, _react.isValidElement)(rightElements)) {
+      return rightElements;
+    }
+    if (typeof rightElements === 'object' && rightElements && 'center' in rightElements) {
+      return rightElements.center;
+    }
+    return undefined;
+  }, [rightElements]);
+  const shouldPreventRightElementClick = (0, _react.useMemo)(() => {
+    if (centerElement) {
+      return (0, _accordion.getElementClickEvent)(centerElement);
+    }
+    return false;
+  }, [centerElement]);
+  if (!centerElement) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_ListItemRightElement.StyledListItemRightElement, {
+    onClick: shouldPreventRightElementClick ? handlePreventClick : undefined
+  }, centerElement);
+};
+ListItemRightElement.displayName = 'ListItemRightElement';
+var _default = exports.default = ListItemRightElement;
+//# sourceMappingURL=ListItemRightElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemRightElement.js","names":["_react","_interopRequireWildcard","require","_ListItemRightElement","_accordion","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListItemRightElement","rightElements","handlePreventClick","event","stopPropagation","preventDefault","centerElement","useMemo","isValidElement","center","undefined","shouldPreventRightElementClick","getElementClickEvent","createElement","StyledListItemRightElement","onClick","displayName","_default","exports"],"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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAsE,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAMtE,MAAMkB,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,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChC,IAAI,OAAON,aAAa,KAAK,QAAQ,iBAAI,IAAAO,qBAAc,EAACP,aAAa,CAAC,EAAE;MACpE,OAAOA,aAAa;IACxB;IAEA,IAAI,OAAOA,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,GAAG,IAAAJ,cAAO,EAAC,MAAM;IACjD,IAAID,aAAa,EAAE;MACf,OAAO,IAAAM,+BAAoB,EAACN,aAAa,CAAC;IAC9C;IAEA,OAAO,KAAK;EAChB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,IAAI,CAACA,aAAa,EAAE;IAChB,OAAO,IAAI;EACf;EAEA,oBACI9B,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAAClC,qBAAA,CAAAmC,0BAA0B;IACvBC,OAAO,EAAEJ,8BAA8B,GAAGT,kBAAkB,GAAGQ;EAAU,GAExEJ,aACuB,CAAC;AAErC,CAAC;AAEDN,oBAAoB,CAACgB,WAAW,GAAG,sBAAsB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAE3CS,oBAAoB","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledListItemRightElement = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledListItemRightElement = exports.StyledListItemRightElement = _styledComponents.default.div`
+    margin: auto 0 auto 12px;
+    display: flex;
+    flex: 0 0 auto;
+    line-height: normal;
+`;
+//# sourceMappingURL=ListItemRightElement.styles.js.map

package/lib/cjs/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":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledListItemRightElement","exports","styled","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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAGE,yBAAM,CAACC,GAAG;AACpD;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ListItemSubtitle = require("./ListItemSubtitle.styles");
+var _accordion = require("../../../../../utils/accordion");
+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 ListItemSubtitle = ({
+  rightElements,
+  subtitle,
+  isOpen
+}) => {
+  const handlePreventClick = event => {
+    event.stopPropagation();
+    event.preventDefault();
+  };
+  const bottomElement = (0, _react.useMemo)(() => {
+    if (typeof rightElements === 'object' && rightElements && 'bottom' in rightElements) {
+      return rightElements.bottom;
+    }
+    return undefined;
+  }, [rightElements]);
+  const shouldPreventRightElementClick = (0, _react.useMemo)(() => {
+    if (bottomElement) {
+      return (0, _accordion.getElementClickEvent)(bottomElement);
+    }
+    return false;
+  }, [bottomElement]);
+  return /*#__PURE__*/_react.default.createElement(_ListItemSubtitle.StyledListItemSubtitle, null, /*#__PURE__*/_react.default.createElement(_ListItemSubtitle.StyledListItemHeadSubtitleText, {
+    $isOpen: isOpen
+  }, subtitle), bottomElement && /*#__PURE__*/_react.default.createElement(_ListItemSubtitle.StyledListItemBottomRightElement, {
+    onClick: shouldPreventRightElementClick ? handlePreventClick : undefined
+  }, bottomElement));
+};
+ListItemSubtitle.displayName = 'ListItemSubtitle';
+var _default = exports.default = ListItemSubtitle;
+//# sourceMappingURL=ListItemSubtitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSubtitle.js","names":["_react","_interopRequireWildcard","require","_ListItemSubtitle","_accordion","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListItemSubtitle","rightElements","subtitle","isOpen","handlePreventClick","event","stopPropagation","preventDefault","bottomElement","useMemo","bottom","undefined","shouldPreventRightElementClick","getElementClickEvent","createElement","StyledListItemSubtitle","StyledListItemHeadSubtitleText","$isOpen","StyledListItemBottomRightElement","onClick","displayName","_default","exports"],"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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AAKA,IAAAE,UAAA,GAAAF,OAAA;AAAsE,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQtE,MAAMkB,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,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChC,IAAI,OAAOR,aAAa,KAAK,QAAQ,IAAIA,aAAa,IAAI,QAAQ,IAAIA,aAAa,EAAE;MACjF,OAAQA,aAAa,CAAsCS,MAAM;IACrE;IAEA,OAAOC,SAAS;EACpB,CAAC,EAAE,CAACV,aAAa,CAAC,CAAC;EAEnB,MAAMW,8BAA8B,GAAG,IAAAH,cAAO,EAAC,MAAM;IACjD,IAAID,aAAa,EAAE;MACf,OAAO,IAAAK,+BAAoB,EAACL,aAAa,CAAC;IAC9C;IAEA,OAAO,KAAK;EAChB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,oBACIhC,MAAA,CAAAe,OAAA,CAAAuB,aAAA,CAACnC,iBAAA,CAAAoC,sBAAsB,qBACnBvC,MAAA,CAAAe,OAAA,CAAAuB,aAAA,CAACnC,iBAAA,CAAAqC,8BAA8B;IAACC,OAAO,EAAEd;EAAO,GAC3CD,QAC2B,CAAC,EAChCM,aAAa,iBACVhC,MAAA,CAAAe,OAAA,CAAAuB,aAAA,CAACnC,iBAAA,CAAAuC,gCAAgC;IAC7BC,OAAO,EAAEP,8BAA8B,GAAGR,kBAAkB,GAAGO;EAAU,GAExEH,aAC6B,CAElB,CAAC;AAEjC,CAAC;AAEDR,gBAAgB,CAACoB,WAAW,GAAG,kBAAkB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA/B,OAAA,GAEnCS,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledListItemSubtitle = exports.StyledListItemHeadSubtitleText = exports.StyledListItemBottomRightElement = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledListItemSubtitle = exports.StyledListItemSubtitle = _styledComponents.default.div`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    width: 100%;
+`;
+const StyledListItemHeadSubtitleText = exports.StyledListItemHeadSubtitleText = _styledComponents.default.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;
+`;
+const StyledListItemBottomRightElement = exports.StyledListItemBottomRightElement = _styledComponents.default.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/cjs/components/list/list-item/list-item-head/list-item-subtitle/ListItemSubtitle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSubtitle.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledListItemSubtitle","exports","styled","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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhC,MAAMG,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,yBAAM,CAACC,GAAG;AAChD;AACA;AACA;AACA;AACA;AACA,CAAC;AAIM,MAAMC,8BAA8B,GAAAH,OAAA,CAAAG,8BAAA,GAAGF,yBAAM,CAACG,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;AAEM,MAAMC,gCAAgC,GAAAN,OAAA,CAAAM,gCAAA,GAAGL,yBAAM,CAACC,GAAG;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ListItemTitle = require("./ListItemTitle.styles");
+var _accordion = require("../../../../../utils/accordion");
+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 ListItemTitle = ({
+  rightElements,
+  titleElement,
+  title,
+  shouldShowMultilineTitle,
+  isOpen,
+  onResize,
+  onTitleWidthChange
+}) => {
+  const titleWrapperRef = (0, _react.useRef)(null);
+  const wrapperRef = (0, _react.useRef)(null);
+  const elementWrapperRef = (0, _react.useRef)(null);
+  const topElementWrapperRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const element = titleWrapperRef === null || titleWrapperRef === void 0 ? void 0 : titleWrapperRef.current;
+    if (!element || typeof onResize !== 'function') return undefined;
+    const resizeObserver = new ResizeObserver(onResize);
+    resizeObserver.observe(element);
+    return () => resizeObserver.disconnect();
+  }, [onResize]);
+  (0, _react.useEffect)(() => {
+    if (wrapperRef.current && elementWrapperRef.current) {
+      var _topElementWrapperRef;
+      const fullWidth = wrapperRef.current.clientWidth;
+      const rightElementWidth = elementWrapperRef.current.clientWidth;
+      const topElementWidth = (_topElementWrapperRef = topElementWrapperRef.current) === null || _topElementWrapperRef === void 0 ? void 0 : _topElementWrapperRef.clientWidth;
+      let width = fullWidth;
+      if (rightElementWidth > 0) {
+        width -= rightElementWidth + 8;
+      }
+      if (topElementWidth) {
+        width -= topElementWidth + 12;
+      }
+      onTitleWidthChange(width);
+    }
+  }, [onTitleWidthChange]);
+  const handlePreventClick = event => {
+    event.stopPropagation();
+    event.preventDefault();
+  };
+  const topElement = (0, _react.useMemo)(() => {
+    if (typeof rightElements === 'object' && rightElements && 'top' in rightElements) {
+      return rightElements.top;
+    }
+    return undefined;
+  }, [rightElements]);
+  const shouldPreventRightElementClick = (0, _react.useMemo)(() => {
+    if (topElement) {
+      return (0, _accordion.getElementClickEvent)(topElement);
+    }
+    return false;
+  }, [topElement]);
+  return /*#__PURE__*/_react.default.createElement(_ListItemTitle.StyledListItemTitle, {
+    ref: wrapperRef
+  }, /*#__PURE__*/_react.default.createElement(_ListItemTitle.StyledListItemTitleLeftWrapper, null, /*#__PURE__*/_react.default.createElement(_ListItemTitle.StyledListItemHeadTitleText, {
+    $isEllipsis: !isOpen,
+    ref: titleWrapperRef,
+    $shouldShowMultilineTitle: shouldShowMultilineTitle
+  }, title), /*#__PURE__*/_react.default.createElement(_ListItemTitle.StyledListItemHeadTitleElement, {
+    ref: elementWrapperRef
+  }, titleElement)), topElement && /*#__PURE__*/_react.default.createElement(_ListItemTitle.StyledListItemTopRightElement, {
+    ref: topElementWrapperRef,
+    onClick: shouldPreventRightElementClick ? handlePreventClick : undefined
+  }, topElement));
+};
+ListItemTitle.displayName = 'ListItemTitle';
+var _default = exports.default = ListItemTitle;
+//# sourceMappingURL=ListItemTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemTitle.js","names":["_react","_interopRequireWildcard","require","_ListItemTitle","_accordion","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListItemTitle","rightElements","titleElement","title","shouldShowMultilineTitle","isOpen","onResize","onTitleWidthChange","titleWrapperRef","useRef","wrapperRef","elementWrapperRef","topElementWrapperRef","useEffect","element","current","undefined","resizeObserver","ResizeObserver","observe","disconnect","_topElementWrapperRef","fullWidth","clientWidth","rightElementWidth","topElementWidth","width","handlePreventClick","event","stopPropagation","preventDefault","topElement","useMemo","top","shouldPreventRightElementClick","getElementClickEvent","createElement","StyledListItemTitle","ref","StyledListItemTitleLeftWrapper","StyledListItemHeadTitleText","$isEllipsis","$shouldShowMultilineTitle","StyledListItemHeadTitleElement","StyledListItemTopRightElement","onClick","displayName","_default","exports"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-title/ListItemTitle.tsx"],"sourcesContent":["import React, { FC, ReactNode, useEffect, useMemo, useRef } from 'react';\nimport type { IListItemRightElement, IListItemRightElements } from '../../../../../types/list';\nimport {\n    StyledListItemHeadTitleElement,\n    StyledListItemHeadTitleText,\n    StyledListItemTitle,\n    StyledListItemTitleLeftWrapper,\n    StyledListItemTopRightElement,\n} from './ListItemTitle.styles';\nimport { getElementClickEvent } from '../../../../../utils/accordion';\n\ntype ListItemTitleProps = {\n    rightElements?: IListItemRightElements;\n    title: ReactNode;\n    titleElement?: ReactNode;\n    shouldShowMultilineTitle: boolean;\n    isOpen: boolean;\n    onResize?: (entries: ResizeObserverEntry[]) => void;\n    onTitleWidthChange: (width: number) => void;\n};\n\nconst ListItemTitle: FC<ListItemTitleProps> = ({\n    rightElements,\n    titleElement,\n    title,\n    shouldShowMultilineTitle,\n    isOpen,\n    onResize,\n    onTitleWidthChange,\n}) => {\n    const titleWrapperRef = useRef<HTMLDivElement>(null);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const elementWrapperRef = useRef<HTMLDivElement>(null);\n    const topElementWrapperRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        const element = titleWrapperRef?.current;\n        if (!element || typeof onResize !== 'function') return undefined;\n\n        const resizeObserver = new ResizeObserver(onResize);\n        resizeObserver.observe(element);\n\n        return () => resizeObserver.disconnect();\n    }, [onResize]);\n\n    useEffect(() => {\n        if (wrapperRef.current && elementWrapperRef.current) {\n            const fullWidth = wrapperRef.current.clientWidth;\n            const rightElementWidth = elementWrapperRef.current.clientWidth;\n            const topElementWidth = topElementWrapperRef.current?.clientWidth;\n\n            let width = fullWidth;\n\n            if (rightElementWidth > 0) {\n                width -= rightElementWidth + 8;\n            }\n\n            if (topElementWidth) {\n                width -= topElementWidth + 12;\n            }\n\n            onTitleWidthChange(width);\n        }\n    }, [onTitleWidthChange]);\n\n    const handlePreventClick = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    const topElement = useMemo(() => {\n        if (typeof rightElements === 'object' && rightElements && 'top' in rightElements) {\n            return (rightElements as unknown as IListItemRightElement).top;\n        }\n\n        return undefined;\n    }, [rightElements]);\n\n    const shouldPreventRightElementClick = useMemo(() => {\n        if (topElement) {\n            return getElementClickEvent(topElement);\n        }\n\n        return false;\n    }, [topElement]);\n\n    return (\n        <StyledListItemTitle ref={wrapperRef}>\n            <StyledListItemTitleLeftWrapper>\n                <StyledListItemHeadTitleText\n                    $isEllipsis={!isOpen}\n                    ref={titleWrapperRef}\n                    $shouldShowMultilineTitle={shouldShowMultilineTitle}\n                >\n                    {title}\n                </StyledListItemHeadTitleText>\n                <StyledListItemHeadTitleElement ref={elementWrapperRef}>\n                    {titleElement}\n                </StyledListItemHeadTitleElement>\n            </StyledListItemTitleLeftWrapper>\n            {topElement && (\n                <StyledListItemTopRightElement\n                    ref={topElementWrapperRef}\n                    onClick={shouldPreventRightElementClick ? handlePreventClick : undefined}\n                >\n                    {topElement}\n                </StyledListItemTopRightElement>\n            )}\n        </StyledListItemTitle>\n    );\n};\n\nListItemTitle.displayName = 'ListItemTitle';\n\nexport default ListItemTitle;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledListItemTopRightElement = exports.StyledListItemTitleLeftWrapper = exports.StyledListItemTitle = exports.StyledListItemHeadTitleText = exports.StyledListItemHeadTitleElement = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+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 StyledListItemTitle = exports.StyledListItemTitle = _styledComponents.default.div`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    width: 100%;
+`;
+const StyledListItemTitleLeftWrapper = exports.StyledListItemTitleLeftWrapper = _styledComponents.default.div`
+    display: flex;
+    align-items: center;
+    flex: 1 1 auto;
+    min-width: 0;
+`;
+const StyledListItemHeadTitleElement = exports.StyledListItemHeadTitleElement = _styledComponents.default.div`
+    align-items: center;
+    display: flex;
+    flex: 0 0 auto;
+    margin-left: 8px;
+`;
+const StyledListItemHeadTitleText = exports.StyledListItemHeadTitleText = _styledComponents.default.span`
+    font-weight: ${({
+  $isEllipsis
+}) => $isEllipsis ? 'normal' : 'bold'};
+    white-space: ${({
+  $isEllipsis
+}) => $isEllipsis ? 'nowrap' : 'normal'};
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    ${({
+  $shouldShowMultilineTitle,
+  $isEllipsis
+}) => $shouldShowMultilineTitle && $isEllipsis && (0, _styledComponents.css)`
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            text-overflow: ellipsis;
+            white-space: normal;
+        `}
+`;
+const StyledListItemTopRightElement = exports.StyledListItemTopRightElement = _styledComponents.default.div`
+    display: flex;
+    flex: 0 0 auto;
+    font-size: 85%;
+    margin-left: auto;
+    height: 50%;
+    align-items: center;
+    line-height: normal;
+`;
+//# sourceMappingURL=ListItemTitle.styles.js.map

package/lib/cjs/components/list/list-item/list-item-head/list-item-title/ListItemTitle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemTitle.styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledListItemTitle","exports","styled","div","StyledListItemTitleLeftWrapper","StyledListItemHeadTitleElement","StyledListItemHeadTitleText","span","$isEllipsis","$shouldShowMultilineTitle","css","StyledListItemTopRightElement"],"sources":["../../../../../../../src/components/list/list-item/list-item-head/list-item-title/ListItemTitle.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../../../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledListItemTitle = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    width: 100%;\n`;\n\nexport const StyledListItemTitleLeftWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    flex: 1 1 auto;\n    min-width: 0;\n`;\n\nexport const StyledListItemHeadTitleElement = styled.div`\n    align-items: center;\n    display: flex;\n    flex: 0 0 auto;\n    margin-left: 8px;\n`;\n\ntype StyledListItemHeadTitleTextProps = WithTheme<{\n    $shouldShowMultilineTitle: boolean;\n    $isEllipsis?: boolean;\n}>;\n\nexport const StyledListItemHeadTitleText = styled.span<StyledListItemHeadTitleTextProps>`\n    font-weight: ${({ $isEllipsis }) => ($isEllipsis ? 'normal' : 'bold')};\n    white-space: ${({ $isEllipsis }) => ($isEllipsis ? 'nowrap' : 'normal')};\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    ${({ $shouldShowMultilineTitle, $isEllipsis }) =>\n        $shouldShowMultilineTitle &&\n        $isEllipsis &&\n        css`\n            display: -webkit-box;\n            -webkit-box-orient: vertical;\n            -webkit-line-clamp: 2;\n            text-overflow: ellipsis;\n            white-space: normal;\n        `}\n`;\n\nexport const StyledListItemTopRightElement = 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,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGzC,MAAMkB,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC7C;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,8BAA8B,GAAAH,OAAA,CAAAG,8BAAA,GAAGF,yBAAM,CAACC,GAAG;AACxD;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAME,8BAA8B,GAAAJ,OAAA,CAAAI,8BAAA,GAAGH,yBAAM,CAACC,GAAG;AACxD;AACA;AACA;AACA;AACA,CAAC;AAOM,MAAMG,2BAA2B,GAAAL,OAAA,CAAAK,2BAAA,GAAGJ,yBAAM,CAACK,IAAsC;AACxF,mBAAmB,CAAC;EAAEC;AAAY,CAAC,KAAMA,WAAW,GAAG,QAAQ,GAAG,MAAO;AACzE,mBAAmB,CAAC;EAAEA;AAAY,CAAC,KAAMA,WAAW,GAAG,QAAQ,GAAG,QAAS;AAC3E;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEC,yBAAyB;EAAED;AAAY,CAAC,KACzCC,yBAAyB,IACzBD,WAAW,IACX,IAAAE,qBAAG;AACX;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,CAAC;AAEM,MAAMC,6BAA6B,GAAAV,OAAA,CAAAU,6BAAA,GAAGT,yBAAM,CAACC,GAAG;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}