@dnb/eufemia 10.5.0 → 10.6.0

package/es/components/accordion/AccordionContent.d.ts

@@ -1,14 +1,12 @@
-import * as React from 'react';
-import type { SpacingProps } from '../space/types';
-export type AccordionContentChildren =
-  | React.ReactNode
-  | ((...args: any[]) => any);
-export interface AccordionContentProps
-  extends React.HTMLProps<HTMLElement>,
-    SpacingProps {
-  instance?: React.LegacyRef;
-  className?: string;
-  children?: AccordionContentChildren;
-}
-declare const AccordionContent: React.FC<AccordionContentProps>;
-export default AccordionContent;
+/**
+ * Web Accordion Component
+ *
+ */
+import React from 'react';
+import { SpacingProps } from '../space/types';
+export type AccordionContentProps = Omit<React.HTMLProps<HTMLElement>, 'onAnimationEnd' | 'children'> & SpacingProps & {
+    instance?: React.MutableRefObject<unknown>;
+    className?: string;
+    children?: React.ReactNode | ((...args: any[]) => any);
+};
+export default function AccordionContent(props: AccordionContentProps): import("react/jsx-runtime").JSX.Element;

package/es/components/accordion/AccordionContent.js

@@ -5,12 +5,11 @@ const _excluded = ["className", "children", "instance"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { warn, isTrue, validateDOMAttributes, processChildren, getPreviousSibling } from '../../shared/component-helper';
+import { warn, validateDOMAttributes, processChildren, getPreviousSibling } from '../../shared/component-helper';
 import { useMediaQuery } from '../../shared';
 import AccordionContext from './AccordionContext';
-import { spacingPropTypes, createSpacingClasses } from '../space/SpacingHelper';
+import { createSpacingClasses } from '../space/SpacingHelper';
 import HeightAnimation from '../height-animation/HeightAnimation';
 export default function AccordionContent(props) {
   const context = React.useContext(AccordionContext);
@@ -70,11 +69,11 @@ export default function AccordionContent(props) {
         className: "dnb-p"
       }, content);
     }
