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

package/lib/components/list/List.js

@@ -1,88 +0,0 @@
-"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 = exports.ListContext = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-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 ListContext = /*#__PURE__*/_react.default.createContext({
-  incrementExpandableItemCount: function incrementExpandableItemCount() {
-    return function () {};
-  },
-  isAnyItemExpandable: false,
-  openItemUuid: undefined,
-  updateOpenItemUuid: function updateOpenItemUuid() {}
-});
-
-exports.ListContext = ListContext;
-ListContext.displayName = 'ListContext';
-
-var List = function List(_ref) {
-  var children = _ref.children;
-
-  var _useState = (0, _react.useState)(undefined),
-      _useState2 = _slicedToArray(_useState, 2),
-      openItemUuid = _useState2[0],
-      setOpenItemUuid = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      expandableItemCount = _useState4[0],
-      setExpandableItemCount = _useState4[1];
-
-  var updateOpenItemUuid = (0, _react.useCallback)(function (uuid) {
-    setOpenItemUuid(function (currentOpenItemUuid) {
-      if (currentOpenItemUuid === uuid) {
-        return undefined;
-      }
-
-      return uuid;
-    });
-  }, [setOpenItemUuid]);
-  var incrementExpandableItemCount = (0, _react.useCallback)(function () {
-    setExpandableItemCount(function (count) {
-      return count + 1;
-    });
-    return function () {
-      setExpandableItemCount(function (count) {
-        return count - 1;
-      });
-    };
-  }, [setExpandableItemCount]);
-  var providerValue = (0, _react.useMemo)(function () {
-    return {
-      isAnyItemExpandable: expandableItemCount > 0,
-      updateOpenItemUuid: updateOpenItemUuid,
-      openItemUuid: openItemUuid,
-      incrementExpandableItemCount: incrementExpandableItemCount
-    };
-  }, [expandableItemCount, incrementExpandableItemCount, openItemUuid, updateOpenItemUuid]);
-  return /*#__PURE__*/_react.default.createElement(ListContext.Provider, {
-    value: providerValue
-  }, children);
-};
-
-List.displayName = 'List';
-var _default = List;
-exports.default = _default;
-//# sourceMappingURL=List.js.map

