@chayns-components/core 5.0.0-beta.14 → 5.0.0-beta.141

package/lib/components/list/list-item/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/list/list-item/ListItem.tsx"],"names":["ListItem","children","hoverItem","icons","images","isDefaultOpen","onClick","onLongPress","rightElements","subtitle","shouldShowRoundImage","title","ListContext","incrementExpandableItemCount","isAnyItemExpandable","openItemUuid","updateOpenItemUuid","uuid","isExpandable","undefined","isOpen","handleHeadClick","event","shouldOnlyOpen","duration","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AASA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AA0DA,IAAMA,QAA2B,GAAG,SAA9BA,QAA8B,OAY9B;AAAA,MAXFC,QAWE,QAXFA,QAWE;AAAA,MAVFC,SAUE,QAVFA,SAUE;AAAA,MATFC,KASE,QATFA,KASE;AAAA,MARFC,MAQE,QARFA,MAQE;AAAA,MAPFC,aAOE,QAPFA,aAOE;AAAA,MANFC,OAME,QANFA,OAME;AAAA,MALFC,WAKE,QALFA,WAKE;AAAA,MAJFC,aAIE,QAJFA,aAIE;AAAA,MAHFC,QAGE,QAHFA,QAGE;AAAA,MAFFC,oBAEE,QAFFA,oBAEE;AAAA,MADFC,KACE,QADFA,KACE;;AACF,oBACI,uBAAWC,iBAAX,CADJ;AAAA,MAAQC,4BAAR,eAAQA,4BAAR;AAAA,MAAsCC,mBAAtC,eAAsCA,mBAAtC;AAAA,MAA2DC,YAA3D,eAA2DA,YAA3D;AAAA,MAAyEC,kBAAzE,eAAyEA,kBAAzE;;AAGA,MAAMC,IAAI,GAAG,oBAAb;AAEA,MAAMC,YAAY,GAAGjB,QAAQ,KAAKkB,SAAlC;AACA,MAAMC,MAAM,GAAGL,YAAY,KAAKE,IAAhC;AAEA,MAAMI,eAAe,GAAG,wBACpB,UAACC,KAAD,EAAW;AACP,QAAIJ,YAAJ,EAAkB;AACdF,MAAAA,kBAAkB,CAACC,IAAD,CAAlB;AACH;;AAED,QAAI,OAAOX,OAAP,KAAmB,UAAvB,EAAmC;AAC/BA,MAAAA,OAAO,CAACgB,KAAD,CAAP;AACH;AACJ,GATmB,EAUpB,CAACJ,YAAD,EAAeZ,OAAf,EAAwBU,kBAAxB,EAA4CC,IAA5C,CAVoB,CAAxB;AAaA,wBAAU,YAAM;AACZ,QAAIC,YAAJ,EAAkB;AACd;AACA;AACA,aAAOL,4BAA4B,EAAnC;AACH;;AAED,WAAOM,SAAP;AACH,GARD,EAQG,CAACN,4BAAD,EAA+BK,YAA/B,CARH;AAUA,wBAAU,YAAM;AACZ,QAAIb,aAAJ,EAAmB;AACfW,MAAAA,kBAAkB,CAACC,IAAD,EAAO;AAAEM,QAAAA,cAAc,EAAE;AAAlB,OAAP,CAAlB;AACH;AACJ,GAJD,EAIG,CAAClB,aAAD,EAAgBW,kBAAhB,EAAoCC,IAApC,CAJH;AAMA,sBACI,6BAAC,0BAAD;AAAc,IAAA,UAAU,EAAE;AAAEO,MAAAA,QAAQ,EAAE;AAAZ;AAA1B,kBACI,6BAAC,wBAAD;AACI,IAAA,SAAS,EAAC,uBADd;AAEI,IAAA,WAAW,EAAE,OAAOlB,OAAP,KAAmB,UAAnB,IAAiCY,YAFlD;AAGI,IAAA,MAAM,EAAEE;AAHZ,kBAKI,6BAAC,qBAAD;AACI,IAAA,SAAS,EAAElB,SADf;AAEI,IAAA,KAAK,EAAEC,KAFX;AAGI,IAAA,MAAM,EAAEC,MAHZ;AAII,IAAA,mBAAmB,EAAEU,mBAJzB;AAKI,IAAA,YAAY,EAAEI,YALlB;AAMI,IAAA,MAAM,EAAEE,MANZ;AAOI,IAAA,OAAO,EAAEC,eAPb;AAQI,IAAA,WAAW,EAAEd,WARjB;AASI,IAAA,aAAa,EAAEC,aATnB;AAUI,IAAA,QAAQ,EAAEC,QAVd;AAWI,IAAA,oBAAoB,EAAEC,oBAX1B;AAYI,IAAA,KAAK,EAAEC;AAZX,IALJ,eAmBI,6BAAC,6BAAD,QACKS,MAAM,iBAAI,6BAAC,qBAAD,QAAenB,QAAf,CADf,CAnBJ,CADJ,CADJ;AA2BH,CA7ED;;AA+EAD,QAAQ,CAACyB,WAAT,GAAuB,UAAvB;eAEezB,Q","sourcesContent":["import { AnimatePresence, MotionConfig } from 'framer-motion';\nimport React, {\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    TouchEventHandler,\n    useCallback,\n    useContext,\n    useEffect,\n} from 'react';\nimport { useUuid } from '../../../hooks/uuid';\nimport { ListContext } from '../List';\nimport ListItemBody from './list-item-body/ListItemBody';\nimport ListItemHead from './list-item-head/ListItemHead';\nimport { StyledListItem } from './ListItem.styles';\n\ntype ListItemProps = {\n    /**\n     * The content of the `ListItem` body. When the `ListItem` has children,\n     * it can be opened and also gets an icon as an indicator automatically.\n     */\n    children?: ReactNode;\n    /**\n     * Element that is displayed when hovering over the `ListItem` on the right\n     * side. On mobile devices, this element is not displayed.\n     */\n    hoverItem?: ReactNode;\n    /**\n     * The FontAwesome or tobit icons to render like an image on the left side\n     * of the header. Multiple icons are stacked. See the `Icon` component\n     * documentation for more information.\n     */\n    icons?: [string, ...string[]];\n    /**\n     * A list of image URLs that are displayed on the left side of the header.\n     * If multiple URLs are passed, the image is assembled from the first three\n     * image URLs as a puzzle.\n     */\n    images?: string[];\n    /**\n     * This can be used to automatically expand the `ListItem` during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * Function to be executed when the header of the `ListItem` was clicked\n     */\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed when the header of the `ListItem` is pressed for\n     * 400 milliseconds.\n     */\n    onLongPress?: TouchEventHandler<HTMLDivElement>;\n    /**\n     * Elements that are displayed on the right side of the header. If multiple\n     * elements are specified, they are displayed one below the other.\n     */\n    rightElements?: [ReactNode, ...ReactNode[]];\n    /**\n     * Images of users should always be displayed in a round shape. Therefore\n     * this property can be set to true.\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Subtitle of the `ListItem` displayed in the head below the title\n     */\n    subtitle?: ReactNode;\n    /**\n     * Title of the `ListItem` displayed in the head\n     */\n    title: ReactNode;\n};\n\nconst ListItem: FC<ListItemProps> = ({\n    children,\n    hoverItem,\n    icons,\n    images,\n    isDefaultOpen,\n    onClick,\n    onLongPress,\n    rightElements,\n    subtitle,\n    shouldShowRoundImage,\n    title,\n}) => {\n    const { incrementExpandableItemCount, isAnyItemExpandable, openItemUuid, updateOpenItemUuid } =\n        useContext(ListContext);\n\n    const uuid = useUuid();\n\n    const isExpandable = children !== undefined;\n    const isOpen = openItemUuid === uuid;\n\n    const handleHeadClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (isExpandable) {\n                updateOpenItemUuid(uuid);\n            }\n\n            if (typeof onClick === 'function') {\n                onClick(event);\n            }\n        },\n        [isExpandable, onClick, updateOpenItemUuid, uuid]\n    );\n\n    useEffect(() => {\n        if (isExpandable) {\n            // The incrementExpandableItemCount function returns an cleanup\n            // function to decrement expandableItemCount if component unmounts\n            return incrementExpandableItemCount();\n        }\n\n        return undefined;\n    }, [incrementExpandableItemCount, isExpandable]);\n\n    useEffect(() => {\n        if (isDefaultOpen) {\n            updateOpenItemUuid(uuid, { shouldOnlyOpen: true });\n        }\n    }, [isDefaultOpen, updateOpenItemUuid, uuid]);\n\n    return (\n        <MotionConfig transition={{ duration: 0.3 }}>\n            <StyledListItem\n                className=\"beta-chayns-list-item\"\n                isClickable={typeof onClick === 'function' || isExpandable}\n                isOpen={isOpen}\n            >\n                <ListItemHead\n                    hoverItem={hoverItem}\n                    icons={icons}\n                    images={images}\n                    isAnyItemExpandable={isAnyItemExpandable}\n                    isExpandable={isExpandable}\n                    isOpen={isOpen}\n                    onClick={handleHeadClick}\n                    onLongPress={onLongPress}\n                    rightElements={rightElements}\n                    subtitle={subtitle}\n                    shouldShowRoundImage={shouldShowRoundImage}\n                    title={title}\n                />\n                <AnimatePresence>\n                    {isOpen && <ListItemBody>{children}</ListItemBody>}\n                </AnimatePresence>\n            </StyledListItem>\n        </MotionConfig>\n    );\n};\n\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\n"],"file":"ListItem.js"}
+{"version":3,"file":"ListItem.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_uuid","_List","_ListItemBody","_interopRequireDefault","_ListItemHead","_ListItem","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ListItem","_ref","children","hoverItem","icons","images","isDefaultOpen","isOpen","onClick","onLongPress","leftElements","rightElements","subtitle","shouldShowRoundImage","title","incrementExpandableItemCount","isAnyItemExpandable","openItemUuid","updateOpenItemUuid","useContext","ListContext","uuid","useUuid","isExpandable","undefined","isItemOpen","handleHeadClick","useCallback","event","useEffect","shouldOnlyOpen","createElement","StyledListItem","className","isClickable","AnimatePresence","initial","displayName","_default","exports"],"sources":["../../../../src/components/list/list-item/ListItem.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion';\nimport React, {\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    TouchEventHandler,\n    useCallback,\n    useContext,\n    useEffect,\n} from 'react';\nimport { useUuid } from '../../../hooks/uuid';\nimport { ListContext } from '../List';\nimport ListItemBody from './list-item-body/ListItemBody';\nimport ListItemHead from './list-item-head/ListItemHead';\nimport { StyledListItem } from './ListItem.styles';\n\ntype ListItemProps = {\n    /**\n     * The content of the `ListItem` body. When the `ListItem` has children,\n     * it can be opened and also gets an icon as an indicator automatically.\n     */\n    children?: ReactNode;\n    /**\n     * Element that is displayed when hovering over the `ListItem` on the right\n     * side. On mobile devices, this element is not displayed.\n     */\n    hoverItem?: ReactNode;\n    /**\n     * The FontAwesome or tobit icons to render like an image on the left side\n     * of the header. Multiple icons are stacked. See the `Icon` component\n     * documentation for more information.\n     */\n    icons?: string[];\n    /**\n     * A list of image URLs that are displayed on the left side of the header.\n     * If multiple URLs are passed, the image is assembled from the first three\n     * image URLs as a puzzle.\n     */\n    images?: string[];\n    /**\n     * This can be used to automatically expand the `ListItem` during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This overrides the internal opening state of the item and makes it controlled.\n     */\n    isOpen?: boolean;\n    /**\n     * Function to be executed when the header of the `ListItem` was clicked\n     */\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed when the header of the `ListItem` is pressed for\n     * 400 milliseconds.\n     */\n    onLongPress?: TouchEventHandler<HTMLDivElement>;\n    /**\n     * Elements that are displayed on the left side of the header. If multiple\n     * elements are specified, they are displayed one aside the other.\n     */\n    leftElements?: [ReactNode, ...ReactNode[]];\n    /**\n     * Elements that are displayed on the right side of the header. If multiple\n     * elements are specified, they are displayed one below the other.\n     */\n    rightElements?: [ReactNode, ...ReactNode[]];\n    /**\n     * Images of users should always be displayed in a round shape. Therefore\n     * this property can be set to true.\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Subtitle of the `ListItem` displayed in the head below the title\n     */\n    subtitle?: ReactNode;\n    /**\n     * Title of the `ListItem` displayed in the head\n     */\n    title: ReactNode;\n};\n\nconst ListItem: FC<ListItemProps> = ({\n    children,\n    hoverItem,\n    icons,\n    images,\n    isDefaultOpen,\n    isOpen,\n    onClick,\n    onLongPress,\n    leftElements,\n    rightElements,\n    subtitle,\n    shouldShowRoundImage,\n    title,\n}) => {\n    const { incrementExpandableItemCount, isAnyItemExpandable, openItemUuid, updateOpenItemUuid } =\n        useContext(ListContext);\n\n    const uuid = useUuid();\n\n    const isExpandable = children !== undefined;\n    const isItemOpen = isOpen ?? openItemUuid === uuid;\n\n    const handleHeadClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (isExpandable) {\n                updateOpenItemUuid(uuid);\n            }\n\n            if (typeof onClick === 'function') {\n                onClick(event);\n            }\n        },\n        [isExpandable, onClick, updateOpenItemUuid, uuid]\n    );\n\n    useEffect(() => {\n        if (isExpandable) {\n            // The incrementExpandableItemCount function returns an cleanup\n            // function to decrement expandableItemCount if component unmounts\n            return incrementExpandableItemCount();\n        }\n\n        return undefined;\n    }, [incrementExpandableItemCount, isExpandable]);\n\n    useEffect(() => {\n        if (isDefaultOpen) {\n            updateOpenItemUuid(uuid, { shouldOnlyOpen: true });\n        }\n    }, [isDefaultOpen, updateOpenItemUuid, uuid]);\n\n    return (\n        <StyledListItem\n            className=\"beta-chayns-list-item\"\n            isClickable={typeof onClick === 'function' || isExpandable}\n            isOpen={isItemOpen}\n        >\n            <ListItemHead\n                hoverItem={hoverItem}\n                icons={icons}\n                images={images}\n                isAnyItemExpandable={isAnyItemExpandable}\n                isExpandable={isExpandable}\n                isOpen={isItemOpen}\n                onClick={handleHeadClick}\n                onLongPress={onLongPress}\n                leftElements={leftElements}\n                rightElements={rightElements}\n                subtitle={subtitle}\n                shouldShowRoundImage={shouldShowRoundImage}\n                title={title}\n            />\n            <AnimatePresence initial={false}>\n                {isExpandable && isItemOpen && <ListItemBody>{children}</ListItemBody>}\n            </AnimatePresence>\n        </StyledListItem>\n    );\n};\n\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\n"],"mappings":"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"}

package/lib/components/list/list-item/ListItem.styles.js

@@ -1,38 +1,56 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledListItem = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var StyledListItem = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n\n    transition: background-color 0.3s ease;\n\n    ", "\n\n    :not(:last-child) {\n        border-bottom: 1px solid ", ";\n    }\n"])), function (_ref) {
-  var isOpen = _ref.isOpen;
-  return isOpen && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            background-color: rgba(", ", 0.85);\n        "])), function (_ref2) {
-    var theme = _ref2.theme;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const StyledListItem = _styledComponents.default.div`
+    ${_ref => {
+  let {
+    isOpen
+  } = _ref;
+  return isOpen && (0, _styledComponents.css)`
+            background-color: rgba(${_ref2 => {
+    let {
+      theme
+    } = _ref2;
     return theme['100-rgb'];
-  });
-}, function (_ref3) {
-  var isClickable = _ref3.isClickable;
-  return isClickable && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            :hover {\n                background-color: rgba(\n                    ", ",\n                    0.85\n                );\n            }\n        "])), function (_ref4) {
-    var theme = _ref4.theme;
+  }}, 0.85);
+        `;
+}}
+
+    transition: background-color 0.3s ease;
+
+    ${_ref3 => {
+  let {
+    isClickable
+  } = _ref3;
+  return isClickable && (0, _styledComponents.css)`
+            :hover {
+                background-color: rgba(
+                    ${_ref4 => {
+    let {
+      theme
+    } = _ref4;
     return theme['100-rgb'];
-  });
-}, function (_ref5) {
-  var theme = _ref5.theme;
+  }},
+                    0.85
+                );
+            }
+        `;
+}}
+
+    :not(:last-child) {
+        border-bottom: 1px solid ${_ref5 => {
+  let {
+    theme
+  } = _ref5;
   return theme.headline;
-});
-
+}};
+    }
+`;
 exports.StyledListItem = StyledListItem;
 //# sourceMappingURL=ListItem.styles.js.map

