@chayns-components/core 5.0.0-beta.7 → 5.0.0-beta.700

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

@@ -0,0 +1,93 @@
+import styled, { css } from 'styled-components';
+export const StyledAccordion = styled.div`
+    ${_ref => {
+  let {
+    $isOpen,
+    $isWrapped,
+    $shouldForceBackground,
+    $shouldHideBackground,
+    theme
+  } = _ref;
+  return ($isOpen || $shouldForceBackground) && !$isWrapped && !$shouldHideBackground && css`
+            background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});
+            border-radius: ${theme.cardBorderRadius}px;
+            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${theme.cardShadow});
+        `;
+}}
+
+    ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.accordionLines && css`
+            border-bottom: 1px solid transparent;
+        `;
+}}
+    
+    margin-bottom: ${_ref3 => {
+  let {
+    $isOpen,
+    $isWrapped
+  } = _ref3;
+  return $isOpen && !$isWrapped ? '30px' : '0px';
+}};
+    transition:
+        background-color 0.3s ease,
+        border-bottom-color 0.3s ease,
+        border-radius 0.3s ease,
+        box-shadow 0.3s ease,
+        margin-bottom 0.3s ease;
+
+    ${_ref4 => {
+  let {
+    $isOpen,
+    $isWrapped,
+    $shouldForceBackground,
+    $shouldShowLines,
+    theme
+  } = _ref4;
+  if ($shouldForceBackground) return undefined;
+  if (theme.accordionLines) {
+    if ($isWrapped && $shouldShowLines) {
+      return css`
+                    border-bottom-color: ${theme.headline}80;
+                `;
+    }
+    if (!$isOpen && $shouldShowLines) {
+      return css`
+                    border-bottom-color: ${theme.headline};
+                `;
+    }
+  }
+  return undefined;
+}}
+    ${_ref5 => {
+  let {
+    $isParentWrapped
+  } = _ref5;
+  return $isParentWrapped && css`
+            padding-left: 17px;
+        `;
+}}
+            ${_ref6 => {
+  let {
+    $isWrapped
+  } = _ref6;
+  return !$isWrapped && css`
+            margin-top: 10px;
+        `;
+}}
+            ${_ref7 => {
+  let {
+    $isWrapped,
+    $shouldHideBackground,
+    theme
+  } = _ref7;
+  return !$isWrapped && !$shouldHideBackground && css`
+            &:hover {
+                background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});
+            }
+        `;
+}};
+`;
+//# sourceMappingURL=Accordion.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.styles.js","names":["styled","css","StyledAccordion","div","_ref","$isOpen","$isWrapped","$shouldForceBackground","$shouldHideBackground","theme","cardBackgroundOpacity","cardBorderRadius","cardShadow","_ref2","accordionLines","_ref3","_ref4","$shouldShowLines","undefined","headline","_ref5","$isParentWrapped","_ref6","_ref7"],"sources":["../../../../src/components/accordion/Accordion.styles.ts"],"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    $shouldForceBackground?: boolean;\n    $shouldHideBackground?: boolean;\n    $shouldShowLines?: boolean;\n}>;\n\nexport const StyledAccordion = styled.div<StyledMotionAccordionProps>`\n    ${({\n        $isOpen,\n        $isWrapped,\n        $shouldForceBackground,\n        $shouldHideBackground,\n        theme,\n    }: StyledMotionAccordionProps) =>\n        ($isOpen || $shouldForceBackground) &&\n        !$isWrapped &&\n        !$shouldHideBackground &&\n        css`\n            background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n            border-radius: ${theme.cardBorderRadius}px;\n            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${theme.cardShadow});\n        `}\n\n    ${({ theme }: StyledMotionAccordionProps) =>\n        theme.accordionLines &&\n        css`\n            border-bottom: 1px solid transparent;\n        `}\n    \n    margin-bottom: ${({ $isOpen, $isWrapped }: StyledMotionAccordionProps) =>\n        $isOpen && !$isWrapped ? '30px' : '0px'};\n    transition:\n        background-color 0.3s ease,\n        border-bottom-color 0.3s ease,\n        border-radius 0.3s ease,\n        box-shadow 0.3s ease,\n        margin-bottom 0.3s ease;\n\n    ${({\n        $isOpen,\n        $isWrapped,\n        $shouldForceBackground,\n        $shouldShowLines,\n        theme,\n    }: StyledMotionAccordionProps) => {\n        if ($shouldForceBackground) return undefined;\n\n        if (theme.accordionLines) {\n            if ($isWrapped && $shouldShowLines) {\n                return css`\n                    border-bottom-color: ${theme.headline}80;\n                `;\n            }\n\n            if (!$isOpen && $shouldShowLines) {\n                return css`\n                    border-bottom-color: ${theme.headline};\n                `;\n            }\n        }\n\n        return undefined;\n    }}\n    ${({ $isParentWrapped }: StyledMotionAccordionProps) =>\n        $isParentWrapped &&\n        css`\n            padding-left: 17px;\n        `}\n            ${({ $isWrapped }: StyledMotionAccordionProps) =>\n        !$isWrapped &&\n        css`\n            margin-top: 10px;\n        `}\n            ${({ $isWrapped, $shouldHideBackground, theme }: StyledMotionAccordionProps) =>\n        !$isWrapped &&\n        !$shouldHideBackground &&\n        css`\n            &:hover {\n                background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n            }\n        `};\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAY/C,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACG,GAA+B;AACrE,MAAMC,IAAA;EAAA,IAAC;IACCC,OAAO;IACPC,UAAU;IACVC,sBAAsB;IACtBC,qBAAqB;IACrBC;EACwB,CAAC,GAAAL,IAAA;EAAA,OACzB,CAACC,OAAO,IAAIE,sBAAsB,KAClC,CAACD,UAAU,IACX,CAACE,qBAAqB,IACtBP,GAAG;AACX,qCAAqCQ,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACC,qBAAqB;AACrF,6BAA6BD,KAAK,CAACE,gBAAgB;AACnD,oDAAoDF,KAAK,CAACG,UAAU;AACpE,SAAS;AAAA;AACT;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEJ;EAAkC,CAAC,GAAAI,KAAA;EAAA,OACpCJ,KAAK,CAACK,cAAc,IACpBb,GAAG;AACX;AACA,SAAS;AAAA;AACT;AACA,qBAAqBc,KAAA;EAAA,IAAC;IAAEV,OAAO;IAAEC;EAAuC,CAAC,GAAAS,KAAA;EAAA,OACjEV,OAAO,IAAI,CAACC,UAAU,GAAG,MAAM,GAAG,KAAK;AAAA;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMU,KAAA,IAMgC;EAAA,IAN/B;IACCX,OAAO;IACPC,UAAU;IACVC,sBAAsB;IACtBU,gBAAgB;IAChBR;EACwB,CAAC,GAAAO,KAAA;EACzB,IAAIT,sBAAsB,EAAE,OAAOW,SAAS;EAE5C,IAAIT,KAAK,CAACK,cAAc,EAAE;IACtB,IAAIR,UAAU,IAAIW,gBAAgB,EAAE;MAChC,OAAOhB,GAAG;AAC1B,2CAA2CQ,KAAK,CAACU,QAAQ;AACzD,iBAAiB;IACL;IAEA,IAAI,CAACd,OAAO,IAAIY,gBAAgB,EAAE;MAC9B,OAAOhB,GAAG;AAC1B,2CAA2CQ,KAAK,CAACU,QAAQ;AACzD,iBAAiB;IACL;EACJ;EAEA,OAAOD,SAAS;AACpB,CAAC;AACL,MAAME,KAAA;EAAA,IAAC;IAAEC;EAA6C,CAAC,GAAAD,KAAA;EAAA,OAC/CC,gBAAgB,IAChBpB,GAAG;AACX;AACA,SAAS;AAAA;AACT,cAAcqB,KAAA;EAAA,IAAC;IAAEhB;EAAuC,CAAC,GAAAgB,KAAA;EAAA,OACjD,CAAChB,UAAU,IACXL,GAAG;AACX;AACA,SAAS;AAAA;AACT,cAAcsB,KAAA;EAAA,IAAC;IAAEjB,UAAU;IAAEE,qBAAqB;IAAEC;EAAkC,CAAC,GAAAc,KAAA;EAAA,OAC/E,CAACjB,UAAU,IACX,CAACE,qBAAqB,IACtBP,GAAG;AACX;AACA,yCAAyCQ,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACC,qBAAqB;AACzF;AACA,SAAS;AAAA;AACT,CAAC","ignoreList":[]}

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