package/lib/components/list/List.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/list/List.tsx"],"names":["ListContext","React","createContext","incrementExpandableItemCount","isAnyItemExpandable","openItemUuid","undefined","updateOpenItemUuid","displayName","List","children","setOpenItemUuid","expandableItemCount","setExpandableItemCount","uuid","currentOpenItemUuid","count","providerValue"],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;AASO,IAAMA,WAAW,gBAAGC,eAAMC,aAAN,CAAkC;AACzDC,EAAAA,4BAA4B,EAAE;AAAA,WAAM,YAAM,CAAE,CAAd;AAAA,GAD2B;AAEzDC,EAAAA,mBAAmB,EAAE,KAFoC;AAGzDC,EAAAA,YAAY,EAAEC,SAH2C;AAIzDC,EAAAA,kBAAkB,EAAE,8BAAM,CAAE;AAJ6B,CAAlC,CAApB;;;AAOPP,WAAW,CAACQ,WAAZ,GAA0B,aAA1B;;AASA,IAAMC,IAAmB,GAAG,SAAtBA,IAAsB,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AAC1C,kBAAwC,qBAAuCJ,SAAvC,CAAxC;AAAA;AAAA,MAAOD,YAAP;AAAA,MAAqBM,eAArB;;AACA,mBAAsD,qBAAiB,CAAjB,CAAtD;AAAA;AAAA,MAAOC,mBAAP;AAAA,MAA4BC,sBAA5B;;AAEA,MAAMN,kBAAkB,GAAG,wBACvB,UAACO,IAAD,EAAU;AACNH,IAAAA,eAAe,CAAC,UAACI,mBAAD,EAAyB;AACrC,UAAIA,mBAAmB,KAAKD,IAA5B,EAAkC;AAC9B,eAAOR,SAAP;AACH;;AAED,aAAOQ,IAAP;AACH,KANc,CAAf;AAOH,GATsB,EAUvB,CAACH,eAAD,CAVuB,CAA3B;AAaA,MAAMR,4BAA4B,GAAG,wBAAY,YAAM;AACnDU,IAAAA,sBAAsB,CAAC,UAACG,KAAD;AAAA,aAAWA,KAAK,GAAG,CAAnB;AAAA,KAAD,CAAtB;AAEA,WAAO,YAAM;AACTH,MAAAA,sBAAsB,CAAC,UAACG,KAAD;AAAA,eAAWA,KAAK,GAAG,CAAnB;AAAA,OAAD,CAAtB;AACH,KAFD;AAGH,GANoC,EAMlC,CAACH,sBAAD,CANkC,CAArC;AAQA,MAAMI,aAAa,GAAG,oBAClB;AAAA,WAAO;AACHb,MAAAA,mBAAmB,EAAEQ,mBAAmB,GAAG,CADxC;AAEHL,MAAAA,kBAAkB,EAAlBA,kBAFG;AAGHF,MAAAA,YAAY,EAAZA,YAHG;AAIHF,MAAAA,4BAA4B,EAA5BA;AAJG,KAAP;AAAA,GADkB,EAOlB,CAACS,mBAAD,EAAsBT,4BAAtB,EAAoDE,YAApD,EAAkEE,kBAAlE,CAPkB,CAAtB;AAUA,sBAAO,6BAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEU;AAA7B,KAA6CP,QAA7C,CAAP;AACH,CApCD;;AAsCAD,IAAI,CAACD,WAAL,GAAmB,MAAnB;eAEeC,I","sourcesContent":["import React, { FC, ReactNode, useCallback, useMemo, useState } from 'react';\n\ninterface IListContext {\n    incrementExpandableItemCount: () => () => void;\n    isAnyItemExpandable: boolean;\n    openItemUuid: string | undefined;\n    updateOpenItemUuid: (uuid: string) => void;\n}\n\nexport const ListContext = React.createContext<IListContext>({\n    incrementExpandableItemCount: () => () => {},\n    isAnyItemExpandable: false,\n    openItemUuid: undefined,\n    updateOpenItemUuid: () => {},\n});\n\nListContext.displayName = 'ListContext';\n\ntype ListProps = {\n    /**\n     * The items of the list\n     */\n    children: ReactNode;\n};\n\nconst List: FC<ListProps> = ({ children }) => {\n    const [openItemUuid, setOpenItemUuid] = useState<IListContext['openItemUuid']>(undefined);\n    const [expandableItemCount, setExpandableItemCount] = useState<number>(0);\n\n    const updateOpenItemUuid = useCallback<IListContext['updateOpenItemUuid']>(\n        (uuid) => {\n            setOpenItemUuid((currentOpenItemUuid) => {\n                if (currentOpenItemUuid === uuid) {\n                    return undefined;\n                }\n\n                return uuid;\n            });\n        },\n        [setOpenItemUuid]\n    );\n\n    const incrementExpandableItemCount = useCallback(() => {\n        setExpandableItemCount((count) => count + 1);\n\n        return () => {\n            setExpandableItemCount((count) => count - 1);\n        };\n    }, [setExpandableItemCount]);\n\n    const providerValue = useMemo<IListContext>(\n        () => ({\n            isAnyItemExpandable: expandableItemCount > 0,\n            updateOpenItemUuid,\n            openItemUuid,\n            incrementExpandableItemCount,\n        }),\n        [expandableItemCount, incrementExpandableItemCount, openItemUuid, updateOpenItemUuid]\n    );\n\n    return <ListContext.Provider value={providerValue}>{children}</ListContext.Provider>;\n};\n\nList.displayName = 'List';\n\nexport default List;\n"],"file":"List.js"}

package/lib/components/list/list-item/ListItem.d.ts