package/lib/components/list/list-item/ListItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/list/list-item/ListItem.styles.ts"],"names":["StyledListItem","styled","div","isOpen","css","theme","isClickable","headline"],"mappings":";;;;;;;;;AAAA;;;;;;;;;;AAQO,IAAMA,cAAc,GAAGC,0BAAOC,GAAV,uNACrB;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,SACEA,MAAM,QACNC,qBADM,oIAEuB;AAAA,QAAGC,KAAH,SAAGA,KAAH;AAAA,WAAoCA,KAAK,CAAC,SAAD,CAAzC;AAAA,GAFvB,CADR;AAAA,CADqB,EASrB;AAAA,MAAGC,WAAH,SAAGA,WAAH;AAAA,SACEA,WAAW,QACXF,qBADW,0OAIG;AAAA,QAAGC,KAAH,SAAGA,KAAH;AAAA,WAAoCA,KAAK,CAAC,SAAD,CAAzC;AAAA,GAJH,CADb;AAAA,CATqB,EAqBQ;AAAA,MAAGA,KAAH,SAAGA,KAAH;AAAA,SAAoCA,KAAK,CAACE,QAA1C;AAAA,CArBR,CAApB","sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemProps = WithTheme<{\n    isClickable: boolean;\n    isOpen: boolean;\n}>;\n\nexport const StyledListItem = styled.div<StyledListItemProps>`\n    ${({ isOpen }) =>\n        isOpen &&\n        css`\n            background-color: rgba(${({ theme }: StyledListItemProps) => theme['100-rgb']}, 0.85);\n        `}\n\n    transition: background-color 0.3s ease;\n\n    ${({ isClickable }) =>\n        isClickable &&\n        css`\n            :hover {\n                background-color: rgba(\n                    ${({ theme }: StyledListItemProps) => theme['100-rgb']},\n                    0.85\n                );\n            }\n        `}\n\n    :not(:last-child) {\n        border-bottom: 1px solid ${({ theme }: StyledListItemProps) => theme.headline};\n    }\n`;\n"],"file":"ListItem.styles.js"}
+{"version":3,"file":"ListItem.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","StyledListItem","styled","div","_ref","isOpen","css","_ref2","theme","_ref3","isClickable","_ref4","_ref5","headline","exports"],"sources":["../../../../src/components/list/list-item/ListItem.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemProps = WithTheme<{\n    isClickable: boolean;\n    isOpen: boolean;\n}>;\n\nexport const StyledListItem = styled.div<StyledListItemProps>`\n    ${({ isOpen }) =>\n        isOpen &&\n        css`\n            background-color: rgba(${({ theme }: StyledListItemProps) => theme['100-rgb']}, 0.85);\n        `}\n\n    transition: background-color 0.3s ease;\n\n    ${({ isClickable }) =>\n        isClickable &&\n        css`\n            :hover {\n                background-color: rgba(\n                    ${({ theme }: StyledListItemProps) => theme['100-rgb']},\n                    0.85\n                );\n            }\n        `}\n\n    :not(:last-child) {\n        border-bottom: 1px solid ${({ theme }: StyledListItemProps) => theme.headline};\n    }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAH,wBAAAO,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAQzC,MAAMW,cAAc,GAAGC,yBAAM,CAACC,GAAyB;AAC9D,MAAMC,IAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,IAAA;EAAA,OACTC,MAAM,IACN,IAAAC,qBAAG,CAAC;AACZ,qCAAqCC,KAAA;IAAA,IAAC;MAAEC;IAA2B,CAAC,GAAAD,KAAA;IAAA,OAAKC,KAAK,CAAC,SAAS,CAAC;EAAA,CAAC;AAC1F,SAAS;AAAA,CAAC;AACV;AACA;AACA;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC;EAAY,CAAC,GAAAD,KAAA;EAAA,OACdC,WAAW,IACX,IAAAJ,qBAAG,CAAC;AACZ;AACA;AACA,sBAAsBK,KAAA;IAAA,IAAC;MAAEH;IAA2B,CAAC,GAAAG,KAAA;IAAA,OAAKH,KAAK,CAAC,SAAS,CAAC;EAAA,CAAC;AAC3E;AACA;AACA;AACA,SAAS;AAAA,CAAC;AACV;AACA;AACA,mCAAmCI,KAAA;EAAA,IAAC;IAAEJ;EAA2B,CAAC,GAAAI,KAAA;EAAA,OAAKJ,KAAK,CAACK,QAAQ;AAAA,CAAC;AACtF;AACA,CAAC;AAACC,OAAA,CAAAb,cAAA,GAAAA,cAAA"}

