@chayns-components/core 5.0.0-beta.4 → 5.0.0-beta.40

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

@@ -0,0 +1,67 @@
+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[];
+    /**
+     * 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[];
+    /**
+     * This can be used to automatically expand the `ListItem` during the first render.
+     */
+    isDefaultOpen?: boolean;
+    /**
+     * This overrides the internal opening state of the item and makes it controlled.
+     */
+    isOpen?: boolean;
+    /**
+     * 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 left side of the header. If multiple
+     * elements are specified, they are displayed one aside the other.
+     */
+    leftElements?: [ReactNode, ...ReactNode[]];
+    /**
+     * 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

@@ -0,0 +1,90 @@
+"use strict";
+
+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 (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 ListItem = _ref => {
+  let {
+    children,
+    hoverItem,
+    icons,
+    images,
+    isDefaultOpen,
+    isOpen,
+    onClick,
+    onLongPress,
+    leftElements,
+    rightElements,
+    subtitle,
+    shouldShowRoundImage,
+    title
+  } = _ref;
+  const {
+    incrementExpandableItemCount,
+    isAnyItemExpandable,
+    openItemUuid,
+    updateOpenItemUuid
+  } = (0, _react.useContext)(_List.ListContext);
+  const uuid = (0, _uuid.useUuid)();
+  const isExpandable = children !== undefined;
+  const isItemOpen = isOpen !== null && isOpen !== void 0 ? isOpen : openItemUuid === uuid;
+  const handleHeadClick = (0, _react.useCallback)(event => {
+    if (isExpandable) {
+      updateOpenItemUuid(uuid);
+    }
+    if (typeof onClick === 'function') {
+      onClick(event);
+    }
+  }, [isExpandable, onClick, updateOpenItemUuid, uuid]);
+  (0, _react.useEffect)(() => {
+    if (isExpandable) {
+      // The incrementExpandableItemCount function returns an cleanup
+      // function to decrement expandableItemCount if component unmounts
+      return incrementExpandableItemCount();
+    }
+    return undefined;
+  }, [incrementExpandableItemCount, isExpandable]);
+  (0, _react.useEffect)(() => {
+    if (isDefaultOpen) {
+      updateOpenItemUuid(uuid, {
+        shouldOnlyOpen: true
+      });
+    }
+  }, [isDefaultOpen, updateOpenItemUuid, uuid]);
+  return /*#__PURE__*/_react.default.createElement(_ListItem.StyledListItem, {
+    className: "beta-chayns-list-item",
+    isClickable: typeof onClick === 'function' || isExpandable,
+    isOpen: isItemOpen
+  }, /*#__PURE__*/_react.default.createElement(_ListItemHead.default, {
+    hoverItem: hoverItem,
+    icons: icons,
+    images: images,
+    isAnyItemExpandable: isAnyItemExpandable,
+    isExpandable: isExpandable,
+    isOpen: isItemOpen,
+    onClick: handleHeadClick,
+    onLongPress: onLongPress,
+    leftElements: leftElements,
+    rightElements: rightElements,
+    subtitle: subtitle,
+    shouldShowRoundImage: shouldShowRoundImage,
+    title: title
+  }), /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
+    initial: false
+  }, isExpandable && isItemOpen && /*#__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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","names":["ListItem","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","displayName"],"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":";;;;;;AAAA;AACA;AASA;AACA;AACA;AACA;AACA;AAAmD;AAAA;AAAA;AAmEnD,MAAMA,QAA2B,GAAG,QAc9B;EAAA,IAd+B;IACjCC,QAAQ;IACRC,SAAS;IACTC,KAAK;IACLC,MAAM;IACNC,aAAa;IACbC,MAAM;IACNC,OAAO;IACPC,WAAW;IACXC,YAAY;IACZC,aAAa;IACbC,QAAQ;IACRC,oBAAoB;IACpBC;EACJ,CAAC;EACG,MAAM;IAAEC,4BAA4B;IAAEC,mBAAmB;IAAEC,YAAY;IAAEC;EAAmB,CAAC,GACzF,IAAAC,iBAAU,EAACC,iBAAW,CAAC;EAE3B,MAAMC,IAAI,GAAG,IAAAC,aAAO,GAAE;EAEtB,MAAMC,YAAY,GAAGrB,QAAQ,KAAKsB,SAAS;EAC3C,MAAMC,UAAU,GAAGlB,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIU,YAAY,KAAKI,IAAI;EAElD,MAAMK,eAAe,GAAG,IAAAC,kBAAW,EAC9BC,KAAK,IAAK;IACP,IAAIL,YAAY,EAAE;MACdL,kBAAkB,CAACG,IAAI,CAAC;IAC5B;IAEA,IAAI,OAAOb,OAAO,KAAK,UAAU,EAAE;MAC/BA,OAAO,CAACoB,KAAK,CAAC;IAClB;EACJ,CAAC,EACD,CAACL,YAAY,EAAEf,OAAO,EAAEU,kBAAkB,EAAEG,IAAI,CAAC,CACpD;EAED,IAAAQ,gBAAS,EAAC,MAAM;IACZ,IAAIN,YAAY,EAAE;MACd;MACA;MACA,OAAOR,4BAA4B,EAAE;IACzC;IAEA,OAAOS,SAAS;EACpB,CAAC,EAAE,CAACT,4BAA4B,EAAEQ,YAAY,CAAC,CAAC;EAEhD,IAAAM,gBAAS,EAAC,MAAM;IACZ,IAAIvB,aAAa,EAAE;MACfY,kBAAkB,CAACG,IAAI,EAAE;QAAES,cAAc,EAAE;MAAK,CAAC,CAAC;IACtD;EACJ,CAAC,EAAE,CAACxB,aAAa,EAAEY,kBAAkB,EAAEG,IAAI,CAAC,CAAC;EAE7C,oBACI,6BAAC,wBAAc;IACX,SAAS,EAAC,uBAAuB;IACjC,WAAW,EAAE,OAAOb,OAAO,KAAK,UAAU,IAAIe,YAAa;IAC3D,MAAM,EAAEE;EAAW,gBAEnB,6BAAC,qBAAY;IACT,SAAS,EAAEtB,SAAU;IACrB,KAAK,EAAEC,KAAM;IACb,MAAM,EAAEC,MAAO;IACf,mBAAmB,EAAEW,mBAAoB;IACzC,YAAY,EAAEO,YAAa;IAC3B,MAAM,EAAEE,UAAW;IACnB,OAAO,EAAEC,eAAgB;IACzB,WAAW,EAAEjB,WAAY;IACzB,YAAY,EAAEC,YAAa;IAC3B,aAAa,EAAEC,aAAc;IAC7B,QAAQ,EAAEC,QAAS;IACnB,oBAAoB,EAAEC,oBAAqB;IAC3C,KAAK,EAAEC;EAAM,EACf,eACF,6BAAC,6BAAe;IAAC,OAAO,EAAE;EAAM,GAC3BS,YAAY,IAAIE,UAAU,iBAAI,6BAAC,qBAAY,QAAEvB,QAAQ,CAAgB,CACxD,CACL;AAEzB,CAAC;AAEDD,QAAQ,CAAC8B,WAAW,GAAG,UAAU;AAAC,eAEnB9B,QAAQ;AAAA"}

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledListItem = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+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'];
+  }}, 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'];
+  }},
+                    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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.styles.js","names":["StyledListItem","styled","div","isOpen","css","theme","isClickable","headline"],"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;AAAgD;AAAA;AAQzC,MAAMA,cAAc,GAAGC,yBAAM,CAACC,GAAyB;AAC9D,MAAM;EAAA,IAAC;IAAEC;EAAO,CAAC;EAAA,OACTA,MAAM,IACN,IAAAC,qBAAG,CAAC;AACZ,qCAAqC;IAAA,IAAC;MAAEC;IAA2B,CAAC;IAAA,OAAKA,KAAK,CAAC,SAAS,CAAC;EAAA,CAAC;AAC1F,SAAS;AAAA,CAAC;AACV;AACA;AACA;AACA,MAAM;EAAA,IAAC;IAAEC;EAAY,CAAC;EAAA,OACdA,WAAW,IACX,IAAAF,qBAAG,CAAC;AACZ;AACA;AACA,sBAAsB;IAAA,IAAC;MAAEC;IAA2B,CAAC;IAAA,OAAKA,KAAK,CAAC,SAAS,CAAC;EAAA,CAAC;AAC3E;AACA;AACA;AACA,SAAS;AAAA,CAAC;AACV;AACA;AACA,mCAAmC;EAAA,IAAC;IAAEA;EAA2B,CAAC;EAAA,OAAKA,KAAK,CAACE,QAAQ;AAAA,CAAC;AACtF;AACA,CAAC;AAAC"}

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

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

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

@@ -0,0 +1,36 @@
+"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 }; }
+const ListItemBody = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_ListItemBody.StyledMotionListItemBody, {
+    animate: {
+      height: 'auto',
+      opacity: 1
+    },
+    className: "beta-chayns-list-item-body",
+    exit: {
+      height: 0,
+      opacity: 0
+    },
+    initial: {
+      height: 0,
+      opacity: 0
+    },
+    transition: {
+      type: 'tween'
+    }
+  }, 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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemBody.js","names":["ListItemBody","children","height","opacity","type","displayName"],"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;AACA;AAAiE;AAEjE,MAAMA,YAAgB,GAAG;EAAA,IAAC;IAAEC;EAAS,CAAC;EAAA,oBAClC,6BAAC,sCAAwB;IACrB,OAAO,EAAE;MAAEC,MAAM,EAAE,MAAM;MAAEC,OAAO,EAAE;IAAE,CAAE;IACxC,SAAS,EAAC,4BAA4B;IACtC,IAAI,EAAE;MAAED,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IAChC,OAAO,EAAE;MAAED,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IACnC,UAAU,EAAE;MAAEC,IAAI,EAAE;IAAQ;EAAE,GAE7BH,QAAQ,CACc;AAAA,CAC9B;AAEDD,YAAY,CAACK,WAAW,GAAG,cAAc;AAAC,eAE3BL,YAAY;AAAA"}

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

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledMotionListItemBody = void 0;
+var _framerMotion = require("framer-motion");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemBody.styles.js","names":["StyledMotionListItemBody","styled","motion","div"],"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;AACA;AAAuC;AAEhC,MAAMA,wBAAwB,GAAG,IAAAC,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAE;AAC3D;AACA,CAAC;AAAC"}

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

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

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

@@ -0,0 +1,21 @@
+"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 }; }
+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;
+//# sourceMappingURL=ListItemContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemContent.js","names":["ListItemContent","children","displayName"],"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;AACA;AAAiE;AAEjE,MAAMA,eAAmB,GAAG;EAAA,IAAC;IAAEC;EAAS,CAAC;EAAA,oBACrC,6BAAC,sCAAqB;IAAC,SAAS,EAAC;EAA+B,GAC3DA,QAAQ,CACW;AAAA,CAC3B;AAEDD,eAAe,CAACE,WAAW,GAAG,iBAAiB;AAAC,eAEjCF,eAAe;AAAA"}

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

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

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledListItemContent = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemContent.styles.js","names":["StyledListItemContent","styled","div","theme","text"],"sources":["../../../../../src/components/list/list-item/list-item-content/ListItemContent.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemContentProps = WithTheme<unknown>;\n\nexport const StyledListItemContent = styled.div`\n    color: ${({ theme }: StyledListItemContentProps) => theme.text};\n    padding: 9px 18px 8px 35px;\n`;\n"],"mappings":";;;;;;AAAA;AAAuC;AAKhC,MAAMA,qBAAqB,GAAGC,yBAAM,CAACC,GAAI;AAChD,aAAa;EAAA,IAAC;IAAEC;EAAkC,CAAC;EAAA,OAAKA,KAAK,CAACC,IAAI;AAAA,CAAC;AACnE;AACA,CAAC;AAAC"}

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

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

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

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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 (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]);
+  const handleTouchEnd = (0, _react.useCallback)(() => {
+    clearTimeout(longPressTimeoutRef.current);
+  }, []);
+  const iconOrImageElement = (0, _react.useMemo)(() => {
+    if (icons) {
+      return /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, {
+        icons: icons
+      });
+    }
+    if (images) {
+      return /*#__PURE__*/_react.default.createElement(_ListItemImage.default, {
+        images: images,
+        shouldShowRoundImage: !!shouldShowRoundImage
+      });
+    }
+    return undefined;
+  }, [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,
+    transition: {
+      type: 'tween'
+    }
+  }, isExpandable && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icons: ['fa fa-chevron-right']
+  })), 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, {
+    className: "ellipsis"
+  }, subtitle), rightElements && rightElements.length > 1 && rightElements[1] && /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadBottomRightElement, null, rightElements[1]))), (rightElements === null || rightElements === void 0 ? void 0 : rightElements.length) === 1 && /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHeadRightElement, null, rightElements[0]), 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.15,
+      type: 'tween'
+    }
+  }, hoverItem));
+};
+ListItemHead.displayName = 'ListItemHead';
+var _default = ListItemHead;
+exports.default = _default;
+//# sourceMappingURL=ListItemHead.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemHead.js","names":["ListItemHead","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","undefined","rotate","type","length","marginLeft","opacity","width","duration","displayName"],"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

@@ -0,0 +1,20 @@
+export declare const StyledListItemHead: import("styled-components").StyledComponent<"div", any, {
+    isClickable: boolean;
+} & {
+    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>;
+declare 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>;
+export declare const StyledListItemHeadTitleText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledListItemHeadSubtitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledListItemHeadSubtitleText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledListItemHeadTopRightElement: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledListItemHeadBottomRightElement: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledListItemHeadRightElement: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMotionListItemHeadHoverItem: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export {};