@chayns-components/core 5.0.0-beta.33 → 5.0.0-beta.36

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

@@ -2,7 +2,7 @@ import React, { ChangeEventHandler, FC, ReactNode } from 'react';
 export declare const AccordionContext: React.Context<{
     isWrapped: boolean;
 }>;
-declare type AccordionProps = {
+export declare type AccordionProps = {
     /**
      * The content of the accordion body
      */
@@ -59,6 +59,10 @@ declare type AccordionProps = {
      * The placeholder to be used for the search
      */
     searchPlaceholder?: string;
+    /**
+     * This will hide the background color of the accordion
+     */
+    shouldHideBackground?: boolean;
     /**
      * Title of the Accordion displayed in the head
      */

package/lib/components/accordion/Accordion.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,68 +21,49 @@ var _Accordion = require("./Accordion.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 _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 _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 _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 _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 AccordionContext = /*#__PURE__*/_react.default.createContext({
+const AccordionContext = /*#__PURE__*/_react.default.createContext({
   isWrapped: false
 });
 
 exports.AccordionContext = AccordionContext;
 AccordionContext.displayName = 'AccordionContext';
 
-var Accordion = function Accordion(_ref) {
-  var children = _ref.children,
-      icon = _ref.icon,
-      _ref$isDefaultOpen = _ref.isDefaultOpen,
-      isDefaultOpen = _ref$isDefaultOpen === void 0 ? false : _ref$isDefaultOpen,
-      _ref$isDisabled = _ref.isDisabled,
-      isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-      _ref$isFixed = _ref.isFixed,
-      isFixed = _ref$isFixed === void 0 ? false : _ref$isFixed,
-      _ref$isTitleGreyed = _ref.isTitleGreyed,
-      isTitleGreyed = _ref$isTitleGreyed === void 0 ? false : _ref$isTitleGreyed,
-      _ref$isWrapped = _ref.isWrapped,
-      isWrapped = _ref$isWrapped === void 0 ? false : _ref$isWrapped,
-      onClose = _ref.onClose,
-      onOpen = _ref.onOpen,
-      onSearchChange = _ref.onSearchChange,
-      rightElement = _ref.rightElement,
-      searchIcon = _ref.searchIcon,
-      searchPlaceholder = _ref.searchPlaceholder,
-      title = _ref.title,
-      titleElement = _ref.titleElement;
-
-  var _useContext = (0, _react.useContext)(_AccordionGroup.AccordionGroupContext),
-      openAccordionUuid = _useContext.openAccordionUuid,
-      updateOpenAccordionUuid = _useContext.updateOpenAccordionUuid;
-
-  var _useContext2 = (0, _react.useContext)(AccordionContext),
-      isParentWrapped = _useContext2.isWrapped;
-
-  var _useState = (0, _react.useState)(isDefaultOpen),
-      _useState2 = _slicedToArray(_useState, 2),
-      isAccordionOpen = _useState2[0],
-      setIsAccordionOpen = _useState2[1];
-
-  var uuid = (0, _uuid.useUuid)();
-  var isInitialRenderRef = (0, _react.useRef)(true);
-  var isInGroup = typeof updateOpenAccordionUuid === 'function';
-  var isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;
-  var handleHeadClick = (0, _react.useCallback)(function () {
+const Accordion = _ref => {
+  let {
+    children,
+    icon,
+    isDefaultOpen = false,
+    isDisabled = false,
+    isFixed = false,
+    isTitleGreyed = false,
+    isWrapped = false,
+    onClose,
+    onOpen,
+    onSearchChange,
+    rightElement,
+    searchIcon,
+    searchPlaceholder,
+    shouldHideBackground = false,
+    title,
+    titleElement
+  } = _ref;
+  const {
+    openAccordionUuid,
+    updateOpenAccordionUuid
+  } = (0, _react.useContext)(_AccordionGroup.AccordionGroupContext);
+  const {
+    isWrapped: isParentWrapped
+  } = (0, _react.useContext)(AccordionContext);
+  const [isAccordionOpen, setIsAccordionOpen] = (0, _react.useState)(isDefaultOpen);
+  const uuid = (0, _uuid.useUuid)();
+  const isInitialRenderRef = (0, _react.useRef)(true);
+  const isInGroup = typeof updateOpenAccordionUuid === 'function';
+  const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;
+  const handleHeadClick = (0, _react.useCallback)(() => {
     if (isDisabled) {
       return;
     }
@@ -93,11 +72,9 @@ var Accordion = function Accordion(_ref) {
       updateOpenAccordionUuid(uuid);
     }
 
-    setIsAccordionOpen(function (currentIsAccordionOpen) {
-      return !currentIsAccordionOpen;
-    });
+    setIsAccordionOpen(currentIsAccordionOpen => !currentIsAccordionOpen);
   }, [isDisabled, updateOpenAccordionUuid, uuid]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isInitialRenderRef.current) {
       isInitialRenderRef.current = false;
     } else if (isOpen) {
@@ -108,7 +85,7 @@ var Accordion = function Accordion(_ref) {
       onClose();
     }
   }, [isOpen, onClose, onOpen]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isDefaultOpen && typeof updateOpenAccordionUuid === 'function') {
       updateOpenAccordionUuid(uuid, {
         shouldOnlyOpen: true
@@ -119,10 +96,11 @@ var Accordion = function Accordion(_ref) {
     className: "beta-chayns-accordion",
     isOpen: isOpen,
     isParentWrapped: isParentWrapped,
-    isWrapped: isWrapped
+    isWrapped: isWrapped,
+    shouldHideBackground: shouldHideBackground
   }, /*#__PURE__*/_react.default.createElement(AccordionContext.Provider, {
     value: {
-      isWrapped: isWrapped
+      isWrapped
     }
   }, /*#__PURE__*/_react.default.createElement(_framerMotion.MotionConfig, {
     transition: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion/Accordion.tsx"],"names":["AccordionContext","React","createContext","isWrapped","displayName","Accordion","children","icon","isDefaultOpen","isDisabled","isFixed","isTitleGreyed","onClose","onOpen","onSearchChange","rightElement","searchIcon","searchPlaceholder","title","titleElement","AccordionGroupContext","openAccordionUuid","updateOpenAccordionUuid","isParentWrapped","isAccordionOpen","setIsAccordionOpen","uuid","isInitialRenderRef","isInGroup","isOpen","handleHeadClick","currentIsAccordionOpen","current","shouldOnlyOpen","type"],"mappings":"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","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\ntype 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     * 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    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        >\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"],"file":"Accordion.js"}
+{"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":";;;;;;;AAAA;;AACA;;AAUA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,gBAAgB,gBAAGC,cAAA,CAAMC,aAAN,CAAoB;EAAEC,SAAS,EAAE;AAAb,CAApB,CAAzB;;;AAEPH,gBAAgB,CAACI,WAAjB,GAA+B,kBAA/B;;AAyEA,MAAMC,SAA6B,GAAG,QAiBhC;EAAA,IAjBiC;IACnCC,QADmC;IAEnCC,IAFmC;IAGnCC,aAAa,GAAG,KAHmB;IAInCC,UAAU,GAAG,KAJsB;IAKnCC,OAAO,GAAG,KALyB;IAMnCC,aAAa,GAAG,KANmB;IAOnCR,SAAS,GAAG,KAPuB;IAQnCS,OARmC;IASnCC,MATmC;IAUnCC,cAVmC;IAWnCC,YAXmC;IAYnCC,UAZmC;IAanCC,iBAbmC;IAcnCC,oBAAoB,GAAG,KAdY;IAenCC,KAfmC;IAgBnCC;EAhBmC,CAiBjC;EACF,MAAM;IAAEC,iBAAF;IAAqBC;EAArB,IAAiD,IAAAC,iBAAA,EAAWC,qCAAX,CAAvD;EACA,MAAM;IAAErB,SAAS,EAAEsB;EAAb,IAAiC,IAAAF,iBAAA,EAAWvB,gBAAX,CAAvC;EAEA,MAAM,CAAC0B,eAAD,EAAkBC,kBAAlB,IAAwC,IAAAC,eAAA,EAAkBpB,aAAlB,CAA9C;EAEA,MAAMqB,IAAI,GAAG,IAAAC,aAAA,GAAb;EAEA,MAAMC,kBAAkB,GAAG,IAAAC,aAAA,EAAO,IAAP,CAA3B;EAEA,MAAMC,SAAS,GAAG,OAAOX,uBAAP,KAAmC,UAArD;EAEA,MAAMY,MAAM,GAAGD,SAAS,GAAGZ,iBAAiB,KAAKQ,IAAzB,GAAgCH,eAAxD;EAEA,MAAMS,eAAe,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACtC,IAAI3B,UAAJ,EAAgB;MACZ;IACH;;IAED,IAAI,OAAOa,uBAAP,KAAmC,UAAvC,EAAmD;MAC/CA,uBAAuB,CAACO,IAAD,CAAvB;IACH;;IAEDF,kBAAkB,CAAEU,sBAAD,IAA4B,CAACA,sBAA9B,CAAlB;EACH,CAVuB,EAUrB,CAAC5B,UAAD,EAAaa,uBAAb,EAAsCO,IAAtC,CAVqB,CAAxB;EAYA,IAAAS,gBAAA,EAAU,MAAM;IACZ,IAAIP,kBAAkB,CAACQ,OAAvB,EAAgC;MAC5BR,kBAAkB,CAACQ,OAAnB,GAA6B,KAA7B;IACH,CAFD,MAEO,IAAIL,MAAJ,EAAY;MACf,IAAI,OAAOrB,MAAP,KAAkB,UAAtB,EAAkC;QAC9BA,MAAM;MACT;IACJ,CAJM,MAIA,IAAI,OAAOD,OAAP,KAAmB,UAAvB,EAAmC;MACtCA,OAAO;IACV;EACJ,CAVD,EAUG,CAACsB,MAAD,EAAStB,OAAT,EAAkBC,MAAlB,CAVH;EAYA,IAAAyB,gBAAA,EAAU,MAAM;IACZ,IAAI9B,aAAa,IAAI,OAAOc,uBAAP,KAAmC,UAAxD,EAAoE;MAChEA,uBAAuB,CAACO,IAAD,EAAO;QAAEW,cAAc,EAAE;MAAlB,CAAP,CAAvB;IACH;EACJ,CAJD,EAIG,CAAChC,aAAD,EAAgBc,uBAAhB,EAAyCO,IAAzC,CAJH;EAMA,oBACI,6BAAC,0BAAD;IACI,SAAS,EAAC,uBADd;IAEI,MAAM,EAAEK,MAFZ;IAGI,eAAe,EAAET,eAHrB;IAII,SAAS,EAAEtB,SAJf;IAKI,oBAAoB,EAAEe;EAL1B,gBAOI,6BAAC,gBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAE;MAAEf;IAAF;EAAlC,gBACI,6BAAC,0BAAD;IAAc,UAAU,EAAE;MAAEsC,IAAI,EAAE;IAAR;EAA1B,gBACI,6BAAC,sBAAD;IACI,IAAI,EAAElC,IADV;IAEI,MAAM,EAAE2B,MAFZ;IAGI,OAAO,EAAExB,OAHb;IAII,aAAa,EAAEC,aAAa,IAAIF,UAJpC;IAKI,SAAS,EAAEN,SALf;IAMI,OAAO,EAAEgC,eANb;IAOI,cAAc,EAAErB,cAPpB;IAQI,YAAY,EAAEC,YARlB;IASI,UAAU,EAAEC,UAThB;IAUI,iBAAiB,EAAEC,iBAVvB;IAWI,KAAK,EAAEE,KAXX;IAYI,YAAY,EAAEC;EAZlB,EADJ,eAeI,6BAAC,6BAAD;IAAiB,OAAO,EAAE;EAA1B,GACKc,MAAM,iBAAI,6BAAC,sBAAD,QAAgB5B,QAAhB,CADf,CAfJ,CADJ,CAPJ,CADJ;AA+BH,CA5FD;;AA8FAD,SAAS,CAACD,WAAV,GAAwB,WAAxB;eAEeC,S"}

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

@@ -1,7 +1,7 @@
+import type { AccordionProps } from './Accordion';
 export declare const StyledAccordion: import("styled-components").StyledComponent<"div", any, {
     isOpen: boolean;
     isParentWrapped: boolean;
-    isWrapped: boolean;
 } & {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never>;
+} & Pick<AccordionProps, "isWrapped" | "shouldHideBackground">, never>;

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

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,32 +7,51 @@ exports.StyledAccordion = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-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 _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; }
+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 StyledAccordion = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n\n    margin-bottom: ", ";\n    transition: background-color 0.3s ease, border-radius 0.3s ease, box-shadow 0.3s ease,\n        margin-bottom 0.3s ease;\n\n    ", "\n\n    ", "\n"])), function (_ref) {
-  var isOpen = _ref.isOpen,
-      isWrapped = _ref.isWrapped;
-  return isOpen && !isWrapped && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            background-color: rgba(\n                ", ",\n                0.85\n            );\n            border-radius: 3px; // ToDo: Add correct border-radius here\n            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); // ToDo: Add correct box-shadow here\n        "])), function (_ref2) {
-    var theme = _ref2.theme;
+const StyledAccordion = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n\n    margin-bottom: ", ";\n    transition: background-color 0.3s ease, border-radius 0.3s ease, box-shadow 0.3s ease,\n        margin-bottom 0.3s ease;\n\n    ", "\n\n    ", "\n\n    ", "\n"])), _ref => {
+  let {
+    isOpen,
+    isWrapped,
+    shouldHideBackground
+  } = _ref;
+  return isOpen && !isWrapped && !shouldHideBackground && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            background-color: rgba(\n                ", ",\n                0.85\n            );\n            border-radius: 3px; // ToDo: Add correct border-radius here\n            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); // ToDo: Add correct box-shadow here\n        "])), _ref2 => {
+    let {
+      theme
+    } = _ref2;
     return theme['100-rgb'];
   });
-}, function (_ref3) {
-  var isOpen = _ref3.isOpen,
-      isWrapped = _ref3.isWrapped;
+}, _ref3 => {
+  let {
+    isOpen,
+    isWrapped
+  } = _ref3;
   return isOpen && !isWrapped ? '30px' : '0px';
-}, function (_ref4) {
-  var isParentWrapped = _ref4.isParentWrapped;
+}, _ref4 => {
+  let {
+    isParentWrapped
+  } = _ref4;
   return isParentWrapped && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            padding-left: 17px;\n        "])));
-}, function (_ref5) {
-  var isWrapped = _ref5.isWrapped;
-  return !isWrapped && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            margin-top: 10px;\n\n            &:hover {\n                background-color: rgba(\n                    ", ",\n                    0.85\n                );\n            }\n        "])), function (_ref6) {
-    var theme = _ref6.theme;
+}, _ref5 => {
+  let {
+    isWrapped
+  } = _ref5;
+  return !isWrapped && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            margin-top: 10px;\n        "])));
+}, _ref6 => {
+  let {
+    isWrapped,
+    shouldHideBackground
+  } = _ref6;
+  return !isWrapped && !shouldHideBackground && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            &:hover {\n                background-color: rgba(\n                    ", ",\n                    0.85\n                );\n            }\n        "])), _ref7 => {
+    let {
+      theme
+    } = _ref7;
     return theme['100-rgb'];
   });
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion/Accordion.styles.ts"],"names":["StyledAccordion","styled","div","isOpen","isWrapped","css","theme","isParentWrapped"],"mappings":";;;;;;;;;AAAA;;;;;;;;;;AASO,IAAMA,eAAe,GAAGC,0BAAOC,GAAV,oQACtB;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,MAAWC,SAAX,QAAWA,SAAX;AAAA,SACED,MAAM,IACN,CAACC,SADD,QAEAC,qBAFA,6VAIU;AAAA,QAAGC,KAAH,SAAGA,KAAH;AAAA,WAA2CA,KAAK,CAAC,SAAD,CAAhD;AAAA,GAJV,CADF;AAAA,CADsB,EAaP;AAAA,MAAGH,MAAH,SAAGA,MAAH;AAAA,MAAWC,SAAX,SAAWA,SAAX;AAAA,SAA4BD,MAAM,IAAI,CAACC,SAAX,GAAuB,MAAvB,GAAgC,KAA5D;AAAA,CAbO,EAiBtB;AAAA,MAAGG,eAAH,SAAGA,eAAH;AAAA,SACEA,eAAe,QACfF,qBADe,mHADjB;AAAA,CAjBsB,EAuBtB;AAAA,MAAGD,SAAH,SAAGA,SAAH;AAAA,SACE,CAACA,SAAD,QACAC,qBADA,4QAMc;AAAA,QAAGC,KAAH,SAAGA,KAAH;AAAA,WAA2CA,KAAK,CAAC,SAAD,CAAhD;AAAA,GANd,CADF;AAAA,CAvBsB,CAArB","sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMotionAccordionProps = WithTheme<{\n    isOpen: boolean;\n    isParentWrapped: boolean;\n    isWrapped: boolean;\n}>;\n\nexport const StyledAccordion = styled.div<StyledMotionAccordionProps>`\n    ${({ isOpen, isWrapped }) =>\n        isOpen &&\n        !isWrapped &&\n        css`\n            background-color: rgba(\n                ${({ theme }: StyledMotionAccordionProps) => theme['100-rgb']},\n                0.85\n            );\n            border-radius: 3px; // ToDo: Add correct border-radius here\n            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); // ToDo: Add correct box-shadow here\n        `}\n\n    margin-bottom: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? '30px' : '0px')};\n    transition: background-color 0.3s ease, border-radius 0.3s ease, box-shadow 0.3s ease,\n        margin-bottom 0.3s ease;\n\n    ${({ isParentWrapped }) =>\n        isParentWrapped &&\n        css`\n            padding-left: 17px;\n        `}\n\n    ${({ isWrapped }) =>\n        !isWrapped &&\n        css`\n            margin-top: 10px;\n\n            &:hover {\n                background-color: rgba(\n                    ${({ theme }: StyledMotionAccordionProps) => theme['100-rgb']},\n                    0.85\n                );\n            }\n        `}\n`;\n"],"file":"Accordion.styles.js"}
+{"version":3,"file":"Accordion.styles.js","names":["StyledAccordion","styled","div","isOpen","isWrapped","shouldHideBackground","css","theme","isParentWrapped"],"sources":["../../../src/components/accordion/Accordion.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { AccordionProps } from './Accordion';\n\ntype StyledMotionAccordionProps = WithTheme<{\n    isOpen: boolean;\n    isParentWrapped: boolean;\n}> &\n    Pick<AccordionProps, 'isWrapped' | 'shouldHideBackground'>;\n\nexport const StyledAccordion = styled.div<StyledMotionAccordionProps>`\n    ${({ isOpen, isWrapped, shouldHideBackground }) =>\n        isOpen &&\n        !isWrapped &&\n        !shouldHideBackground &&\n        css`\n            background-color: rgba(\n                ${({ theme }: StyledMotionAccordionProps) => theme['100-rgb']},\n                0.85\n            );\n            border-radius: 3px; // ToDo: Add correct border-radius here\n            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); // ToDo: Add correct box-shadow here\n        `}\n\n    margin-bottom: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? '30px' : '0px')};\n    transition: background-color 0.3s ease, border-radius 0.3s ease, box-shadow 0.3s ease,\n        margin-bottom 0.3s ease;\n\n    ${({ isParentWrapped }) =>\n        isParentWrapped &&\n        css`\n            padding-left: 17px;\n        `}\n\n    ${({ isWrapped }) =>\n        !isWrapped &&\n        css`\n            margin-top: 10px;\n        `}\n\n    ${({ isWrapped, shouldHideBackground }) =>\n        !isWrapped &&\n        !shouldHideBackground &&\n        css`\n            &:hover {\n                background-color: rgba(\n                    ${({ theme }: StyledMotionAccordionProps) => theme['100-rgb']},\n                    0.85\n                );\n            }\n        `}\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;;;AAUO,MAAMA,eAAe,GAAGC,yBAAA,CAAOC,GAAV,gRACtB;EAAA,IAAC;IAAEC,MAAF;IAAUC,SAAV;IAAqBC;EAArB,CAAD;EAAA,OACEF,MAAM,IACN,CAACC,SADD,IAEA,CAACC,oBAFD,QAGAC,qBAHA,6VAKU;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAA2CA,KAAK,CAAC,SAAD,CAAhD;EAAA,CALV,CADF;AAAA,CADsB,EAcP;EAAA,IAAC;IAAEJ,MAAF;IAAUC;EAAV,CAAD;EAAA,OAA4BD,MAAM,IAAI,CAACC,SAAX,GAAuB,MAAvB,GAAgC,KAA5D;AAAA,CAdO,EAkBtB;EAAA,IAAC;IAAEI;EAAF,CAAD;EAAA,OACEA,eAAe,QACfF,qBADe,mHADjB;AAAA,CAlBsB,EAwBtB;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OACE,CAACA,SAAD,QACAE,qBADA,iHADF;AAAA,CAxBsB,EA8BtB;EAAA,IAAC;IAAEF,SAAF;IAAaC;EAAb,CAAD;EAAA,OACE,CAACD,SAAD,IACA,CAACC,oBADD,QAEAC,qBAFA,2OAKc;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAA2CA,KAAK,CAAC,SAAD,CAAhD;EAAA,CALd,CADF;AAAA,CA9BsB,CAArB"}

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

@@ -13,8 +13,10 @@ var _AccordionBody = require("./AccordionBody.styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var AccordionBody = function AccordionBody(_ref) {
-  var children = _ref.children;
+const AccordionBody = _ref => {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_AccordionBody.StyledMotionAccordionBody, {
     animate: {
       height: 'auto',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.tsx"],"names":["AccordionBody","children","height","opacity","openAccordionUuid","undefined","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,aAAiB,GAAG,SAApBA,aAAoB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBACtB,6BAAC,wCAAD;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,kBAMI,6BAAC,qCAAD,CAAuB,QAAvB;AAAgC,IAAA,KAAK,EAAE;AAAEC,MAAAA,iBAAiB,EAAEC;AAArB;AAAvC,KACKJ,QADL,CANJ,CADsB;AAAA,CAA1B;;AAaAD,aAAa,CAACM,WAAd,GAA4B,eAA5B;eAEeN,a","sourcesContent":["import React, { FC } from 'react';\nimport { AccordionGroupContext } from '../accordion-group/AccordionGroup';\nimport { StyledMotionAccordionBody } from './AccordionBody.styles';\n\nconst AccordionBody: FC = ({ children }) => (\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    >\n        <AccordionGroupContext.Provider value={{ openAccordionUuid: undefined }}>\n            {children}\n        </AccordionGroupContext.Provider>\n    </StyledMotionAccordionBody>\n);\n\nAccordionBody.displayName = 'AccordionBody';\n\nexport default AccordionBody;\n"],"file":"AccordionBody.js"}
+{"version":3,"file":"AccordionBody.js","names":["AccordionBody","children","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\nconst AccordionBody: FC = ({ children }) => (\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    >\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;;;;AAEA,MAAMA,aAAiB,GAAG;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,oBACtB,6BAAC,wCAAD;IACI,OAAO,EAAE;MAAEC,MAAM,EAAE,MAAV;MAAkBC,OAAO,EAAE;IAA3B,CADb;IAEI,SAAS,EAAC,4BAFd;IAGI,IAAI,EAAE;MAAED,MAAM,EAAE,CAAV;MAAaC,OAAO,EAAE;IAAtB,CAHV;IAII,OAAO,EAAE;MAAED,MAAM,EAAE,CAAV;MAAaC,OAAO,EAAE;IAAtB;EAJb,gBAMI,6BAAC,qCAAD,CAAuB,QAAvB;IAAgC,KAAK,EAAE;MAAEC,iBAAiB,EAAEC;IAArB;EAAvC,GACKJ,QADL,CANJ,CADsB;AAAA,CAA1B;;AAaAD,aAAa,CAACM,WAAd,GAA4B,eAA5B;eAEeN,a"}

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

@@ -15,6 +15,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var StyledMotionAccordionBody = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow: hidden;\n"])));
+const StyledMotionAccordionBody = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow: hidden;\n"])));
 exports.StyledMotionAccordionBody = StyledMotionAccordionBody;
 //# sourceMappingURL=AccordionBody.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.styles.ts"],"names":["StyledMotionAccordionBody","motion","div"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,IAAMA,yBAAyB,GAAG,+BAAOC,qBAAOC,GAAd,CAAH,8FAA/B","sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledMotionAccordionBody = styled(motion.div)`\n    overflow: hidden;\n`;\n"],"file":"AccordionBody.styles.js"}
+{"version":3,"file":"AccordionBody.styles.js","names":["StyledMotionAccordionBody","styled","motion","div"],"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledMotionAccordionBody = styled(motion.div)`\n    overflow: hidden;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,yBAAyB,GAAG,IAAAC,yBAAA,EAAOC,oBAAA,CAAOC,GAAd,CAAH,8FAA/B"}

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

@@ -1,3 +1,9 @@
-import { FC } from 'react';
-declare const AccordionContent: FC;
+import { FC, ReactNode } from 'react';
+export declare type AccordionContentProps = {
+    /**
+     * The content of the accordion content element
+     */
+    children: ReactNode;
+};
+declare const AccordionContent: FC<AccordionContentProps>;
 export default AccordionContent;

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

@@ -13,10 +13,14 @@ var _AccordionContent = require("./AccordionContent.styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var AccordionContent = function AccordionContent(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionContext.Consumer, null, function (_ref2) {
-    var isWrapped = _ref2.isWrapped;
+const AccordionContent = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionContext.Consumer, null, _ref2 => {
+    let {
+      isWrapped
+    } = _ref2;
     return /*#__PURE__*/_react.default.createElement(_AccordionContent.StyledAccordionContent, {
       className: "beta-chayns-accordion-content",
       isWrapped: isWrapped

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.tsx"],"names":["AccordionContent","children","isWrapped","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,gBAAoB,GAAG,SAAvBA,gBAAuB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBACzB,6BAAC,2BAAD,CAAkB,QAAlB,QACK;AAAA,QAAGC,SAAH,SAAGA,SAAH;AAAA,wBACG,6BAAC,wCAAD;AAAwB,MAAA,SAAS,EAAC,+BAAlC;AAAkE,MAAA,SAAS,EAAEA;AAA7E,OACKD,QADL,CADH;AAAA,GADL,CADyB;AAAA,CAA7B;;AAUAD,gBAAgB,CAACG,WAAjB,GAA+B,kBAA/B;eAEeH,gB","sourcesContent":["import React, { FC } from 'react';\nimport { AccordionContext } from '../Accordion';\nimport { StyledAccordionContent } from './AccordionContent.styles';\n\nconst AccordionContent: FC = ({ children }) => (\n    <AccordionContext.Consumer>\n        {({ isWrapped }) => (\n            <StyledAccordionContent className=\"beta-chayns-accordion-content\" isWrapped={isWrapped}>\n                {children}\n            </StyledAccordionContent>\n        )}\n    </AccordionContext.Consumer>\n);\n\nAccordionContent.displayName = 'AccordionContent';\n\nexport default AccordionContent;\n"],"file":"AccordionContent.js"}
+{"version":3,"file":"AccordionContent.js","names":["AccordionContent","children","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\nconst AccordionContent: FC<AccordionContentProps> = ({ children }) => (\n    <AccordionContext.Consumer>\n        {({ isWrapped }) => (\n            <StyledAccordionContent className=\"beta-chayns-accordion-content\" isWrapped={isWrapped}>\n                {children}\n            </StyledAccordionContent>\n        )}\n    </AccordionContext.Consumer>\n);\n\nAccordionContent.displayName = 'AccordionContent';\n\nexport default AccordionContent;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AASA,MAAMA,gBAA2C,GAAG;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,oBAChD,6BAAC,2BAAD,CAAkB,QAAlB,QACK;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,oBACG,6BAAC,wCAAD;MAAwB,SAAS,EAAC,+BAAlC;MAAkE,SAAS,EAAEA;IAA7E,GACKD,QADL,CADH;EAAA,CADL,CADgD;AAAA,CAApD;;AAUAD,gBAAgB,CAACG,WAAjB,GAA+B,kBAA/B;eAEeH,gB"}

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

@@ -13,11 +13,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var StyledAccordionContent = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: ", ";\n    padding: ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
+const StyledAccordionContent = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: ", ";\n    padding: ", ";\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.text;
-}, function (_ref2) {
-  var isWrapped = _ref2.isWrapped;
+}, _ref2 => {
+  let {
+    isWrapped
+  } = _ref2;
   return isWrapped ? '0 9px 18px 26px' : '0 9px 9px 10px';
 });
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.styles.ts"],"names":["StyledAccordionContent","styled","div","theme","text","isWrapped"],"mappings":";;;;;;;AAAA;;;;;;;;AAOO,IAAMA,sBAAsB,GAAGC,0BAAOC,GAAV,8GACtB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAA4CA,KAAK,CAACC,IAAlD;AAAA,CADsB,EAEpB;AAAA,MAAGC,SAAH,SAAGA,SAAH;AAAA,SAAoBA,SAAS,GAAG,iBAAH,GAAuB,gBAApD;AAAA,CAFoB,CAA5B","sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledAccordionContentProps = WithTheme<{\n    isWrapped: boolean;\n}>;\n\nexport const StyledAccordionContent = styled.div<StyledAccordionContentProps>`\n    color: ${({ theme }: StyledAccordionContentProps) => theme.text};\n    padding: ${({ isWrapped }) => (isWrapped ? '0 9px 18px 26px' : '0 9px 9px 10px')};\n`;\n"],"file":"AccordionContent.styles.js"}
+{"version":3,"file":"AccordionContent.styles.js","names":["StyledAccordionContent","styled","div","theme","text","isWrapped"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledAccordionContentProps = WithTheme<{\n    isWrapped: boolean;\n}>;\n\nexport const StyledAccordionContent = styled.div<StyledAccordionContentProps>`\n    color: ${({ theme }: StyledAccordionContentProps) => theme.text};\n    padding: ${({ isWrapped }) => (isWrapped ? '0 9px 18px 26px' : '0 9px 9px 10px')};\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAOO,MAAMA,sBAAsB,GAAGC,yBAAA,CAAOC,GAAV,8GACtB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAA4CA,KAAK,CAACC,IAAlD;AAAA,CADsB,EAEpB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAoBA,SAAS,GAAG,iBAAH,GAAuB,gBAApD;AAAA,CAFoB,CAA5B"}

package/lib/components/accordion/accordion-group/AccordionGroup.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,23 +7,11 @@ exports.default = exports.AccordionGroupContext = 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 _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 _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 _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 _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 AccordionGroupContext = /*#__PURE__*/_react.default.createContext({
+const AccordionGroupContext = /*#__PURE__*/_react.default.createContext({
   openAccordionUuid: undefined,
   updateOpenAccordionUuid: undefined
 });
@@ -33,22 +19,19 @@ var AccordionGroupContext = /*#__PURE__*/_react.default.createContext({
 exports.AccordionGroupContext = AccordionGroupContext;
 AccordionGroupContext.displayName = 'AccordionGroupContext';
 
-var AccordionGroup = function AccordionGroup(_ref) {
-  var children = _ref.children,
-      onClose = _ref.onClose,
-      onOpen = _ref.onOpen;
-
-  var _useState = (0, _react.useState)(undefined),
-      _useState2 = _slicedToArray(_useState, 2),
-      openAccordionUuid = _useState2[0],
-      setOpenAccordionUuid = _useState2[1];
-
-  var isInitialRenderRef = (0, _react.useRef)(true);
-  var updateOpenAccordionUuid = (0, _react.useCallback)(function (uuid) {
-    var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-        shouldOnlyOpen = _ref2.shouldOnlyOpen;
-
-    setOpenAccordionUuid(function (currentOpenAccordionUuid) {
+const AccordionGroup = _ref => {
+  let {
+    children,
+    onClose,
+    onOpen
+  } = _ref;
+  const [openAccordionUuid, setOpenAccordionUuid] = (0, _react.useState)(undefined);
+  const isInitialRenderRef = (0, _react.useRef)(true);
+  const updateOpenAccordionUuid = (0, _react.useCallback)(function (uuid) {
+    let {
+      shouldOnlyOpen
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    setOpenAccordionUuid(currentOpenAccordionUuid => {
       if (currentOpenAccordionUuid === uuid && shouldOnlyOpen !== true) {
         return undefined;
       }
@@ -56,7 +39,7 @@ var AccordionGroup = function AccordionGroup(_ref) {
       return uuid;
     });
   }, [setOpenAccordionUuid]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isInitialRenderRef.current) {
       isInitialRenderRef.current = false;
     } else if (typeof openAccordionUuid === 'string') {
@@ -67,12 +50,10 @@ var AccordionGroup = function AccordionGroup(_ref) {
       onClose();
     }
   }, [onClose, onOpen, openAccordionUuid]);
-  var providerValue = (0, _react.useMemo)(function () {
-    return {
-      openAccordionUuid: openAccordionUuid,
-      updateOpenAccordionUuid: updateOpenAccordionUuid
-    };
-  }, [openAccordionUuid, updateOpenAccordionUuid]);
+  const providerValue = (0, _react.useMemo)(() => ({
+    openAccordionUuid,
+    updateOpenAccordionUuid
+  }), [openAccordionUuid, updateOpenAccordionUuid]);
   return /*#__PURE__*/_react.default.createElement(AccordionGroupContext.Provider, {
     value: providerValue
   }, children);

package/lib/components/accordion/accordion-group/AccordionGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/accordion/accordion-group/AccordionGroup.tsx"],"names":["AccordionGroupContext","React","createContext","openAccordionUuid","undefined","updateOpenAccordionUuid","displayName","AccordionGroup","children","onClose","onOpen","setOpenAccordionUuid","isInitialRenderRef","uuid","shouldOnlyOpen","currentOpenAccordionUuid","current","providerValue"],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;AASO,IAAMA,qBAAqB,gBAAGC,eAAMC,aAAN,CAA4C;AAC7EC,EAAAA,iBAAiB,EAAEC,SAD0D;AAE7EC,EAAAA,uBAAuB,EAAED;AAFoD,CAA5C,CAA9B;;;AAKPJ,qBAAqB,CAACM,WAAtB,GAAoC,uBAApC;;AAkBA,IAAMC,cAAuC,GAAG,SAA1CA,cAA0C,OAAmC;AAAA,MAAhCC,QAAgC,QAAhCA,QAAgC;AAAA,MAAtBC,OAAsB,QAAtBA,OAAsB;AAAA,MAAbC,MAAa,QAAbA,MAAa;;AAC/E,kBACI,qBAAsDN,SAAtD,CADJ;AAAA;AAAA,MAAOD,iBAAP;AAAA,MAA0BQ,oBAA1B;;AAGA,MAAMC,kBAAkB,GAAG,mBAAO,IAAP,CAA3B;AAEA,MAAMP,uBAAuB,GAAG,wBAC5B,UAACQ,IAAD,EAAmC;AAAA,oFAAP,EAAO;AAAA,QAA1BC,cAA0B,SAA1BA,cAA0B;;AAC/BH,IAAAA,oBAAoB,CAAC,UAACI,wBAAD,EAA8B;AAC/C,UAAIA,wBAAwB,KAAKF,IAA7B,IAAqCC,cAAc,KAAK,IAA5D,EAAkE;AAC9D,eAAOV,SAAP;AACH;;AAED,aAAOS,IAAP;AACH,KANmB,CAApB;AAOH,GAT2B,EAU5B,CAACF,oBAAD,CAV4B,CAAhC;AAaA,wBAAU,YAAM;AACZ,QAAIC,kBAAkB,CAACI,OAAvB,EAAgC;AAC5BJ,MAAAA,kBAAkB,CAACI,OAAnB,GAA6B,KAA7B;AACH,KAFD,MAEO,IAAI,OAAOb,iBAAP,KAA6B,QAAjC,EAA2C;AAC9C,UAAI,OAAOO,MAAP,KAAkB,UAAtB,EAAkC;AAC9BA,QAAAA,MAAM;AACT;AACJ,KAJM,MAIA,IAAI,OAAOD,OAAP,KAAmB,UAAvB,EAAmC;AACtCA,MAAAA,OAAO;AACV;AACJ,GAVD,EAUG,CAACA,OAAD,EAAUC,MAAV,EAAkBP,iBAAlB,CAVH;AAYA,MAAMc,aAAa,GAAG,oBAClB;AAAA,WAAO;AACHd,MAAAA,iBAAiB,EAAjBA,iBADG;AAEHE,MAAAA,uBAAuB,EAAvBA;AAFG,KAAP;AAAA,GADkB,EAKlB,CAACF,iBAAD,EAAoBE,uBAApB,CALkB,CAAtB;AAQA,sBACI,6BAAC,qBAAD,CAAuB,QAAvB;AAAgC,IAAA,KAAK,EAAEY;AAAvC,KACKT,QADL,CADJ;AAKH,CA5CD;;AA8CAD,cAAc,CAACD,WAAf,GAA6B,gBAA7B;eAEeC,c","sourcesContent":["import React, { FC, ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\ntype IUpdateOpenAccordionUuid = (uuid: string, options?: { shouldOnlyOpen?: boolean }) => void;\n\ninterface IAccordionGroupContext {\n    openAccordionUuid: string | undefined;\n    updateOpenAccordionUuid?: IUpdateOpenAccordionUuid;\n}\n\nexport const AccordionGroupContext = React.createContext<IAccordionGroupContext>({\n    openAccordionUuid: undefined,\n    updateOpenAccordionUuid: undefined,\n});\n\nAccordionGroupContext.displayName = 'AccordionGroupContext';\n\ntype AccordionGroupProps = {\n    /**\n     * The Accordions that should be grouped. Accordions with the same group are\n     * automatically closed when an `Accordion` of the group is opened.\n     */\n    children: ReactNode;\n    /**\n     * Function that is executed when all accordions in group are closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function that is executed when any accordion in group will be opened.\n     */\n    onOpen?: VoidFunction;\n};\n\nconst AccordionGroup: FC<AccordionGroupProps> = ({ children, onClose, onOpen }) => {\n    const [openAccordionUuid, setOpenAccordionUuid] =\n        useState<IAccordionGroupContext['openAccordionUuid']>(undefined);\n\n    const isInitialRenderRef = useRef(true);\n\n    const updateOpenAccordionUuid = useCallback<IUpdateOpenAccordionUuid>(\n        (uuid, { shouldOnlyOpen } = {}) => {\n            setOpenAccordionUuid((currentOpenAccordionUuid) => {\n                if (currentOpenAccordionUuid === uuid && shouldOnlyOpen !== true) {\n                    return undefined;\n                }\n\n                return uuid;\n            });\n        },\n        [setOpenAccordionUuid]\n    );\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (typeof openAccordionUuid === 'string') {\n            if (typeof onOpen === 'function') {\n                onOpen();\n            }\n        } else if (typeof onClose === 'function') {\n            onClose();\n        }\n    }, [onClose, onOpen, openAccordionUuid]);\n\n    const providerValue = useMemo<IAccordionGroupContext>(\n        () => ({\n            openAccordionUuid,\n            updateOpenAccordionUuid,\n        }),\n        [openAccordionUuid, updateOpenAccordionUuid]\n    );\n\n    return (\n        <AccordionGroupContext.Provider value={providerValue}>\n            {children}\n        </AccordionGroupContext.Provider>\n    );\n};\n\nAccordionGroup.displayName = 'AccordionGroup';\n\nexport default AccordionGroup;\n"],"file":"AccordionGroup.js"}
+{"version":3,"file":"AccordionGroup.js","names":["AccordionGroupContext","React","createContext","openAccordionUuid","undefined","updateOpenAccordionUuid","displayName","AccordionGroup","children","onClose","onOpen","setOpenAccordionUuid","useState","isInitialRenderRef","useRef","useCallback","uuid","shouldOnlyOpen","currentOpenAccordionUuid","useEffect","current","providerValue","useMemo"],"sources":["../../../../src/components/accordion/accordion-group/AccordionGroup.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\ntype IUpdateOpenAccordionUuid = (uuid: string, options?: { shouldOnlyOpen?: boolean }) => void;\n\ninterface IAccordionGroupContext {\n    openAccordionUuid: string | undefined;\n    updateOpenAccordionUuid?: IUpdateOpenAccordionUuid;\n}\n\nexport const AccordionGroupContext = React.createContext<IAccordionGroupContext>({\n    openAccordionUuid: undefined,\n    updateOpenAccordionUuid: undefined,\n});\n\nAccordionGroupContext.displayName = 'AccordionGroupContext';\n\ntype AccordionGroupProps = {\n    /**\n     * The Accordions that should be grouped. Accordions with the same group are\n     * automatically closed when an `Accordion` of the group is opened.\n     */\n    children: ReactNode;\n    /**\n     * Function that is executed when all accordions in group are closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function that is executed when any accordion in group will be opened.\n     */\n    onOpen?: VoidFunction;\n};\n\nconst AccordionGroup: FC<AccordionGroupProps> = ({ children, onClose, onOpen }) => {\n    const [openAccordionUuid, setOpenAccordionUuid] =\n        useState<IAccordionGroupContext['openAccordionUuid']>(undefined);\n\n    const isInitialRenderRef = useRef(true);\n\n    const updateOpenAccordionUuid = useCallback<IUpdateOpenAccordionUuid>(\n        (uuid, { shouldOnlyOpen } = {}) => {\n            setOpenAccordionUuid((currentOpenAccordionUuid) => {\n                if (currentOpenAccordionUuid === uuid && shouldOnlyOpen !== true) {\n                    return undefined;\n                }\n\n                return uuid;\n            });\n        },\n        [setOpenAccordionUuid]\n    );\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (typeof openAccordionUuid === 'string') {\n            if (typeof onOpen === 'function') {\n                onOpen();\n            }\n        } else if (typeof onClose === 'function') {\n            onClose();\n        }\n    }, [onClose, onOpen, openAccordionUuid]);\n\n    const providerValue = useMemo<IAccordionGroupContext>(\n        () => ({\n            openAccordionUuid,\n            updateOpenAccordionUuid,\n        }),\n        [openAccordionUuid, updateOpenAccordionUuid]\n    );\n\n    return (\n        <AccordionGroupContext.Provider value={providerValue}>\n            {children}\n        </AccordionGroupContext.Provider>\n    );\n};\n\nAccordionGroup.displayName = 'AccordionGroup';\n\nexport default AccordionGroup;\n"],"mappings":";;;;;;;AAAA;;;;;;AASO,MAAMA,qBAAqB,gBAAGC,cAAA,CAAMC,aAAN,CAA4C;EAC7EC,iBAAiB,EAAEC,SAD0D;EAE7EC,uBAAuB,EAAED;AAFoD,CAA5C,CAA9B;;;AAKPJ,qBAAqB,CAACM,WAAtB,GAAoC,uBAApC;;AAkBA,MAAMC,cAAuC,GAAG,QAAmC;EAAA,IAAlC;IAAEC,QAAF;IAAYC,OAAZ;IAAqBC;EAArB,CAAkC;EAC/E,MAAM,CAACP,iBAAD,EAAoBQ,oBAApB,IACF,IAAAC,eAAA,EAAsDR,SAAtD,CADJ;EAGA,MAAMS,kBAAkB,GAAG,IAAAC,aAAA,EAAO,IAAP,CAA3B;EAEA,MAAMT,uBAAuB,GAAG,IAAAU,kBAAA,EAC5B,UAACC,IAAD,EAAmC;IAAA,IAA5B;MAAEC;IAAF,CAA4B,uEAAP,EAAO;IAC/BN,oBAAoB,CAAEO,wBAAD,IAA8B;MAC/C,IAAIA,wBAAwB,KAAKF,IAA7B,IAAqCC,cAAc,KAAK,IAA5D,EAAkE;QAC9D,OAAOb,SAAP;MACH;;MAED,OAAOY,IAAP;IACH,CANmB,CAApB;EAOH,CAT2B,EAU5B,CAACL,oBAAD,CAV4B,CAAhC;EAaA,IAAAQ,gBAAA,EAAU,MAAM;IACZ,IAAIN,kBAAkB,CAACO,OAAvB,EAAgC;MAC5BP,kBAAkB,CAACO,OAAnB,GAA6B,KAA7B;IACH,CAFD,MAEO,IAAI,OAAOjB,iBAAP,KAA6B,QAAjC,EAA2C;MAC9C,IAAI,OAAOO,MAAP,KAAkB,UAAtB,EAAkC;QAC9BA,MAAM;MACT;IACJ,CAJM,MAIA,IAAI,OAAOD,OAAP,KAAmB,UAAvB,EAAmC;MACtCA,OAAO;IACV;EACJ,CAVD,EAUG,CAACA,OAAD,EAAUC,MAAV,EAAkBP,iBAAlB,CAVH;EAYA,MAAMkB,aAAa,GAAG,IAAAC,cAAA,EAClB,OAAO;IACHnB,iBADG;IAEHE;EAFG,CAAP,CADkB,EAKlB,CAACF,iBAAD,EAAoBE,uBAApB,CALkB,CAAtB;EAQA,oBACI,6BAAC,qBAAD,CAAuB,QAAvB;IAAgC,KAAK,EAAEgB;EAAvC,GACKb,QADL,CADJ;AAKH,CA5CD;;AA8CAD,cAAc,CAACD,WAAf,GAA6B,gBAA7B;eAEeC,c"}