package/lib/components/list/list-item/list-item-body/ListItemBody.d.ts

@@ -1,4 +1,3 @@
 import { FC } from 'react';
-declare type ListItemBodyProps = {};
-declare const ListItemBody: FC<ListItemBodyProps>;
+declare const ListItemBody: FC;
 export default ListItemBody;

package/lib/components/list/list-item/list-item-body/ListItemBody.js

@@ -4,21 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ListItemBody = require("./ListItemBody.styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var ListItemBody = function ListItemBody(_ref) {
-  var children = _ref.children;
+const ListItemBody = _ref => {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_ListItemBody.StyledMotionListItemBody, {
     animate: {
       height: 'auto',
       opacity: 1
     },
-    className: "beta-chayns-accordion-body",
+    className: "beta-chayns-list-item-body",
     exit: {
       height: 0,
       opacity: 0
@@ -26,10 +24,12 @@ var ListItemBody = function ListItemBody(_ref) {
     initial: {
       height: 0,
       opacity: 0
+    },
+    transition: {
+      type: 'tween'
     }
   }, children);
 };
-
 ListItemBody.displayName = 'ListItemBody';
 var _default = ListItemBody;
 exports.default = _default;

package/lib/components/list/list-item/list-item-body/ListItemBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/list/list-item/list-item-body/ListItemBody.tsx"],"names":["ListItemBody","children","height","opacity","displayName"],"mappings":";;;;;;;AAAA;;AACA;;;;AAIA,IAAMA,YAAmC,GAAG,SAAtCA,YAAsC;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBACxC,6BAAC,sCAAD;AACI,IAAA,OAAO,EAAE;AAAEC,MAAAA,MAAM,EAAE,MAAV;AAAkBC,MAAAA,OAAO,EAAE;AAA3B,KADb;AAEI,IAAA,SAAS,EAAC,4BAFd;AAGI,IAAA,IAAI,EAAE;AAAED,MAAAA,MAAM,EAAE,CAAV;AAAaC,MAAAA,OAAO,EAAE;AAAtB,KAHV;AAII,IAAA,OAAO,EAAE;AAAED,MAAAA,MAAM,EAAE,CAAV;AAAaC,MAAAA,OAAO,EAAE;AAAtB;AAJb,KAMKF,QANL,CADwC;AAAA,CAA5C;;AAWAD,YAAY,CAACI,WAAb,GAA2B,cAA3B;eAEeJ,Y","sourcesContent":["import React, { FC } from 'react';\nimport { StyledMotionListItemBody } from './ListItemBody.styles';\n\ntype ListItemBodyProps = {};\n\nconst ListItemBody: FC<ListItemBodyProps> = ({ children }) => (\n    <StyledMotionListItemBody\n        animate={{ height: 'auto', opacity: 1 }}\n        className=\"beta-chayns-accordion-body\"\n        exit={{ height: 0, opacity: 0 }}\n        initial={{ height: 0, opacity: 0 }}\n    >\n        {children}\n    </StyledMotionListItemBody>\n);\n\nListItemBody.displayName = 'ListItemBody';\n\nexport default ListItemBody;\n"],"file":"ListItemBody.js"}
+{"version":3,"file":"ListItemBody.js","names":["_react","_interopRequireDefault","require","_ListItemBody","obj","__esModule","default","ListItemBody","_ref","children","createElement","StyledMotionListItemBody","animate","height","opacity","className","exit","initial","transition","type","displayName","_default","exports"],"sources":["../../../../../src/components/list/list-item/list-item-body/ListItemBody.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledMotionListItemBody } from './ListItemBody.styles';\n\nconst ListItemBody: FC = ({ children }) => (\n    <StyledMotionListItemBody\n        animate={{ height: 'auto', opacity: 1 }}\n        className=\"beta-chayns-list-item-body\"\n        exit={{ height: 0, opacity: 0 }}\n        initial={{ height: 0, opacity: 0 }}\n        transition={{ type: 'tween' }}\n    >\n        {children}\n    </StyledMotionListItemBody>\n);\n\nListItemBody.displayName = 'ListItemBody';\n\nexport default ListItemBody;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAiE,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEjE,MAAMG,YAAgB,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAAA,oBAClCR,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,aAAA,CAAAQ,wBAAwB;IACrBC,OAAO,EAAE;MAAEC,MAAM,EAAE,MAAM;MAAEC,OAAO,EAAE;IAAE,CAAE;IACxCC,SAAS,EAAC,4BAA4B;IACtCC,IAAI,EAAE;MAAEH,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IAChCG,OAAO,EAAE;MAAEJ,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IACnCI,UAAU,EAAE;MAAEC,IAAI,EAAE;IAAQ;EAAE,GAE7BV,QAAQ,CACc;AAAA,CAC9B;AAEDF,YAAY,CAACa,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAE3Bd,YAAY;AAAAe,OAAA,CAAAhB,OAAA,GAAAe,QAAA"}

package/lib/components/list/list-item/list-item-body/ListItemBody.styles.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledMotionListItemBody = void 0;
-
 var _framerMotion = require("framer-motion");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var StyledMotionListItemBody = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow: hidden;\n"])));
+const StyledMotionListItemBody = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    overflow: hidden;
+`;
 exports.StyledMotionListItemBody = StyledMotionListItemBody;
 //# sourceMappingURL=ListItemBody.styles.js.map

package/lib/components/list/list-item/list-item-body/ListItemBody.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/list/list-item/list-item-body/ListItemBody.styles.ts"],"names":["StyledMotionListItemBody","motion","div"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,IAAMA,wBAAwB,GAAG,+BAAOC,qBAAOC,GAAd,CAAH,8FAA9B","sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledMotionListItemBody = styled(motion.div)`\n    overflow: hidden;\n`;\n"],"file":"ListItemBody.styles.js"}
+{"version":3,"file":"ListItemBody.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireDefault","obj","__esModule","default","StyledMotionListItemBody","styled","motion","div","exports"],"sources":["../../../../../src/components/list/list-item/list-item-body/ListItemBody.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledMotionListItemBody = styled(motion.div)`\n    overflow: hidden;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuC,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,wBAAwB,GAAG,IAAAC,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAE;AAC3D;AACA,CAAC;AAACC,OAAA,CAAAJ,wBAAA,GAAAA,wBAAA"}

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

@@ -4,20 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ListItemContent = require("./ListItemContent.styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var ListItemContent = function ListItemContent(_ref) {
-  var children = _ref.children;
+const ListItemContent = _ref => {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_ListItemContent.StyledListItemContent, {
     className: "beta-chayns-list-item-content"
   }, children);
 };
-
 ListItemContent.displayName = 'ListItemContent';
 var _default = ListItemContent;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/list/list-item/list-item-content/ListItemContent.tsx"],"names":["ListItemContent","children","displayName"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,eAAmB,GAAG,SAAtBA,eAAsB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBACxB,6BAAC,sCAAD;AAAuB,IAAA,SAAS,EAAC;AAAjC,KACKA,QADL,CADwB;AAAA,CAA5B;;AAMAD,eAAe,CAACE,WAAhB,GAA8B,iBAA9B;eAEeF,e","sourcesContent":["import React, { FC } from 'react';\nimport { StyledListItemContent } from './ListItemContent.styles';\n\nconst ListItemContent: FC = ({ children }) => (\n    <StyledListItemContent className=\"beta-chayns-list-item-content\">\n        {children}\n    </StyledListItemContent>\n);\n\nListItemContent.displayName = 'ListItemContent';\n\nexport default ListItemContent;\n"],"file":"ListItemContent.js"}
+{"version":3,"file":"ListItemContent.js","names":["_react","_interopRequireDefault","require","_ListItemContent","obj","__esModule","default","ListItemContent","_ref","children","createElement","StyledListItemContent","className","displayName","_default","exports"],"sources":["../../../../../src/components/list/list-item/list-item-content/ListItemContent.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledListItemContent } from './ListItemContent.styles';\n\nconst ListItemContent: FC = ({ 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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAAiE,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEjE,MAAMG,eAAmB,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAAA,oBACrCR,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,gBAAA,CAAAQ,qBAAqB;IAACC,SAAS,EAAC;EAA+B,GAC3DH,QAAQ,CACW;AAAA,CAC3B;AAEDF,eAAe,CAACM,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,GAEjCP,eAAe;AAAAQ,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}

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

@@ -4,19 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledListItemContent = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var StyledListItemContent = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: ", ";\n    padding: 9px 18px 8px 35px;\n"])), function (_ref) {
-  var theme = _ref.theme;
+const StyledListItemContent = _styledComponents.default.div`
+    color: ${_ref => {
+  let {
+    theme
+  } = _ref;
   return theme.text;
-});
-
+}};
+    padding: 9px 18px 8px 35px;
+`;
 exports.StyledListItemContent = StyledListItemContent;
 //# sourceMappingURL=ListItemContent.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/list/list-item/list-item-content/ListItemContent.styles.ts"],"names":["StyledListItemContent","styled","div","theme","text"],"mappings":";;;;;;;AAAA;;;;;;;;AAKO,IAAMA,qBAAqB,GAAGC,0BAAOC,GAAV,2HACrB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAA2CA,KAAK,CAACC,IAAjD;AAAA,CADqB,CAA3B","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"],"file":"ListItemContent.styles.js"}
+{"version":3,"file":"ListItemContent.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledListItemContent","styled","div","_ref","theme","text","exports"],"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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKhC,MAAMG,qBAAqB,GAAGC,yBAAM,CAACC,GAAI;AAChD,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAkC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA,CAAC;AACnE;AACA,CAAC;AAACC,OAAA,CAAAN,qBAAA,GAAAA,qBAAA"}

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

@@ -1,7 +1,7 @@
 import { FC, MouseEventHandler, ReactNode, TouchEventHandler } from 'react';
-declare type ListItemHeadProps = {
+type ListItemHeadProps = {
     hoverItem?: ReactNode;
-    icons?: [string, ...string[]];
+    icons?: string[];
     images?: string[];
     isAnyItemExpandable: boolean;
     isExpandable: boolean;
@@ -10,6 +10,7 @@ declare type ListItemHeadProps = {
     onLongPress?: TouchEventHandler<HTMLDivElement>;
     rightElements?: [ReactNode, ...ReactNode[]];
     subtitle?: ReactNode;
+    leftElements?: ReactNode;
     shouldShowRoundImage?: boolean;
     title: ReactNode;
 };

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

@@ -1,111 +1,61 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _GridImage = _interopRequireDefault(require("../../../grid-image/GridImage"));
-
 var _Icon = _interopRequireDefault(require("../../../icon/Icon"));
-
+var _ListItemIcon = _interopRequireDefault(require("./list-item-icon/ListItemIcon"));
+var _ListItemImage = _interopRequireDefault(require("./list-item-image/ListItemImage"));
 var _ListItemHead = require("./ListItemHead.styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var ListItemHead = function ListItemHead(_ref) {
-  var hoverItem = _ref.hoverItem,
-      icons = _ref.icons,
-      images = _ref.images,
-      isAnyItemExpandable = _ref.isAnyItemExpandable,
-      isExpandable = _ref.isExpandable,
-      isOpen = _ref.isOpen,
-      onClick = _ref.onClick,
-      onLongPress = _ref.onLongPress,
-      rightElements = _ref.rightElements,
-      subtitle = _ref.subtitle,
-      shouldShowRoundImage = _ref.shouldShowRoundImage,
-      title = _ref.title;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hasLoadedImage = _useState2[0],
-      setHasLoadedImage = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      shouldShowHoverItem = _useState4[0],
-      setShouldShowHoverItem = _useState4[1];
-
-  var longPressTimeoutRef = (0, _react.useRef)();
-  var handleImageLoaded = (0, _react.useCallback)(function () {
-    setHasLoadedImage(true);
-  }, []);
-  var handleMouseEnter = (0, _react.useCallback)(function () {
-    return setShouldShowHoverItem(true);
-  }, []);
-  var handleMouseLeave = (0, _react.useCallback)(function () {
-    return setShouldShowHoverItem(false);
-  }, []);
-  var handleTouchStart = (0, _react.useCallback)(function (event) {
-    longPressTimeoutRef.current = window.setTimeout(function () {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const ListItemHead = _ref => {
+  let {
+    hoverItem,
+    icons,
+    images,
+    isAnyItemExpandable,
+    isExpandable,
+    isOpen,
+    onClick,
+    onLongPress,
+    rightElements,
+    subtitle,
+    shouldShowRoundImage,
+    title,
+    leftElements
+  } = _ref;
+  const [shouldShowHoverItem, setShouldShowHoverItem] = (0, _react.useState)(false);
+  const longPressTimeoutRef = (0, _react.useRef)();
+  const handleMouseEnter = (0, _react.useCallback)(() => setShouldShowHoverItem(true), []);
+  const handleMouseLeave = (0, _react.useCallback)(() => setShouldShowHoverItem(false), []);
+  const handleTouchStart = (0, _react.useCallback)(event => {
+    longPressTimeoutRef.current = window.setTimeout(() => {
       if (typeof onLongPress === 'function') {
         onLongPress(event);
       }
     }, 400);
   }, [onLongPress]);
-  var handleTouchEnd = (0, _react.useCallback)(function () {
+  const handleTouchEnd = (0, _react.useCallback)(() => {
     clearTimeout(longPressTimeoutRef.current);
   }, []);
-  var iconOrImageElement = (0, _react.useMemo)(function () {
+  const iconOrImageElement = (0, _react.useMemo)(() => {
     if (icons) {
-      return /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadIcon, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        icons: icons,
-        size: 22
-      }));
-    }
-
-    if (images && images[0] && images[1] && images[2]) {
-      var gridImages = [images[0], images[1], images[2]];
-      return /*#__PURE__*/_react.default.createElement(_GridImage.default, {
-        images: gridImages,
-        shouldShowRoundImage: shouldShowRoundImage,
-        size: 40
+      return /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, {
+        icons: icons
       });
     }
-
-    if (images && images[0]) {
-      return /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadImageWrapper, {
-        shouldShowRoundImage: shouldShowRoundImage
-      }, /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadImage, {
-        isHidden: !hasLoadedImage,
-        onLoad: handleImageLoaded,
-        src: images[0]
-      }));
+    if (images) {
+      return /*#__PURE__*/_react.default.createElement(_ListItemImage.default, {
+        images: images,
+        shouldShowRoundImage: !!shouldShowRoundImage
+      });
     }
-
     return undefined;
-  }, [handleImageLoaded, hasLoadedImage, icons, images, shouldShowRoundImage]);
+  }, [icons, images, shouldShowRoundImage]);
   return /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHead, {
     className: "beta-chayns-list-item-head",
     isClickable: typeof onClick === 'function' || isExpandable,
@@ -118,11 +68,15 @@ var ListItemHead = function ListItemHead(_ref) {
     animate: {
       rotate: isOpen ? 90 : 0
     },
-    initial: false
+    initial: false,
+    transition: {
+      type: 'tween'
+    }
   }, isExpandable && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icons: ['fa fa-chevron-right']
-  })), iconOrImageElement, /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadContent, {
-    isIconOrImageGiven: iconOrImageElement !== undefined
+  })), leftElements, iconOrImageElement, /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadContent, {
+    isIconOrImageGiven: iconOrImageElement !== undefined,
+    isOpen: isOpen
   }, /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadTitle, null, /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadTitleText, {
     className: "ellipsis"
   }, title), rightElements && rightElements.length > 1 && rightElements[0] && /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadTopRightElement, null, rightElements[0])), subtitle && /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadSubtitle, null, /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadSubtitleText, {
@@ -135,11 +89,11 @@ var ListItemHead = function ListItemHead(_ref) {
     },
     initial: false,
     transition: {
-      duration: 0.1
+      duration: 0.15,
+      type: 'tween'
     }
   }, hoverItem));
 };
