@chayns-components/core 5.0.0-beta.45 → 5.0.0-beta.47

package/lib/components/accordion/Accordion.d.ts

@@ -1,8 +1,13 @@
-import React, { ChangeEventHandler, FC, ReactNode } from 'react';
+import React, { ChangeEventHandler, FC, ReactNode, UIEvent } from 'react';
 export declare const AccordionContext: React.Context<{
     isWrapped: boolean;
 }>;
-export declare type AccordionProps = {
+export type AccordionProps = {
+    /**
+     * Maximum height of the accordion body element. This automatically makes the content of the
+     * body element scrollable.
+     */
+    bodyMaxHeight?: number;
     /**
      * The content of the accordion body
      */
@@ -33,6 +38,10 @@ export declare type AccordionProps = {
      * the head and the padding of the content.
      */
     isWrapped?: boolean;
+    /**
+     * Function that is executed when the accordion body will be scrolled
+     */
+    onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;
     /**
      * Function that is executed when the accordion will be closed.
      */

package/lib/components/accordion/Accordion.js

@@ -21,6 +21,7 @@ exports.AccordionContext = AccordionContext;
 AccordionContext.displayName = 'AccordionContext';
 const Accordion = _ref => {
   let {
+    bodyMaxHeight,
     children,
     icon,
     isDefaultOpen = false,
@@ -28,6 +29,7 @@ const Accordion = _ref => {
     isFixed = false,
     isTitleGreyed = false,
     isWrapped = false,
+    onBodyScroll,
     onClose,
     onOpen,
     onSearchChange,
@@ -77,6 +79,9 @@ const Accordion = _ref => {
       });
     }
   }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);
+  const accordionContextProviderValue = (0, _react.useMemo)(() => ({
+    isWrapped
+  }), [isWrapped]);
   return /*#__PURE__*/_react.default.createElement(_Accordion.StyledAccordion, {
     className: "beta-chayns-accordion",
     isOpen: isOpen,
@@ -84,9 +89,7 @@ const Accordion = _ref => {
     isWrapped: isWrapped,
     shouldHideBackground: shouldHideBackground
   }, /*#__PURE__*/_react.default.createElement(AccordionContext.Provider, {
-    value: {
-      isWrapped
-    }
+    value: accordionContextProviderValue
   }, /*#__PURE__*/_react.default.createElement(_framerMotion.MotionConfig, {
     transition: {
       type: 'tween'
@@ -106,7 +109,10 @@ const Accordion = _ref => {
     titleElement: titleElement
   }), /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
     initial: false
-  }, isOpen && /*#__PURE__*/_react.default.createElement(_AccordionBody.default, null, children)))));
+  }, isOpen && /*#__PURE__*/_react.default.createElement(_AccordionBody.default, {
+    maxHeight: bodyMaxHeight,
+    onScroll: onBodyScroll
+  }, children)))));
 };
 Accordion.displayName = 'Accordion';
 var _default = Accordion;

