@chayns-components/core 5.0.0-beta.49 → 5.0.0-beta.492

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.js","names":["AccordionContent","children","maxHeight","onScroll","isWrapped","displayName"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.tsx"],"sourcesContent":["import React, { FC, ReactNode, UIEvent } from 'react';\nimport { AccordionContext } from '../Accordion';\nimport { StyledAccordionContent } from './AccordionContent.styles';\n\nexport type AccordionContentProps = {\n    /**\n     * The content of the accordion content element\n     */\n    children: ReactNode;\n    /**\n     * Maximum height of the element. This automatically makes the content of the element scrollable.\n     */\n    maxHeight?: number;\n    /**\n     * Function that is executed when the element will be scrolled\n     */\n    onScroll?: (event: UIEvent<HTMLDivElement>) => void;\n};\n\nconst AccordionContent: FC<AccordionContentProps> = ({ children, maxHeight, onScroll }) => (\n    <AccordionContext.Consumer>\n        {({ isWrapped }) => (\n            <StyledAccordionContent\n                className=\"beta-chayns-accordion-content\"\n                isWrapped={isWrapped}\n                maxHeight={maxHeight}\n                onScroll={onScroll}\n            >\n                {children}\n            </StyledAccordionContent>\n        )}\n    </AccordionContext.Consumer>\n);\n\nAccordionContent.displayName = 'AccordionContent';\n\nexport default AccordionContent;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmE;AAiBnE,MAAMA,gBAA2C,GAAG;EAAA,IAAC;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAS,CAAC;EAAA,oBAClF,6BAAC,2BAAgB,CAAC,QAAQ,QACrB;IAAA,IAAC;MAAEC;IAAU,CAAC;IAAA,oBACX,6BAAC,wCAAsB;MACnB,SAAS,EAAC,+BAA+B;MACzC,SAAS,EAAEA,SAAU;MACrB,SAAS,EAAEF,SAAU;MACrB,QAAQ,EAAEC;IAAS,GAElBF,QAAQ,CACY;EAAA,CAC5B,CACuB;AAAA,CAC/B;AAEDD,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAAC,eAEnCL,gBAAgB;AAAA"}
+{"version":3,"file":"AccordionContent.js","names":["React","AccordionContext","StyledAccordionContent","AccordionContent","_ref","children","maxHeight","onScroll","createElement","Consumer","_ref2","isWrapped","className","$isWrapped","$maxHeight","displayName"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.tsx"],"sourcesContent":["import React, { FC, ReactNode, UIEvent } from 'react';\nimport { AccordionContext } from '../Accordion';\nimport { StyledAccordionContent } from './AccordionContent.styles';\n\nexport type AccordionContentProps = {\n    /**\n     * The content of the accordion content element\n     */\n    children: ReactNode;\n    /**\n     * Maximum height of the element. This automatically makes the content of the element scrollable.\n     */\n    maxHeight?: number;\n    /**\n     * Function that is executed when the element will be scrolled\n     */\n    onScroll?: (event: UIEvent<HTMLDivElement>) => void;\n};\n\nconst AccordionContent: FC<AccordionContentProps> = ({ children, maxHeight, onScroll }) => (\n    <AccordionContext.Consumer>\n        {({ isWrapped }) => (\n            <StyledAccordionContent\n                className=\"beta-chayns-accordion-content\"\n                $isWrapped={isWrapped}\n                $maxHeight={maxHeight}\n                onScroll={onScroll}\n            >\n                {children}\n            </StyledAccordionContent>\n        )}\n    </AccordionContext.Consumer>\n);\n\nAccordionContent.displayName = 'AccordionContent';\n\nexport default AccordionContent;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAkC,OAAO;AACrD,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,sBAAsB,QAAQ,2BAA2B;AAiBlE,MAAMC,gBAA2C,GAAGC,IAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAAH,IAAA;EAAA,oBAClFJ,KAAA,CAAAQ,aAAA,CAACP,gBAAgB,CAACQ,QAAQ,QACrBC,KAAA;IAAA,IAAC;MAAEC;IAAU,CAAC,GAAAD,KAAA;IAAA,oBACXV,KAAA,CAAAQ,aAAA,CAACN,sBAAsB;MACnBU,SAAS,EAAC,+BAA+B;MACzCC,UAAU,EAAEF,SAAU;MACtBG,UAAU,EAAER,SAAU;MACtBC,QAAQ,EAAEA;IAAS,GAElBF,QACmB,CAAC;EAAA,CAEN,CAAC;AAAA,CAC/B;AAEDF,gBAAgB,CAACY,WAAW,GAAG,kBAAkB;AAEjD,eAAeZ,gBAAgB"}

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

@@ -1,6 +1,8 @@
-import type { AccordionContentProps } from './AccordionContent';
-export declare const StyledAccordionContent: import("styled-components").StyledComponent<"div", any, {
-    isWrapped: boolean;
-} & {
-    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
-} & Pick<AccordionContentProps, "maxHeight">, never>;
+/// <reference types="react" />
+import type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
+type StyledAccordionContentProps = WithTheme<{
+    $isWrapped: boolean;
+    $maxHeight?: number;
+}>;
+export declare const StyledAccordionContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledAccordionContentProps>>;
+export {};

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

@@ -1,13 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledAccordionContent = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const StyledAccordionContent = _styledComponents.default.div`
+import styled, { css } from 'styled-components';
+export const StyledAccordionContent = styled.div`
     color: ${_ref => {
   let {
     theme
@@ -16,20 +8,19 @@ const StyledAccordionContent = _styledComponents.default.div`
 }};
     padding: ${_ref2 => {
   let {
-    isWrapped
+    $isWrapped
   } = _ref2;
-  return isWrapped ? '0 9px 18px 26px' : '0 9px 9px 10px';
+  return $isWrapped ? '0 9px 18px 26px' : '0 9px 9px 10px';
 }};
 
     ${_ref3 => {
   let {
-    maxHeight
+    $maxHeight
   } = _ref3;
-  return typeof maxHeight === 'number' && (0, _styledComponents.css)`
-            max-height: ${maxHeight}px;
+  return typeof $maxHeight === 'number' && css`
+            max-height: ${$maxHeight}px;
             overflow-y: scroll;
         `;
 }}
 `;
-exports.StyledAccordionContent = StyledAccordionContent;
 //# sourceMappingURL=AccordionContent.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.styles.js","names":["StyledAccordionContent","styled","div","theme","text","isWrapped","maxHeight","css"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\nimport type { AccordionContentProps } from './AccordionContent';\n\ntype StyledAccordionContentProps = WithTheme<{\n    isWrapped: boolean;\n}> &\n    Pick<AccordionContentProps, 'maxHeight'>;\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"],"mappings":";;;;;;AAAA;AAAgD;AAAA;AASzC,MAAMA,sBAAsB,GAAGC,yBAAM,CAACC,GAAiC;AAC9E,aAAa;EAAA,IAAC;IAAEC;EAAmC,CAAC;EAAA,OAAKA,KAAK,CAACC,IAAI;AAAA,CAAC;AACpE,eAAe;EAAA,IAAC;IAAEC;EAAU,CAAC;EAAA,OAAMA,SAAS,GAAG,iBAAiB,GAAG,gBAAgB;AAAA,CAAE;AACrF;AACA,MAAM;EAAA,IAAC;IAAEC;EAAU,CAAC;EAAA,OACZ,OAAOA,SAAS,KAAK,QAAQ,IAC7B,IAAAC,qBAAG,CAAC;AACZ,0BAA0BD,SAAU;AACpC;AACA,SAAS;AAAA,CAAC;AACV,CAAC;AAAC"}
+{"version":3,"file":"AccordionContent.styles.js","names":["styled","css","StyledAccordionContent","div","_ref","theme","text","_ref2","$isWrapped","_ref3","$maxHeight"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledAccordionContentProps = WithTheme<{\n    $isWrapped: boolean;\n    $maxHeight?: number;\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"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAQ/C,OAAO,MAAMC,sBAAsB,GAAGF,MAAM,CAACG,GAAiC;AAC9E,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAmC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA,CAAC;AACpE,eAAeC,KAAA;EAAA,IAAC;IAAEC;EAAW,CAAC,GAAAD,KAAA;EAAA,OAAMC,UAAU,GAAG,iBAAiB,GAAG,gBAAgB;AAAA,CAAE;AACvF;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC;EAAW,CAAC,GAAAD,KAAA;EAAA,OACb,OAAOC,UAAU,KAAK,QAAQ,IAC9BT,GAAI;AACZ,0BAA0BS,UAAW;AACrC;AACA,SAAS;AAAA,CAAC;AACV,CAAC"}

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

@@ -1,9 +1,11 @@
-import React, { FC, ReactNode } from 'react';
+import React, { Dispatch, FC, ReactNode, SetStateAction } from 'react';
 type IUpdateOpenAccordionUuid = (uuid: string, options?: {
     shouldOnlyOpen?: boolean;
 }) => void;
 interface IAccordionGroupContext {
-    openAccordionUuid: string | undefined;
+    isWrapped?: boolean;
+    openAccordionUuid?: string;
+    setOpenAccordionUuid?: Dispatch<SetStateAction<string | undefined>>;
     updateOpenAccordionUuid?: IUpdateOpenAccordionUuid;
 }
 export declare const AccordionGroupContext: React.Context<IAccordionGroupContext>;
@@ -13,6 +15,11 @@ type AccordionGroupProps = {
      * automatically closed when an `Accordion` of the group is opened.
      */
     children: ReactNode;
+    /**
+     * This value must be set for nested AccordionGroup components. This adjusts the style of
+     * the head and the padding of the content accordions.
+     */
+    isWrapped?: boolean;
     /**
      * Function that is executed when all accordions in group are closed.
      */

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

@@ -1,27 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const AccordionGroupContext = /*#__PURE__*/_react.default.createContext({
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+export const AccordionGroupContext = /*#__PURE__*/React.createContext({
+  isWrapped: undefined,
   openAccordionUuid: undefined,
+  setOpenAccordionUuid: undefined,
   updateOpenAccordionUuid: undefined
 });
-exports.AccordionGroupContext = AccordionGroupContext;
 AccordionGroupContext.displayName = 'AccordionGroupContext';
 const AccordionGroup = _ref => {
   let {
     children,
+    isWrapped = false,
     onClose,
     onOpen
   } = _ref;
-  const [openAccordionUuid, setOpenAccordionUuid] = (0, _react.useState)(undefined);
-  const isInitialRenderRef = (0, _react.useRef)(true);
-  const updateOpenAccordionUuid = (0, _react.useCallback)(function (uuid) {
+  const [openAccordionUuid, setOpenAccordionUuid] = useState(undefined);
+  const isInitialRenderRef = useRef(true);
+  const updateOpenAccordionUuid = useCallback(function (uuid) {
     let {
       shouldOnlyOpen
     } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -32,7 +26,7 @@ const AccordionGroup = _ref => {
       return uuid;
     });
   }, [setOpenAccordionUuid]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (isInitialRenderRef.current) {
       isInitialRenderRef.current = false;
     } else if (typeof openAccordionUuid === 'string') {
@@ -43,15 +37,16 @@ const AccordionGroup = _ref => {
       onClose();
     }
   }, [onClose, onOpen, openAccordionUuid]);
-  const providerValue = (0, _react.useMemo)(() => ({
+  const providerValue = useMemo(() => ({
+    isWrapped,
     openAccordionUuid,
+    setOpenAccordionUuid,
     updateOpenAccordionUuid
-  }), [openAccordionUuid, updateOpenAccordionUuid]);
-  return /*#__PURE__*/_react.default.createElement(AccordionGroupContext.Provider, {
+  }), [isWrapped, openAccordionUuid, updateOpenAccordionUuid]);
+  return /*#__PURE__*/React.createElement(AccordionGroupContext.Provider, {
     value: providerValue
   }, children);
 };
 AccordionGroup.displayName = 'AccordionGroup';
-var _default = AccordionGroup;
-exports.default = _default;
+export default AccordionGroup;
 //# sourceMappingURL=AccordionGroup.js.map

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

@@ -1 +1 @@
-{"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;AAAgG;AAAA;AASzF,MAAMA,qBAAqB,gBAAGC,cAAK,CAACC,aAAa,CAAyB;EAC7EC,iBAAiB,EAAEC,SAAS;EAC5BC,uBAAuB,EAAED;AAC7B,CAAC,CAAC;AAAC;AAEHJ,qBAAqB,CAACM,WAAW,GAAG,uBAAuB;AAkB3D,MAAMC,cAAuC,GAAG,QAAmC;EAAA,IAAlC;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAO,CAAC;EAC1E,MAAM,CAACP,iBAAiB,EAAEQ,oBAAoB,CAAC,GAC3C,IAAAC,eAAQ,EAA8CR,SAAS,CAAC;EAEpE,MAAMS,kBAAkB,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAEvC,MAAMT,uBAAuB,GAAG,IAAAU,kBAAW,EACvC,UAACC,IAAI,EAA8B;IAAA,IAA5B;MAAEC;IAAe,CAAC,uEAAG,CAAC,CAAC;IAC1BN,oBAAoB,CAAEO,wBAAwB,IAAK;MAC/C,IAAIA,wBAAwB,KAAKF,IAAI,IAAIC,cAAc,KAAK,IAAI,EAAE;QAC9D,OAAOb,SAAS;MACpB;MAEA,OAAOY,IAAI;IACf,CAAC,CAAC;EACN,CAAC,EACD,CAACL,oBAAoB,CAAC,CACzB;EAED,IAAAQ,gBAAS,EAAC,MAAM;IACZ,IAAIN,kBAAkB,CAACO,OAAO,EAAE;MAC5BP,kBAAkB,CAACO,OAAO,GAAG,KAAK;IACtC,CAAC,MAAM,IAAI,OAAOjB,iBAAiB,KAAK,QAAQ,EAAE;MAC9C,IAAI,OAAOO,MAAM,KAAK,UAAU,EAAE;QAC9BA,MAAM,EAAE;MACZ;IACJ,CAAC,MAAM,IAAI,OAAOD,OAAO,KAAK,UAAU,EAAE;MACtCA,OAAO,EAAE;IACb;EACJ,CAAC,EAAE,CAACA,OAAO,EAAEC,MAAM,EAAEP,iBAAiB,CAAC,CAAC;EAExC,MAAMkB,aAAa,GAAG,IAAAC,cAAO,EACzB,OAAO;IACHnB,iBAAiB;IACjBE;EACJ,CAAC,CAAC,EACF,CAACF,iBAAiB,EAAEE,uBAAuB,CAAC,CAC/C;EAED,oBACI,6BAAC,qBAAqB,CAAC,QAAQ;IAAC,KAAK,EAAEgB;EAAc,GAChDb,QAAQ,CACoB;AAEzC,CAAC;AAEDD,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAAC,eAE/BC,cAAc;AAAA"}
+{"version":3,"file":"AccordionGroup.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","AccordionGroupContext","createContext","isWrapped","undefined","openAccordionUuid","setOpenAccordionUuid","updateOpenAccordionUuid","displayName","AccordionGroup","_ref","children","onClose","onOpen","isInitialRenderRef","uuid","shouldOnlyOpen","arguments","length","currentOpenAccordionUuid","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';\n\ntype IUpdateOpenAccordionUuid = (uuid: string, options?: { shouldOnlyOpen?: boolean }) => void;\n\ninterface IAccordionGroupContext {\n    isWrapped?: boolean;\n    openAccordionUuid?: string;\n    setOpenAccordionUuid?: Dispatch<SetStateAction<string | undefined>>;\n    updateOpenAccordionUuid?: IUpdateOpenAccordionUuid;\n}\n\nexport const AccordionGroupContext = React.createContext<IAccordionGroupContext>({\n    isWrapped: undefined,\n    openAccordionUuid: undefined,\n    setOpenAccordionUuid: 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     * 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> = ({\n    children,\n    isWrapped = false,\n    onClose,\n    onOpen,\n}) => {\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            isWrapped,\n            openAccordionUuid,\n            setOpenAccordionUuid,\n            updateOpenAccordionUuid,\n        }),\n        [isWrapped, 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,OAAOA,KAAK,IAKRC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACL,OAAO;AAWd,OAAO,MAAMC,qBAAqB,gBAAGN,KAAK,CAACO,aAAa,CAAyB;EAC7EC,SAAS,EAAEC,SAAS;EACpBC,iBAAiB,EAAED,SAAS;EAC5BE,oBAAoB,EAAEF,SAAS;EAC/BG,uBAAuB,EAAEH;AAC7B,CAAC,CAAC;AAEFH,qBAAqB,CAACO,WAAW,GAAG,uBAAuB;AAuB3D,MAAMC,cAAuC,GAAGC,IAAA,IAK1C;EAAA,IAL2C;IAC7CC,QAAQ;IACRR,SAAS,GAAG,KAAK;IACjBS,OAAO;IACPC;EACJ,CAAC,GAAAH,IAAA;EACG,MAAM,CAACL,iBAAiB,EAAEC,oBAAoB,CAAC,GAC3CN,QAAQ,CAA8CI,SAAS,CAAC;EAEpE,MAAMU,kBAAkB,GAAGf,MAAM,CAAC,IAAI,CAAC;EAEvC,MAAMQ,uBAAuB,GAAGX,WAAW,CACvC,UAACmB,IAAI,EAA8B;IAAA,IAA5B;MAAEC;IAAe,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAb,SAAA,GAAAa,SAAA,MAAG,CAAC,CAAC;IAC1BX,oBAAoB,CAAEa,wBAAwB,IAAK;MAC/C,IAAIA,wBAAwB,KAAKJ,IAAI,IAAIC,cAAc,KAAK,IAAI,EAAE;QAC9D,OAAOZ,SAAS;MACpB;MAEA,OAAOW,IAAI;IACf,CAAC,CAAC;EACN,CAAC,EACD,CAACT,oBAAoB,CACzB,CAAC;EAEDT,SAAS,CAAC,MAAM;IACZ,IAAIiB,kBAAkB,CAACM,OAAO,EAAE;MAC5BN,kBAAkB,CAACM,OAAO,GAAG,KAAK;IACtC,CAAC,MAAM,IAAI,OAAOf,iBAAiB,KAAK,QAAQ,EAAE;MAC9C,IAAI,OAAOQ,MAAM,KAAK,UAAU,EAAE;QAC9BA,MAAM,CAAC,CAAC;MACZ;IACJ,CAAC,MAAM,IAAI,OAAOD,OAAO,KAAK,UAAU,EAAE;MACtCA,OAAO,CAAC,CAAC;IACb;EACJ,CAAC,EAAE,CAACA,OAAO,EAAEC,MAAM,EAAER,iBAAiB,CAAC,CAAC;EAExC,MAAMgB,aAAa,GAAGvB,OAAO,CACzB,OAAO;IACHK,SAAS;IACTE,iBAAiB;IACjBC,oBAAoB;IACpBC;EACJ,CAAC,CAAC,EACF,CAACJ,SAAS,EAAEE,iBAAiB,EAAEE,uBAAuB,CAC1D,CAAC;EAED,oBACIZ,KAAA,CAAA2B,aAAA,CAACrB,qBAAqB,CAACsB,QAAQ;IAACC,KAAK,EAAEH;EAAc,GAChDV,QAC2B,CAAC;AAEzC,CAAC;AAEDF,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAE7C,eAAeC,cAAc"}

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

@@ -10,6 +10,8 @@ type AccordionHeadProps = {
     rightElement?: ReactNode;
     searchIcon?: string[];
     searchPlaceholder?: string;
+    searchValue?: string;
+    shouldRotateIcon?: boolean;
     title: string;
     titleElement?: ReactNode;
 };

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

@@ -1,17 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _framerMotion = require("framer-motion");
-var _react = _interopRequireWildcard(require("react"));
-var _Icon = _interopRequireDefault(require("../../icon/Icon"));
-var _utils = require("../utils");
-var _AccordionHead = require("./AccordionHead.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+import { AnimatePresence, LayoutGroup } from 'framer-motion';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { useTheme } from 'styled-components';
+import { getAccordionHeadHeight } from '../../../utils/accordion';
+import Icon from '../../icon/Icon';
+import { StyledAccordionIcon, StyledMotionAccordionHead, StyledMotionContentWrapper, StyledMotionIconWrapper, StyledMotionRightElementWrapper, StyledMotionRightInput, StyledMotionRightInputIconWrapper, StyledMotionTitle, StyledMotionTitleElementWrapper, StyledMotionTitleWrapper, StyledRightWrapper } from './AccordionHead.styles';
 const AccordionHead = _ref => {
   let {
     icon,
@@ -24,61 +16,74 @@ const AccordionHead = _ref => {
     rightElement,
     searchIcon,
     searchPlaceholder,
+    searchValue,
+    shouldRotateIcon,
     title,
     titleElement
   } = _ref;
-  const [headHeight, setHeadHeight] = (0, _react.useState)({
+  const [headHeight, setHeadHeight] = useState({
     closed: isWrapped ? 40 : 33,
     open: isWrapped ? 40 : 33
   });
-  const titleWrapperRef = (0, _react.useRef)(null);
+  const theme = useTheme();
+  const titleWrapperRef = useRef(null);
   const hasSearchIcon = Array.isArray(searchIcon);
-  (0, _react.useEffect)(() => {
-    var _titleWrapperRef$curr, _titleWrapperRef$curr2;
-    setHeadHeight((0, _utils.getAccordionHeadHeight)({
+  useEffect(() => {
+    setHeadHeight(getAccordionHeadHeight({
       isWrapped,
       title,
-      width: ((_titleWrapperRef$curr = (_titleWrapperRef$curr2 = titleWrapperRef.current) === null || _titleWrapperRef$curr2 === void 0 ? void 0 : _titleWrapperRef$curr2.clientWidth) !== null && _titleWrapperRef$curr !== void 0 ? _titleWrapperRef$curr : 0) - 10
+      width: (titleWrapperRef.current?.clientWidth ?? 0) - 10
     }));
   }, [isWrapped, title]);
-  return /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionAccordionHead, {
+  const iconElement = useMemo(() => {
+    if (icon || icon && isFixed) {
+      return /*#__PURE__*/React.createElement(Icon, {
+        icons: [isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']
+      });
+    }
+    const internalIcon = theme && theme.accordionIcon ? theme.accordionIcon : 61701;
+    const internalIconStyle = theme && theme.iconStyle ? theme.iconStyle : 'fa-regular';
+    return /*#__PURE__*/React.createElement(StyledAccordionIcon, {
+      className: internalIconStyle,
+      $icon: internalIcon.toString(16)
+    });
+  }, [icon, theme, isFixed]);
+  return /*#__PURE__*/React.createElement(StyledMotionAccordionHead, {
     animate: {
       height: isOpen ? headHeight.open : headHeight.closed
     },
     className: "beta-chayns-accordion-head",
     initial: false
-  }, /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionIconWrapper, {
+  }, /*#__PURE__*/React.createElement(StyledMotionIconWrapper, {
     animate: {
-      rotate: isOpen || isFixed ? 90 : 0
+      rotate: (isOpen || isFixed) && shouldRotateIcon ? 90 : 0
     },
     initial: false,
     onClick: !isFixed ? onClick : undefined
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icons: [isFixed ? 'fa fa-horizontal-rule' : icon !== null && icon !== void 0 ? icon : 'fa fa-chevron-right']
-  })), /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionContentWrapper, {
+  }, iconElement), /*#__PURE__*/React.createElement(StyledMotionContentWrapper, {
     animate: {
       opacity: isTitleGreyed ? 0.5 : 1
     },
     initial: false,
     onClick: !isFixed ? onClick : undefined,
     ref: titleWrapperRef
-  }, /*#__PURE__*/_react.default.createElement(_framerMotion.LayoutGroup, null, /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionTitleWrapper, null, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
+  }, /*#__PURE__*/React.createElement(LayoutGroup, null, /*#__PURE__*/React.createElement(StyledMotionTitleWrapper, null, /*#__PURE__*/React.createElement(AnimatePresence, {
     initial: false
-  }, /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionTitle, {
+  }, /*#__PURE__*/React.createElement(StyledMotionTitle, {
     animate: {
       scale: 1
     },
     initial: {
       scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3
     },
-    isOpen: isOpen,
-    isWrapped: isWrapped,
+    $isOpen: isOpen,
+    $isWrapped: isWrapped,
     key: isOpen && !isWrapped ? 'accordionHeadTitleBig' : 'accordionHeadTitle'
-  }, title))), titleElement && /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionTitleElementWrapper, {
+  }, title))), titleElement && /*#__PURE__*/React.createElement(StyledMotionTitleElementWrapper, {
     layout: true
-  }, titleElement))), (typeof onSearchChange === 'function' || rightElement) && /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledRightWrapper, null, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
+  }, titleElement))), (typeof onSearchChange === 'function' || rightElement) && /*#__PURE__*/React.createElement(StyledRightWrapper, null, /*#__PURE__*/React.createElement(AnimatePresence, {
     initial: false
-  }, typeof onSearchChange === 'function' && isOpen ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionRightInput, {
+  }, typeof onSearchChange === 'function' && isOpen ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledMotionRightInput, {
     animate: {
       opacity: 1,
       width: '165px'
@@ -88,7 +93,7 @@ const AccordionHead = _ref => {
       opacity: 0,
       width: 0
     },
-    hasIcon: hasSearchIcon,
+    $hasIcon: hasSearchIcon,
     initial: {
       opacity: 0,
       width: 0
@@ -96,8 +101,9 @@ const AccordionHead = _ref => {
     key: "rightInput",
     onChange: onSearchChange,
     placeholder: searchPlaceholder,
-    type: "text"
-  }), hasSearchIcon && /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionRightInputIconWrapper, {
+    type: "text",
+    value: searchValue
+  }), hasSearchIcon && /*#__PURE__*/React.createElement(StyledMotionRightInputIconWrapper, {
     animate: {
       opacity: 1
     },
@@ -108,9 +114,9 @@ const AccordionHead = _ref => {
       opacity: 0
     },
     key: "rightInputIcon"
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icons: searchIcon
-  }))) : /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionRightElementWrapper, {
+  }))) : /*#__PURE__*/React.createElement(StyledMotionRightElementWrapper, {
     animate: {
       opacity: 1
     },
@@ -124,6 +130,5 @@ const AccordionHead = _ref => {
   }, rightElement))));
 };
 AccordionHead.displayName = 'AccordionHead';
-var _default = AccordionHead;
-exports.default = _default;
+export default AccordionHead;
 //# sourceMappingURL=AccordionHead.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionHead.js","names":["AccordionHead","icon","isOpen","isFixed","isTitleGreyed","isWrapped","onClick","onSearchChange","rightElement","searchIcon","searchPlaceholder","title","titleElement","headHeight","setHeadHeight","useState","closed","open","titleWrapperRef","useRef","hasSearchIcon","Array","isArray","useEffect","getAccordionHeadHeight","width","current","clientWidth","height","rotate","undefined","opacity","scale","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    useRef,\n    useState,\n} from 'react';\nimport Icon from '../../icon/Icon';\nimport { getAccordionHeadHeight } from '../utils';\nimport {\n    StyledMotionAccordionHead,\n    StyledMotionContentWrapper,\n    StyledMotionIconWrapper,\n    StyledMotionRightElementWrapper,\n    StyledMotionRightInput,\n    StyledMotionRightInputIconWrapper,\n    StyledMotionTitle,\n    StyledMotionTitleElementWrapper,\n    StyledMotionTitleWrapper,\n    StyledRightWrapper,\n} from './AccordionHead.styles';\n\ntype 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    searchIcon?: string[];\n    searchPlaceholder?: string;\n    title: string;\n    titleElement?: ReactNode;\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    searchIcon,\n    searchPlaceholder,\n    title,\n    titleElement,\n}) => {\n    const [headHeight, setHeadHeight] = useState<HeadHeight>({\n        closed: isWrapped ? 40 : 33,\n        open: isWrapped ? 40 : 33,\n    });\n\n    const titleWrapperRef = useRef<HTMLDivElement>(null);\n\n    const hasSearchIcon = Array.isArray(searchIcon);\n\n    useEffect(() => {\n        setHeadHeight(\n            getAccordionHeadHeight({\n                isWrapped,\n                title,\n                width: (titleWrapperRef.current?.clientWidth ?? 0) - 10,\n            })\n        );\n    }, [isWrapped, title]);\n\n    return (\n        <StyledMotionAccordionHead\n            animate={{ height: isOpen ? headHeight.open : headHeight.closed }}\n            className=\"beta-chayns-accordion-head\"\n            initial={false}\n        >\n            <StyledMotionIconWrapper\n                animate={{ rotate: isOpen || isFixed ? 90 : 0 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n            >\n                <Icon icons={[isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']} />\n            </StyledMotionIconWrapper>\n            <StyledMotionContentWrapper\n                animate={{ opacity: isTitleGreyed ? 0.5 : 1 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n                ref={titleWrapperRef}\n            >\n                <LayoutGroup>\n                    <StyledMotionTitleWrapper>\n                        <AnimatePresence initial={false}>\n                            <StyledMotionTitle\n                                animate={{ scale: 1 }}\n                                initial={{ scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3 }}\n                                isOpen={isOpen}\n                                isWrapped={isWrapped}\n                                key={\n                                    isOpen && !isWrapped\n                                        ? 'accordionHeadTitleBig'\n                                        : 'accordionHeadTitle'\n                                }\n                            >\n                                {title}\n                            </StyledMotionTitle>\n                        </AnimatePresence>\n                    </StyledMotionTitleWrapper>\n                    {titleElement && (\n                        <StyledMotionTitleElementWrapper layout>\n                            {titleElement}\n                        </StyledMotionTitleElementWrapper>\n                    )}\n                </LayoutGroup>\n            </StyledMotionContentWrapper>\n            {(typeof onSearchChange === 'function' || rightElement) && (\n                <StyledRightWrapper>\n                    <AnimatePresence initial={false}>\n                        {typeof onSearchChange === 'function' && isOpen ? (\n                            <>\n                                <StyledMotionRightInput\n                                    animate={{ opacity: 1, width: '165px' }}\n                                    autoComplete=\"off\"\n                                    exit={{ opacity: 0, width: 0 }}\n                                    hasIcon={hasSearchIcon}\n                                    initial={{ opacity: 0, width: 0 }}\n                                    key=\"rightInput\"\n                                    onChange={onSearchChange}\n                                    placeholder={searchPlaceholder}\n                                    type=\"text\"\n                                />\n                                {hasSearchIcon && (\n                                    <StyledMotionRightInputIconWrapper\n                                        animate={{ opacity: 1 }}\n                                        exit={{ opacity: 0 }}\n                                        initial={{ opacity: 0 }}\n                                        key=\"rightInputIcon\"\n                                    >\n                                        <Icon icons={searchIcon} />\n                                    </StyledMotionRightInputIconWrapper>\n                                )}\n                            </>\n                        ) : (\n                            <StyledMotionRightElementWrapper\n                                animate={{ opacity: 1 }}\n                                exit={{ opacity: 0 }}\n                                initial={{ opacity: 0 }}\n                                key=\"rightElementWrapper\"\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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"}
+{"version":3,"file":"AccordionHead.js","names":["AnimatePresence","LayoutGroup","React","useEffect","useMemo","useRef","useState","useTheme","getAccordionHeadHeight","Icon","StyledAccordionIcon","StyledMotionAccordionHead","StyledMotionContentWrapper","StyledMotionIconWrapper","StyledMotionRightElementWrapper","StyledMotionRightInput","StyledMotionRightInputIconWrapper","StyledMotionTitle","StyledMotionTitleElementWrapper","StyledMotionTitleWrapper","StyledRightWrapper","AccordionHead","_ref","icon","isOpen","isFixed","isTitleGreyed","isWrapped","onClick","onSearchChange","rightElement","searchIcon","searchPlaceholder","searchValue","shouldRotateIcon","title","titleElement","headHeight","setHeadHeight","closed","open","theme","titleWrapperRef","hasSearchIcon","Array","isArray","width","current","clientWidth","iconElement","createElement","icons","internalIcon","accordionIcon","internalIconStyle","iconStyle","className","$icon","toString","animate","height","initial","rotate","undefined","opacity","ref","scale","$isOpen","$isWrapped","key","layout","Fragment","autoComplete","exit","$hasIcon","onChange","placeholder","type","value","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 { getAccordionHeadHeight } from '../../../utils/accordion';\nimport Icon from '../../icon/Icon';\nimport {\n    StyledAccordionIcon,\n    StyledMotionAccordionHead,\n    StyledMotionContentWrapper,\n    StyledMotionIconWrapper,\n    StyledMotionRightElementWrapper,\n    StyledMotionRightInput,\n    StyledMotionRightInputIconWrapper,\n    StyledMotionTitle,\n    StyledMotionTitleElementWrapper,\n    StyledMotionTitleWrapper,\n    StyledRightWrapper,\n} from './AccordionHead.styles';\n\ntype 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    searchIcon?: string[];\n    searchPlaceholder?: string;\n    searchValue?: string;\n    shouldRotateIcon?: boolean;\n    title: string;\n    titleElement?: ReactNode;\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    searchIcon,\n    searchPlaceholder,\n    searchValue,\n    shouldRotateIcon,\n    title,\n    titleElement,\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 titleWrapperRef = useRef<HTMLDivElement>(null);\n\n    const hasSearchIcon = Array.isArray(searchIcon);\n\n    useEffect(() => {\n        setHeadHeight(\n            getAccordionHeadHeight({\n                isWrapped,\n                title,\n                width: (titleWrapperRef.current?.clientWidth ?? 0) - 10,\n            }),\n        );\n    }, [isWrapped, title]);\n\n    const iconElement = useMemo(() => {\n        if (icon || (icon && isFixed)) {\n            return (\n                <Icon icons={[isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']} />\n            );\n        }\n\n        const internalIcon = theme && theme.accordionIcon ? (theme.accordionIcon as number) : 61701;\n        const internalIconStyle =\n            theme && theme.iconStyle ? (theme.iconStyle as string) : 'fa-regular';\n\n        return (\n            <StyledAccordionIcon className={internalIconStyle} $icon={internalIcon.toString(16)} />\n        );\n    }, [icon, theme, isFixed]);\n\n    return (\n        <StyledMotionAccordionHead\n            animate={{ height: isOpen ? headHeight.open : headHeight.closed }}\n            className=\"beta-chayns-accordion-head\"\n            initial={false}\n        >\n            <StyledMotionIconWrapper\n                animate={{ rotate: (isOpen || isFixed) && shouldRotateIcon ? 90 : 0 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n            >\n                {iconElement}\n            </StyledMotionIconWrapper>\n            <StyledMotionContentWrapper\n                animate={{ opacity: isTitleGreyed ? 0.5 : 1 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n                ref={titleWrapperRef}\n            >\n                <LayoutGroup>\n                    <StyledMotionTitleWrapper>\n                        <AnimatePresence initial={false}>\n                            <StyledMotionTitle\n                                animate={{ scale: 1 }}\n                                initial={{ scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3 }}\n                                $isOpen={isOpen}\n                                $isWrapped={isWrapped}\n                                key={\n                                    isOpen && !isWrapped\n                                        ? 'accordionHeadTitleBig'\n                                        : 'accordionHeadTitle'\n                                }\n                            >\n                                {title}\n                            </StyledMotionTitle>\n                        </AnimatePresence>\n                    </StyledMotionTitleWrapper>\n                    {titleElement && (\n                        <StyledMotionTitleElementWrapper layout>\n                            {titleElement}\n                        </StyledMotionTitleElementWrapper>\n                    )}\n                </LayoutGroup>\n            </StyledMotionContentWrapper>\n            {(typeof onSearchChange === 'function' || rightElement) && (\n                <StyledRightWrapper>\n                    <AnimatePresence initial={false}>\n                        {typeof onSearchChange === 'function' && isOpen ? (\n                            <>\n                                <StyledMotionRightInput\n                                    animate={{ opacity: 1, width: '165px' }}\n                                    autoComplete=\"off\"\n                                    exit={{ opacity: 0, width: 0 }}\n                                    $hasIcon={hasSearchIcon}\n                                    initial={{ opacity: 0, width: 0 }}\n                                    key=\"rightInput\"\n                                    onChange={onSearchChange}\n                                    placeholder={searchPlaceholder}\n                                    type=\"text\"\n                                    value={searchValue}\n                                />\n                                {hasSearchIcon && (\n                                    <StyledMotionRightInputIconWrapper\n                                        animate={{ opacity: 1 }}\n                                        exit={{ opacity: 0 }}\n                                        initial={{ opacity: 0 }}\n                                        key=\"rightInputIcon\"\n                                    >\n                                        <Icon icons={searchIcon} />\n                                    </StyledMotionRightInputIconWrapper>\n                                )}\n                            </>\n                        ) : (\n                            <StyledMotionRightElementWrapper\n                                animate={{ opacity: 1 }}\n                                exit={{ opacity: 0 }}\n                                initial={{ opacity: 0 }}\n                                key=\"rightElementWrapper\"\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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"}