@@ -1,54 +0,0 @@
-import { FC, MouseEventHandler, ReactNode, TouchEventHandler } from 'react';
-declare type ListItemProps = {
-    /**
-     * The content of the `ListItem` body. When the `ListItem` has children,
-     * it can be opened and also gets an icon as an indicator automatically.
-     */
-    children?: ReactNode;
-    /**
-     * Element that is displayed when hovering over the `ListItem` on the right
-     * side. On mobile devices, this element is not displayed.
-     */
-    hoverItem?: ReactNode;
-    /**
-     * The FontAwesome or tobit icons to render like an image on the left side
-     * of the header. Multiple icons are stacked. See the `Icon` component
-     * documentation for more information.
-     */
-    icons?: [string, ...string[]];
-    /**
-     * A list of image URLs that are displayed on the left side of the header.
-     * If multiple URLs are passed, the image is assembled from the first three
-     * image URLs as a puzzle.
-     */
-    images?: string[];
-    /**
-     * Function to be executed when the header of the `ListItem` was clicked
-     */
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    /**
-     * Function to be executed when the header of the `ListItem` is pressed for
-     * 400 milliseconds.
-     */
-    onLongPress?: TouchEventHandler<HTMLDivElement>;
-    /**
-     * Elements that are displayed on the right side of the header. If multiple
-     * elements are specified, they are displayed one below the other.
-     */
-    rightElements?: [ReactNode, ...ReactNode[]];
-    /**
-     * Images of users should always be displayed in a round shape. Therefore
-     * this property can be set to true.
-     */
-    shouldShowRoundImage?: boolean;
-    /**
-     * Subtitle of the `ListItem` displayed in the head below the title
-     */
-    subtitle?: ReactNode;
-    /**
-     * Title of the `ListItem` displayed in the head
-     */
-    title: ReactNode;
-};
-declare const ListItem: FC<ListItemProps>;
-export default ListItem;

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

