@dnb/eufemia 10.36.0 → 10.38.0

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to @dnb/eufemia will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.38.0](https://github.com/dnbexperience/eufemia/compare/v10.37.0...v10.38.0) (2024-06-26)
+
+
+### :bug: Bug Fixes
+
+* **Accordion:** add missing bottom border on hover ([#3723](https://github.com/dnbexperience/eufemia/issues/3723)) ([41fb027](https://github.com/dnbexperience/eufemia/commit/41fb0275a8a1661afd5c5fd279b5a4c54a23d661))
+
+
+### :memo: Documentation
+
+* **Button:** add 'small' button size as supported ([#3735](https://github.com/dnbexperience/eufemia/issues/3735)) ([686cb90](https://github.com/dnbexperience/eufemia/commit/686cb908c1de1ac4c31eabfe6c859a35b69ecb46))
+
+
+### :sparkles: Features
+
+* **Accordion:** allow multiple accordions inside a group to be expanded at the same time ([#3726](https://github.com/dnbexperience/eufemia/issues/3726)) ([68d3b0b](https://github.com/dnbexperience/eufemia/commit/68d3b0b8c7a8d56dff1fa67b1df0aebb9292e355))
+* **Card:** add support for nesting a Section with breakout until edge of card ([#3728](https://github.com/dnbexperience/eufemia/issues/3728)) ([97e92c2](https://github.com/dnbexperience/eufemia/commit/97e92c257cf4e0a3a4a16ad336bc5151bc8d66b4))
+* **forms:** add property compensateForGap to Visibility ([#3733](https://github.com/dnbexperience/eufemia/issues/3733)) ([3094b18](https://github.com/dnbexperience/eufemia/commit/3094b1889457205ae6cc5fb2d74e0e9dbcfa2976)), closes [#3732](https://github.com/dnbexperience/eufemia/issues/3732)
+* **forms:** add support for nested `Section` and `ArraySelection` fields ([#3734](https://github.com/dnbexperience/eufemia/issues/3734)) ([d4b3bb4](https://github.com/dnbexperience/eufemia/commit/d4b3bb4c6a1ad2a5acd860acd42d24e04ca9f4b9)), closes [#3733](https://github.com/dnbexperience/eufemia/issues/3733)
+* **HeightAnimation:** add property `compensateForGap` ([#3732](https://github.com/dnbexperience/eufemia/issues/3732)) ([b0c4199](https://github.com/dnbexperience/eufemia/commit/b0c4199515e5642ac8bb3dd068ea1d2022dbdec0))
+
+## [10.37.0](https://github.com/dnbexperience/eufemia/compare/v10.36.0...v10.37.0) (2024-06-18)
+
+
+### :sparkles: Features
+
+* **Accordion:** close all `Accordions` in `Accordion.Group` ([#3712](https://github.com/dnbexperience/eufemia/issues/3712)) ([2db669f](https://github.com/dnbexperience/eufemia/commit/2db669f8a6aea1add012bb4ba35ba9cc867535f4))
+
+
+### :bug: Bug Fixes
+
+* **forms:** use corrct date formatting for Value.Date ([#3715](https://github.com/dnbexperience/eufemia/issues/3715)) ([5029f43](https://github.com/dnbexperience/eufemia/commit/5029f435d297fe549c7bff97324a96dc69a51176)), closes [#3711](https://github.com/dnbexperience/eufemia/issues/3711)
+* **StepIndicator:** lower flickering for when there are less than 4 steps ([#3713](https://github.com/dnbexperience/eufemia/issues/3713)) ([8e14587](https://github.com/dnbexperience/eufemia/commit/8e14587f4a9b5fc5fed854dc9aa365c88ada23b8))
+* **toCapitalized:** remove lookbehind regular expression in order to support iOS Safari <v16  ([#3721](https://github.com/dnbexperience/eufemia/issues/3721)) ([eb53409](https://github.com/dnbexperience/eufemia/commit/eb53409bfb15c68b8e2ae121b43d36f9d8494172))
+
 ## [10.36.0](https://github.com/dnbexperience/eufemia/compare/v10.35.0...v10.36.0) (2024-06-14)
 
 

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

@@ -225,7 +225,18 @@ declare namespace Accordion {
         on_state_update?: (...args: any[]) => any;
     } & {
         allow_close_all?: boolean;
+        /**
+         * Determines how many accordions can be expanded at once.
+         * Default: `single`
+         */
+        expandBehaviour?: "multiple" | "single";
+        /**
+         * ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions.
+         *
+         * Default: `undefined`
+         */
         expanded_id?: string;
+        collapseAllHandleRef?: React.MutableRefObject<() => void>;
     };
     var Provider: {
         (props: import("./AccordionGroup").AccordionGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -241,7 +252,7 @@ declare namespace Accordion {
     };
     var Content: typeof AccordionContent;
     var Group: {
-        (props: GroupProps): import("react/jsx-runtime").JSX.Element;
+        ({ expandBehaviour, ...props }: GroupProps): import("react/jsx-runtime").JSX.Element;
         Store(group: string, id?: string): Store;
     };
     var Store: (id: string) => Store;
@@ -249,6 +260,17 @@ declare namespace Accordion {
 }
 export type GroupProps = AccordionProps & {
     allow_close_all?: boolean;
+    /**
+     * Determines how many accordions can be expanded at once.
+     * Default: `single`
+     */
+    expandBehaviour?: 'single' | 'multiple';
+    /**
+     * ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions.
+     *
+     * Default: `undefined`
+     */
     expanded_id?: string;
+    collapseAllHandleRef?: React.MutableRefObject<() => void>;
 };
 export default Accordion;

package/cjs/components/accordion/Accordion.js

@@ -19,7 +19,8 @@ var _AccordionStore = require("./AccordionStore");
 var _defaultProps = require("./defaultProps");
 var _AccordionHeader;
 const _excluded = ["variant", "icon_size"],
-  _excluded2 = ["variant", "className", "prerender", "prevent_rerender", "prevent_rerender_conditional", "single_container", "remember_state", "disabled", "skeleton", "no_animation", "expanded_ssr", "children", "id", "group", "title", "description", "left_component", "icon", "icon_position", "icon_size", "on_change", "on_state_update", "contentRef"];
+  _excluded2 = ["variant", "className", "prerender", "prevent_rerender", "prevent_rerender_conditional", "single_container", "remember_state", "disabled", "skeleton", "no_animation", "expanded_ssr", "children", "id", "group", "title", "description", "left_component", "icon", "icon_position", "icon_size", "on_change", "on_state_update", "contentRef"],
+  _excluded3 = ["expandBehaviour"];
 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; }
@@ -50,6 +51,7 @@ function Accordion(_ref) {
   });
   const [previousExpanded, setPreviousExpanded] = (0, _react.useState)(props.expanded);
   const [expanded, setExpanded] = (0, _react.useState)(getInitialExpandedState());
+  const hasAddedCallbackRef = (0, _react.useRef)(false);
   if (props.expanded !== previousExpanded) {
     setExpanded(props.expanded !== undefined ? props.expanded : false);
     setPreviousExpanded(props.expanded);
@@ -93,7 +95,12 @@ function Accordion(_ref) {
     if (context !== null && context !== void 0 && context.expanded_id && context.expanded_id === props.id) {
       setExpanded(true);
     }
-  }, [context.flush_remembered_state, context.expanded_id]);
+  }, [context.flush_remembered_state, context.expanded_id, props.expanded, props.id, store]);
+  if (context !== null && context !== void 0 && context.collapseAllHandleRef && !hasAddedCallbackRef.current) {
+    var _context$collapseAcco;
+    context === null || context === void 0 ? void 0 : (_context$collapseAcco = context.collapseAccordionCallbacks) === null || _context$collapseAcco === void 0 ? void 0 : _context$collapseAcco.current.push(close);
+    hasAddedCallbackRef.current = true;
+  }
   function getInitialExpandedState() {
     if (props.expanded_ssr || context !== null && context !== void 0 && context.expanded_ssr) {
       return typeof window === 'undefined';
@@ -216,16 +223,20 @@ function Accordion(_ref) {
   }));
 }
 Accordion.defaultProps = _defaultProps.accordionDefaultProps;
-const Group = props => {
+const Group = _ref2 => {
+  let {
+      expandBehaviour = 'single'
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded3);
   if (props.remember_state && !props.id) {
     (0, _AccordionStore.rememberWarning)('accordion group');
   }
   const [expandedId, setExpandedId] = (0, _react.useState)(null);
   const instanceIDs = (0, _react.useRef)([]);
   const group = props !== null && props !== void 0 && props.id ? props.id : !props.group ? '#' + (0, _componentHelper.makeUniqueId)() : undefined;
-  const store = new _AccordionStore.Store({
+  const store = (0, _react.useMemo)(() => new _AccordionStore.Store({
     group
-  });
+  }), [group]);
   (0, _react.useEffect)(() => {
     const storedData = store.getData();
     const currentIDs = instanceIDs === null || instanceIDs === void 0 ? void 0 : instanceIDs.current;
@@ -240,14 +251,14 @@ const Group = props => {
       return;
     }
     setExpandedId(fallbackId);
-  }, []);
+  }, [store]);
   (0, _react.useEffect)(() => {
     if (!expandedId) {
       return;
     }
     store.saveState(true, expandedId);
     setExpandedId(null);
-  }, [expandedId]);
+  }, [expandedId, store]);
   function onInit(instance) {
     if (instance.props.id && !instanceIDs.current.includes(instance.props.id)) {
       instanceIDs.current.push(instance.props.id);
@@ -257,6 +268,7 @@ const Group = props => {
     onInit: onInit
   }, props, {
     group: group,
+    expandBehaviour: expandBehaviour,
     expanded_id: expandedId || props.expanded_id
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_SpacingHelper","_AccordionGroup","_AccordionHeader2","_AccordionContent","_AccordionContext","_AccordionProviderContext","_Context","_AccordionStore","_defaultProps","_AccordionHeader","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Accordion","_ref","variant","icon_size","restOfProps","props","context","useContext","AccordionProviderContext","group","id","useRef","makeUniqueId","current","store","Store","previousExpanded","setPreviousExpanded","useState","expanded","setExpanded","getInitialExpandedState","thisInstance","_id","handleDisabledClick","callOnChange","callOnChangeHandler","close","setExpandedState","state","useEffect","window","AccordionStore","addInstance","onInit","_window","_window$__dnbAccordio","removeInstance","flush_remembered_state","flush","expanded_id","expanded_ssr","remember_state","storedExpanded","getState","changeOpened","saveState","e","preventDefault","_len","params","Array","_key","onChange","_window2","_window2$__dnbAccordi","event","dispatchCustomElementEvent","createElement","Consumer","globalContext","nestedContext","expandedState","extendedProps","extendPropsWithContext","accordionDefaultProps","skeleton","translation","className","prerender","prevent_rerender","prevent_rerender_conditional","single_container","disabled","no_animation","_expanded_ssr","children","_group","title","description","left_component","icon","icon_position","on_change","on_state_update","contentRef","restOfExtendedProps","mainParams","classnames","createSpacingClasses","onClick","validateDOMAttributes","extendedPropsForContext","accordionContext","Provider","findElementInChildren","cur","type","AccordionHeader","AccordionContent","defaultProps","Group","rememberWarning","expandedId","setExpandedId","instanceIDs","storedData","getData","currentIDs","includes","fallbackId","instance","AccordionGroup","Header","Content","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, {\n  useContext,\n  useState,\n  useEffect,\n  useRef,\n  HTMLProps,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n  makeUniqueId,\n  findElementInChildren,\n  extendPropsWithContext,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport type { ButtonIconPosition } from '../Button'\nimport type { HeadingLevel } from '../Heading'\nimport type { IconIcon, IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { SpacingProps } from '../space/types'\n\nimport AccordionGroup from './AccordionGroup'\nimport AccordionHeader from './AccordionHeader'\nimport AccordionContent from './AccordionContent'\nimport AccordionContext from './AccordionContext'\nimport AccordionProviderContext from './AccordionProviderContext'\nimport Context from '../../shared/Context'\n\nimport { AccordionStore, Store, rememberWarning } from './AccordionStore'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionVariant = 'plain' | 'default' | 'outlined' | 'filled'\n\nexport type AccordionHeading = boolean | React.ReactNode\n\nexport type AccordionIcon =\n  | IconIcon\n  | {\n      closed?: IconIcon\n      /**\n       * If set to `true` the accordion will be expanded as its initial state.\n       */\n      expanded?: IconIcon\n    }\n\nexport type AccordionAttributes = string | Record<string, unknown>\n\nexport type AccordionIconPosition = ButtonIconPosition\n\nexport type AccordionProps = Omit<React.HTMLProps<HTMLElement>, 'ref'> &\n  SpacingProps & {\n    /**\n     * A title as a string or React element. It will be used as the button text.\n     */\n    title?: React.ReactNode\n    description?: React.ReactNode\n    /**\n     * If set to `true` the accordion will be expanded as its initial state.\n     */\n    expanded?: boolean\n    /**\n     * If set to `true`, the open and close animation will be omitted.\n     */\n    no_animation?: boolean\n    /**\n     * If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that&#39;s mainly a technical aspect to consider.\n     */\n    expanded_ssr?: boolean\n    /**\n     */\n    prerender?: boolean\n    /**\n     * If set to `true` the accordion component will not re-render its content – can be useful for widgets you don&#39;t have control of storing the temporary state during an interaction.\n     */\n    prevent_rerender?: boolean\n    /**\n     * Use this prop together with `prevent_rerender` – and if it is to `true`, the accordion component will re-render if the children are a new React element and does not match the previous one anymore.\n     */\n    prevent_rerender_conditional?: boolean\n    /**\n     * If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the sate in the local storage.\n     */\n    remember_state?: boolean\n    /**\n     * Send along a custom React Ref for `.dnb-accordion__content`.\n     */\n    contentRef?: React.MutableRefObject<unknown>\n    /**\n     * If set to `true`, the saved (remembered) will be removed and the initial component state will be used and set.\n     */\n    flush_remembered_state?: boolean\n    /**\n     * If set to `true`, a group of accordions will be wrapped to sidebar looking menu for medium and larger screens.\n     */\n    single_container?: boolean\n    /**\n     * Defines the used styling. As of now, only `outlined` is available. Use `plain` for no styles. It defaults to `outlined`.\n     */\n    variant?: AccordionVariant\n    /**\n     * Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.\n     */\n    left_component?: React.ReactNode\n    /**\n     * If set to `true`, the accordion button will be disabled (dimmed).\n     */\n    disabled?: boolean\n    /**\n     * If set to `true`, an overlaying skeleton with animation will be shown.\n     */\n    skeleton?: SkeletonShow\n    /**\n     * A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.\n     */\n    id?: string\n    group?: string\n    /**\n     * Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.\n     */\n    element?: React.ReactNode\n    /**\n     * If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.\n     */\n    heading?: AccordionHeading\n    /**\n     * If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.\n     */\n    heading_level?: HeadingLevel\n    /**\n     * Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.\n     */\n    icon?: AccordionIcon\n    /**\n     * Will set the placement of the icon. Defaults to `left`.\n     */\n    icon_position?: AccordionIconPosition\n    /**\n     * Define a different icon size. Defaults to `medium` (1.5rem).\n     */\n    icon_size?: IconSize\n    attributes?: AccordionAttributes\n    className?: string\n    children?: React.ReactNode\n    /**\n     * Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.\n     */\n    on_change?: (...args: any[]) => any\n    on_state_update?: (...args: any[]) => any\n  }\n\nfunction Accordion({\n  variant = 'outlined',\n  icon_size = 'medium',\n  ...restOfProps\n}: AccordionProps) {\n  const props = { variant, icon_size, ...restOfProps }\n\n  const context = useContext(AccordionProviderContext)\n\n  const group = props.group || context?.group\n  const id = useRef(props.id || makeUniqueId()).current\n\n  const store = new Store({ id: props.id, group })\n\n  // States ordered last here to make sure that the getInitialExpandedState have access to the store\n  const [previousExpanded, setPreviousExpanded] = useState(props.expanded)\n  const [expanded, setExpanded] = useState<boolean>(\n    getInitialExpandedState()\n  )\n\n  // replacement for getDerivedStateFromProps\n  if (props.expanded !== previousExpanded) {\n    setExpanded(props.expanded !== undefined ? props.expanded : false)\n    setPreviousExpanded(props.expanded)\n  }\n\n  const thisInstance = {\n    _id: id,\n    context,\n    handleDisabledClick,\n    callOnChange,\n    callOnChangeHandler,\n    close,\n    setExpandedState,\n    state: { expanded, group },\n    props,\n    store,\n  }\n\n  // Constructor\n  useEffect(() => {\n    if (group && typeof window !== 'undefined') {\n      window['__dnbAccordion'] = window['__dnbAccordion'] || {}\n      window['__dnbAccordion'][group] =\n        window['__dnbAccordion'][group] || new AccordionStore(group)\n\n      window['__dnbAccordion'][group].addInstance(thisInstance)\n    }\n\n    if (context && typeof context?.onInit === 'function') {\n      context.onInit(thisInstance)\n    }\n\n    return () => {\n      if (group && typeof window !== 'undefined') {\n        window?.['__dnbAccordion'][group]?.removeInstance(thisInstance)\n      }\n    }\n  }, [])\n\n  // componentDidUpdate\n  useEffect(() => {\n    if (context.flush_remembered_state) {\n      store.flush()\n      setExpanded(props.expanded)\n    }\n\n    if (context?.expanded_id && context.expanded_id === props.id) {\n      setExpanded(true)\n    }\n  }, [context.flush_remembered_state, context.expanded_id])\n\n  // Gets the initial expanded sate, to prevent the opening and closing of Accordion\n  // That happens when if we put this logic in a useEffect that runs after the initial expanded state is set\n  // Since useEffect runs after every render\n  function getInitialExpandedState() {\n    if (props.expanded_ssr || context?.expanded_ssr) {\n      return typeof window === 'undefined'\n    }\n\n    if (props.remember_state || context.remember_state) {\n      const storedExpanded = store.getState()\n\n      if (props.expanded && storedExpanded === false) {\n        return false\n      }\n\n      if (storedExpanded) {\n        return true\n      }\n    }\n\n    return props.expanded !== undefined\n      ? props.expanded\n      : context?.expanded !== undefined\n      ? context.expanded\n      : false\n  }\n\n  function setExpandedState(expanded: boolean) {\n    setExpanded(expanded)\n  }\n\n  function close() {\n    changeOpened(false)\n  }\n\n  function changeOpened(expanded: boolean) {\n    setExpanded(expanded)\n\n    // check if a event exists, because, then it's a user click\n    if (props.remember_state || context.remember_state) {\n      store.saveState(expanded)\n    }\n  }\n\n  function handleDisabledClick(e: React.MouseEvent<HTMLElement>) {\n    e.preventDefault()\n    return false\n  }\n\n  function callOnChangeHandler(...params: any[]) {\n    callOnChange(...params)\n    if (context?.onChange) {\n      context?.onChange(...params)\n    }\n    if (group && typeof window !== 'undefined') {\n      window?.['__dnbAccordion'][group]?.onChange(...params)\n    }\n  }\n\n  function callOnChange(...params: any[]) {\n    const { expanded, event } = params[0]\n\n    changeOpened(expanded)\n\n    dispatchCustomElementEvent(thisInstance, 'on_change', {\n      expanded,\n      event,\n    })\n  }\n\n  return (\n    <Context.Consumer>\n      {(globalContext) => (\n        <AccordionContext.Consumer>\n          {(nestedContext) => {\n            // use only the props from context, who are available here anyway\n            let expandedState = expanded\n\n            const extendedProps = extendPropsWithContext(\n              props,\n              accordionDefaultProps,\n              context, // group context\n              nestedContext as Record<string, unknown>, // internal context\n              { skeleton: globalContext?.skeleton },\n              globalContext.Accordion, // global context\n              globalContext.translation['Accordion']\n            )\n\n            if (expandedState === undefined && globalContext.Accordion) {\n              if (globalContext.Accordion.expanded) {\n                expandedState = extendedProps.expanded\n              }\n            }\n\n            const {\n              variant,\n              className,\n              prerender,\n              prevent_rerender,\n              prevent_rerender_conditional,\n              single_container,\n              remember_state,\n              disabled,\n              skeleton,\n              no_animation,\n              expanded_ssr: _expanded_ssr, // eslint-disable-line\n              children,\n\n              id: _id, // eslint-disable-line\n              group: _group, // eslint-disable-line\n              // expanded: _expanded, // eslint-disable-line\n\n              title, // eslint-disable-line\n              description, // eslint-disable-line\n              left_component, // eslint-disable-line\n              icon, // eslint-disable-line\n              icon_position, // eslint-disable-line\n              icon_size, // eslint-disable-line\n              on_change, // eslint-disable-line\n              on_state_update, // eslint-disable-line\n\n              contentRef, // eslint-disable-line\n\n              ...restOfExtendedProps\n            } = extendedProps\n\n            const mainParams = {\n              id,\n              className: classnames(\n                'dnb-accordion',\n                expandedState && 'dnb-accordion--expanded',\n                variant && `dnb-accordion__variant--${variant}`,\n                prerender && 'dnb-accordion--prerender',\n                createSpacingClasses(extendedProps),\n                className\n              ),\n            } as HTMLProps<HTMLDivElement>\n\n            if (disabled) {\n              mainParams.onClick = handleDisabledClick\n            }\n\n            // to remove spacing props\n            validateDOMAttributes(props, restOfExtendedProps)\n\n            const extendedPropsForContext = extendPropsWithContext(\n              props,\n              accordionDefaultProps,\n              { expanded, group },\n              context\n            )\n\n            const accordionContext = {\n              ...extendedPropsForContext,\n              id,\n              expanded: expandedState,\n              prerender: prerender,\n              prevent_rerender: prevent_rerender,\n              prevent_rerender_conditional: prevent_rerender_conditional,\n              single_container: single_container,\n              remember_state: remember_state,\n              disabled: disabled,\n              skeleton: skeleton,\n              no_animation: no_animation,\n              callOnChange: callOnChangeHandler,\n            }\n\n            return (\n              <AccordionContext.Provider value={accordionContext}>\n                <div {...mainParams}>\n                  {findElementInChildren(\n                    children,\n                    (cur) => cur.type === AccordionHeader\n                  ) ? null : (\n                    <AccordionHeader />\n                  )}\n                  {findElementInChildren(\n                    children,\n                    (cur) => cur.type === AccordionContent\n                  ) ? (\n                    children\n                  ) : (\n                    <AccordionContent>{children}</AccordionContent>\n                  )}\n                </div>\n              </AccordionContext.Provider>\n            )\n          }}\n        </AccordionContext.Consumer>\n      )}\n    </Context.Consumer>\n  )\n}\n// TEMPORARY SOLUTION (defaultProps will be deprecated at one point). Needs to replacement with default prop parameters for example \"({expanded: null})\"\n// Only solved this way to prevent tests from failing, for when expanded is undefined instead of null\nAccordion.defaultProps = accordionDefaultProps\n\nexport type GroupProps = AccordionProps & {\n  allow_close_all?: boolean\n  expanded_id?: string\n}\n\nconst Group = (props: GroupProps) => {\n  if (props.remember_state && !props.id) {\n    rememberWarning('accordion group')\n  }\n\n  const [expandedId, setExpandedId] = useState<string | null>(null)\n\n  const instanceIDs = useRef<string[]>([])\n\n  const group = props?.id\n    ? props.id\n    : !props.group\n    ? '#' + makeUniqueId()\n    : undefined\n\n  const store = new Store({ group })\n\n  // Set stored expanded_id on mount\n  useEffect(() => {\n    const storedData = store.getData()\n    const currentIDs = instanceIDs?.current\n\n    if (!storedData?.id) {\n      return\n    }\n\n    if (currentIDs.includes(storedData?.id)) {\n      return\n    }\n\n    // 1. get the fallback id\n    const fallbackId = currentIDs[0]\n\n    if (!fallbackId) {\n      return\n    }\n\n    // 2. set the fallback ids\n    setExpandedId(fallbackId)\n  }, [])\n\n  // Store and reset fallback id\n  useEffect(() => {\n    if (!expandedId) {\n      return\n    }\n\n    // 3. save the fallback id\n    store.saveState(true, expandedId)\n\n    // 4. and reset the fallback id\n    setExpandedId(null)\n  }, [expandedId])\n\n  function onInit(instance) {\n    if (\n      instance.props.id &&\n      !instanceIDs.current.includes(instance.props.id)\n    ) {\n      instanceIDs.current.push(instance.props.id)\n    }\n  }\n\n  return (\n    <AccordionGroup\n      onInit={onInit}\n      {...props}\n      group={group}\n      expanded_id={expandedId || props.expanded_id}\n    />\n  )\n}\n\nAccordion.Provider = AccordionGroup\nAccordion.Header = AccordionHeader\nAccordion.Content = AccordionContent\n\nAccordion.Group = Group\n\nGroup.Store = (group: string, id: string = null) => {\n  return new Store({ group, id })\n}\n\nAccordion.Store = (id: string) => {\n  return new Store({ id })\n}\n\nAccordion._supportsSpacingProps = true\n\nexport default Accordion\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_SpacingHelper","_AccordionGroup","_AccordionHeader2","_AccordionContent","_AccordionContext","_AccordionProviderContext","_Context","_AccordionStore","_defaultProps","_AccordionHeader","_excluded","_excluded2","_excluded3","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Accordion","_ref","variant","icon_size","restOfProps","props","context","useContext","AccordionProviderContext","group","id","useRef","makeUniqueId","current","store","Store","previousExpanded","setPreviousExpanded","useState","expanded","setExpanded","getInitialExpandedState","hasAddedCallbackRef","thisInstance","_id","handleDisabledClick","callOnChange","callOnChangeHandler","close","setExpandedState","state","useEffect","window","AccordionStore","addInstance","onInit","_window","_window$__dnbAccordio","removeInstance","flush_remembered_state","flush","expanded_id","collapseAllHandleRef","_context$collapseAcco","collapseAccordionCallbacks","expanded_ssr","remember_state","storedExpanded","getState","changeOpened","saveState","e","preventDefault","_len","params","Array","_key","onChange","_window2","_window2$__dnbAccordi","event","dispatchCustomElementEvent","createElement","Consumer","globalContext","nestedContext","expandedState","extendedProps","extendPropsWithContext","accordionDefaultProps","skeleton","translation","className","prerender","prevent_rerender","prevent_rerender_conditional","single_container","disabled","no_animation","_expanded_ssr","children","_group","title","description","left_component","icon","icon_position","on_change","on_state_update","contentRef","restOfExtendedProps","mainParams","classnames","createSpacingClasses","onClick","validateDOMAttributes","extendedPropsForContext","accordionContext","Provider","findElementInChildren","cur","type","AccordionHeader","AccordionContent","defaultProps","Group","_ref2","expandBehaviour","rememberWarning","expandedId","setExpandedId","instanceIDs","useMemo","storedData","getData","currentIDs","includes","fallbackId","instance","AccordionGroup","Header","Content","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, {\n  useContext,\n  useState,\n  useEffect,\n  useRef,\n  HTMLProps,\n  useMemo,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n  makeUniqueId,\n  findElementInChildren,\n  extendPropsWithContext,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport type { ButtonIconPosition } from '../Button'\nimport type { HeadingLevel } from '../Heading'\nimport type { IconIcon, IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { SpacingProps } from '../space/types'\n\nimport AccordionGroup from './AccordionGroup'\nimport AccordionHeader from './AccordionHeader'\nimport AccordionContent from './AccordionContent'\nimport AccordionContext from './AccordionContext'\nimport AccordionProviderContext from './AccordionProviderContext'\nimport Context from '../../shared/Context'\n\nimport { AccordionStore, Store, rememberWarning } from './AccordionStore'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionVariant = 'plain' | 'default' | 'outlined' | 'filled'\n\nexport type AccordionHeading = boolean | React.ReactNode\n\nexport type AccordionIcon =\n  | IconIcon\n  | {\n      closed?: IconIcon\n      /**\n       * If set to `true` the accordion will be expanded as its initial state.\n       */\n      expanded?: IconIcon\n    }\n\nexport type AccordionAttributes = string | Record<string, unknown>\n\nexport type AccordionIconPosition = ButtonIconPosition\n\nexport type AccordionProps = Omit<React.HTMLProps<HTMLElement>, 'ref'> &\n  SpacingProps & {\n    /**\n     * A title as a string or React element. It will be used as the button text.\n     */\n    title?: React.ReactNode\n    description?: React.ReactNode\n    /**\n     * If set to `true` the accordion will be expanded as its initial state.\n     */\n    expanded?: boolean\n    /**\n     * If set to `true`, the open and close animation will be omitted.\n     */\n    no_animation?: boolean\n    /**\n     * If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that&#39;s mainly a technical aspect to consider.\n     */\n    expanded_ssr?: boolean\n    /**\n     */\n    prerender?: boolean\n    /**\n     * If set to `true` the accordion component will not re-render its content – can be useful for widgets you don&#39;t have control of storing the temporary state during an interaction.\n     */\n    prevent_rerender?: boolean\n    /**\n     * Use this prop together with `prevent_rerender` – and if it is to `true`, the accordion component will re-render if the children are a new React element and does not match the previous one anymore.\n     */\n    prevent_rerender_conditional?: boolean\n    /**\n     * If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the sate in the local storage.\n     */\n    remember_state?: boolean\n    /**\n     * Send along a custom React Ref for `.dnb-accordion__content`.\n     */\n    contentRef?: React.MutableRefObject<unknown>\n    /**\n     * If set to `true`, the saved (remembered) will be removed and the initial component state will be used and set.\n     */\n    flush_remembered_state?: boolean\n    /**\n     * If set to `true`, a group of accordions will be wrapped to sidebar looking menu for medium and larger screens.\n     */\n    single_container?: boolean\n    /**\n     * Defines the used styling. As of now, only `outlined` is available. Use `plain` for no styles. It defaults to `outlined`.\n     */\n    variant?: AccordionVariant\n    /**\n     * Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.\n     */\n    left_component?: React.ReactNode\n    /**\n     * If set to `true`, the accordion button will be disabled (dimmed).\n     */\n    disabled?: boolean\n    /**\n     * If set to `true`, an overlaying skeleton with animation will be shown.\n     */\n    skeleton?: SkeletonShow\n    /**\n     * A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.\n     */\n    id?: string\n    group?: string\n    /**\n     * Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.\n     */\n    element?: React.ReactNode\n    /**\n     * If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.\n     */\n    heading?: AccordionHeading\n    /**\n     * If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.\n     */\n    heading_level?: HeadingLevel\n    /**\n     * Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.\n     */\n    icon?: AccordionIcon\n    /**\n     * Will set the placement of the icon. Defaults to `left`.\n     */\n    icon_position?: AccordionIconPosition\n    /**\n     * Define a different icon size. Defaults to `medium` (1.5rem).\n     */\n    icon_size?: IconSize\n    attributes?: AccordionAttributes\n    className?: string\n    children?: React.ReactNode\n    /**\n     * Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.\n     */\n    on_change?: (...args: any[]) => any\n    on_state_update?: (...args: any[]) => any\n  }\n\nfunction Accordion({\n  variant = 'outlined',\n  icon_size = 'medium',\n  ...restOfProps\n}: AccordionProps) {\n  const props = { variant, icon_size, ...restOfProps }\n\n  const context = useContext(AccordionProviderContext)\n\n  const group = props.group || context?.group\n  const id = useRef(props.id || makeUniqueId()).current\n\n  const store = new Store({ id: props.id, group })\n\n  // States ordered last here to make sure that the getInitialExpandedState have access to the store\n  const [previousExpanded, setPreviousExpanded] = useState(props.expanded)\n  const [expanded, setExpanded] = useState<boolean>(\n    getInitialExpandedState()\n  )\n  const hasAddedCallbackRef = useRef<boolean>(false)\n\n  // replacement for getDerivedStateFromProps\n  if (props.expanded !== previousExpanded) {\n    setExpanded(props.expanded !== undefined ? props.expanded : false)\n    setPreviousExpanded(props.expanded)\n  }\n\n  const thisInstance = {\n    _id: id,\n    context,\n    handleDisabledClick,\n    callOnChange,\n    callOnChangeHandler,\n    close,\n    setExpandedState,\n    state: { expanded, group },\n    props,\n    store,\n  }\n\n  // Constructor\n  useEffect(() => {\n    if (group && typeof window !== 'undefined') {\n      window['__dnbAccordion'] = window['__dnbAccordion'] || {}\n      window['__dnbAccordion'][group] =\n        window['__dnbAccordion'][group] || new AccordionStore(group)\n\n      window['__dnbAccordion'][group].addInstance(thisInstance)\n    }\n\n    if (context && typeof context?.onInit === 'function') {\n      context.onInit(thisInstance)\n    }\n\n    return () => {\n      if (group && typeof window !== 'undefined') {\n        window?.['__dnbAccordion'][group]?.removeInstance(thisInstance)\n      }\n    }\n  }, [])\n\n  // componentDidUpdate\n  useEffect(() => {\n    if (context.flush_remembered_state) {\n      store.flush()\n      setExpanded(props.expanded)\n    }\n\n    if (context?.expanded_id && context.expanded_id === props.id) {\n      setExpanded(true)\n    }\n  }, [\n    context.flush_remembered_state,\n    context.expanded_id,\n    props.expanded,\n    props.id,\n    store,\n  ])\n\n  // Add callback for closing all accordions inside a group if collapseAllHandleRef is defined\n  if (context?.collapseAllHandleRef && !hasAddedCallbackRef.current) {\n    context?.collapseAccordionCallbacks?.current.push(close)\n    hasAddedCallbackRef.current = true\n  }\n\n  // Gets the initial expanded sate, to prevent the opening and closing of Accordion\n  // That happens when if we put this logic in a useEffect that runs after the initial expanded state is set\n  // Since useEffect runs after every render\n  function getInitialExpandedState() {\n    if (props.expanded_ssr || context?.expanded_ssr) {\n      return typeof window === 'undefined'\n    }\n\n    if (props.remember_state || context.remember_state) {\n      const storedExpanded = store.getState()\n\n      if (props.expanded && storedExpanded === false) {\n        return false\n      }\n\n      if (storedExpanded) {\n        return true\n      }\n    }\n\n    return props.expanded !== undefined\n      ? props.expanded\n      : context?.expanded !== undefined\n      ? context.expanded\n      : false\n  }\n\n  function setExpandedState(expanded: boolean) {\n    setExpanded(expanded)\n  }\n\n  function close() {\n    changeOpened(false)\n  }\n\n  function changeOpened(expanded: boolean) {\n    setExpanded(expanded)\n\n    // check if a event exists, because, then it's a user click\n    if (props.remember_state || context.remember_state) {\n      store.saveState(expanded)\n    }\n  }\n\n  function handleDisabledClick(e: React.MouseEvent<HTMLElement>) {\n    e.preventDefault()\n    return false\n  }\n\n  function callOnChangeHandler(...params: any[]) {\n    callOnChange(...params)\n    if (context?.onChange) {\n      context?.onChange(...params)\n    }\n    if (group && typeof window !== 'undefined') {\n      window?.['__dnbAccordion'][group]?.onChange(...params)\n    }\n  }\n\n  function callOnChange(...params: any[]) {\n    const { expanded, event } = params[0]\n\n    changeOpened(expanded)\n\n    dispatchCustomElementEvent(thisInstance, 'on_change', {\n      expanded,\n      event,\n    })\n  }\n\n  return (\n    <Context.Consumer>\n      {(globalContext) => (\n        <AccordionContext.Consumer>\n          {(nestedContext) => {\n            // use only the props from context, who are available here anyway\n            let expandedState = expanded\n\n            const extendedProps = extendPropsWithContext(\n              props,\n              accordionDefaultProps,\n              context, // group context\n              nestedContext as Record<string, unknown>, // internal context\n              { skeleton: globalContext?.skeleton },\n              globalContext.Accordion, // global context\n              globalContext.translation['Accordion']\n            )\n\n            if (expandedState === undefined && globalContext.Accordion) {\n              if (globalContext.Accordion.expanded) {\n                expandedState = extendedProps.expanded\n              }\n            }\n\n            const {\n              variant,\n              className,\n              prerender,\n              prevent_rerender,\n              prevent_rerender_conditional,\n              single_container,\n              remember_state,\n              disabled,\n              skeleton,\n              no_animation,\n              expanded_ssr: _expanded_ssr, // eslint-disable-line\n              children,\n\n              id: _id, // eslint-disable-line\n              group: _group, // eslint-disable-line\n              // expanded: _expanded, // eslint-disable-line\n\n              title, // eslint-disable-line\n              description, // eslint-disable-line\n              left_component, // eslint-disable-line\n              icon, // eslint-disable-line\n              icon_position, // eslint-disable-line\n              icon_size, // eslint-disable-line\n              on_change, // eslint-disable-line\n              on_state_update, // eslint-disable-line\n\n              contentRef, // eslint-disable-line\n\n              ...restOfExtendedProps\n            } = extendedProps\n\n            const mainParams = {\n              id,\n              className: classnames(\n                'dnb-accordion',\n                expandedState && 'dnb-accordion--expanded',\n                variant && `dnb-accordion__variant--${variant}`,\n                prerender && 'dnb-accordion--prerender',\n                createSpacingClasses(extendedProps),\n                className\n              ),\n            } as HTMLProps<HTMLDivElement>\n\n            if (disabled) {\n              mainParams.onClick = handleDisabledClick\n            }\n\n            // to remove spacing props\n            validateDOMAttributes(props, restOfExtendedProps)\n\n            const extendedPropsForContext = extendPropsWithContext(\n              props,\n              accordionDefaultProps,\n              { expanded, group },\n              context\n            )\n\n            const accordionContext = {\n              ...extendedPropsForContext,\n              id,\n              expanded: expandedState,\n              prerender: prerender,\n              prevent_rerender: prevent_rerender,\n              prevent_rerender_conditional: prevent_rerender_conditional,\n              single_container: single_container,\n              remember_state: remember_state,\n              disabled: disabled,\n              skeleton: skeleton,\n              no_animation: no_animation,\n              callOnChange: callOnChangeHandler,\n            }\n\n            return (\n              <AccordionContext.Provider value={accordionContext}>\n                <div {...mainParams}>\n                  {findElementInChildren(\n                    children,\n                    (cur) => cur.type === AccordionHeader\n                  ) ? null : (\n                    <AccordionHeader />\n                  )}\n                  {findElementInChildren(\n                    children,\n                    (cur) => cur.type === AccordionContent\n                  ) ? (\n                    children\n                  ) : (\n                    <AccordionContent>{children}</AccordionContent>\n                  )}\n                </div>\n              </AccordionContext.Provider>\n            )\n          }}\n        </AccordionContext.Consumer>\n      )}\n    </Context.Consumer>\n  )\n}\n// TEMPORARY SOLUTION (defaultProps will be deprecated at one point). Needs to replacement with default prop parameters for example \"({expanded: null})\"\n// Only solved this way to prevent tests from failing, for when expanded is undefined instead of null\nAccordion.defaultProps = accordionDefaultProps\n\nexport type GroupProps = AccordionProps & {\n  allow_close_all?: boolean\n  /**\n   * Determines how many accordions can be expanded at once.\n   * Default: `single`\n   */\n  expandBehaviour?: 'single' | 'multiple'\n  /**\n   * ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions.\n   *\n   * Default: `undefined`\n   */\n  expanded_id?: string\n  collapseAllHandleRef?: React.MutableRefObject<() => void>\n}\n\nconst Group = ({ expandBehaviour = 'single', ...props }: GroupProps) => {\n  if (props.remember_state && !props.id) {\n    rememberWarning('accordion group')\n  }\n\n  const [expandedId, setExpandedId] = useState<string | null>(null)\n\n  const instanceIDs = useRef<string[]>([])\n\n  const group = props?.id\n    ? props.id\n    : !props.group\n    ? '#' + makeUniqueId()\n    : undefined\n\n  const store = useMemo(() => new Store({ group }), [group])\n\n  // Set stored expanded_id on mount\n  useEffect(() => {\n    const storedData = store.getData()\n    const currentIDs = instanceIDs?.current\n\n    if (!storedData?.id) {\n      return\n    }\n\n    if (currentIDs.includes(storedData?.id)) {\n      return\n    }\n\n    // 1. get the fallback id\n    const fallbackId = currentIDs[0]\n\n    if (!fallbackId) {\n      return\n    }\n\n    // 2. set the fallback ids\n    setExpandedId(fallbackId)\n  }, [store])\n\n  // Store and reset fallback id\n  useEffect(() => {\n    if (!expandedId) {\n      return\n    }\n\n    // 3. save the fallback id\n    store.saveState(true, expandedId)\n\n    // 4. and reset the fallback id\n    setExpandedId(null)\n  }, [expandedId, store])\n\n  function onInit(instance) {\n    if (\n      instance.props.id &&\n      !instanceIDs.current.includes(instance.props.id)\n    ) {\n      instanceIDs.current.push(instance.props.id)\n    }\n  }\n\n  return (\n    <AccordionGroup\n      onInit={onInit}\n      {...props}\n      group={group}\n      expandBehaviour={expandBehaviour}\n      expanded_id={expandedId || props.expanded_id}\n    />\n  )\n}\n\nAccordion.Provider = AccordionGroup\nAccordion.Header = AccordionHeader\nAccordion.Content = AccordionContent\n\nAccordion.Group = Group\n\nGroup.Store = (group: string, id: string = null) => {\n  return new Store({ group, id })\n}\n\nAccordion.Store = (id: string) => {\n  return new Store({ id })\n}\n\nAccordion._supportsSpacingProps = true\n\nexport default Accordion\n"],"mappings":"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"}

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

@@ -5,8 +5,10 @@
 import React from 'react';
 import { SkeletonContextProps } from '../skeleton/SkeletonHelper';
 import { AccordionProps } from './Accordion';
+import { AccordionGroupProps } from './AccordionGroup';
 export type AccordionContextProps = AccordionProps & SkeletonContextProps & {
     allow_close_all?: boolean;
+    expandBehaviour: AccordionGroupProps['expandBehaviour'];
     callOnChange?: (parameters: {
         id: string;
         group: string;

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","AccordionContext","React","createContext","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAiBzB,MAAMG,gBAAgB,GAAGC,cAAK,CAACC,aAAa,CAAwB,CAAC,CAAC,CAAC;AAAA,IAAAC,QAAA,GAExDH,gBAAgB;AAAAI,OAAA,CAAAL,OAAA,GAAAI,QAAA"}
+{"version":3,"file":"AccordionContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","AccordionContext","React","createContext","_default","exports"],"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'\nimport { AccordionGroupProps } from './AccordionGroup'\n\nexport type AccordionContextProps = AccordionProps &\n  SkeletonContextProps & {\n    allow_close_all?: boolean\n    expandBehaviour: AccordionGroupProps['expandBehaviour']\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAmBzB,MAAMG,gBAAgB,GAAGC,cAAK,CAACC,aAAa,CAAwB,CAAC,CAAC,CAAC;AAAA,IAAAC,QAAA,GAExDH,gBAAgB;AAAAI,OAAA,CAAAL,OAAA,GAAAI,QAAA"}

package/cjs/components/accordion/AccordionDocs.d.ts

@@ -0,0 +1,4 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const AccordionProperties: PropertiesTableProps;
+export declare const AccordionProviderGroupProperties: PropertiesTableProps;
+export declare const AccordionEvents: PropertiesTableProps;

package/cjs/components/accordion/AccordionDocs.js

@@ -0,0 +1,166 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionProviderGroupProperties = exports.AccordionProperties = exports.AccordionEvents = void 0;
+const AccordionProperties = {
+  id: {
+    doc: 'A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.',
+    type: 'string',
+    status: 'optional'
+  },
+  title: {
+    doc: 'A title as a string or React element. It will be used as the button text.',
+    type: 'string',
+    status: 'optional'
+  },
+  expanded: {
+    doc: 'If set to `true` the accordion will be expanded as its initial state.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  expanded_ssr: {
+    doc: "If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that's mainly a technical aspect to consider.",
+    type: 'boolean',
+    status: 'optional'
+  },
+  remember_state: {
+    doc: 'If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the state in the local storage.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  flush_remembered_state: {
+    doc: 'If set to `true`, the saved (remembered) state will be removed and the initial component state will be used and set.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  no_animation: {
+    doc: 'If set to `true`, the open and close animation will be omitted.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  variant: {
+    doc: 'Defines the used styling. `Outlined`, `filled`, or `plain` (no styling). Defaults to `outlined`.',
+    type: ['outlined', 'filled', 'plain'],
+    status: 'optional'
+  },
+  icon: {
+    doc: 'Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  icon_position: {
+    doc: 'Will set the placement of the icon. Defaults to `left`.',
+    type: 'string',
+    status: 'optional'
+  },
+  icon_size: {
+    doc: 'Define a different icon size. Defaults to `medium` (1.5rem).',
+    type: 'string',
+    status: 'optional'
+  },
+  left_component: {
+    doc: 'Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  prerender: {
+    doc: 'If set to `true` the content will be present, even the accordion is not expanded. Can be useful for assistive technology or SEO.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  prevent_rerender: {
+    doc: "If set to `true` the accordion component will not re-render its content – can be useful for widgets you don't have control of storing the temporary state during an interaction.",
+    type: 'boolean',
+    status: 'optional'
+  },
+  prevent_rerender_conditional: {
+    doc: 'Use this prop together with `prevent_rerender` – and if it is set to `true`, the accordion component will re-render if the children are a new React element and do not match the previous one anymore.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  single_container: {
+    doc: 'If set to `true`, a group of accordions will be wrapped to a sidebar looking menu for medium and larger screens.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  element: {
+    doc: 'Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  heading: {
+    doc: 'If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  heading_level: {
+    doc: 'If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  disabled: {
+    doc: 'If set to `true`, the accordion button will be disabled (dimmed).',
+    type: 'boolean',
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  contentRef: {
+    doc: 'Send along a custom React Ref for `.dnb-accordion__content`.',
+    type: 'function',
+    status: 'optional'
+  },
+  collapseAllHandleRef: {
+    doc: 'Ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions. Default: `undefined`.',
+    type: 'React.MutableRefObject<() => void>',
+    status: 'optional'
+  },
+  space: {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+exports.AccordionProperties = AccordionProperties;
+const AccordionProviderGroupProperties = {
+  group: {
+    doc: "Define a unique id, it will be used to 'group' several accordions into one.",
+    type: 'string',
+    status: 'optional'
+  },
+  allow_close_all: {
+    doc: 'If set to `true`, the group of accordions will allow all to close.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  expandBehaviour: {
+    doc: 'Determines how many accordions can be expanded at once. Defaults to `single`',
+    type: ['single', 'multiple'],
+    status: 'optional'
+  },
+  expanded_id: {
+    doc: 'Define an `id` of a nested accordion that will get expanded.',
+    type: 'string',
+    status: 'optional'
+  },
+  space: {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+exports.AccordionProviderGroupProperties = AccordionProviderGroupProperties;
+const AccordionEvents = {
+  on_change: {
+    doc: 'Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.',
+    type: 'function',
+    status: 'optional'
+  }
+};
+exports.AccordionEvents = AccordionEvents;
+//# sourceMappingURL=AccordionDocs.js.map

package/cjs/components/accordion/AccordionDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionDocs.js","names":["AccordionProperties","id","doc","type","status","title","expanded","expanded_ssr","remember_state","flush_remembered_state","no_animation","variant","icon","icon_position","icon_size","left_component","prerender","prevent_rerender","prevent_rerender_conditional","single_container","element","heading","heading_level","disabled","skeleton","contentRef","collapseAllHandleRef","space","exports","AccordionProviderGroupProperties","group","allow_close_all","expandBehaviour","expanded_id","AccordionEvents","on_change"],"sources":["../../../../src/components/accordion/AccordionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const AccordionProperties: PropertiesTableProps = {\n  id: {\n    doc: 'A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.',\n    type: 'string',\n    status: 'optional',\n  },\n  title: {\n    doc: 'A title as a string or React element. It will be used as the button text.',\n    type: 'string',\n    status: 'optional',\n  },\n  expanded: {\n    doc: 'If set to `true` the accordion will be expanded as its initial state.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  expanded_ssr: {\n    doc: \"If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that's mainly a technical aspect to consider.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  remember_state: {\n    doc: 'If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the state in the local storage.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  flush_remembered_state: {\n    doc: 'If set to `true`, the saved (remembered) state will be removed and the initial component state will be used and set.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_animation: {\n    doc: 'If set to `true`, the open and close animation will be omitted.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the used styling. `Outlined`, `filled`, or `plain` (no styling). Defaults to `outlined`.',\n    type: ['outlined', 'filled', 'plain'],\n    status: 'optional',\n  },\n  icon: {\n    doc: 'Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  icon_position: {\n    doc: 'Will set the placement of the icon. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'Define a different icon size. Defaults to `medium` (1.5rem).',\n    type: 'string',\n    status: 'optional',\n  },\n  left_component: {\n    doc: 'Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  prerender: {\n    doc: 'If set to `true` the content will be present, even the accordion is not expanded. Can be useful for assistive technology or SEO.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  prevent_rerender: {\n    doc: \"If set to `true` the accordion component will not re-render its content – can be useful for widgets you don't have control of storing the temporary state during an interaction.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  prevent_rerender_conditional: {\n    doc: 'Use this prop together with `prevent_rerender` – and if it is set to `true`, the accordion component will re-render if the children are a new React element and do not match the previous one anymore.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  single_container: {\n    doc: 'If set to `true`, a group of accordions will be wrapped to a sidebar looking menu for medium and larger screens.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  element: {\n    doc: 'Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  heading: {\n    doc: 'If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  heading_level: {\n    doc: 'If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'If set to `true`, the accordion button will be disabled (dimmed).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  contentRef: {\n    doc: 'Send along a custom React Ref for `.dnb-accordion__content`.',\n    type: 'function',\n    status: 'optional',\n  },\n  collapseAllHandleRef: {\n    doc: 'Ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions. Default: `undefined`.',\n    type: 'React.MutableRefObject<() => void>',\n    status: 'optional',\n  },\n  space: {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const AccordionProviderGroupProperties: PropertiesTableProps = {\n  group: {\n    doc: \"Define a unique id, it will be used to 'group' several accordions into one.\",\n    type: 'string',\n    status: 'optional',\n  },\n  allow_close_all: {\n    doc: 'If set to `true`, the group of accordions will allow all to close.',\n    type: 'boolean',\n    status: 'optional',\n  },\n\n  expandBehaviour: {\n    doc: 'Determines how many accordions can be expanded at once. Defaults to `single`',\n    type: ['single', 'multiple'],\n    status: 'optional',\n  },\n  expanded_id: {\n    doc: 'Define an `id` of a nested accordion that will get expanded.',\n    type: 'string',\n    status: 'optional',\n  },\n  space: {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const AccordionEvents: PropertiesTableProps = {\n  on_change: {\n    doc: 'Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,mBAAyC,GAAG;EACvDC,EAAE,EAAE;IACFC,GAAG,EAAE,wGAAwG;IAC7GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,2EAA2E;IAChFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,uEAAuE;IAC5EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,YAAY,EAAE;IACZL,GAAG,EAAE,iOAAiO;IACtOC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,cAAc,EAAE;IACdN,GAAG,EAAE,oJAAoJ;IACzJC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,sBAAsB,EAAE;IACtBP,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,YAAY,EAAE;IACZR,GAAG,EAAE,iEAAiE;IACtEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,OAAO,EAAE;IACPT,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACDQ,IAAI,EAAE;IACJV,GAAG,EAAE,yMAAyM;IAC9MC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDS,aAAa,EAAE;IACbX,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,SAAS,EAAE;IACTZ,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDW,cAAc,EAAE;IACdb,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDY,SAAS,EAAE;IACTd,GAAG,EAAE,kIAAkI;IACvIC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,gBAAgB,EAAE;IAChBf,GAAG,EAAE,kLAAkL;IACvLC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDc,4BAA4B,EAAE;IAC5BhB,GAAG,EAAE,wMAAwM;IAC7MC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDe,gBAAgB,EAAE;IAChBjB,GAAG,EAAE,kHAAkH;IACvHC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDgB,OAAO,EAAE;IACPlB,GAAG,EAAE,iMAAiM;IACtMC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDiB,OAAO,EAAE;IACPnB,GAAG,EAAE,mIAAmI;IACxIC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDkB,aAAa,EAAE;IACbpB,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDmB,QAAQ,EAAE;IACRrB,GAAG,EAAE,mEAAmE;IACxEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDoB,QAAQ,EAAE;IACRtB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDqB,UAAU,EAAE;IACVvB,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDsB,oBAAoB,EAAE;IACpBxB,GAAG,EAAE,sIAAsI;IAC3IC,IAAI,EAAE,oCAAoC;IAC1CC,MAAM,EAAE;EACV,CAAC;EACDuB,KAAK,EAAE;IACLzB,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAwB,OAAA,CAAA5B,mBAAA,GAAAA,mBAAA;AAEM,MAAM6B,gCAAsD,GAAG;EACpEC,KAAK,EAAE;IACL5B,GAAG,EAAE,6EAA6E;IAClFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD2B,eAAe,EAAE;IACf7B,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EAED4B,eAAe,EAAE;IACf9B,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACD6B,WAAW,EAAE;IACX/B,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDuB,KAAK,EAAE;IACLzB,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAwB,OAAA,CAAAC,gCAAA,GAAAA,gCAAA;AAEM,MAAMK,eAAqC,GAAG;EACnDC,SAAS,EAAE;IACTjC,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAwB,OAAA,CAAAM,eAAA,GAAAA,eAAA"}

package/cjs/components/accordion/AccordionGroup.js

@@ -12,7 +12,7 @@ var _SpacingHelper = require("../space/SpacingHelper");
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _AccordionProviderContext = _interopRequireDefault(require("./AccordionProviderContext"));
 var _defaultProps = require("./defaultProps");
-const _excluded = ["expanded", "expanded_id", "prerender", "prevent_rerender", "single_container", "contentRef", "allow_close_all", "remember_state", "flush_remembered_state", "disabled", "group", "onInit", "className", "id", "children"];
+const _excluded = ["expanded", "expanded_id", "prerender", "prevent_rerender", "single_container", "contentRef", "allow_close_all", "remember_state", "flush_remembered_state", "disabled", "group", "onInit", "className", "id", "children", "collapseAllHandleRef", "expandBehaviour"];
 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; }
@@ -56,9 +56,19 @@ const AccordionGroup = props => {
       onInit,
       className,
       id: _id,
-      children
+      children,
+      collapseAllHandleRef,
+      expandBehaviour
     } = extendedProps,
     restOfExtendedProps = _objectWithoutProperties(extendedProps, _excluded);
+  const collapseAccordionCallbacks = (0, _react.useRef)([]);
+  (0, _react.useEffect)(() => {
+    if (collapseAllHandleRef) {
+      collapseAllHandleRef.current = () => {
+        collapseAccordionCallbacks.current.forEach(callback => callback());
+      };
+    }
+  }, [collapseAllHandleRef]);
   const classes = (0, _classnames.default)('dnb-accordion-group', (0, _SpacingHelper.createSpacingClasses)(extendedProps), className, (0, _componentHelper.isTrue)(single_container) && 'dnb-accordion-group--single-container');
   const params = _objectSpread({}, restOfExtendedProps);
   (0, _componentHelper.validateDOMAttributes)(props, params);
@@ -67,7 +77,10 @@ const AccordionGroup = props => {
   }
   const contextForProvider = _objectSpread(_objectSpread({}, extendedProps), {}, {
     id,
-    onChange: onChangeHandler
+    onChange: onChangeHandler,
+    collapseAllHandleRef,
+    collapseAccordionCallbacks,
+    expandBehaviour
   });
   return _react.default.createElement(_AccordionProviderContext.default.Provider, {
     value: contextForProvider