-
 ListItemHead.displayName = 'ListItemHead';
 var _default = ListItemHead;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/list/list-item/list-item-head/ListItemHead.tsx"],"names":["ListItemHead","hoverItem","icons","images","isAnyItemExpandable","isExpandable","isOpen","onClick","onLongPress","rightElements","subtitle","shouldShowRoundImage","title","hasLoadedImage","setHasLoadedImage","shouldShowHoverItem","setShouldShowHoverItem","longPressTimeoutRef","handleImageLoaded","handleMouseEnter","handleMouseLeave","handleTouchStart","event","current","window","setTimeout","handleTouchEnd","clearTimeout","iconOrImageElement","gridImages","undefined","rotate","length","marginLeft","opacity","width","duration","displayName"],"mappings":"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","sourcesContent":["import React, {\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    TouchEventHandler,\n    useCallback,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport GridImage from '../../../grid-image/GridImage';\nimport Icon from '../../../icon/Icon';\nimport {\n    StyledListItemHead,\n    StyledListItemHeadBottomRightElement,\n    StyledListItemHeadContent,\n    StyledListItemHeadIcon,\n    StyledListItemHeadImage,\n    StyledListItemHeadImageWrapper,\n    StyledListItemHeadRightElement,\n    StyledListItemHeadSubtitle,\n    StyledListItemHeadSubtitleText,\n    StyledListItemHeadTitle,\n    StyledListItemHeadTitleText,\n    StyledListItemHeadTopRightElement,\n    StyledMotionListItemHeadHoverItem,\n    StyledMotionListItemHeadIndicator,\n} from './ListItemHead.styles';\n\ntype ListItemHeadProps = {\n    hoverItem?: ReactNode;\n    icons?: [string, ...string[]];\n    images?: string[];\n    isAnyItemExpandable: boolean;\n    isExpandable: boolean;\n    isOpen: boolean;\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    onLongPress?: TouchEventHandler<HTMLDivElement>;\n    rightElements?: [ReactNode, ...ReactNode[]];\n    subtitle?: ReactNode;\n    shouldShowRoundImage?: boolean;\n    title: ReactNode;\n};\n\nconst ListItemHead: FC<ListItemHeadProps> = ({\n    hoverItem,\n    icons,\n    images,\n    isAnyItemExpandable,\n    isExpandable,\n    isOpen,\n    onClick,\n    onLongPress,\n    rightElements,\n    subtitle,\n    shouldShowRoundImage,\n    title,\n}) => {\n    const [hasLoadedImage, setHasLoadedImage] = useState(false);\n    const [shouldShowHoverItem, setShouldShowHoverItem] = useState(false);\n\n    const longPressTimeoutRef = useRef<number>();\n\n    const handleImageLoaded = useCallback(() => {\n        setHasLoadedImage(true);\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                <StyledListItemHeadIcon>\n                    <Icon icons={icons} size={22} />\n                </StyledListItemHeadIcon>\n            );\n        }\n\n        if (images && images[0] && images[1] && images[2]) {\n            const gridImages: [string, string, string] = [images[0], images[1], images[2]];\n\n            return (\n                <GridImage\n                    images={gridImages}\n                    shouldShowRoundImage={shouldShowRoundImage}\n                    size={40}\n                />\n            );\n        }\n\n        if (images && images[0]) {\n            return (\n                <StyledListItemHeadImageWrapper shouldShowRoundImage={shouldShowRoundImage}>\n                    <StyledListItemHeadImage\n                        isHidden={!hasLoadedImage}\n                        onLoad={handleImageLoaded}\n                        src={images[0]}\n                    />\n                </StyledListItemHeadImageWrapper>\n            );\n        }\n\n        return undefined;\n    }, [handleImageLoaded, hasLoadedImage, icons, images, shouldShowRoundImage]);\n\n    return (\n        <StyledListItemHead\n            className=\"beta-chayns-list-item-head\"\n            isClickable={typeof onClick === 'function' || isExpandable}\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            {isAnyItemExpandable && (\n                <StyledMotionListItemHeadIndicator\n                    animate={{ rotate: isOpen ? 90 : 0 }}\n                    initial={false}\n                >\n                    {isExpandable && <Icon icons={['fa fa-chevron-right']} />}\n                </StyledMotionListItemHeadIndicator>\n            )}\n            {iconOrImageElement}\n            <StyledListItemHeadContent isIconOrImageGiven={iconOrImageElement !== undefined}>\n                <StyledListItemHeadTitle>\n                    <StyledListItemHeadTitleText className=\"ellipsis\">\n                        {title}\n                    </StyledListItemHeadTitleText>\n                    {rightElements && rightElements.length > 1 && rightElements[0] && (\n                        <StyledListItemHeadTopRightElement>\n                            {rightElements[0]}\n                        </StyledListItemHeadTopRightElement>\n                    )}\n                </StyledListItemHeadTitle>\n                {subtitle && (\n                    <StyledListItemHeadSubtitle>\n                        <StyledListItemHeadSubtitleText className=\"ellipsis\">\n                            {subtitle}\n                        </StyledListItemHeadSubtitleText>\n                        {rightElements && rightElements.length > 1 && rightElements[1] && (\n                            <StyledListItemHeadBottomRightElement>\n                                {rightElements[1]}\n                            </StyledListItemHeadBottomRightElement>\n                        )}\n                    </StyledListItemHeadSubtitle>\n                )}\n            </StyledListItemHeadContent>\n            {rightElements?.length === 1 && (\n                <StyledListItemHeadRightElement>{rightElements[0]}</StyledListItemHeadRightElement>\n            )}\n            {hoverItem && (\n                <StyledMotionListItemHeadHoverItem\n                    animate={{\n                        marginLeft: shouldShowHoverItem ? 8 : 0,\n                        opacity: shouldShowHoverItem ? 1 : 0,\n                        width: shouldShowHoverItem ? 'auto' : 0,\n                    }}\n                    initial={false}\n                    transition={{ duration: 0.1 }}\n                >\n                    {hoverItem}\n                </StyledMotionListItemHeadHoverItem>\n            )}\n        </StyledListItemHead>\n    );\n};\n\nListItemHead.displayName = 'ListItemHead';\n\nexport default ListItemHead;\n"],"file":"ListItemHead.js"}