@@ -1,96 +0,0 @@
-"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 _framerMotion = require("framer-motion");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _uuid = require("../../../hooks/uuid");
-
-var _List = require("../List");
-
-var _ListItemBody = _interopRequireDefault(require("./list-item-body/ListItemBody"));
-
-var _ListItemHead = _interopRequireDefault(require("./list-item-head/ListItemHead"));
-
-var _ListItem = require("./ListItem.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; }
-
-var ListItem = function ListItem(_ref) {
-  var children = _ref.children,
-      hoverItem = _ref.hoverItem,
-      icons = _ref.icons,
-      images = _ref.images,
-      onClick = _ref.onClick,
-      onLongPress = _ref.onLongPress,
-      rightElements = _ref.rightElements,
-      subtitle = _ref.subtitle,
-      shouldShowRoundImage = _ref.shouldShowRoundImage,
-      title = _ref.title;
-
-  var _useContext = (0, _react.useContext)(_List.ListContext),
-      incrementExpandableItemCount = _useContext.incrementExpandableItemCount,
-      isAnyItemExpandable = _useContext.isAnyItemExpandable,
-      openItemUuid = _useContext.openItemUuid,
-      updateOpenItemUuid = _useContext.updateOpenItemUuid;
-
-  var uuid = (0, _uuid.useUuid)();
-  var isExpandable = children !== undefined;
-  var isOpen = openItemUuid === uuid;
-  var handleHeadClick = (0, _react.useCallback)(function (event) {
-    if (isExpandable) {
-      updateOpenItemUuid(uuid);
-    }
-
-    if (typeof onClick === 'function') {
-      onClick(event);
-    }
-  }, [isExpandable, onClick, updateOpenItemUuid, uuid]);
-  (0, _react.useEffect)(function () {
-    if (isExpandable) {
-      // The incrementExpandableItemCount function returns an cleanup
-      // function to decrement expandableItemCount if component unmounts
-      return incrementExpandableItemCount();
-    }
-
-    return undefined;
-  }, [incrementExpandableItemCount, isExpandable]);
-  return /*#__PURE__*/_react.default.createElement(_framerMotion.MotionConfig, {
-    transition: {
-      duration: 0.25
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ListItem.StyledListItem, {
-    className: "beta-chayns-list-item",
-    isClickable: typeof onClick === 'function' || isExpandable,
-    isOpen: isOpen
-  }, /*#__PURE__*/_react.default.createElement(_ListItemHead.default, {
-    hoverItem: hoverItem,
-    icons: icons,
-    images: images,
-    isAnyItemExpandable: isAnyItemExpandable,
-    isExpandable: isExpandable,
-    isOpen: isOpen,
-    onClick: handleHeadClick,
-    onLongPress: onLongPress,
-    rightElements: rightElements,
-    subtitle: subtitle,
-    shouldShowRoundImage: shouldShowRoundImage,
-    title: title
-  }), /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, null, isOpen && /*#__PURE__*/_react.default.createElement(_ListItemBody.default, null, children))));
-};
-
-ListItem.displayName = 'ListItem';
-var _default = ListItem;
-exports.default = _default;
-//# sourceMappingURL=ListItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/list/list-item/ListItem.tsx"],"names":["ListItem","children","hoverItem","icons","images","onClick","onLongPress","rightElements","subtitle","shouldShowRoundImage","title","ListContext","incrementExpandableItemCount","isAnyItemExpandable","openItemUuid","updateOpenItemUuid","uuid","isExpandable","undefined","isOpen","handleHeadClick","event","duration","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AASA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAsDA,IAAMA,QAA2B,GAAG,SAA9BA,QAA8B,OAW9B;AAAA,MAVFC,QAUE,QAVFA,QAUE;AAAA,MATFC,SASE,QATFA,SASE;AAAA,MARFC,KAQE,QARFA,KAQE;AAAA,MAPFC,MAOE,QAPFA,MAOE;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,GAAGhB,QAAQ,KAAKiB,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,sBACI,6BAAC,0BAAD;AAAc,IAAA,UAAU,EAAE;AAAEK,MAAAA,QAAQ,EAAE;AAAZ;AAA1B,kBACI,6BAAC,wBAAD;AACI,IAAA,SAAS,EAAC,uBADd;AAEI,IAAA,WAAW,EAAE,OAAOjB,OAAP,KAAmB,UAAnB,IAAiCY,YAFlD;AAGI,IAAA,MAAM,EAAEE;AAHZ,kBAKI,6BAAC,qBAAD;AACI,IAAA,SAAS,EAAEjB,SADf;AAEI,IAAA,KAAK,EAAEC,KAFX;AAGI,IAAA,MAAM,EAAEC,MAHZ;AAII,IAAA,mBAAmB,EAAES,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,QAAelB,QAAf,CADf,CAnBJ,CADJ,CADJ;AA2BH,CAtED;;AAwEAD,QAAQ,CAACuB,WAAT,GAAuB,UAAvB;eAEevB,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     * 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    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    return (\n        <MotionConfig transition={{ duration: 0.25 }}>\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"}

package/lib/components/list/list-item/ListItem.styles.d.ts

@@ -1,6 +0,0 @@
-export declare const StyledListItem: import("styled-components").StyledComponent<"div", any, {
-    isClickable: boolean;
-    isOpen: boolean;
-} & {
-    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never>;

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

@@ -1,38 +0,0 @@
-"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.2s 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;
-    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;
-    return theme['100-rgb'];
-  });
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.headline;
-});
-
-exports.StyledListItem = StyledListItem;
-//# sourceMappingURL=ListItem.styles.js.map

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

@@ -1 +0,0 @@
-{"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.2s 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"}

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

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

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

@@ -1,36 +0,0 @@
-"use strict";
-
-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;
-  return /*#__PURE__*/_react.default.createElement(_ListItemBody.StyledMotionListItemBody, {
-    animate: {
-      height: 'auto',
-      opacity: 1
-    },
-    className: "beta-chayns-accordion-body",
-    exit: {
-      height: 0,
-      opacity: 0
-    },
-    initial: {
-      height: 0,
-      opacity: 0
-    }
-  }, children);
-};
-
-ListItemBody.displayName = 'ListItemBody';
-var _default = ListItemBody;
-exports.default = _default;
-//# sourceMappingURL=ListItemBody.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1 +0,0 @@
-export declare const StyledMotionListItemBody: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;

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

@@ -1,20 +0,0 @@
-"use strict";
-
-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"])));
-exports.StyledMotionListItemBody = StyledMotionListItemBody;
-//# sourceMappingURL=ListItemBody.styles.js.map

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

@@ -1 +0,0 @@
-{"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"}

package/lib/components/list/list-item/list-item-content/ListItemContent.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-declare const ListItemContent: FC;
-export default ListItemContent;

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