@@ -0,0 +1,41 @@
+import { getDevice } from 'chayns-api';
+import React, { useMemo } from 'react';
+import { AccordionGroupContext } from '../accordion-group/AccordionGroup';
+import { StyledMotionAccordionBody } from './AccordionBody.styles';
+const AccordionBody = _ref => {
+  let {
+    children,
+    maxHeight,
+    onScroll,
+    shouldHideBody
+  } = _ref;
+  const {
+    browser
+  } = getDevice();
+  const AccordionGroupContextProviderValue = useMemo(() => ({
+    openAccordionUuid: undefined
+  }), []);
+  return /*#__PURE__*/React.createElement(StyledMotionAccordionBody, {
+    animate: {
+      height: shouldHideBody ? '0' : 'auto',
+      opacity: shouldHideBody ? 0 : 1
+    },
+    className: "beta-chayns-accordion-body",
+    exit: {
+      height: 0,
+      opacity: 0
+    },
+    initial: {
+      height: 0,
+      opacity: 0
+    },
+    $maxHeight: maxHeight,
+    $browser: browser?.name,
+    onScroll: onScroll
+  }, /*#__PURE__*/React.createElement(AccordionGroupContext.Provider, {
+    value: AccordionGroupContextProviderValue
+  }, children));
+};
+AccordionBody.displayName = 'AccordionBody';
+export default AccordionBody;
+//# sourceMappingURL=AccordionBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionBody.js","names":["getDevice","React","useMemo","AccordionGroupContext","StyledMotionAccordionBody","AccordionBody","_ref","children","maxHeight","onScroll","shouldHideBody","browser","AccordionGroupContextProviderValue","openAccordionUuid","undefined","createElement","animate","height","opacity","className","exit","initial","$maxHeight","$browser","name","Provider","value","displayName"],"sources":["../../../../../src/components/accordion/accordion-body/AccordionBody.tsx"],"sourcesContent":["import { getDevice } from 'chayns-api';\nimport React, { FC, ReactNode, 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     * The elements that should be shown inside the body.\n     */\n    children: ReactNode;\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     * Whether the body should be shown.\n     */\n    shouldHideBody: boolean;\n};\n\nconst AccordionBody: FC<AccordionBodyProps> = ({\n    children,\n    maxHeight,\n    onScroll,\n    shouldHideBody,\n}) => {\n    const { browser } = getDevice();\n\n    const AccordionGroupContextProviderValue = useMemo(\n        () => ({ openAccordionUuid: undefined }),\n        [],\n    );\n\n    return (\n        <StyledMotionAccordionBody\n            animate={{ height: shouldHideBody ? '0' : 'auto', opacity: shouldHideBody ? 0 : 1 }}\n            className=\"beta-chayns-accordion-body\"\n            exit={{ height: 0, opacity: 0 }}\n            initial={{ height: 0, opacity: 0 }}\n            $maxHeight={maxHeight}\n            $browser={browser?.name}\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,SAASA,SAAS,QAAQ,YAAY;AACtC,OAAOC,KAAK,IAA4BC,OAAO,QAAQ,OAAO;AAE9D,SAASC,qBAAqB,QAAQ,mCAAmC;AACzE,SAASC,yBAAyB,QAAQ,wBAAwB;AAqBlE,MAAMC,aAAqC,GAAGC,IAAA,IAKxC;EAAA,IALyC;IAC3CC,QAAQ;IACRC,SAAS;IACTC,QAAQ;IACRC;EACJ,CAAC,GAAAJ,IAAA;EACG,MAAM;IAAEK;EAAQ,CAAC,GAAGX,SAAS,CAAC,CAAC;EAE/B,MAAMY,kCAAkC,GAAGV,OAAO,CAC9C,OAAO;IAAEW,iBAAiB,EAAEC;EAAU,CAAC,CAAC,EACxC,EACJ,CAAC;EAED,oBACIb,KAAA,CAAAc,aAAA,CAACX,yBAAyB;IACtBY,OAAO,EAAE;MAAEC,MAAM,EAAEP,cAAc,GAAG,GAAG,GAAG,MAAM;MAAEQ,OAAO,EAAER,cAAc,GAAG,CAAC,GAAG;IAAE,CAAE;IACpFS,SAAS,EAAC,4BAA4B;IACtCC,IAAI,EAAE;MAAEH,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IAChCG,OAAO,EAAE;MAAEJ,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IACnCI,UAAU,EAAEd,SAAU;IACtBe,QAAQ,EAAEZ,OAAO,EAAEa,IAAK;IACxBf,QAAQ,EAAEA;EAAS,gBAEnBR,KAAA,CAAAc,aAAA,CAACZ,qBAAqB,CAACsB,QAAQ;IAACC,KAAK,EAAEd;EAAmC,GACrEL,QAC2B,CACT,CAAC;AAEpC,CAAC;AAEDF,aAAa,CAACsB,WAAW,GAAG,eAAe;AAE3C,eAAetB,aAAa","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+import { motion } from 'framer-motion';
+import styled, { css } from 'styled-components';
+export const StyledMotionAccordionBody = styled(motion.div)`
+    overflow: hidden;
+
+    ${_ref => {
+  let {
+    $maxHeight
+  } = _ref;
+  return typeof $maxHeight === 'number' && css`
+            max-height: ${$maxHeight}px;
+            overflow-y: scroll;
+        `;
+}}
+
+    // Styles for custom scrollbar
+    ${_ref2 => {
+  let {
+    $browser,
+    theme
+  } = _ref2;
+  return $browser === 'firefox' ? css`
+                  scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;
+                  scrollbar-width: thin;
+              ` : css`
+                  &::-webkit-scrollbar {
+                      width: 5px;
+                  }
+
+                  &::-webkit-scrollbar-track {
+                      background-color: transparent;
+                  }
+
+                  &::-webkit-scrollbar-button {
+                      background-color: transparent;
+                      height: 5px;
+                  }
+
+                  &::-webkit-scrollbar-thumb {
+                      background-color: rgba(${theme['text-rgb']}, 0.15);
+                      border-radius: 20px;
+                  }
+              `;
+}}
+`;
+//# sourceMappingURL=AccordionBody.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionBody.styles.js","names":["motion","styled","css","StyledMotionAccordionBody","div","_ref","$maxHeight","_ref2","$browser","theme"],"sources":["../../../../../src/components/accordion/accordion-body/AccordionBody.styles.ts"],"sourcesContent":["import type { Browser } from 'detect-browser';\nimport { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMotionAccordionBodyProps = WithTheme<{\n    $maxHeight?: number;\n    $browser: Browser | 'bot' | null | undefined;\n}>;\n\nexport const StyledMotionAccordionBody = styled(motion.div)<StyledMotionAccordionBodyProps>`\n    overflow: hidden;\n\n    ${({ $maxHeight }) =>\n        typeof $maxHeight === 'number' &&\n        css`\n            max-height: ${$maxHeight}px;\n            overflow-y: scroll;\n        `}\n\n    // Styles for custom scrollbar\n    ${({ $browser, theme }: StyledMotionAccordionBodyProps) =>\n        $browser === 'firefox'\n            ? css`\n                  scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;\n                  scrollbar-width: thin;\n              `\n            : css`\n                  &::-webkit-scrollbar {\n                      width: 5px;\n                  }\n\n                  &::-webkit-scrollbar-track {\n                      background-color: transparent;\n                  }\n\n                  &::-webkit-scrollbar-button {\n                      background-color: transparent;\n                      height: 5px;\n                  }\n\n                  &::-webkit-scrollbar-thumb {\n                      background-color: rgba(${theme['text-rgb']}, 0.15);\n                      border-radius: 20px;\n                  }\n              `}\n`;\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAQ/C,OAAO,MAAMC,yBAAyB,GAAGF,MAAM,CAACD,MAAM,CAACI,GAAG,CAAiC;AAC3F;AACA;AACA,MAAMC,IAAA;EAAA,IAAC;IAAEC;EAAW,CAAC,GAAAD,IAAA;EAAA,OACb,OAAOC,UAAU,KAAK,QAAQ,IAC9BJ,GAAG;AACX,0BAA0BI,UAAU;AACpC;AACA,SAAS;AAAA;AACT;AACA;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEC;EAAsC,CAAC,GAAAF,KAAA;EAAA,OAClDC,QAAQ,KAAK,SAAS,GAChBN,GAAG;AACjB,0CAA0CO,KAAK,CAAC,UAAU,CAAC;AAC3D;AACA,eAAe,GACDP,GAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+CO,KAAK,CAAC,UAAU,CAAC;AAChE;AACA;AACA,eAAe;AAAA;AACf,CAAC","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+import { getDevice } from 'chayns-api';
+import React from 'react';
+import { AccordionContext } from '../Accordion';
+import { StyledAccordionContent } from './AccordionContent.styles';
+const AccordionContent = _ref => {
+  let {
+    children,
+    maxHeight,
+    onScroll
+  } = _ref;
+  const {
+    browser
+  } = getDevice();
+  return /*#__PURE__*/React.createElement(AccordionContext.Consumer, null, _ref2 => {
+    let {
+      isWrapped
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(StyledAccordionContent, {
+      className: "beta-chayns-accordion-content",
+      $isWrapped: isWrapped,
+      $browser: browser?.name,
+      $maxHeight: maxHeight,
+      onScroll: onScroll
+    }, children);
+  });
+};
+AccordionContent.displayName = 'AccordionContent';
+export default AccordionContent;
+//# sourceMappingURL=AccordionContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.js","names":["getDevice","React","AccordionContext","StyledAccordionContent","AccordionContent","_ref","children","maxHeight","onScroll","browser","createElement","Consumer","_ref2","isWrapped","className","$isWrapped","$browser","name","$maxHeight","displayName"],"sources":["../../../../../src/components/accordion/accordion-content/AccordionContent.tsx"],"sourcesContent":["import { getDevice } from 'chayns-api';\nimport 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    const { browser } = getDevice();\n\n    return (\n        <AccordionContext.Consumer>\n            {({ isWrapped }) => (\n                <StyledAccordionContent\n                    className=\"beta-chayns-accordion-content\"\n                    $isWrapped={isWrapped}\n                    $browser={browser?.name}\n                    $maxHeight={maxHeight}\n                    onScroll={onScroll}\n                >\n                    {children}\n                </StyledAccordionContent>\n            )}\n        </AccordionContext.Consumer>\n    );\n};\n\nAccordionContent.displayName = 'AccordionContent';\n\nexport default AccordionContent;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,YAAY;AACtC,OAAOC,KAAK,MAAkC,OAAO;AACrD,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,sBAAsB,QAAQ,2BAA2B;AAiBlE,MAAMC,gBAA2C,GAAGC,IAAA,IAAuC;EAAA,IAAtC;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAAH,IAAA;EAClF,MAAM;IAAEI;EAAQ,CAAC,GAAGT,SAAS,CAAC,CAAC;EAE/B,oBACIC,KAAA,CAAAS,aAAA,CAACR,gBAAgB,CAACS,QAAQ,QACrBC,KAAA;IAAA,IAAC;MAAEC;IAAU,CAAC,GAAAD,KAAA;IAAA,oBACXX,KAAA,CAAAS,aAAA,CAACP,sBAAsB;MACnBW,SAAS,EAAC,+BAA+B;MACzCC,UAAU,EAAEF,SAAU;MACtBG,QAAQ,EAAEP,OAAO,EAAEQ,IAAK;MACxBC,UAAU,EAAEX,SAAU;MACtBC,QAAQ,EAAEA;IAAS,GAElBF,QACmB,CAAC;EAAA,CAEN,CAAC;AAEpC,CAAC;AAEDF,gBAAgB,CAACe,WAAW,GAAG,kBAAkB;AAEjD,eAAef,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,56 @@
+import styled, { css } from 'styled-components';
+export const StyledAccordionContent = styled.div`
+    color: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.text;
+}};
+    padding: ${_ref2 => {
+  let {
+    $isWrapped
+  } = _ref2;
+  return $isWrapped ? '0 9px 18px 26px' : '0 9px 9px 10px';
+}};
+
+    ${_ref3 => {
+  let {
+    $maxHeight
+  } = _ref3;
+  return typeof $maxHeight === 'number' && css`
+            max-height: ${$maxHeight}px;
+            overflow-y: scroll;
+        `;
+}}
+
+    // Styles for custom scrollbar
+    ${_ref4 => {
+  let {
+    $browser,
+    theme
+  } = _ref4;
+  return $browser === 'firefox' ? css`
+                  scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;
+                  scrollbar-width: thin;
+              ` : css`
+                  &::-webkit-scrollbar {
+                      width: 5px;
+                  }
+
+                  &::-webkit-scrollbar-track {
+                      background-color: transparent;
+                  }
+
+                  &::-webkit-scrollbar-button {
+                      background-color: transparent;
+                      height: 5px;
+                  }
+
+                  &::-webkit-scrollbar-thumb {
+                      background-color: rgba(${theme['text-rgb']}, 0.15);
+                      border-radius: 20px;
+                  }
+              `;
+}}
+`;
+//# sourceMappingURL=AccordionContent.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.styles.js","names":["styled","css","StyledAccordionContent","div","_ref","theme","text","_ref2","$isWrapped","_ref3","$maxHeight","_ref4","$browser"],"sources":["../../../../../src/components/accordion/accordion-content/AccordionContent.styles.ts"],"sourcesContent":["import type { Browser } from 'detect-browser';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledAccordionContentProps = WithTheme<{\n    $isWrapped: boolean;\n    $maxHeight?: number;\n    $browser: Browser | 'bot' | null | undefined;\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    ${({ $maxHeight }) =>\n        typeof $maxHeight === 'number' &&\n        css`\n            max-height: ${$maxHeight}px;\n            overflow-y: scroll;\n        `}\n\n    // Styles for custom scrollbar\n    ${({ $browser, theme }: StyledAccordionContentProps) =>\n        $browser === 'firefox'\n            ? css`\n                  scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;\n                  scrollbar-width: thin;\n              `\n            : css`\n                  &::-webkit-scrollbar {\n                      width: 5px;\n                  }\n\n                  &::-webkit-scrollbar-track {\n                      background-color: transparent;\n                  }\n\n                  &::-webkit-scrollbar-button {\n                      background-color: transparent;\n                      height: 5px;\n                  }\n\n                  &::-webkit-scrollbar-thumb {\n                      background-color: rgba(${theme['text-rgb']}, 0.15);\n                      border-radius: 20px;\n                  }\n              `}\n`;\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAS/C,OAAO,MAAMC,sBAAsB,GAAGF,MAAM,CAACG,GAAgC;AAC7E,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAmC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA;AACnE,eAAeC,KAAA;EAAA,IAAC;IAAEC;EAAW,CAAC,GAAAD,KAAA;EAAA,OAAMC,UAAU,GAAG,iBAAiB,GAAG,gBAAgB;AAAA,CAAC;AACtF;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC;EAAW,CAAC,GAAAD,KAAA;EAAA,OACb,OAAOC,UAAU,KAAK,QAAQ,IAC9BT,GAAG;AACX,0BAA0BS,UAAU;AACpC;AACA,SAAS;AAAA;AACT;AACA;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEP;EAAmC,CAAC,GAAAM,KAAA;EAAA,OAC/CC,QAAQ,KAAK,SAAS,GAChBX,GAAG;AACjB,0CAA0CI,KAAK,CAAC,UAAU,CAAC;AAC3D;AACA,eAAe,GACDJ,GAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+CI,KAAK,CAAC,UAAU,CAAC;AAChE;AACA;AACA,eAAe;AAAA;AACf,CAAC","ignoreList":[]}

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

@@ -0,0 +1,75 @@
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useUuid } from '../../../hooks/uuid';
+export const AccordionGroupContext = /*#__PURE__*/React.createContext({
+  isWrapped: undefined,
+  openAccordionUuid: undefined,
+  setOpenAccordionUuid: undefined,
+  updateOpenAccordionUuid: undefined,
+  accordionUuids: undefined,
+  updateAccordionUuids: undefined,
+  accordionGroupUuid: undefined
+});
+AccordionGroupContext.displayName = 'AccordionGroupContext';
+const AccordionGroup = _ref => {
+  let {
+    children,
+    isWrapped,
+    onClose,
+    onOpen
+  } = _ref;
+  const [openAccordionUuid, setOpenAccordionUuid] = useState(undefined);
+  const [accordionUuids, setAccordionUuids] = useState();
+  const accordionGroupId = useUuid();
+  const isInitialRenderRef = useRef(true);
+  const updateAccordionUuids = useCallback(uuids => {
+    setAccordionUuids(uuids);
+  }, []);
+  const updateOpenAccordionUuid = useCallback(function (uuid) {
+    let {
+      shouldOnlyOpen
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    setOpenAccordionUuid(currentOpenAccordionUuid => {
+      if (currentOpenAccordionUuid === uuid && shouldOnlyOpen !== true) {
+        return undefined;
+      }
+      return uuid;
+    });
+  }, [setOpenAccordionUuid]);
+  useEffect(() => {
+    const elements = document.querySelectorAll('[data-uuid]');
+    const newOrder = Array.from(elements).map(el => el.getAttribute('data-uuid'));
+    const result = [];
+    newOrder.forEach(uuid => {
+      if (uuid?.includes(accordionGroupId)) {
+        result.push(uuid.replace(`${accordionGroupId}---`, ''));
+      }
+    });
+    updateAccordionUuids(result);
+  }, [accordionGroupId, updateAccordionUuids]);
+  useEffect(() => {
+    if (isInitialRenderRef.current) {
+      isInitialRenderRef.current = false;
+    } else if (typeof openAccordionUuid === 'string') {
+      if (typeof onOpen === 'function') {
+        onOpen();
+      }
+    } else if (typeof onClose === 'function') {
+      onClose();
+    }
+  }, [onClose, onOpen, openAccordionUuid]);
+  const providerValue = useMemo(() => ({
+    isWrapped,
+    openAccordionUuid,
+    setOpenAccordionUuid,
+    updateOpenAccordionUuid,
+    updateAccordionUuids,
+    accordionUuids,
+    accordionGroupUuid: accordionGroupId
+  }), [accordionGroupId, accordionUuids, isWrapped, openAccordionUuid, updateAccordionUuids, updateOpenAccordionUuid]);
+  return /*#__PURE__*/React.createElement(AccordionGroupContext.Provider, {
+    value: providerValue
+  }, children);
+};
+AccordionGroup.displayName = 'AccordionGroup';
+export default AccordionGroup;
+//# sourceMappingURL=AccordionGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","useUuid","AccordionGroupContext","createContext","isWrapped","undefined","openAccordionUuid","setOpenAccordionUuid","updateOpenAccordionUuid","accordionUuids","updateAccordionUuids","accordionGroupUuid","displayName","AccordionGroup","_ref","children","onClose","onOpen","setAccordionUuids","accordionGroupId","isInitialRenderRef","uuids","uuid","shouldOnlyOpen","arguments","length","currentOpenAccordionUuid","elements","document","querySelectorAll","newOrder","Array","from","map","el","getAttribute","result","forEach","includes","push","replace","current","providerValue","createElement","Provider","value"],"sources":["../../../../../src/components/accordion/accordion-group/AccordionGroup.tsx"],"sourcesContent":["import React, {\n    Dispatch,\n    FC,\n    ReactNode,\n    SetStateAction,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useUuid } from '../../../hooks/uuid';\n\ntype IUpdateOpenAccordionUuid = (uuid: string, options?: { shouldOnlyOpen?: boolean }) => void;\ntype IUpdateAccordionUuids = (uuids: string[]) => void;\n\ninterface IAccordionGroupContext {\n    isWrapped?: boolean;\n    openAccordionUuid?: string;\n    setOpenAccordionUuid?: Dispatch<SetStateAction<string | undefined>>;\n    updateOpenAccordionUuid?: IUpdateOpenAccordionUuid;\n    accordionUuids?: string[];\n    updateAccordionUuids?: IUpdateAccordionUuids;\n    accordionGroupUuid?: string;\n}\n\nexport const AccordionGroupContext = React.createContext<IAccordionGroupContext>({\n    isWrapped: undefined,\n    openAccordionUuid: undefined,\n    setOpenAccordionUuid: undefined,\n    updateOpenAccordionUuid: undefined,\n    accordionUuids: undefined,\n    updateAccordionUuids: undefined,\n    accordionGroupUuid: 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     * This value must be set for nested AccordionGroup components. This adjusts the style of\n     * the head and the padding of the content accordions.\n     */\n    isWrapped?: boolean;\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, isWrapped, onClose, onOpen }) => {\n    const [openAccordionUuid, setOpenAccordionUuid] =\n        useState<IAccordionGroupContext['openAccordionUuid']>(undefined);\n    const [accordionUuids, setAccordionUuids] = useState<string[]>();\n\n    const accordionGroupId = useUuid();\n\n    const isInitialRenderRef = useRef(true);\n\n    const updateAccordionUuids = useCallback((uuids: string[]) => {\n        setAccordionUuids(uuids);\n    }, []);\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        const elements = document.querySelectorAll('[data-uuid]');\n        const newOrder = Array.from(elements).map((el) => el.getAttribute('data-uuid'));\n\n        const result: string[] = [];\n\n        newOrder.forEach((uuid) => {\n            if (uuid?.includes(accordionGroupId)) {\n                result.push(uuid.replace(`${accordionGroupId}---`, ''));\n            }\n        });\n\n        updateAccordionUuids(result);\n    }, [accordionGroupId, updateAccordionUuids]);\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            isWrapped,\n            openAccordionUuid,\n            setOpenAccordionUuid,\n            updateOpenAccordionUuid,\n            updateAccordionUuids,\n            accordionUuids,\n            accordionGroupUuid: accordionGroupId,\n        }),\n        [\n            accordionGroupId,\n            accordionUuids,\n            isWrapped,\n            openAccordionUuid,\n            updateAccordionUuids,\n            updateOpenAccordionUuid,\n        ],\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":"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","ignoreList":[]}

package/lib/esm/components/accordion/accordion-head/AccordionHead.js

@@ -0,0 +1,187 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { AnimatePresence, LayoutGroup } from 'framer-motion';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { useTheme } from 'styled-components';
+import { useElementSize } from '../../../hooks/useElementSize';
+import { getAccordionHeadHeight } from '../../../utils/accordion';
+import { AreaContext } from '../../area-provider/AreaContextProvider';
+import Icon from '../../icon/Icon';
+import Input, { InputSize } from '../../input/Input';
+import SearchInput from '../../search-input/SearchInput';
+import { StyledAccordionIcon, StyledMotionAccordionHead, StyledMotionContentWrapper, StyledMotionIconWrapper, StyledMotionRightElementWrapper, StyledMotionSearchWrapper, StyledMotionTitle, StyledMotionTitleElementWrapper, StyledMotionTitleWrapper, StyledRightWrapper } from './AccordionHead.styles';
+const AccordionHead = _ref => {
+  let {
+    icon,
+    isOpen,
+    isFixed,
+    isTitleGreyed,
+    isWrapped,
+    onClick,
+    onSearchChange,
+    rightElement,
+    searchPlaceholder,
+    searchValue,
+    shouldRotateIcon,
+    title,
+    titleElement,
+    uuid,
+    titleInputProps,
+    onTitleInputChange
+  } = _ref;
+  const [headHeight, setHeadHeight] = useState({
+    closed: isWrapped ? 40 : 33,
+    open: isWrapped ? 40 : 33
+  });
+  const theme = useTheme();
+  const titleElementWrapperRef = useRef(null);
+  const titleWrapperRef = useRef(null);
+  const titleElementChildrenSize = useElementSize(titleElementWrapperRef, {
+    shouldUseChildElement: true
+  });
+  useEffect(() => {
+    if (typeof onTitleInputChange === 'function') {
+      setHeadHeight({
+        closed: 50,
+        open: 50
+      });
+    } else {
+      setHeadHeight(getAccordionHeadHeight({
+        isWrapped,
+        title,
+        width: (titleWrapperRef.current?.clientWidth ?? 0) - 10
+      }));
+    }
+    // The fontSize need to be included to trigger a new calculation.
+    // After the size is increased, the Title is cut at the bottom.
+  }, [isWrapped, onTitleInputChange, theme.fontSize, title]);
+  const iconElement = useMemo(() => {
+    if (icon || isFixed) {
+      return /*#__PURE__*/React.createElement(Icon, {
+        icons: [isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']
+      });
+    }
+    let internalIcon = 'f105';
+    if (theme?.accordionIcon && theme.accordionIcon !== 110 && theme.accordionIcon !== 1110100) {
+      internalIcon = theme.accordionIcon.toString(16);
+    }
+    const internalIconStyle = theme?.iconStyle ? theme.iconStyle : 'fa-regular';
+    return /*#__PURE__*/React.createElement(StyledAccordionIcon, {
+      className: internalIconStyle,
+      $icon: internalIcon
+    });
+  }, [icon, theme, isFixed]);
+  let accordionHeadHeight = isOpen ? headHeight.open : headHeight.closed;
+  if (titleElementChildrenSize && titleElementChildrenSize.height > accordionHeadHeight) {
+    // If the titleElement is bigger than the title, the height of the accordion head should be increased.
+    // The height of the titleElement is increased by 8px because of the padding of the accordion head element.
+    accordionHeadHeight = titleElementChildrenSize.height + 8;
+  }
+  const [tmp, setTmp] = useState(true);
+  return /*#__PURE__*/React.createElement(StyledMotionAccordionHead, {
+    animate: {
+      height: accordionHeadHeight
+    },
+    className: "beta-chayns-accordion-head",
+    initial: false,
+    key: `accordionHead--${uuid}`
+  }, /*#__PURE__*/React.createElement(StyledMotionIconWrapper, {
+    animate: {
+      rotate: (isOpen || isFixed) && shouldRotateIcon ? 90 : 0
+    },
+    initial: false,
+    onClick: !isFixed ? onClick : undefined,
+    key: `accordionHeadIcon--${uuid}`
+  }, iconElement), /*#__PURE__*/React.createElement(StyledMotionContentWrapper, {
+    animate: {
+      opacity: isTitleGreyed ? 0.5 : 1
+    },
+    initial: false,
+    onClick: !isFixed && tmp ? onClick : undefined,
+    ref: titleWrapperRef,
+    key: `accordionHeadContentWrapper--${uuid}`
+  }, typeof onTitleInputChange === 'function' ?
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-no-constructed-context-values
+  React.createElement(AreaContext.Provider, {
+    value: {
+      shouldChangeColor: true
+    }
+  }, /*#__PURE__*/React.createElement(Input, _extends({}, titleInputProps, {
+    value: title,
+    onFocus: event => {
+      setTmp(false);
+      if (titleInputProps?.onFocus) {
+        titleInputProps.onFocus(event);
+      }
+    },
+    onBlur: event => {
+      setTmp(true);
+      if (titleInputProps?.onBlur) {
+        titleInputProps.onBlur(event);
+      }
+    },
+    onChange: onTitleInputChange
+  }))) : /*#__PURE__*/React.createElement(LayoutGroup, {
+    key: `accordionHeadLayoutGroup--${uuid}`
+  }, /*#__PURE__*/React.createElement(StyledMotionTitleWrapper, {
+    key: `accordionHeadTitleWrapperWrapper--${uuid}`
+  }, /*#__PURE__*/React.createElement(AnimatePresence, {
+    initial: false,
+    key: `accordionHeadTitleWrapper--${uuid}`
+  }, /*#__PURE__*/React.createElement(StyledMotionTitle, {
+    animate: {
+      scale: 1
+    },
+    initial: {
+      scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3
+    },
+    exit: {
+      opacity: 0
+    },
+    $isOpen: isOpen,
+    $isWrapped: isWrapped,
+    transition: {
+      opacity: {
+        duration: 0
+      }
+    },
+    key: isOpen && !isWrapped ? `accordionHeadTitleBig--${uuid}` : `accordionHeadTitle--${uuid}`
+  }, title))), titleElement && /*#__PURE__*/React.createElement(StyledMotionTitleElementWrapper, {
+    layout: true,
+    key: `accordionTitleElement--${uuid}`,
+    ref: titleElementWrapperRef
+  }, titleElement))), (typeof onSearchChange === 'function' || rightElement) && /*#__PURE__*/React.createElement(StyledRightWrapper, null, /*#__PURE__*/React.createElement(AnimatePresence, {
+    initial: false,
+    key: `accordionRightWrapper--${uuid}`
+  }, typeof onSearchChange === 'function' && isOpen && /*#__PURE__*/React.createElement(StyledMotionSearchWrapper, {
+    animate: {
+      opacity: 1
+    },
+    exit: {
+      opacity: 0
+    },
+    initial: {
+      opacity: 0
+    },
+    key: `searchWrapper--${uuid}`
+  }, /*#__PURE__*/React.createElement(SearchInput, {
+    onChange: onSearchChange,
+    placeholder: searchPlaceholder,
+    size: InputSize.Small,
+    value: searchValue
+  })), rightElement && /*#__PURE__*/React.createElement(StyledMotionRightElementWrapper, {
+    animate: {
+      opacity: 1
+    },
+    exit: {
+      opacity: 0
+    },
+    initial: {
+      opacity: 0
+    },
+    key: `rightElementWrapper--${uuid}`
+  }, rightElement))));
+};
+AccordionHead.displayName = 'AccordionHead';
+export default AccordionHead;
+//# sourceMappingURL=AccordionHead.js.map

package/lib/esm/components/accordion/accordion-head/AccordionHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionHead.js","names":["AnimatePresence","LayoutGroup","React","useEffect","useMemo","useRef","useState","useTheme","useElementSize","getAccordionHeadHeight","AreaContext","Icon","Input","InputSize","SearchInput","StyledAccordionIcon","StyledMotionAccordionHead","StyledMotionContentWrapper","StyledMotionIconWrapper","StyledMotionRightElementWrapper","StyledMotionSearchWrapper","StyledMotionTitle","StyledMotionTitleElementWrapper","StyledMotionTitleWrapper","StyledRightWrapper","AccordionHead","_ref","icon","isOpen","isFixed","isTitleGreyed","isWrapped","onClick","onSearchChange","rightElement","searchPlaceholder","searchValue","shouldRotateIcon","title","titleElement","uuid","titleInputProps","onTitleInputChange","headHeight","setHeadHeight","closed","open","theme","titleElementWrapperRef","titleWrapperRef","titleElementChildrenSize","shouldUseChildElement","width","current","clientWidth","fontSize","iconElement","createElement","icons","internalIcon","accordionIcon","toString","internalIconStyle","iconStyle","className","$icon","accordionHeadHeight","height","tmp","setTmp","animate","initial","key","rotate","undefined","opacity","ref","Provider","value","shouldChangeColor","_extends","onFocus","event","onBlur","onChange","scale","exit","$isOpen","$isWrapped","transition","duration","layout","placeholder","size","Small","displayName"],"sources":["../../../../../src/components/accordion/accordion-head/AccordionHead.tsx"],"sourcesContent":["import { AnimatePresence, LayoutGroup } from 'framer-motion';\nimport React, {\n    ChangeEventHandler,\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport { useElementSize } from '../../../hooks/useElementSize';\nimport { getAccordionHeadHeight } from '../../../utils/accordion';\nimport { AreaContext } from '../../area-provider/AreaContextProvider';\nimport Icon from '../../icon/Icon';\nimport Input, { InputSize, type InputProps } from '../../input/Input';\nimport SearchInput from '../../search-input/SearchInput';\nimport {\n    StyledAccordionIcon,\n    StyledMotionAccordionHead,\n    StyledMotionContentWrapper,\n    StyledMotionIconWrapper,\n    StyledMotionRightElementWrapper,\n    StyledMotionSearchWrapper,\n    StyledMotionTitle,\n    StyledMotionTitleElementWrapper,\n    StyledMotionTitleWrapper,\n    StyledRightWrapper,\n} from './AccordionHead.styles';\n\nexport type AccordionHeadProps = {\n    icon?: string;\n    isOpen: boolean;\n    isFixed: boolean;\n    isTitleGreyed: boolean;\n    isWrapped: boolean;\n    onClick: MouseEventHandler<HTMLDivElement>;\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    rightElement?: ReactNode;\n    searchPlaceholder?: string;\n    searchValue?: string;\n    shouldRotateIcon?: boolean;\n    title: string;\n    titleElement?: ReactNode;\n    uuid: string;\n    onTitleInputChange?: ChangeEventHandler<HTMLInputElement>;\n    titleInputProps?: InputProps;\n};\n\ninterface HeadHeight {\n    closed: number;\n    open: number;\n}\n\nconst AccordionHead: FC<AccordionHeadProps> = ({\n    icon,\n    isOpen,\n    isFixed,\n    isTitleGreyed,\n    isWrapped,\n    onClick,\n    onSearchChange,\n    rightElement,\n    searchPlaceholder,\n    searchValue,\n    shouldRotateIcon,\n    title,\n    titleElement,\n    uuid,\n    titleInputProps,\n    onTitleInputChange,\n}) => {\n    const [headHeight, setHeadHeight] = useState<HeadHeight>({\n        closed: isWrapped ? 40 : 33,\n        open: isWrapped ? 40 : 33,\n    });\n\n    const theme = useTheme();\n\n    const titleElementWrapperRef = useRef<HTMLDivElement>(null);\n    const titleWrapperRef = useRef<HTMLDivElement>(null);\n\n    const titleElementChildrenSize = useElementSize(titleElementWrapperRef, {\n        shouldUseChildElement: true,\n    });\n\n    useEffect(() => {\n        if (typeof onTitleInputChange === 'function') {\n            setHeadHeight({ closed: 50, open: 50 });\n        } else {\n            setHeadHeight(\n                getAccordionHeadHeight({\n                    isWrapped,\n                    title,\n                    width: (titleWrapperRef.current?.clientWidth ?? 0) - 10,\n                }),\n            );\n        }\n        // The fontSize need to be included to trigger a new calculation.\n        // After the size is increased, the Title is cut at the bottom.\n    }, [isWrapped, onTitleInputChange, theme.fontSize, title]);\n\n    const iconElement = useMemo(() => {\n        if (icon || isFixed) {\n            return (\n                <Icon\n                    icons={[isFixed ? 'fa fa-horizontal-rule' : (icon ?? 'fa fa-chevron-right')]}\n                />\n            );\n        }\n\n        let internalIcon = 'f105';\n\n        if (\n            theme?.accordionIcon &&\n            theme.accordionIcon !== 110 &&\n            theme.accordionIcon !== 1110100\n        ) {\n            internalIcon = (theme.accordionIcon as number).toString(16);\n        }\n\n        const internalIconStyle = theme?.iconStyle ? (theme.iconStyle as string) : 'fa-regular';\n\n        return <StyledAccordionIcon className={internalIconStyle} $icon={internalIcon} />;\n    }, [icon, theme, isFixed]);\n\n    let accordionHeadHeight = isOpen ? headHeight.open : headHeight.closed;\n\n    if (titleElementChildrenSize && titleElementChildrenSize.height > accordionHeadHeight) {\n        // If the titleElement is bigger than the title, the height of the accordion head should be increased.\n        // The height of the titleElement is increased by 8px because of the padding of the accordion head element.\n        accordionHeadHeight = titleElementChildrenSize.height + 8;\n    }\n\n    const [tmp, setTmp] = useState(true);\n\n    return (\n        <StyledMotionAccordionHead\n            animate={{ height: accordionHeadHeight }}\n            className=\"beta-chayns-accordion-head\"\n            initial={false}\n            key={`accordionHead--${uuid}`}\n        >\n            <StyledMotionIconWrapper\n                animate={{ rotate: (isOpen || isFixed) && shouldRotateIcon ? 90 : 0 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n                key={`accordionHeadIcon--${uuid}`}\n            >\n                {iconElement}\n            </StyledMotionIconWrapper>\n            <StyledMotionContentWrapper\n                animate={{ opacity: isTitleGreyed ? 0.5 : 1 }}\n                initial={false}\n                onClick={!isFixed && tmp ? onClick : undefined}\n                ref={titleWrapperRef}\n                key={`accordionHeadContentWrapper--${uuid}`}\n            >\n                {typeof onTitleInputChange === 'function' ? (\n                    // eslint-disable-next-line react/jsx-no-constructed-context-values\n                    <AreaContext.Provider value={{ shouldChangeColor: true }}>\n                        <Input\n                            {...titleInputProps}\n                            value={title}\n                            onFocus={(event) => {\n                                setTmp(false);\n\n                                if (titleInputProps?.onFocus) {\n                                    titleInputProps.onFocus(event);\n                                }\n                            }}\n                            onBlur={(event) => {\n                                setTmp(true);\n\n                                if (titleInputProps?.onBlur) {\n                                    titleInputProps.onBlur(event);\n                                }\n                            }}\n                            onChange={onTitleInputChange}\n                        />\n                    </AreaContext.Provider>\n                ) : (\n                    <LayoutGroup key={`accordionHeadLayoutGroup--${uuid}`}>\n                        <StyledMotionTitleWrapper key={`accordionHeadTitleWrapperWrapper--${uuid}`}>\n                            <AnimatePresence\n                                initial={false}\n                                key={`accordionHeadTitleWrapper--${uuid}`}\n                            >\n                                <StyledMotionTitle\n                                    animate={{ scale: 1 }}\n                                    initial={{ scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3 }}\n                                    exit={{ opacity: 0 }}\n                                    $isOpen={isOpen}\n                                    $isWrapped={isWrapped}\n                                    transition={{\n                                        opacity: {\n                                            duration: 0,\n                                        },\n                                    }}\n                                    key={\n                                        isOpen && !isWrapped\n                                            ? `accordionHeadTitleBig--${uuid}`\n                                            : `accordionHeadTitle--${uuid}`\n                                    }\n                                >\n                                    {title}\n                                </StyledMotionTitle>\n                            </AnimatePresence>\n                        </StyledMotionTitleWrapper>\n                        {titleElement && (\n                            <StyledMotionTitleElementWrapper\n                                layout\n                                key={`accordionTitleElement--${uuid}`}\n                                ref={titleElementWrapperRef}\n                            >\n                                {titleElement}\n                            </StyledMotionTitleElementWrapper>\n                        )}\n                    </LayoutGroup>\n                )}\n            </StyledMotionContentWrapper>\n            {(typeof onSearchChange === 'function' || rightElement) && (\n                <StyledRightWrapper>\n                    <AnimatePresence initial={false} key={`accordionRightWrapper--${uuid}`}>\n                        {typeof onSearchChange === 'function' && isOpen && (\n                            <StyledMotionSearchWrapper\n                                animate={{ opacity: 1 }}\n                                exit={{ opacity: 0 }}\n                                initial={{ opacity: 0 }}\n                                key={`searchWrapper--${uuid}`}\n                            >\n                                <SearchInput\n                                    onChange={onSearchChange}\n                                    placeholder={searchPlaceholder}\n                                    size={InputSize.Small}\n                                    value={searchValue}\n                                />\n                            </StyledMotionSearchWrapper>\n                        )}\n                        {rightElement && (\n                            <StyledMotionRightElementWrapper\n                                animate={{ opacity: 1 }}\n                                exit={{ opacity: 0 }}\n                                initial={{ opacity: 0 }}\n                                key={`rightElementWrapper--${uuid}`}\n                            >\n                                {rightElement}\n                            </StyledMotionRightElementWrapper>\n                        )}\n                    </AnimatePresence>\n                </StyledRightWrapper>\n            )}\n        </StyledMotionAccordionHead>\n    );\n};\n\nAccordionHead.displayName = 'AccordionHead';\n\nexport default AccordionHead;\n"],"mappings":"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","ignoreList":[]}