package/lib/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["AccordionContext","React","createContext","isWrapped","displayName","Accordion","children","icon","isDefaultOpen","isDisabled","isFixed","isTitleGreyed","onClose","onOpen","onSearchChange","rightElement","searchIcon","searchPlaceholder","shouldHideBackground","title","titleElement","openAccordionUuid","updateOpenAccordionUuid","useContext","AccordionGroupContext","isParentWrapped","isAccordionOpen","setIsAccordionOpen","useState","uuid","useUuid","isInitialRenderRef","useRef","isInGroup","isOpen","handleHeadClick","useCallback","currentIsAccordionOpen","useEffect","current","shouldOnlyOpen","type"],"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'framer-motion';\nimport React, {\n    ChangeEventHandler,\n    FC,\n    ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport { AccordionGroupContext } from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport { StyledAccordion } from './Accordion.styles';\n\nexport const AccordionContext = React.createContext({ isWrapped: false });\n\nAccordionContext.displayName = 'AccordionContext';\n\nexport type AccordionProps = {\n    /**\n     * The content of the accordion body\n     */\n    children: ReactNode;\n    /**\n     * The icon that is displayed in front of the title\n     */\n    icon?: string;\n    /**\n     * This can be used to automatically expand the Accordion during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This will disable the Accordion so that it cannot be opened and will gray out the title.\n     */\n    isDisabled?: boolean;\n    /**\n     * This can be used so that the Accordion cannot be opened or closed.\n     * In addition, in this case the icon is exchanged to mark the Accordions.\n     */\n    isFixed?: boolean;\n    /**\n     * This will gray out the title of the Accordion to indicate hidden content, for example.\n     */\n    isTitleGreyed?: boolean;\n    /**\n     * This value must be set for nested Accordions. This adjusts the style of\n     * the head and the padding of the content.\n     */\n    isWrapped?: boolean;\n    /**\n     * Function that is executed when the accordion will be closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function that is executed when the accordion will be opened.\n     */\n    onOpen?: VoidFunction;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * head changes. When this function is given, the search field is displayed\n     * in the Accordion Head.\n     */\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Content to be displayed on the right side in the head of the Accordion\n     */\n    rightElement?: ReactNode;\n    /**\n     * Icon to be displayed on the right side in the search input\n     */\n    searchIcon?: string[];\n    /**\n     * The placeholder to be used for the search\n     */\n    searchPlaceholder?: string;\n    /**\n     * This will hide the background color of the accordion\n     */\n    shouldHideBackground?: boolean;\n    /**\n     * Title of the Accordion displayed in the head\n     */\n    title: string;\n    /**\n     * Additional elements to be displayed in the header next to the title.\n     */\n    titleElement?: ReactNode;\n};\n\nconst Accordion: FC<AccordionProps> = ({\n    children,\n    icon,\n    isDefaultOpen = false,\n    isDisabled = false,\n    isFixed = false,\n    isTitleGreyed = false,\n    isWrapped = false,\n    onClose,\n    onOpen,\n    onSearchChange,\n    rightElement,\n    searchIcon,\n    searchPlaceholder,\n    shouldHideBackground = false,\n    title,\n    titleElement,\n}) => {\n    const { openAccordionUuid, updateOpenAccordionUuid } = useContext(AccordionGroupContext);\n    const { isWrapped: isParentWrapped } = useContext(AccordionContext);\n\n    const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen);\n\n    const uuid = useUuid();\n\n    const isInitialRenderRef = useRef(true);\n\n    const isInGroup = typeof updateOpenAccordionUuid === 'function';\n\n    const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n    const handleHeadClick = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid);\n        }\n\n        setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n    }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (isOpen) {\n            if (typeof onOpen === 'function') {\n                onOpen();\n            }\n        } else if (typeof onClose === 'function') {\n            onClose();\n        }\n    }, [isOpen, onClose, onOpen]);\n\n    useEffect(() => {\n        if (isDefaultOpen && typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid, { shouldOnlyOpen: true });\n        }\n    }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n    return (\n        <StyledAccordion\n            className=\"beta-chayns-accordion\"\n            isOpen={isOpen}\n            isParentWrapped={isParentWrapped}\n            isWrapped={isWrapped}\n            shouldHideBackground={shouldHideBackground}\n        >\n            <AccordionContext.Provider value={{ isWrapped }}>\n                <MotionConfig transition={{ type: 'tween' }}>\n                    <AccordionHead\n                        icon={icon}\n                        isOpen={isOpen}\n                        isFixed={isFixed}\n                        isTitleGreyed={isTitleGreyed || isDisabled}\n                        isWrapped={isWrapped}\n                        onClick={handleHeadClick}\n                        onSearchChange={onSearchChange}\n                        rightElement={rightElement}\n                        searchIcon={searchIcon}\n                        searchPlaceholder={searchPlaceholder}\n                        title={title}\n                        titleElement={titleElement}\n                    />\n                    <AnimatePresence initial={false}>\n                        {isOpen && <AccordionBody>{children}</AccordionBody>}\n                    </AnimatePresence>\n                </MotionConfig>\n            </AccordionContext.Provider>\n        </StyledAccordion>\n    );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","names":["AccordionContext","React","createContext","isWrapped","displayName","Accordion","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isTitleGreyed","onBodyScroll","onClose","onOpen","onSearchChange","rightElement","searchIcon","searchPlaceholder","shouldHideBackground","title","titleElement","openAccordionUuid","updateOpenAccordionUuid","useContext","AccordionGroupContext","isParentWrapped","isAccordionOpen","setIsAccordionOpen","useState","uuid","useUuid","isInitialRenderRef","useRef","isInGroup","isOpen","handleHeadClick","useCallback","currentIsAccordionOpen","useEffect","current","shouldOnlyOpen","accordionContextProviderValue","useMemo","type"],"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'framer-motion';\nimport React, {\n    ChangeEventHandler,\n    FC,\n    ReactNode,\n    UIEvent,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport { AccordionGroupContext } from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport { StyledAccordion } from './Accordion.styles';\n\nexport const AccordionContext = React.createContext({ isWrapped: false });\n\nAccordionContext.displayName = 'AccordionContext';\n\nexport type AccordionProps = {\n    /**\n     * Maximum height of the accordion body element. This automatically makes the content of the\n     * body element scrollable.\n     */\n    bodyMaxHeight?: number;\n    /**\n     * The content of the accordion body\n     */\n    children: ReactNode;\n    /**\n     * The icon that is displayed in front of the title\n     */\n    icon?: string;\n    /**\n     * This can be used to automatically expand the Accordion during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This will disable the Accordion so that it cannot be opened and will gray out the title.\n     */\n    isDisabled?: boolean;\n    /**\n     * This can be used so that the Accordion cannot be opened or closed.\n     * In addition, in this case the icon is exchanged to mark the Accordions.\n     */\n    isFixed?: boolean;\n    /**\n     * This will gray out the title of the Accordion to indicate hidden content, for example.\n     */\n    isTitleGreyed?: boolean;\n    /**\n     * This value must be set for nested Accordions. This adjusts the style of\n     * the head and the padding of the content.\n     */\n    isWrapped?: boolean;\n    /**\n     * Function that is executed when the accordion body will be scrolled\n     */\n    onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;\n    /**\n     * Function that is executed when the accordion will be closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function that is executed when the accordion will be opened.\n     */\n    onOpen?: VoidFunction;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * head changes. When this function is given, the search field is displayed\n     * in the Accordion Head.\n     */\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Content to be displayed on the right side in the head of the Accordion\n     */\n    rightElement?: ReactNode;\n    /**\n     * Icon to be displayed on the right side in the search input\n     */\n    searchIcon?: string[];\n    /**\n     * The placeholder to be used for the search\n     */\n    searchPlaceholder?: string;\n    /**\n     * This will hide the background color of the accordion\n     */\n    shouldHideBackground?: boolean;\n    /**\n     * Title of the Accordion displayed in the head\n     */\n    title: string;\n    /**\n     * Additional elements to be displayed in the header next to the title.\n     */\n    titleElement?: ReactNode;\n};\n\nconst Accordion: FC<AccordionProps> = ({\n    bodyMaxHeight,\n    children,\n    icon,\n    isDefaultOpen = false,\n    isDisabled = false,\n    isFixed = false,\n    isTitleGreyed = false,\n    isWrapped = false,\n    onBodyScroll,\n    onClose,\n    onOpen,\n    onSearchChange,\n    rightElement,\n    searchIcon,\n    searchPlaceholder,\n    shouldHideBackground = false,\n    title,\n    titleElement,\n}) => {\n    const { openAccordionUuid, updateOpenAccordionUuid } = useContext(AccordionGroupContext);\n    const { isWrapped: isParentWrapped } = useContext(AccordionContext);\n\n    const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen);\n\n    const uuid = useUuid();\n\n    const isInitialRenderRef = useRef(true);\n\n    const isInGroup = typeof updateOpenAccordionUuid === 'function';\n\n    const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n    const handleHeadClick = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid);\n        }\n\n        setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n    }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (isOpen) {\n            if (typeof onOpen === 'function') {\n                onOpen();\n            }\n        } else if (typeof onClose === 'function') {\n            onClose();\n        }\n    }, [isOpen, onClose, onOpen]);\n\n    useEffect(() => {\n        if (isDefaultOpen && typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid, { shouldOnlyOpen: true });\n        }\n    }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n    const accordionContextProviderValue = useMemo(() => ({ isWrapped }), [isWrapped]);\n\n    return (\n        <StyledAccordion\n            className=\"beta-chayns-accordion\"\n            isOpen={isOpen}\n            isParentWrapped={isParentWrapped}\n            isWrapped={isWrapped}\n            shouldHideBackground={shouldHideBackground}\n        >\n            <AccordionContext.Provider value={accordionContextProviderValue}>\n                <MotionConfig transition={{ type: 'tween' }}>\n                    <AccordionHead\n                        icon={icon}\n                        isOpen={isOpen}\n                        isFixed={isFixed}\n                        isTitleGreyed={isTitleGreyed || isDisabled}\n                        isWrapped={isWrapped}\n                        onClick={handleHeadClick}\n                        onSearchChange={onSearchChange}\n                        rightElement={rightElement}\n                        searchIcon={searchIcon}\n                        searchPlaceholder={searchPlaceholder}\n                        title={title}\n                        titleElement={titleElement}\n                    />\n                    <AnimatePresence initial={false}>\n                        {isOpen && (\n                            <AccordionBody maxHeight={bodyMaxHeight} onScroll={onBodyScroll}>\n                                {children}\n                            </AccordionBody>\n                        )}\n                    </AnimatePresence>\n                </MotionConfig>\n            </AccordionContext.Provider>\n        </StyledAccordion>\n    );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"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"}