@@ -1,24 +0,0 @@
-"use strict";
-
-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;
-  return /*#__PURE__*/_react.default.createElement(_ListItemContent.StyledListItemContent, {
-    className: "beta-chayns-list-item-content"
-  }, children);
-};
-
-ListItemContent.displayName = 'ListItemContent';
-var _default = ListItemContent;
-exports.default = _default;
-//# sourceMappingURL=ListItemContent.js.map

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

@@ -1 +0,0 @@
-{"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"}

package/lib/components/list/list-item/list-item-content/ListItemContent.styles.d.ts

@@ -1 +0,0 @@
-export declare const StyledListItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,22 +0,0 @@
-"use strict";
-
-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;
-  return theme.text;
-});
-
-exports.StyledListItemContent = StyledListItemContent;
-//# sourceMappingURL=ListItemContent.styles.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,17 +0,0 @@
-import { FC, MouseEventHandler, ReactNode, TouchEventHandler } from 'react';
-declare type ListItemHeadProps = {
-    hoverItem?: ReactNode;
-    icons?: [string, ...string[]];
-    images?: string[];
-    isAnyItemExpandable: boolean;
-    isExpandable: boolean;
-    isOpen: boolean;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    onLongPress?: TouchEventHandler<HTMLDivElement>;
-    rightElements?: [ReactNode, ...ReactNode[]];
-    subtitle?: ReactNode;
-    shouldShowRoundImage?: boolean;
-    title: ReactNode;
-};
-declare const ListItemHead: FC<ListItemHeadProps>;
-export default ListItemHead;

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

@@ -1,146 +0,0 @@
-"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 _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 () {
-      if (typeof onLongPress === 'function') {
-        onLongPress(event);
-      }
-    }, 400);
-  }, [onLongPress]);
-  var handleTouchEnd = (0, _react.useCallback)(function () {
-    clearTimeout(longPressTimeoutRef.current);
-  }, []);
-  var iconOrImageElement = (0, _react.useMemo)(function () {
-    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
-      });
-    }
-
-    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]
-      }));
-    }
-
-    return undefined;
-  }, [handleImageLoaded, hasLoadedImage, icons, images, shouldShowRoundImage]);
-  return /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHead, {
-    className: "beta-chayns-list-item-head",
-    isClickable: typeof onClick === 'function' || isExpandable,
-    onClick: onClick,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    onTouchStart: typeof onLongPress === 'function' ? handleTouchStart : undefined,
-    onTouchEnd: typeof onLongPress === 'function' ? handleTouchEnd : undefined
-  }, isAnyItemExpandable && /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledMotionListItemHeadIndicator, {
-    animate: {
-      rotate: isOpen ? 90 : 0
-    },
-    initial: false
-  }, isExpandable && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icons: ['fa fa-chevron-right']
-  })), iconOrImageElement, /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadContent, {
-    isIconOrImageGiven: iconOrImageElement !== undefined
-  }, /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadTitle, null, /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadTitleText, {
-    className: "ellipsis"
-  }, title), (rightElements === null || rightElements === void 0 ? void 0 : rightElements[0]) && /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadTopRightElement, null, rightElements === null || rightElements === void 0 ? void 0 : rightElements[0])), subtitle && /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadSubtitle, null, /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadSubtitleText, {
-    className: "ellipsis"
-  }, subtitle), (rightElements === null || rightElements === void 0 ? void 0 : rightElements[1]) && /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadBottomRightElement, null, rightElements === null || rightElements === void 0 ? void 0 : rightElements[1]))), hoverItem && /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledMotionListItemHeadHoverItem, {
-    animate: {
-      marginLeft: shouldShowHoverItem ? 8 : 0,
-      opacity: shouldShowHoverItem ? 1 : 0,
-      width: shouldShowHoverItem ? 'auto' : 0
-    },
-    initial: false,
-    transition: {
-      duration: 0.1
-    }
-  }, hoverItem));
-};
-
-ListItemHead.displayName = 'ListItemHead';
-var _default = ListItemHead;
-exports.default = _default;
-//# sourceMappingURL=ListItemHead.js.map