-    if (isTrue(prevent_rerender)) {
+    if (prevent_rerender) {
       if (!(expanded || prerender)) {
         content = null;
       }
-      if (isTrue(prevent_rerender_conditional) && cacheRef.current !== content) {
+      if (prevent_rerender_conditional && cacheRef.current !== content) {
         cacheRef.current = content;
       }
       if (cacheRef.current) {
@@ -86,7 +85,7 @@ export default function AccordionContent(props) {
     return content;
   };
   React.useEffect(() => {
-    if (expanded && isTrue(single_container)) {
+    if (expanded && single_container) {
       setContainerHeight();
     }
   }, [children, expanded, single_container]);
@@ -129,15 +128,4 @@ export default function AccordionContent(props) {
     innerRef: elementRef
   }), React.createElement("section", innerParams, content));
 }
-process.env.NODE_ENV !== "production" ? AccordionContent.propTypes = _objectSpread(_objectSpread({
-  instance: PropTypes.object
-}, spacingPropTypes), {}, {
-  className: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
-}) : void 0;
-AccordionContent.defaultProps = {
-  instance: null,
-  className: null,
-  children: null
-};
 //# sourceMappingURL=AccordionContent.js.map

package/es/components/accordion/AccordionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.js","names":["React","PropTypes","classnames","warn","isTrue","validateDOMAttributes","processChildren","getPreviousSibling","useMediaQuery","AccordionContext","spacingPropTypes","createSpacingClasses","HeightAnimation","AccordionContent","props","context","useContext","id","expanded","prerender","prevent_rerender","single_container","disabled","no_animation","contentRef","className","children","instance","rest","_objectWithoutProperties","_excluded","elementRef","useRef","cacheRef","setContainerHeight","contentElem","current","style","height","containerElement","transitionDuration","minHeight","offsetHeight","offsetTop","e","renderContent","prevent_rerender_conditional","content","createElement","useEffect","useState","Object","prototype","hasOwnProperty","call","isSmallScreen","when","max","wrapperParams","_objectSpread","keepInDOM","innerParams","animate","_extends","open","innerRef","process","env","NODE_ENV","propTypes","object","string","oneOfType","node","func","defaultProps"],"sources":["../../../../src/components/accordion/AccordionContent.js"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  warn,\n  isTrue,\n  validateDOMAttributes,\n  processChildren,\n  getPreviousSibling,\n} from '../../shared/component-helper'\nimport { useMediaQuery } from '../../shared'\nimport AccordionContext from './AccordionContext'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport HeightAnimation from '../height-animation/HeightAnimation'\n\nexport default function AccordionContent(props) {\n  const context = React.useContext(AccordionContext)\n\n  const {\n    id,\n    expanded,\n    prerender,\n    prevent_rerender,\n    single_container,\n    disabled,\n    no_animation,\n    contentRef,\n  } = context\n\n  const { className, children, instance, ...rest } = props\n\n  let elementRef = React.useRef(null)\n  const cacheRef = React.useRef(null)\n\n  if (contentRef) {\n    elementRef = contentRef\n  }\n\n  const setContainerHeight = () => {\n    const { single_container } = context\n\n    if (single_container) {\n      const contentElem = elementRef.current\n      if (contentElem) {\n        try {\n          contentElem.style.height = ''\n\n          const containerElement = getPreviousSibling(\n            'dnb-accordion-group--single-container',\n            contentElem\n          )\n\n          if (no_animation) {\n            containerElement.style.transitionDuration = '1ms'\n          }\n\n          const minHeight =\n            (contentElem.offsetHeight + contentElem.offsetTop) / 16\n          containerElement.style.minHeight = `${minHeight}rem`\n        } catch (e) {\n          warn(e)\n        }\n      }\n    }\n  }\n\n  const renderContent = () => {\n    const children = processChildren(props)\n\n    const {\n      expanded,\n      prerender,\n      prevent_rerender,\n      prevent_rerender_conditional,\n    } = context\n\n    let content = children\n\n    if (typeof content === 'string') {\n      content = <p className=\"dnb-p\">{content}</p>\n    }\n\n    if (isTrue(prevent_rerender)) {\n      /**\n       * Ensure we do not render, if it is not expanded\n       */\n      if (!(expanded || prerender)) {\n        content = null\n      }\n\n      // update the cache if children is not the same anymore\n      if (\n        isTrue(prevent_rerender_conditional) &&\n        cacheRef.current !== content\n      ) {\n        cacheRef.current = content\n      }\n\n      if (cacheRef.current) {\n        content = cacheRef.current\n      } else {\n        cacheRef.current = content\n      }\n    }\n\n    return content\n  }\n\n  React.useEffect(() => {\n    if (expanded && isTrue(single_container)) {\n      setContainerHeight()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, expanded, single_container])\n\n  React.useState(() => {\n    if (\n      instance &&\n      Object.prototype.hasOwnProperty.call(instance, 'current')\n    ) {\n      instance.current = { setContainerHeight }\n    }\n  })\n\n  const isSmallScreen = useMediaQuery({\n    when: { max: 'small' },\n  })\n\n  const content = renderContent()\n\n  const wrapperParams = {\n    className: classnames('dnb-accordion__content', className),\n    ...rest,\n  }\n\n  const keepInDOM = prerender || prevent_rerender\n\n  const innerParams = {\n    id: `${id}-content`,\n    'aria-labelledby': `${id}-header`,\n    className: classnames(\n      'dnb-accordion__content__inner',\n      createSpacingClasses(rest)\n    ),\n  }\n\n  if (expanded) {\n    innerParams['aria-expanded'] = true\n  }\n\n  if (!expanded || disabled) {\n    innerParams.disabled = true\n    innerParams['aria-hidden'] = true\n  }\n\n  // to remove spacing props\n  validateDOMAttributes(props, wrapperParams)\n  validateDOMAttributes(null, innerParams)\n\n  const animate =\n    !no_animation && (single_container ? isSmallScreen : true)\n\n  return (\n    <HeightAnimation\n      {...wrapperParams}\n      open={expanded}\n      animate={animate}\n      keepInDOM={keepInDOM}\n      innerRef={elementRef}\n    >\n      <section {...innerParams}>{content}</section>\n    </HeightAnimation>\n  )\n}\n\nAccordionContent.propTypes = {\n  instance: PropTypes.object,\n  ...spacingPropTypes,\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n}\n\nAccordionContent.defaultProps = {\n  instance: null,\n  className: null,\n  children: null,\n}\n"],"mappings":"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"}
+{"version":3,"file":"AccordionContent.js","names":["React","classnames","warn","validateDOMAttributes","processChildren","getPreviousSibling","useMediaQuery","AccordionContext","createSpacingClasses","HeightAnimation","AccordionContent","props","context","useContext","id","expanded","prerender","prevent_rerender","single_container","disabled","no_animation","contentRef","className","children","instance","rest","_objectWithoutProperties","_excluded","elementRef","useRef","cacheRef","setContainerHeight","contentElem","current","style","height","containerElement","transitionDuration","minHeight","offsetHeight","offsetTop","e","renderContent","prevent_rerender_conditional","content","createElement","useEffect","useState","Object","prototype","hasOwnProperty","call","isSmallScreen","when","max","wrapperParams","_objectSpread","keepInDOM","innerParams","animate","_extends","open","innerRef"],"sources":["../../../../src/components/accordion/AccordionContent.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, { HTMLProps } from 'react'\nimport classnames from 'classnames'\nimport {\n  warn,\n  validateDOMAttributes,\n  processChildren,\n  getPreviousSibling,\n} from '../../shared/component-helper'\nimport { useMediaQuery } from '../../shared'\nimport AccordionContext, {\n  AccordionContextProps,\n} from './AccordionContext'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport { SpacingProps } from '../space/types'\n\nexport type AccordionContentProps = Omit<\n  React.HTMLProps<HTMLElement>,\n  'onAnimationEnd' | 'children'\n> &\n  SpacingProps & {\n    instance?: React.MutableRefObject<unknown>\n    className?: string\n    children?: React.ReactNode | ((...args: any[]) => any)\n  }\n\nexport default function AccordionContent(props: AccordionContentProps) {\n  const context = React.useContext<AccordionContextProps>(AccordionContext)\n\n  const {\n    id,\n    expanded,\n    prerender,\n    prevent_rerender,\n    single_container,\n    disabled,\n    no_animation,\n    contentRef,\n  } = context\n\n  const { className, children, instance, ...rest } = props\n\n  let elementRef = React.useRef(null)\n  const cacheRef = React.useRef(null)\n\n  if (contentRef) {\n    elementRef = contentRef\n  }\n\n  const setContainerHeight = () => {\n    const { single_container } = context\n\n    if (single_container) {\n      const contentElem = elementRef.current\n      if (contentElem) {\n        try {\n          contentElem.style.height = ''\n\n          const containerElement = getPreviousSibling(\n            'dnb-accordion-group--single-container',\n            contentElem\n          ) as HTMLElement\n\n          if (no_animation) {\n            containerElement.style.transitionDuration = '1ms'\n          }\n\n          const minHeight =\n            (contentElem.offsetHeight + contentElem.offsetTop) / 16\n          containerElement.style.minHeight = `${minHeight}rem`\n        } catch (e) {\n          warn(e)\n        }\n      }\n    }\n  }\n\n  const renderContent = () => {\n    const children = processChildren(props)\n\n    const {\n      expanded,\n      prerender,\n      prevent_rerender,\n      prevent_rerender_conditional,\n    } = context\n\n    let content = children\n\n    if (typeof content === 'string') {\n      content = <p className=\"dnb-p\">{content}</p>\n    }\n\n    if (prevent_rerender) {\n      /**\n       * Ensure we do not render, if it is not expanded\n       */\n      if (!(expanded || prerender)) {\n        content = null\n      }\n\n      // update the cache if children is not the same anymore\n      if (prevent_rerender_conditional && cacheRef.current !== content) {\n        cacheRef.current = content\n      }\n\n      if (cacheRef.current) {\n        content = cacheRef.current\n      } else {\n        cacheRef.current = content\n      }\n    }\n\n    return content\n  }\n\n  React.useEffect(() => {\n    if (expanded && single_container) {\n      setContainerHeight()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, expanded, single_container])\n\n  React.useState(() => {\n    if (\n      instance &&\n      Object.prototype.hasOwnProperty.call(instance, 'current')\n    ) {\n      instance.current = { setContainerHeight }\n    }\n  })\n\n  const isSmallScreen = useMediaQuery({\n    when: { max: 'small' },\n  })\n\n  const content = renderContent()\n\n  const wrapperParams = {\n    className: classnames('dnb-accordion__content', className),\n    ...rest,\n  }\n\n  const keepInDOM = prerender || prevent_rerender\n\n  const innerParams = {\n    id: `${id}-content`,\n    'aria-labelledby': `${id}-header`,\n    className: classnames(\n      'dnb-accordion__content__inner',\n      createSpacingClasses(rest)\n    ),\n  } as HTMLProps<HTMLElement>\n\n  if (expanded) {\n    innerParams['aria-expanded'] = true\n  }\n\n  if (!expanded || disabled) {\n    innerParams.disabled = true\n    innerParams['aria-hidden'] = true\n  }\n\n  // to remove spacing props\n  validateDOMAttributes(props, wrapperParams)\n  validateDOMAttributes(null, innerParams)\n\n  const animate =\n    !no_animation && (single_container ? isSmallScreen : true)\n\n  return (\n    <HeightAnimation\n      {...wrapperParams}\n      open={expanded}\n      animate={animate}\n      keepInDOM={keepInDOM}\n      innerRef={elementRef}\n    >\n      <section {...innerParams}>{content}</section>\n    </HeightAnimation>\n  )\n}\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,MAAqB,OAAO;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,IAAI,EACJC,qBAAqB,EACrBC,eAAe,EACfC,kBAAkB,QACb,+BAA+B;AACtC,SAASC,aAAa,QAAQ,cAAc;AAC5C,OAAOC,gBAAgB,MAEhB,oBAAoB;AAC3B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,OAAOC,eAAe,MAAM,qCAAqC;AAajE,eAAe,SAASC,gBAAgBA,CAACC,KAA4B,EAAE;EACrE,MAAMC,OAAO,GAAGZ,KAAK,CAACa,UAAU,CAAwBN,gBAAgB,CAAC;EAEzE,MAAM;IACJO,EAAE;IACFC,QAAQ;IACRC,SAAS;IACTC,gBAAgB;IAChBC,gBAAgB;IAChBC,QAAQ;IACRC,YAAY;IACZC;EACF,CAAC,GAAGT,OAAO;EAEX,MAAM;MAAEU,SAAS;MAAEC,QAAQ;MAAEC;IAAkB,CAAC,GAAGb,KAAK;IAAdc,IAAI,GAAAC,wBAAA,CAAKf,KAAK,EAAAgB,SAAA;EAExD,IAAIC,UAAU,GAAG5B,KAAK,CAAC6B,MAAM,CAAC,IAAI,CAAC;EACnC,MAAMC,QAAQ,GAAG9B,KAAK,CAAC6B,MAAM,CAAC,IAAI,CAAC;EAEnC,IAAIR,UAAU,EAAE;IACdO,UAAU,GAAGP,UAAU;EACzB;EAEA,MAAMU,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,MAAM;MAAEb;IAAiB,CAAC,GAAGN,OAAO;IAEpC,IAAIM,gBAAgB,EAAE;MACpB,MAAMc,WAAW,GAAGJ,UAAU,CAACK,OAAO;MACtC,IAAID,WAAW,EAAE;QACf,IAAI;UACFA,WAAW,CAACE,KAAK,CAACC,MAAM,GAAG,EAAE;UAE7B,MAAMC,gBAAgB,GAAG/B,kBAAkB,CACzC,uCAAuC,EACvC2B,WACF,CAAgB;UAEhB,IAAIZ,YAAY,EAAE;YAChBgB,gBAAgB,CAACF,KAAK,CAACG,kBAAkB,GAAG,KAAK;UACnD;UAEA,MAAMC,SAAS,GACb,CAACN,WAAW,CAACO,YAAY,GAAGP,WAAW,CAACQ,SAAS,IAAI,EAAE;UACzDJ,gBAAgB,CAACF,KAAK,CAACI,SAAS,GAAI,GAAEA,SAAU,KAAI;QACtD,CAAC,CAAC,OAAOG,CAAC,EAAE;UACVvC,IAAI,CAACuC,CAAC,CAAC;QACT;MACF;IACF;EACF,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,MAAMnB,QAAQ,GAAGnB,eAAe,CAACO,KAAK,CAAC;IAEvC,MAAM;MACJI,QAAQ;MACRC,SAAS;MACTC,gBAAgB;MAChB0B;IACF,CAAC,GAAG/B,OAAO;IAEX,IAAIgC,OAAO,GAAGrB,QAAQ;IAEtB,IAAI,OAAOqB,OAAO,KAAK,QAAQ,EAAE;MAC/BA,OAAO,GAAG5C,KAAA,CAAA6C,aAAA;QAAGvB,SAAS,EAAC;MAAO,GAAEsB,OAAW,CAAC;IAC9C;IAEA,IAAI3B,gBAAgB,EAAE;MAIpB,IAAI,EAAEF,QAAQ,IAAIC,SAAS,CAAC,EAAE;QAC5B4B,OAAO,GAAG,IAAI;MAChB;MAGA,IAAID,4BAA4B,IAAIb,QAAQ,CAACG,OAAO,KAAKW,OAAO,EAAE;QAChEd,QAAQ,CAACG,OAAO,GAAGW,OAAO;MAC5B;MAEA,IAAId,QAAQ,CAACG,OAAO,EAAE;QACpBW,OAAO,GAAGd,QAAQ,CAACG,OAAO;MAC5B,CAAC,MAAM;QACLH,QAAQ,CAACG,OAAO,GAAGW,OAAO;MAC5B;IACF;IAEA,OAAOA,OAAO;EAChB,CAAC;EAED5C,KAAK,CAAC8C,SAAS,CAAC,MAAM;IACpB,IAAI/B,QAAQ,IAAIG,gBAAgB,EAAE;MAChCa,kBAAkB,CAAC,CAAC;IACtB;EAEF,CAAC,EAAE,CAACR,QAAQ,EAAER,QAAQ,EAAEG,gBAAgB,CAAC,CAAC;EAE1ClB,KAAK,CAAC+C,QAAQ,CAAC,MAAM;IACnB,IACEvB,QAAQ,IACRwB,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAAC3B,QAAQ,EAAE,SAAS,CAAC,EACzD;MACAA,QAAQ,CAACS,OAAO,GAAG;QAAEF;MAAmB,CAAC;IAC3C;EACF,CAAC,CAAC;EAEF,MAAMqB,aAAa,GAAG9C,aAAa,CAAC;IAClC+C,IAAI,EAAE;MAAEC,GAAG,EAAE;IAAQ;EACvB,CAAC,CAAC;EAEF,MAAMV,OAAO,GAAGF,aAAa,CAAC,CAAC;EAE/B,MAAMa,aAAa,GAAAC,aAAA;IACjBlC,SAAS,EAAErB,UAAU,CAAC,wBAAwB,EAAEqB,SAAS;EAAC,GACvDG,IAAI,CACR;EAED,MAAMgC,SAAS,GAAGzC,SAAS,IAAIC,gBAAgB;EAE/C,MAAMyC,WAAW,GAAG;IAClB5C,EAAE,EAAG,GAAEA,EAAG,UAAS;IACnB,iBAAiB,EAAG,GAAEA,EAAG,SAAQ;IACjCQ,SAAS,EAAErB,UAAU,CACnB,+BAA+B,EAC/BO,oBAAoB,CAACiB,IAAI,CAC3B;EACF,CAA2B;EAE3B,IAAIV,QAAQ,EAAE;IACZ2C,WAAW,CAAC,eAAe,CAAC,GAAG,IAAI;EACrC;EAEA,IAAI,CAAC3C,QAAQ,IAAII,QAAQ,EAAE;IACzBuC,WAAW,CAACvC,QAAQ,GAAG,IAAI;IAC3BuC,WAAW,CAAC,aAAa,CAAC,GAAG,IAAI;EACnC;EAGAvD,qBAAqB,CAACQ,KAAK,EAAE4C,aAAa,CAAC;EAC3CpD,qBAAqB,CAAC,IAAI,EAAEuD,WAAW,CAAC;EAExC,MAAMC,OAAO,GACX,CAACvC,YAAY,KAAKF,gBAAgB,GAAGkC,aAAa,GAAG,IAAI,CAAC;EAE5D,OACEpD,KAAA,CAAA6C,aAAA,CAACpC,eAAe,EAAAmD,QAAA,KACVL,aAAa;IACjBM,IAAI,EAAE9C,QAAS;IACf4C,OAAO,EAAEA,OAAQ;IACjBF,SAAS,EAAEA,SAAU;IACrBK,QAAQ,EAAElC;EAAW,IAErB5B,KAAA,CAAA6C,aAAA,YAAaa,WAAW,EAAGd,OAAiB,CAC7B,CAAC;AAEtB"}

package/es/components/accordion/AccordionContext.d.ts

@@ -1,3 +1,18 @@
-export default AccordionContext;
-declare const AccordionContext: React.Context<{}>;
+/**
+ * Web AccordionGroup Context
+ *
+ */
 import React from 'react';
+import { SkeletonContextProps } from '../skeleton/SkeletonHelper';
+import { AccordionProps } from './Accordion';
+export type AccordionContextProps = AccordionProps & SkeletonContextProps & {
+    allow_close_all?: boolean;
+    callOnChange?: (parameters: {
+        id: string;
+        group: string;
+        expanded: boolean;
+        event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+    }) => void;
+};
+declare const AccordionContext: React.Context<AccordionContextProps>;
+export default AccordionContext;

package/es/components/accordion/AccordionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContext.js","names":["React","AccordionContext","createContext"],"sources":["../../../../src/components/accordion/AccordionContext.js"],"sourcesContent":["/**\n * Web AccordionGroup Context\n *\n */\n\nimport React from 'react'\n\nconst AccordionContext = React.createContext({})\n\nexport default AccordionContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,gBAAgB,GAAGD,KAAK,CAACE,aAAa,CAAC,CAAC,CAAC,CAAC;AAEhD,eAAeD,gBAAgB"}
+{"version":3,"file":"AccordionContext.js","names":["React","AccordionContext","createContext"],"sources":["../../../../src/components/accordion/AccordionContext.ts"],"sourcesContent":["/**\n * Web AccordionGroup Context\n *\n */\n\nimport React from 'react'\nimport { SkeletonContextProps } from '../skeleton/SkeletonHelper'\nimport { AccordionProps } from './Accordion'\n\nexport type AccordionContextProps = AccordionProps &\n  SkeletonContextProps & {\n    allow_close_all?: boolean\n    callOnChange?: (parameters: {\n      id: string\n      group: string\n      expanded: boolean\n      event:\n        | React.MouseEvent<HTMLElement>\n        | React.KeyboardEvent<HTMLElement>\n    }) => void\n  }\n\nconst AccordionContext = React.createContext<AccordionContextProps>({})\n\nexport default AccordionContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAiBzB,MAAMC,gBAAgB,GAAGD,KAAK,CAACE,aAAa,CAAwB,CAAC,CAAC,CAAC;AAEvE,eAAeD,gBAAgB"}

package/es/components/accordion/AccordionGroup.d.ts

@@ -1,13 +1,11 @@
-import * as React from 'react';
+/**
+ * Web AccordionGroup Component
+ *
+ */
+import React from 'react';
 import type { GroupProps } from './Accordion';
-export interface AccordionGroupProps
-  extends React.HTMLProps<HTMLElement>,
-    GroupProps {
-  onInit?: (...args: any[]) => any;
-}
-export default class AccordionGroup extends React.Component<
-  AccordionGroupProps,
-  any
-> {
-  render(): JSX.Element;
-}
+export type AccordionGroupProps = React.HTMLProps<HTMLElement> & GroupProps & {
+    onInit?: (...args: any[]) => any;
+};
+declare const AccordionGroup: (props: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default AccordionGroup;

package/es/components/accordion/AccordionGroup.js

@@ -1,84 +1,73 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["expanded", "expanded_id", "prerender", "prevent_rerender", "single_container", "contentRef", "allow_close_all", "remember_state", "flush_remembered_state", "disabled", "group", "onInit", "className", "class", "id", "children"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { useContext } from 'react';
 import classnames from 'classnames';
-import { isTrue, makeUniqueId, extendPropsWithContextInClassComponent, validateDOMAttributes, dispatchCustomElementEvent } from '../../shared/component-helper';
+import { isTrue, makeUniqueId, extendPropsWithContext, validateDOMAttributes, dispatchCustomElementEvent } from '../../shared/component-helper';
 import { createSpacingClasses } from '../space/SpacingHelper';
-import { accordionPropTypes, accordionDefaultProps } from './AccordionPropTypes';
 import Context from '../../shared/Context';
 import AccordionGroupContext from './AccordionProviderContext';
-export default class AccordionGroup extends React.PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "onChangeHandler", event => {
-      dispatchCustomElementEvent(this, 'on_change', {
-        id: event.id,
-        expanded: event.expanded,
-        event
-      });
+import { accordionDefaultProps } from './defaultProps';
+const AccordionGroup = props => {
+  const context = useContext(Context);
+  const id = props.id || makeUniqueId();
+  const thisInstance = {
+    _id: id,
+    props,
+    context,
+    onChangeHandler
+  };
+  function onChangeHandler(event) {
+    dispatchCustomElementEvent(thisInstance, 'on_change', {
+      id: event.id,
+      expanded: event.expanded,
+      event
     });
-    this._id = props.id || makeUniqueId();
-    this.state = {
-      _listenForPropChanges: true
-    };
   }
-  render() {
-    const props = extendPropsWithContextInClassComponent(this.props, AccordionGroup.defaultProps, this.context.Accordion, this.context.getTranslation(this.props).Accordion);
-    const {
-        expanded,
-        expanded_id,
-        prerender,
-        prevent_rerender,
-        single_container,
-        contentRef,
-        allow_close_all,
-        remember_state,
-        flush_remembered_state,
-        disabled,
-        group,
-        onInit,
-        className,
-        class: _className,
-        id: _id,
-        children
-      } = props,
-      rest = _objectWithoutProperties(props, _excluded);
-    const id = this._id;
-    const classes = classnames('dnb-accordion-group', createSpacingClasses(props), className, _className, isTrue(single_container) && 'dnb-accordion-group--single-container');
-    const params = _objectSpread({}, rest);
-    validateDOMAttributes(this.props, params);
-    if (!props.group && isTrue(props.single_container)) {
-      props.group = makeUniqueId();
-    }
-    const context = _objectSpread(_objectSpread({}, props), {}, {
-      id,
-      onChange: this.onChangeHandler
-    });
-    return React.createElement(AccordionGroupContext.Provider, {
-      value: context
-    }, React.createElement("div", {
-      className: classes
-    }, React.createElement("span", _extends({
-      id: id,
-      className: "dnb-accordion-group__shell",
-      role: "group"
-    }, params), React.createElement("span", {
-      className: "dnb-accordion-group__children"
-    }, children))));
+  const extendedProps = extendPropsWithContext(props, accordionDefaultProps, context.Accordion, context.getTranslation(props).Accordion);
+  const {
+      expanded,
+      expanded_id,
+      prerender,
+      prevent_rerender,
+      single_container,
+      contentRef,
+      allow_close_all,
+      remember_state,
+      flush_remembered_state,
+      disabled,
+      group,
+      onInit,
+      className,
+      class: _className,
+      id: _id,
+      children
+    } = extendedProps,
+    restOfExtendedProps = _objectWithoutProperties(extendedProps, _excluded);
+  const classes = classnames('dnb-accordion-group', createSpacingClasses(extendedProps), className, _className, isTrue(single_container) && 'dnb-accordion-group--single-container');
+  const params = _objectSpread({}, restOfExtendedProps);
+  validateDOMAttributes(props, params);
+  if (!(extendedProps !== null && extendedProps !== void 0 && extendedProps.group) && isTrue(props.single_container)) {
+    extendedProps.group = makeUniqueId();
   }
-}
-_defineProperty(AccordionGroup, "contextType", Context);
-_defineProperty(AccordionGroup, "defaultProps", _objectSpread(_objectSpread({}, accordionDefaultProps), {}, {
-  expanded_id: null,
-  onInit: null
-}));
-process.env.NODE_ENV !== "production" ? AccordionGroup.propTypes = _objectSpread(_objectSpread({}, accordionPropTypes), {}, {
-  expanded_id: PropTypes.string,
-  onInit: PropTypes.func
-}) : void 0;
+  const contextForProvider = _objectSpread(_objectSpread({}, extendedProps), {}, {
+    id,
+    onChange: onChangeHandler
+  });
+  return React.createElement(AccordionGroupContext.Provider, {
+    value: contextForProvider
+  }, React.createElement("div", {
+    className: classes
+  }, React.createElement("span", _extends({
+    id: id,
+    className: "dnb-accordion-group__shell",
+    role: "group"
+  }, params), React.createElement("span", {
+    className: "dnb-accordion-group__children"
+  }, children))));
+};
+export default AccordionGroup;
 //# sourceMappingURL=AccordionGroup.js.map

package/es/components/accordion/AccordionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","dispatchCustomElementEvent","createSpacingClasses","accordionPropTypes","accordionDefaultProps","Context","AccordionGroupContext","AccordionGroup","PureComponent","constructor","props","_defineProperty","event","id","expanded","_id","state","_listenForPropChanges","render","defaultProps","context","Accordion","getTranslation","expanded_id","prerender","prevent_rerender","single_container","contentRef","allow_close_all","remember_state","flush_remembered_state","disabled","group","onInit","className","class","_className","children","rest","_objectWithoutProperties","_excluded","classes","params","_objectSpread","onChange","onChangeHandler","createElement","Provider","value","_extends","role","process","env","NODE_ENV","propTypes","string","func"],"sources":["../../../../src/components/accordion/AccordionGroup.js"],"sourcesContent":["/**\n * Web AccordionGroup Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  accordionPropTypes,\n  accordionDefaultProps,\n} from './AccordionPropTypes'\n\nimport Context from '../../shared/Context'\nimport AccordionGroupContext from './AccordionProviderContext'\n\nexport default class AccordionGroup extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    ...accordionPropTypes,\n\n    expanded_id: PropTypes.string,\n    onInit: PropTypes.func,\n  }\n\n  static defaultProps = {\n    ...accordionDefaultProps,\n\n    expanded_id: null,\n    onInit: null,\n  }\n\n  constructor(props) {\n    super(props)\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n    this.state = {\n      _listenForPropChanges: true,\n    }\n  }\n\n  onChangeHandler = (event) => {\n    dispatchCustomElementEvent(this, 'on_change', {\n      id: event.id,\n      expanded: event.expanded,\n      event,\n    })\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      AccordionGroup.defaultProps,\n      this.context.Accordion,\n      this.context.getTranslation(this.props).Accordion\n    )\n\n    const {\n      expanded, // eslint-disable-line\n      expanded_id, // eslint-disable-line\n      prerender, // eslint-disable-line\n      prevent_rerender, // eslint-disable-line\n      single_container, // eslint-disable-line\n      contentRef, // eslint-disable-line\n      allow_close_all, // eslint-disable-line\n      remember_state, // eslint-disable-line\n      flush_remembered_state, // eslint-disable-line\n      disabled, // eslint-disable-line\n      group, // eslint-disable-line\n      onInit, // eslint-disable-line\n      className,\n      class: _className,\n\n      id: _id, // eslint-disable-line\n      children, // eslint-disable-line\n\n      ...rest\n    } = props\n\n    const id = this._id\n\n    const classes = classnames(\n      'dnb-accordion-group',\n      isTrue(single_container) && 'dnb-accordion-group--single-container',\n      createSpacingClasses(props),\n      className,\n      _className\n    )\n\n    const params = {\n      ...rest,\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    if (!props.group && isTrue(props.single_container)) {\n      props.group = makeUniqueId()\n    }\n\n    const context = {\n      ...props,\n      id,\n      onChange: this.onChangeHandler,\n    }\n\n    return (\n      <AccordionGroupContext.Provider value={context}>\n        <div className={classes}>\n          <span\n            id={id}\n            className=\"dnb-accordion-group__shell\"\n            role=\"group\"\n            {...params}\n          >\n            <span className=\"dnb-accordion-group__children\">\n              {children}\n            </span>\n          </span>\n        </div>\n      </AccordionGroupContext.Provider>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"AccordionGroup.js","names":["React","useContext","classnames","isTrue","makeUniqueId","extendPropsWithContext","validateDOMAttributes","dispatchCustomElementEvent","createSpacingClasses","Context","AccordionGroupContext","accordionDefaultProps","AccordionGroup","props","context","id","thisInstance","_id","onChangeHandler","event","expanded","extendedProps","Accordion","getTranslation","expanded_id","prerender","prevent_rerender","single_container","contentRef","allow_close_all","remember_state","flush_remembered_state","disabled","group","onInit","className","class","_className","children","restOfExtendedProps","_objectWithoutProperties","_excluded","classes","params","_objectSpread","contextForProvider","onChange","createElement","Provider","value","_extends","role"],"sources":["../../../../src/components/accordion/AccordionGroup.tsx"],"sourcesContent":["/**\n * Web AccordionGroup Component\n *\n */\n\nimport React, { useContext } from 'react'\n\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContext,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport Context from '../../shared/Context'\nimport AccordionGroupContext from './AccordionProviderContext'\n\nimport type { GroupProps } from './Accordion'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionGroupProps = React.HTMLProps<HTMLElement> &\n  GroupProps & {\n    onInit?: (...args: any[]) => any\n  }\n\nconst AccordionGroup = (props: AccordionGroupProps) => {\n  const context = useContext(Context)\n  const id = props.id || makeUniqueId()\n\n  const thisInstance = {\n    _id: id,\n    props,\n    context,\n    onChangeHandler,\n  }\n\n  function onChangeHandler(event) {\n    dispatchCustomElementEvent(thisInstance, 'on_change', {\n      id: event.id,\n      expanded: event.expanded,\n      event,\n    })\n  }\n\n  // use only the props from context, who are available here anyway\n  const extendedProps = extendPropsWithContext(\n    props,\n    accordionDefaultProps,\n    context.Accordion,\n    context.getTranslation(props).Accordion\n  )\n\n  const {\n    expanded, // eslint-disable-line\n    expanded_id, // eslint-disable-line\n    prerender, // eslint-disable-line\n    prevent_rerender, // eslint-disable-line\n    single_container, // eslint-disable-line\n    contentRef, // eslint-disable-line\n    allow_close_all, // eslint-disable-line\n    remember_state, // eslint-disable-line\n    flush_remembered_state, // eslint-disable-line\n    disabled, // eslint-disable-line\n    group, // eslint-disable-line\n    onInit, // eslint-disable-line\n    className,\n    class: _className,\n\n    id: _id, // eslint-disable-line\n    children, // eslint-disable-line\n\n    ...restOfExtendedProps\n  } = extendedProps\n\n  const classes = classnames(\n    'dnb-accordion-group',\n    isTrue(single_container) && 'dnb-accordion-group--single-container',\n    createSpacingClasses(extendedProps),\n    className,\n    _className\n  )\n\n  const params = {\n    ...restOfExtendedProps,\n  }\n\n  // also used for code markup simulation\n  validateDOMAttributes(props, params)\n\n  if (!extendedProps?.group && isTrue(props.single_container)) {\n    extendedProps.group = makeUniqueId()\n  }\n\n  const contextForProvider = {\n    ...extendedProps,\n    id,\n    onChange: onChangeHandler,\n  }\n\n  return (\n    <AccordionGroupContext.Provider value={contextForProvider}>\n      <div className={classes}>\n        <span\n          id={id}\n          className=\"dnb-accordion-group__shell\"\n          role=\"group\"\n          {...params}\n        >\n          <span className=\"dnb-accordion-group__children\">{children}</span>\n        </span>\n      </div>\n    </AccordionGroupContext.Provider>\n  )\n}\n\nexport default AccordionGroup\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EACNC,YAAY,EACZC,sBAAsB,EACtBC,qBAAqB,EACrBC,0BAA0B,QACrB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAE7D,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,OAAOC,qBAAqB,MAAM,4BAA4B;AAG9D,SAASC,qBAAqB,QAAQ,gBAAgB;AAOtD,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EACrD,MAAMC,OAAO,GAAGb,UAAU,CAACQ,OAAO,CAAC;EACnC,MAAMM,EAAE,GAAGF,KAAK,CAACE,EAAE,IAAIX,YAAY,CAAC,CAAC;EAErC,MAAMY,YAAY,GAAG;IACnBC,GAAG,EAAEF,EAAE;IACPF,KAAK;IACLC,OAAO;IACPI;EACF,CAAC;EAED,SAASA,eAAeA,CAACC,KAAK,EAAE;IAC9BZ,0BAA0B,CAACS,YAAY,EAAE,WAAW,EAAE;MACpDD,EAAE,EAAEI,KAAK,CAACJ,EAAE;MACZK,QAAQ,EAAED,KAAK,CAACC,QAAQ;MACxBD;IACF,CAAC,CAAC;EACJ;EAGA,MAAME,aAAa,GAAGhB,sBAAsB,CAC1CQ,KAAK,EACLF,qBAAqB,EACrBG,OAAO,CAACQ,SAAS,EACjBR,OAAO,CAACS,cAAc,CAACV,KAAK,CAAC,CAACS,SAChC,CAAC;EAED,MAAM;MACJF,QAAQ;MACRI,WAAW;MACXC,SAAS;MACTC,gBAAgB;MAChBC,gBAAgB;MAChBC,UAAU;MACVC,eAAe;MACfC,cAAc;MACdC,sBAAsB;MACtBC,QAAQ;MACRC,KAAK;MACLC,MAAM;MACNC,SAAS;MACTC,KAAK,EAAEC,UAAU;MAEjBtB,EAAE,EAAEE,GAAG;MACPqB;IAGF,CAAC,GAAGjB,aAAa;IADZkB,mBAAmB,GAAAC,wBAAA,CACpBnB,aAAa,EAAAoB,SAAA;EAEjB,MAAMC,OAAO,GAAGxC,UAAU,CACxB,qBAAqB,EAErBM,oBAAoB,CAACa,aAAa,CAAC,EACnCc,SAAS,EACTE,UAAU,EAHVlC,MAAM,CAACwB,gBAAgB,CAAC,IAAI,uCAI9B,CAAC;EAED,MAAMgB,MAAM,GAAAC,aAAA,KACPL,mBAAmB,CACvB;EAGDjC,qBAAqB,CAACO,KAAK,EAAE8B,MAAM,CAAC;EAEpC,IAAI,EAACtB,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEY,KAAK,KAAI9B,MAAM,CAACU,KAAK,CAACc,gBAAgB,CAAC,EAAE;IAC3DN,aAAa,CAACY,KAAK,GAAG7B,YAAY,CAAC,CAAC;EACtC;EAEA,MAAMyC,kBAAkB,GAAAD,aAAA,CAAAA,aAAA,KACnBvB,aAAa;IAChBN,EAAE;IACF+B,QAAQ,EAAE5B;EAAe,EAC1B;EAED,OACElB,KAAA,CAAA+C,aAAA,CAACrC,qBAAqB,CAACsC,QAAQ;IAACC,KAAK,EAAEJ;EAAmB,GACxD7C,KAAA,CAAA+C,aAAA;IAAKZ,SAAS,EAAEO;EAAQ,GACtB1C,KAAA,CAAA+C,aAAA,SAAAG,QAAA;IACEnC,EAAE,EAAEA,EAAG;IACPoB,SAAS,EAAC,4BAA4B;IACtCgB,IAAI,EAAC;EAAO,GACRR,MAAM,GAEV3C,KAAA,CAAA+C,aAAA;IAAMZ,SAAS,EAAC;EAA+B,GAAEG,QAAe,CAC5D,CACH,CACyB,CAAC;AAErC,CAAC;AAED,eAAe1B,cAAc"}

package/es/components/accordion/AccordionHeader.d.ts

@@ -1,97 +1,67 @@
-import * as React from 'react';
+/**
+ * Web Accordion Component
+ *
+ */
+import React from 'react';
+import type { SpacingProps } from '../space/types';
 import type { ButtonIconPosition } from '../Button';
 import type { HeadingLevel } from '../Heading';
 import type { IconSize } from '../Icon';
 import type { SkeletonShow } from '../Skeleton';
-import type { SpacingProps } from '../space/types';
 import type { AccordionIcon } from './Accordion';
-export interface AccordionHeaderTitleProps extends SpacingProps {
-  children?: React.ReactNode;
-}
-declare const AccordionHeaderTitle: React.FC<AccordionHeaderTitleProps>;
-export interface AccordionHeaderDescriptionProps extends SpacingProps {
-  children?: React.ReactNode;
-}
-declare const AccordionHeaderDescription: React.FC<AccordionHeaderDescriptionProps>;
-export interface AccordionHeaderContainerProps extends SpacingProps {
-  children?: React.ReactNode;
-}
-declare const AccordionHeaderContainer: React.FC<AccordionHeaderContainerProps>;
-export interface AccordionHeaderIconProps {
-  icon?: AccordionHeaderIconIcon;
-  size?: string;
-  expanded?: boolean;
-}
-declare const AccordionHeaderIcon: React.FC<AccordionHeaderIconProps>;
-export type AccordionHeaderTitle =
-  | string
-  | React.ReactNode
-  | ((...args: any[]) => any);
-export type AccordionHeaderDescription =
-  | string
-  | React.ReactNode
-  | ((...args: any[]) => any);
-export type AccordionHeaderLeftComponent =
-  | string
-  | React.ReactNode
-  | ((...args: any[]) => any);
-export type AccordionHeaderElement =
-  | string
-  | React.ReactNode
-  | ((...args: any[]) => any);
-export type AccordionHeaderHeading =
-  | boolean
-  | string
-  | React.ReactNode
-  | ((...args: any[]) => any);
-export type AccordionHeaderIcon =
-  | React.ReactNode
-  | ((...args: any[]) => any)
-  | {
-      closed?: React.ReactNode | ((...args: any[]) => any);
-      expanded?: React.ReactNode | ((...args: any[]) => any);
-    };
-export type AccordionHeaderChildren =
-  | string
-  | React.ReactNode
-  | ((...args: any[]) => any);
-export interface AccordionHeaderProps
-  extends React.HTMLProps<HTMLElement>,
-    SpacingProps {
-  title?: AccordionHeaderTitle;
-  description?: AccordionHeaderDescription;
-  left_component?: AccordionHeaderLeftComponent;
-  element?: AccordionHeaderElement;
-  heading?: AccordionHeaderHeading;
-  heading_level?: HeadingLevel;
-  icon?: AccordionIcon;
-  icon_position?: ButtonIconPosition;
-  icon_size?: IconSize;
-  disabled?: boolean;
-  skeleton?: SkeletonShow;
-  no_animation?: boolean;
-  className?: string;
-  children?: AccordionHeaderChildren;
-}
-export default class AccordionHeader extends React.Component<
-  AccordionHeaderProps,
-  any
-> {
-  static defaultProps: object;
-  static Container: ({
-    children
-  }: {
-    children: React.ReactNode;
-  }) => JSX.Element;
-  static Title: ({
-    children
-  }: {
-    children: React.ReactNode;
-  }) => JSX.Element;
-  static Description: ({
-    children
-  }: {
-    children: React.ReactNode;
-  }) => JSX.Element;
-  render(): JSX.Element;
-}
+export type AccordionHeaderTitleProps = SpacingProps & {
+    children?: React.ReactNode;
+};
+declare function AccordionHeaderTitle({ children, ...rest }: AccordionHeaderTitleProps): import("react/jsx-runtime").JSX.Element;
+export type AccordionHeaderDescriptionProps = SpacingProps & {
+    children?: React.ReactNode;
+};
+declare function AccordionHeaderDescription({ children, ...rest }: AccordionHeaderDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export type AccordionHeaderContainerProps = SpacingProps & {
+    children?: React.ReactNode;
+};
+declare function AccordionHeaderContainer({ children, ...rest }: AccordionHeaderContainerProps): import("react/jsx-runtime").JSX.Element;
+type AccordionHeaderIconIcon = React.ReactNode | ((...args: any[]) => React.ReactNode) | {
+    closed?: React.ReactNode | ((...args: any[]) => React.ReactNode);
+    expanded?: React.ReactNode | ((...args: any[]) => React.ReactNode);
+};
+export type AccordionHeaderIconProps = {
+    icon?: AccordionHeaderIconIcon;
+    size?: IconSize;
+    expanded?: boolean;
+};
+declare function AccordionHeaderIcon({ icon, expanded, size, }: AccordionHeaderIconProps): import("react/jsx-runtime").JSX.Element;
+export type AccordionHeaderTitle = string | React.ReactNode | ((...args: any[]) => any);
+export type AccordionHeaderDescription = string | React.ReactNode | ((...args: any[]) => any);
+export type AccordionHeaderLeftComponent = string | React.ReactNode | ((...args: any[]) => any);
+export type AccordionHeaderElement = string | React.ReactNode | ((...args: any[]) => any);
+export type AccordionHeaderHeading = boolean | string | React.ReactNode | ((...args: any[]) => any);
+export type AccordionHeaderIcon = React.ReactNode | ((...args: any[]) => any) | {
+    closed?: React.ReactNode | ((...args: any[]) => any);
+    expanded?: React.ReactNode | ((...args: any[]) => any);
+};
+export type AccordionHeaderProps = React.HTMLProps<HTMLElement> & SpacingProps & {
+    title?: AccordionHeaderTitle;
+    expanded?: boolean;
+    description?: AccordionHeaderDescription;
+    left_component?: AccordionHeaderLeftComponent;
+    element?: AccordionHeaderElement;
+    heading?: AccordionHeaderHeading;
+    heading_level?: HeadingLevel;
+    icon?: AccordionIcon;
+    icon_position?: ButtonIconPosition;
+    icon_size?: IconSize;
+    disabled?: boolean;
+    skeleton?: SkeletonShow;
+    no_animation?: boolean;
+    className?: string;
+    children?: string | React.ReactNode | ((...args: any[]) => any);
+};
+export declare const AccordionHeader: {
+    ({ icon_size: icon_size_default, ...restOfProps }: AccordionHeaderProps): import("react/jsx-runtime").JSX.Element;
+    Container: typeof AccordionHeaderContainer;
+    Icon: typeof AccordionHeaderIcon;
+    Title: typeof AccordionHeaderTitle;
+    Description: typeof AccordionHeaderDescription;
+};
+export default AccordionHeader;