package/lib/components/accordion/accordion-body/AccordionBody.d.ts

@@ -1,9 +1,14 @@
-import { FC } from 'react';
-export declare type AccordionBodyProps = {
+import { FC, UIEvent } from 'react';
+import type { AccordionProps } from '../Accordion';
+export type AccordionBodyProps = {
     /**
      * Maximum height of the element. This automatically makes the content of the element scrollable.
      */
-    maxHeight?: number;
+    maxHeight: AccordionProps['bodyMaxHeight'];
+    /**
+     * Function that is executed when the element will be scrolled
+     */
+    onScroll?: (event: UIEvent<HTMLDivElement>) => void;
 };
 declare const AccordionBody: FC<AccordionBodyProps>;
 export default AccordionBody;

package/lib/components/accordion/accordion-body/AccordionBody.js

@@ -4,15 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _AccordionGroup = require("../accordion-group/AccordionGroup");
 var _AccordionBody = require("./AccordionBody.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 AccordionBody = _ref => {
   let {
     children,
-    maxHeight
+    maxHeight,
+    onScroll
   } = _ref;
+  const AccordionGroupContextProviderValue = (0, _react.useMemo)(() => ({
+    openAccordionUuid: undefined
+  }), []);
   return /*#__PURE__*/_react.default.createElement(_AccordionBody.StyledMotionAccordionBody, {
     animate: {
       height: 'auto',
@@ -27,11 +32,10 @@ const AccordionBody = _ref => {
       height: 0,
       opacity: 0
     },
-    maxHeight: maxHeight
+    maxHeight: maxHeight,
+    onScroll: onScroll
   }, /*#__PURE__*/_react.default.createElement(_AccordionGroup.AccordionGroupContext.Provider, {
-    value: {
-      openAccordionUuid: undefined
-    }
+    value: AccordionGroupContextProviderValue
   }, children));
 };
 AccordionBody.displayName = 'AccordionBody';

package/lib/components/accordion/accordion-body/AccordionBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionBody.js","names":["AccordionBody","children","maxHeight","height","opacity","openAccordionUuid","undefined","displayName"],"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { AccordionGroupContext } from '../accordion-group/AccordionGroup';\nimport { StyledMotionAccordionBody } from './AccordionBody.styles';\n\nexport type AccordionBodyProps = {\n    /**\n     * Maximum height of the element. This automatically makes the content of the element scrollable.\n     */\n    maxHeight?: number;\n};\n\nconst AccordionBody: FC<AccordionBodyProps> = ({ children, maxHeight }) => (\n    <StyledMotionAccordionBody\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        maxHeight={maxHeight}\n    >\n        <AccordionGroupContext.Provider value={{ openAccordionUuid: undefined }}>\n            {children}\n        </AccordionGroupContext.Provider>\n    </StyledMotionAccordionBody>\n);\n\nAccordionBody.displayName = 'AccordionBody';\n\nexport default AccordionBody;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmE;AASnE,MAAMA,aAAqC,GAAG;EAAA,IAAC;IAAEC,QAAQ;IAAEC;EAAU,CAAC;EAAA,oBAClE,6BAAC,wCAAyB;IACtB,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,SAAS,EAAEF;EAAU,gBAErB,6BAAC,qCAAqB,CAAC,QAAQ;IAAC,KAAK,EAAE;MAAEG,iBAAiB,EAAEC;IAAU;EAAE,GACnEL,QAAQ,CACoB,CACT;AAAA,CAC/B;AAEDD,aAAa,CAACO,WAAW,GAAG,eAAe;AAAC,eAE7BP,aAAa;AAAA"}
+{"version":3,"file":"AccordionBody.js","names":["AccordionBody","children","maxHeight","onScroll","AccordionGroupContextProviderValue","useMemo","openAccordionUuid","undefined","height","opacity","displayName"],"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.tsx"],"sourcesContent":["import React, { FC, UIEvent, useMemo } from 'react';\nimport type { AccordionProps } from '../Accordion';\nimport { AccordionGroupContext } from '../accordion-group/AccordionGroup';\nimport { StyledMotionAccordionBody } from './AccordionBody.styles';\n\nexport type AccordionBodyProps = {\n    /**\n     * Maximum height of the element. This automatically makes the content of the element scrollable.\n     */\n    maxHeight: AccordionProps['bodyMaxHeight'];\n    /**\n     * Function that is executed when the element will be scrolled\n     */\n    onScroll?: (event: UIEvent<HTMLDivElement>) => void;\n};\n\nconst AccordionBody: FC<AccordionBodyProps> = ({ children, maxHeight, onScroll }) => {\n    const AccordionGroupContextProviderValue = useMemo(\n        () => ({ openAccordionUuid: undefined }),\n        []\n    );\n\n    return (\n        <StyledMotionAccordionBody\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            maxHeight={maxHeight}\n            onScroll={onScroll}\n        >\n            <AccordionGroupContext.Provider value={AccordionGroupContextProviderValue}>\n                {children}\n            </AccordionGroupContext.Provider>\n        </StyledMotionAccordionBody>\n    );\n};\n\nAccordionBody.displayName = 'AccordionBody';\n\nexport default AccordionBody;\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AAAmE;AAAA;AAanE,MAAMA,aAAqC,GAAG,QAAuC;EAAA,IAAtC;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAS,CAAC;EAC5E,MAAMC,kCAAkC,GAAG,IAAAC,cAAO,EAC9C,OAAO;IAAEC,iBAAiB,EAAEC;EAAU,CAAC,CAAC,EACxC,EAAE,CACL;EAED,oBACI,6BAAC,wCAAyB;IACtB,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,SAAS,EAAEP,SAAU;IACrB,QAAQ,EAAEC;EAAS,gBAEnB,6BAAC,qCAAqB,CAAC,QAAQ;IAAC,KAAK,EAAEC;EAAmC,GACrEH,QAAQ,CACoB,CACT;AAEpC,CAAC;AAEDD,aAAa,CAACU,WAAW,GAAG,eAAe;AAAC,eAE7BV,aAAa;AAAA"}

package/lib/components/accordion/accordion-body/AccordionBody.styles.d.ts

@@ -1,4 +1,4 @@
 import type { AccordionBodyProps } from './AccordionBody';
-declare type StyledMotionAccordionBodyProps = Pick<AccordionBodyProps, 'maxHeight'>;
+type StyledMotionAccordionBodyProps = Pick<AccordionBodyProps, 'maxHeight'>;
 export declare const StyledMotionAccordionBody: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, StyledMotionAccordionBodyProps, never>;
 export {};

package/lib/components/accordion/accordion-content/AccordionContent.d.ts

@@ -1,5 +1,5 @@
-import { FC, ReactNode } from 'react';
-export declare type AccordionContentProps = {
+import { FC, ReactNode, UIEvent } from 'react';
+export type AccordionContentProps = {
     /**
      * The content of the accordion content element
      */
@@ -8,6 +8,10 @@ export declare type AccordionContentProps = {
      * Maximum height of the element. This automatically makes the content of the element scrollable.
      */
     maxHeight?: number;
+    /**
+     * Function that is executed when the element will be scrolled
+     */
+    onScroll?: (event: UIEvent<HTMLDivElement>) => void;
 };
 declare const AccordionContent: FC<AccordionContentProps>;
 export default AccordionContent;

package/lib/components/accordion/accordion-content/AccordionContent.js

@@ -11,7 +11,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const AccordionContent = _ref => {
   let {
     children,
-    maxHeight
+    maxHeight,
+    onScroll
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionContext.Consumer, null, _ref2 => {
     let {
@@ -20,7 +21,8 @@ const AccordionContent = _ref => {
     return /*#__PURE__*/_react.default.createElement(_AccordionContent.StyledAccordionContent, {
       className: "beta-chayns-accordion-content",
       isWrapped: isWrapped,
-      maxHeight: maxHeight
+      maxHeight: maxHeight,
+      onScroll: onScroll
     }, children);
   });
 };

package/lib/components/accordion/accordion-content/AccordionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.js","names":["AccordionContent","children","maxHeight","isWrapped","displayName"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { AccordionContext } from '../Accordion';\nimport { StyledAccordionContent } from './AccordionContent.styles';\n\nexport type AccordionContentProps = {\n    /**\n     * The content of the accordion content element\n     */\n    children: ReactNode;\n    /**\n     * Maximum height of the element. This automatically makes the content of the element scrollable.\n     */\n    maxHeight?: number;\n};\n\nconst AccordionContent: FC<AccordionContentProps> = ({ children, maxHeight }) => (\n    <AccordionContext.Consumer>\n        {({ isWrapped }) => (\n            <StyledAccordionContent\n                className=\"beta-chayns-accordion-content\"\n                isWrapped={isWrapped}\n                maxHeight={maxHeight}\n            >\n                {children}\n            </StyledAccordionContent>\n        )}\n    </AccordionContext.Consumer>\n);\n\nAccordionContent.displayName = 'AccordionContent';\n\nexport default AccordionContent;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmE;AAanE,MAAMA,gBAA2C,GAAG;EAAA,IAAC;IAAEC,QAAQ;IAAEC;EAAU,CAAC;EAAA,oBACxE,6BAAC,2BAAgB,CAAC,QAAQ,QACrB;IAAA,IAAC;MAAEC;IAAU,CAAC;IAAA,oBACX,6BAAC,wCAAsB;MACnB,SAAS,EAAC,+BAA+B;MACzC,SAAS,EAAEA,SAAU;MACrB,SAAS,EAAED;IAAU,GAEpBD,QAAQ,CACY;EAAA,CAC5B,CACuB;AAAA,CAC/B;AAEDD,gBAAgB,CAACI,WAAW,GAAG,kBAAkB;AAAC,eAEnCJ,gBAAgB;AAAA"}
+{"version":3,"file":"AccordionContent.js","names":["AccordionContent","children","maxHeight","onScroll","isWrapped","displayName"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.tsx"],"sourcesContent":["import React, { FC, ReactNode, UIEvent } from 'react';\nimport { AccordionContext } from '../Accordion';\nimport { StyledAccordionContent } from './AccordionContent.styles';\n\nexport type AccordionContentProps = {\n    /**\n     * The content of the accordion content element\n     */\n    children: ReactNode;\n    /**\n     * Maximum height of the element. This automatically makes the content of the element scrollable.\n     */\n    maxHeight?: number;\n    /**\n     * Function that is executed when the element will be scrolled\n     */\n    onScroll?: (event: UIEvent<HTMLDivElement>) => void;\n};\n\nconst AccordionContent: FC<AccordionContentProps> = ({ children, maxHeight, onScroll }) => (\n    <AccordionContext.Consumer>\n        {({ isWrapped }) => (\n            <StyledAccordionContent\n                className=\"beta-chayns-accordion-content\"\n                isWrapped={isWrapped}\n                maxHeight={maxHeight}\n                onScroll={onScroll}\n            >\n                {children}\n            </StyledAccordionContent>\n        )}\n    </AccordionContext.Consumer>\n);\n\nAccordionContent.displayName = 'AccordionContent';\n\nexport default AccordionContent;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmE;AAiBnE,MAAMA,gBAA2C,GAAG;EAAA,IAAC;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAS,CAAC;EAAA,oBAClF,6BAAC,2BAAgB,CAAC,QAAQ,QACrB;IAAA,IAAC;MAAEC;IAAU,CAAC;IAAA,oBACX,6BAAC,wCAAsB;MACnB,SAAS,EAAC,+BAA+B;MACzC,SAAS,EAAEA,SAAU;MACrB,SAAS,EAAEF,SAAU;MACrB,QAAQ,EAAEC;IAAS,GAElBF,QAAQ,CACY;EAAA,CAC5B,CACuB;AAAA,CAC/B;AAEDD,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAAC,eAEnCL,gBAAgB;AAAA"}

package/lib/components/accordion/accordion-group/AccordionGroup.d.ts

@@ -1,5 +1,5 @@
 import React, { FC, ReactNode } from 'react';
-declare type IUpdateOpenAccordionUuid = (uuid: string, options?: {
+type IUpdateOpenAccordionUuid = (uuid: string, options?: {
     shouldOnlyOpen?: boolean;
 }) => void;
 interface IAccordionGroupContext {
@@ -7,7 +7,7 @@ interface IAccordionGroupContext {
     updateOpenAccordionUuid?: IUpdateOpenAccordionUuid;
 }
 export declare const AccordionGroupContext: React.Context<IAccordionGroupContext>;
-declare type AccordionGroupProps = {
+type AccordionGroupProps = {
     /**
      * The Accordions that should be grouped. Accordions with the same group are
      * automatically closed when an `Accordion` of the group is opened.

package/lib/components/accordion/accordion-head/AccordionHead.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEventHandler, FC, MouseEventHandler, ReactNode } from 'react';
-declare type AccordionHeadProps = {
+type AccordionHeadProps = {
     icon?: string;
     isOpen: boolean;
     isFixed: boolean;

package/lib/components/accordion/accordion-intro/AccordionIntro.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-export declare type AccordionIntroProps = {
+export type AccordionIntroProps = {
     /**
      * The content of the accordion content element
      */

package/lib/components/badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-export declare type BadgeProps = {
+export type BadgeProps = {
     /**
      * The background color of the badge
      */

package/lib/components/button/Button.d.ts

@@ -1,5 +1,5 @@
 import { FC, MouseEventHandler, ReactNode } from 'react';
-export declare type ButtonProps = {
+export type ButtonProps = {
     /**
      * The label of the button
      */

package/lib/components/checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEventHandler, FC, ReactNode } from 'react';
-export declare type CheckboxProps = {
+export type CheckboxProps = {
     /**
      * Text for checkbox or switch
      */

package/lib/components/color-scheme-provider/ColorSchemeProvider.d.ts

@@ -4,7 +4,7 @@ declare enum ColorMode {
     Dark = 1,
     Light = 2
 }
-declare type ColorSchemeProviderProps = {
+type ColorSchemeProviderProps = {
     /**
      * The content of the application or the components for which the styles should be set
      */
@@ -37,7 +37,7 @@ declare type ColorSchemeProviderProps = {
 export interface Theme {
     [key: string]: string;
 }
-export declare type WithTheme<T> = T & {
+export type WithTheme<T> = T & {
     theme: Theme;
 };
 declare const ColorSchemeProvider: FC<ColorSchemeProviderProps>;

package/lib/components/context-menu/ContextMenu.d.ts

@@ -1,20 +1,20 @@
 import React, { MouseEvent, ReactNode } from 'react';
 import { ContextMenuAlignment } from './constants/alignment';
-export declare type ContextMenuCoordinates = {
+export type ContextMenuCoordinates = {
     x: number;
     y: number;
 };
-export declare type ContextMenuItem = {
+export type ContextMenuItem = {
     icons: string[];
     key: string;
     onClick: (event?: MouseEvent<HTMLDivElement>) => void;
     text: string;
 };
-declare type ContextMenuRef = {
+type ContextMenuRef = {
     hide: VoidFunction;
     show: VoidFunction;
 };
-declare type ContextMenuProps = {
+type ContextMenuProps = {
     /**
      * Optional custom alignment used instead of calculating it using the
      * alignment within the page. The available alignment can be taken from the

package/lib/components/context-menu/context-menu-content/ContextMenuContent.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ContextMenuAlignment } from '../constants/alignment';
 import type { ContextMenuCoordinates, ContextMenuItem } from '../ContextMenu';
-declare type ContextMenuContentProps = {
+type ContextMenuContentProps = {
     alignment: ContextMenuAlignment;
     coordinates: ContextMenuCoordinates;
     items: ContextMenuItem[];

package/lib/components/grid-image/GridImage.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-declare type GridImageProps = {
+type GridImageProps = {
     /**
      * The images to be displayed in the `GridImage`. Only the first three
      * images are displayed.

package/lib/components/grid-image/GridImage.styles.d.ts

@@ -4,17 +4,17 @@ export declare const StyledGridImage: import("styled-components").StyledComponen
 } & {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>;
-declare type StyledGridLeftImageProps = {
+type StyledGridLeftImageProps = {
     isHidden: boolean;
     size: number;
 };
 export declare const StyledGridLeftImage: import("styled-components").StyledComponent<"img", any, StyledGridLeftImageProps, never>;
-declare type StyledGridTopRightImageProps = {
+type StyledGridTopRightImageProps = {
     isHidden: boolean;
     size: number;
 };
 export declare const StyledGridTopRightImage: import("styled-components").StyledComponent<"img", any, StyledGridTopRightImageProps, never>;
-declare type StyledGridBottomRightImageProps = {
+type StyledGridBottomRightImageProps = {
     isHidden: boolean;
 };
 export declare const StyledGridBottomRightImage: import("styled-components").StyledComponent<"img", any, StyledGridBottomRightImageProps, never>;

package/lib/components/icon/Icon.d.ts

@@ -1,5 +1,5 @@
 import { FC, MouseEventHandler } from 'react';
-export declare type IconProps = {
+export type IconProps = {
     /**
      * Additional class names for the root element
      */

package/lib/components/icon/Icon.styles.d.ts

@@ -1,6 +1,6 @@
 import type { MouseEventHandler } from 'react';
 import type { IconProps } from './Icon';
-declare type StyledIconWrapperProps = {
+type StyledIconWrapperProps = {
     isDisabled?: boolean;
     onClick?: MouseEventHandler<HTMLSpanElement>;
     size: number;

package/lib/components/input/Input.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEventHandler, FC, FocusEventHandler, HTMLInputTypeAttribute, KeyboardEventHandler } from 'react';
-export declare type InputProps = {
+export type InputProps = {
     /**
      * Disables the input so that it cannot be changed anymore
      */

package/lib/components/list/List.d.ts

@@ -8,7 +8,7 @@ interface IListContext {
     }) => void;
 }
 export declare const ListContext: React.Context<IListContext>;
-declare type ListProps = {
+type ListProps = {
     /**
      * The items of the list
      */

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

@@ -1,5 +1,5 @@
 import { FC, MouseEventHandler, ReactNode, TouchEventHandler } from 'react';
-declare type ListItemProps = {
+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.

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

@@ -1,5 +1,5 @@
 import { FC, MouseEventHandler, ReactNode, TouchEventHandler } from 'react';
-declare type ListItemHeadProps = {
+type ListItemHeadProps = {
     hoverItem?: ReactNode;
     icons?: string[];
     images?: string[];

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

@@ -4,7 +4,7 @@ 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>;
-declare type StyledListItemHeadContentProps = {
+type StyledListItemHeadContentProps = {
     isIconOrImageGiven: boolean;
     isOpen: boolean;
 };

package/lib/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type ListItemIconProps = {
+type ListItemIconProps = {
     icons: string[];
 };
 declare const ListItemIcon: React.FC<ListItemIconProps>;

package/lib/components/list/list-item/list-item-head/list-item-image/ListItemImage.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type ListItemImageProps = {
+type ListItemImageProps = {
     images: string[];
     shouldShowRoundImage: boolean;
 };

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

@@ -3,7 +3,7 @@ export declare const StyledListItemHeadImageWrapper: import("styled-components")
 } & {
     theme: import("../../../../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>;
-declare type StyledListItemHeadImageProps = {
+type StyledListItemHeadImageProps = {
     isHidden: boolean;
 };
 export declare const StyledListItemHeadImage: import("styled-components").StyledComponent<"img", any, StyledListItemHeadImageProps, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.45",
+    "version": "5.0.0-beta.47",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "keywords": [
         "chayns",
@@ -34,26 +34,26 @@
     },
     "devDependencies": {
         "@babel/cli": "^7.19.3",
-        "@babel/core": "^7.19.6",
-        "@babel/preset-env": "^7.19.4",
+        "@babel/core": "^7.20.5",
+        "@babel/preset-env": "^7.20.2",
         "@babel/preset-react": "^7.18.6",
         "@babel/preset-typescript": "^7.18.6",
-        "@types/react": "^17.0.50",
-        "@types/react-dom": "^17.0.17",
+        "@types/react": "^17.0.52",
+        "@types/react-dom": "^17.0.18",
         "@types/styled-components": "^5.1.26",
-        "@types/uuid": "^8.3.4",
-        "babel-loader": "^8.2.5",
+        "@types/uuid": "^9.0.0",
+        "babel-loader": "^8.3.0",
         "lerna": "^4.0.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
-        "typescript": "^4.8.4"
+        "typescript": "^4.9.4"
     },
     "dependencies": {
         "@chayns/colors": "^2.0.0",
         "clsx": "^1.2.1",
         "framer-motion": "^6.5.1",
         "styled-components": "^5.3.6",
-        "uuid": "^8.3.2"
+        "uuid": "^9.0.0"
     },
     "peerDependencies": {
         "react": ">=16.14.0",
@@ -62,5 +62,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "c2d9c44034d2227ef2940d80f5a2e57ecddc0cb2"
+    "gitHead": "0d986ac20ab799e45608c68892592d1c83038a8b"
 }