+{"version":3,"file":"ListItemHead.js","names":["_react","_interopRequireWildcard","require","_Icon","_interopRequireDefault","_ListItemIcon","_ListItemImage","_ListItemHead","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ListItemHead","_ref","hoverItem","icons","images","isAnyItemExpandable","isExpandable","isOpen","onClick","onLongPress","rightElements","subtitle","shouldShowRoundImage","title","leftElements","shouldShowHoverItem","setShouldShowHoverItem","useState","longPressTimeoutRef","useRef","handleMouseEnter","useCallback","handleMouseLeave","handleTouchStart","event","current","window","setTimeout","handleTouchEnd","clearTimeout","iconOrImageElement","useMemo","createElement","undefined","StyledListItemHead","className","isClickable","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","StyledMotionListItemHeadIndicator","animate","rotate","initial","transition","type","StyledListItemHeadContent","isIconOrImageGiven","StyledListItemHeadTitle","StyledListItemHeadTitleText","length","StyledListItemHeadTopRightElement","StyledListItemHeadSubtitle","StyledListItemHeadSubtitleText","StyledListItemHeadBottomRightElement","StyledListItemHeadRightElement","StyledMotionListItemHeadHoverItem","marginLeft","opacity","width","duration","displayName","_default","exports"],"sources":["../../../../../src/components/list/list-item/list-item-head/ListItemHead.tsx"],"sourcesContent":["import React, {\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    TouchEventHandler,\n    useCallback,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport Icon from '../../../icon/Icon';\nimport ListItemIcon from './list-item-icon/ListItemIcon';\nimport ListItemImage from './list-item-image/ListItemImage';\nimport {\n    StyledListItemHead,\n    StyledListItemHeadBottomRightElement,\n    StyledListItemHeadContent,\n    StyledListItemHeadRightElement,\n    StyledListItemHeadSubtitle,\n    StyledListItemHeadSubtitleText,\n    StyledListItemHeadTitle,\n    StyledListItemHeadTitleText,\n    StyledListItemHeadTopRightElement,\n    StyledMotionListItemHeadHoverItem,\n    StyledMotionListItemHeadIndicator,\n} from './ListItemHead.styles';\n\ntype ListItemHeadProps = {\n    hoverItem?: ReactNode;\n    icons?: string[];\n    images?: string[];\n    isAnyItemExpandable: boolean;\n    isExpandable: boolean;\n    isOpen: boolean;\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    onLongPress?: TouchEventHandler<HTMLDivElement>;\n    rightElements?: [ReactNode, ...ReactNode[]];\n    subtitle?: ReactNode;\n    leftElements?: ReactNode;\n    shouldShowRoundImage?: boolean;\n    title: ReactNode;\n};\n\nconst ListItemHead: FC<ListItemHeadProps> = ({\n    hoverItem,\n    icons,\n    images,\n    isAnyItemExpandable,\n    isExpandable,\n    isOpen,\n    onClick,\n    onLongPress,\n    rightElements,\n    subtitle,\n    shouldShowRoundImage,\n    title,\n    leftElements,\n}) => {\n    const [shouldShowHoverItem, setShouldShowHoverItem] = useState(false);\n\n    const longPressTimeoutRef = useRef<number>();\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 <ListItemIcon icons={icons} />;\n        }\n\n        if (images) {\n            return <ListItemImage images={images} shouldShowRoundImage={!!shouldShowRoundImage} />;\n        }\n\n        return undefined;\n    }, [icons, images, shouldShowRoundImage]);\n\n    return (\n        <StyledListItemHead\n            className=\"beta-chayns-list-item-head\"\n            isClickable={typeof onClick === 'function' || isExpandable}\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            {isAnyItemExpandable && (\n                <StyledMotionListItemHeadIndicator\n                    animate={{ rotate: isOpen ? 90 : 0 }}\n                    initial={false}\n                    transition={{ type: 'tween' }}\n                >\n                    {isExpandable && <Icon icons={['fa fa-chevron-right']} />}\n                </StyledMotionListItemHeadIndicator>\n            )}\n            {leftElements}\n            {iconOrImageElement}\n            <StyledListItemHeadContent\n                isIconOrImageGiven={iconOrImageElement !== undefined}\n                isOpen={isOpen}\n            >\n                <StyledListItemHeadTitle>\n                    <StyledListItemHeadTitleText className=\"ellipsis\">\n                        {title}\n                    </StyledListItemHeadTitleText>\n                    {rightElements && rightElements.length > 1 && rightElements[0] && (\n                        <StyledListItemHeadTopRightElement>\n                            {rightElements[0]}\n                        </StyledListItemHeadTopRightElement>\n                    )}\n                </StyledListItemHeadTitle>\n                {subtitle && (\n                    <StyledListItemHeadSubtitle>\n                        <StyledListItemHeadSubtitleText className=\"ellipsis\">\n                            {subtitle}\n                        </StyledListItemHeadSubtitleText>\n                        {rightElements && rightElements.length > 1 && rightElements[1] && (\n                            <StyledListItemHeadBottomRightElement>\n                                {rightElements[1]}\n                            </StyledListItemHeadBottomRightElement>\n                        )}\n                    </StyledListItemHeadSubtitle>\n                )}\n            </StyledListItemHeadContent>\n            {rightElements?.length === 1 && (\n                <StyledListItemHeadRightElement>{rightElements[0]}</StyledListItemHeadRightElement>\n            )}\n            {hoverItem && (\n                <StyledMotionListItemHeadHoverItem\n                    animate={{\n                        marginLeft: shouldShowHoverItem ? 8 : 0,\n                        opacity: shouldShowHoverItem ? 1 : 0,\n                        width: shouldShowHoverItem ? 'auto' : 0,\n                    }}\n                    initial={false}\n                    transition={{ duration: 0.15, type: 'tween' }}\n                >\n                    {hoverItem}\n                </StyledMotionListItemHeadHoverItem>\n            )}\n        </StyledListItemHead>\n    );\n};\n\nListItemHead.displayName = 'ListItemHead';\n\nexport default ListItemHead;\n"],"mappings":"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"}

package/lib/components/list/list-item/list-item-head/ListItemHead.styles.d.ts

@@ -4,18 +4,9 @@ export declare const StyledListItemHead: import("styled-components").StyledCompo
     theme: import("../../../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>;
 export declare const StyledMotionListItemHeadIndicator: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
-export declare const StyledListItemHeadIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledListItemHeadImageWrapper: import("styled-components").StyledComponent<"div", any, {
-    shouldShowRoundImage?: boolean | undefined;
-} & {
-    theme: import("../../../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never>;
-declare type StyledListItemHeadImageProps = {
-    isHidden: boolean;
-};
-export declare const StyledListItemHeadImage: import("styled-components").StyledComponent<"img", any, StyledListItemHeadImageProps, never>;
-declare type StyledListItemHeadContentProps = {
+type StyledListItemHeadContentProps = {
     isIconOrImageGiven: boolean;
+    isOpen: boolean;
 };
 export declare const StyledListItemHeadContent: import("styled-components").StyledComponent<"div", any, StyledListItemHeadContentProps, never>;
 export declare const StyledListItemHeadTitle: import("styled-components").StyledComponent<"div", any, {}, never>;