@dnb/eufemia 10.4.2 → 10.6.0

package/es/components/accordion/Accordion.js

@@ -1,14 +1,14 @@
 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";
 var _AccordionHeader;
-const _excluded = ["variant", "className", "class", "prerender", "prevent_rerender", "prevent_rerender_conditional", "single_container", "remember_state", "disabled", "skeleton", "no_animation", "expanded_ssr", "children", "id", "group", "expanded", "title", "description", "left_component", "icon", "icon_position", "icon_size", "on_change", "on_state_update", "contentRef"];
+const _excluded = ["variant", "icon_size"],
+  _excluded2 = ["variant", "className", "class", "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"];
 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, useState, useEffect, useRef } from 'react';
 import classnames from 'classnames';
-import { isTrue, makeUniqueId, findElementInChildren, extendPropsWithContextInClassComponent, validateDOMAttributes, dispatchCustomElementEvent } from '../../shared/component-helper';
+import { makeUniqueId, findElementInChildren, extendPropsWithContext, validateDOMAttributes, dispatchCustomElementEvent } from '../../shared/component-helper';
 import { createSpacingClasses } from '../space/SpacingHelper';
 import AccordionGroup from './AccordionGroup';
 import AccordionHeader from './AccordionHeader';
@@ -16,275 +16,240 @@ import AccordionContent from './AccordionContent';
 import AccordionContext from './AccordionContext';
 import AccordionProviderContext from './AccordionProviderContext';
 import Context from '../../shared/Context';
-import { accordionPropTypes, accordionDefaultProps } from './AccordionPropTypes';
 import { AccordionStore, Store, rememberWarning } from './AccordionStore';
-export default class Accordion extends React.PureComponent {
-  static getDerivedStateFromProps(props, state) {
-    if (state._listenForPropChanges) {
-      if (props.expanded !== state._expanded) {
-        state.expanded = isTrue(props.expanded);
-        state._expanded = props.expanded;
-      }
-      if (props.group && !state.group) {
-        state.group = props.group;
-      }
-    }
-    state._listenForPropChanges = true;
-    return state;
+import { accordionDefaultProps } from './defaultProps';
+function Accordion(_ref) {
+  let {
+      variant = 'outlined',
+      icon_size = 'medium'
+    } = _ref,
+    restOfProps = _objectWithoutProperties(_ref, _excluded);
+  const props = _objectSpread({
+    variant,
+    icon_size
+  }, restOfProps);
+  const context = useContext(AccordionProviderContext);
+  const group = props.group || (context === null || context === void 0 ? void 0 : context.group);
+  const id = useRef(props.id || makeUniqueId()).current;
+  const store = new Store({
+    id: props.id,
+    group
+  });
+  const [previousExpanded, setPreviousExpanded] = useState(props.expanded);
+  const [expanded, setExpanded] = useState(getInitialExpandedState());
+  if (props.expanded !== previousExpanded) {
+    setExpanded(props.expanded !== undefined ? props.expanded : false);
+    setPreviousExpanded(props.expanded);
   }
-  constructor(props, context) {
-    super(props);
-    _defineProperty(this, "handleDisabledClick", e => {
-      e.preventDefault();
-      return false;
-    });
-    _defineProperty(this, "callOnChangeHandler", (...params) => {
-      var _this$context;
-      this.callOnChange(...params);
-      if ((_this$context = this.context) !== null && _this$context !== void 0 && _this$context.onChange) {
-        var _this$context2;
-        (_this$context2 = this.context) === null || _this$context2 === void 0 ? void 0 : _this$context2.onChange(...params);
-      }
-      if (this.state.group && typeof window !== 'undefined') {
-        var _window, _window$__dnbAccordio;
-        (_window = window) === null || _window === void 0 ? void 0 : (_window$__dnbAccordio = _window.__dnbAccordion[this.state.group]) === null || _window$__dnbAccordio === void 0 ? void 0 : _window$__dnbAccordio.onChange(...params);
-      }
-    });
-    _defineProperty(this, "callOnChange", ({
+  const thisInstance = {
+    _id: id,
+    context,
+    handleDisabledClick,
+    callOnChange,
+    callOnChangeHandler,
+    close,
+    setExpandedState,
+    state: {
       expanded,
-      event
-    }) => {
-      this.changeOpened(expanded, event);
-      dispatchCustomElementEvent(this, 'on_change', {
-        expanded,
-        event
-      });
-    });
-    this._id = props.id || makeUniqueId();
-    this.state = {
-      _expanded: props.expanded,
-      expanded: props.expanded !== null ? isTrue(props.expanded) : isTrue(context === null || context === void 0 ? void 0 : context.expanded),
-      group: props.group || (context === null || context === void 0 ? void 0 : context.group),
-      _listenForPropChanges: false
-    };
-    if (typeof window === 'undefined' && isTrue(props.expanded_ssr || (context === null || context === void 0 ? void 0 : context.expanded_ssr))) {
-      this.state.expanded = true;
+      group
+    },
+    props,
+    store
+  };
+  useEffect(() => {
+    if (group && typeof window !== 'undefined') {
+      window['__dnbAccordion'] = window['__dnbAccordion'] || {};
+      window['__dnbAccordion'][group] = window['__dnbAccordion'][group] || new AccordionStore(group);
+      window['__dnbAccordion'][group].addInstance(thisInstance);
     }
-    if (this.state.group && typeof window !== 'undefined') {
-      window.__dnbAccordion = window.__dnbAccordion || {};
-      window.__dnbAccordion[this.state.group] = window.__dnbAccordion[this.state.group] || new AccordionStore(this.state.group);
-      window.__dnbAccordion[this.state.group].addInstance(this);
+    if (context && typeof (context === null || context === void 0 ? void 0 : context.onInit) === 'function') {
+      context.onInit(thisInstance);
     }
-    this.store = new Store({
-      id: props.id,
-      group: this.state.group
-    });
-    if (isTrue(props.remember_state || context.remember_state) && isTrue(props.expanded)) {
-      const expanded = this.store.getState();
-      if (expanded === false) {
-        this.state.expanded = false;
+    return () => {
+      if (group && typeof window !== 'undefined') {
+        var _window, _window$__dnbAccordio;
+        (_window = window) === null || _window === void 0 ? void 0 : (_window$__dnbAccordio = _window['__dnbAccordion'][group]) === null || _window$__dnbAccordio === void 0 ? void 0 : _window$__dnbAccordio.removeInstance(thisInstance);
       }
+    };
+  }, []);
+  useEffect(() => {
+    if (context.flush_remembered_state) {
+      store.flush();
+      setExpanded(props.expanded);
     }
-    if (context && typeof (context === null || context === void 0 ? void 0 : context.onInit) === 'function') {
-      context.onInit(this);
+    if (context !== null && context !== void 0 && context.expanded_id && context.expanded_id === props.id) {
+      setExpanded(true);
     }
-    if (typeof window !== 'undefined' && isTrue(props.expanded_ssr || (context === null || context === void 0 ? void 0 : context.expanded_ssr))) {
-      this.state.expanded = false;
+  }, [context.flush_remembered_state, context.expanded_id]);
+  function getInitialExpandedState() {
+    if (props.expanded_ssr || context !== null && context !== void 0 && context.expanded_ssr) {
+      return typeof window === 'undefined';
     }
-    if (isTrue(this.props.remember_state || context.remember_state)) {
-      const expanded = this.store.getState();
-      if (expanded) {
-        this.state.expanded = true;
+    if (props.remember_state || context.remember_state) {
+      const storedExpanded = store.getState();
+      if (props.expanded && storedExpanded === false) {
+        return false;
+      }
+      if (storedExpanded) {
+        return true;
       }
     }
+    return props.expanded !== undefined ? props.expanded : (context === null || context === void 0 ? void 0 : context.expanded) !== undefined ? context.expanded : false;
   }
-  componentDidMount() {
-    this._isMounted = true;
+  function setExpandedState(expanded) {
+    setExpanded(expanded);
   }
-  componentWillUnmount() {
-    this._isMounted = false;
-    clearTimeout(this._animationState);
-    clearTimeout(this._openTimeout);
-    clearTimeout(this._changeOpenState);
-    if (this.state.group && typeof window !== 'undefined') {
-      var _window2, _window2$__dnbAccordi;
-      (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$__dnbAccordi = _window2.__dnbAccordion[this.state.group]) === null || _window2$__dnbAccordi === void 0 ? void 0 : _window2$__dnbAccordi.removeInstance(this);
+  function close() {
+    changeOpened(false);
+  }
+  function changeOpened(expanded) {
+    setExpanded(expanded);
+    if (props.remember_state || context.remember_state) {
+      store.saveState(expanded);
     }
   }
-  componentDidUpdate(props) {
-    var _this$context3;
-    if (isTrue(this.context.flush_remembered_state)) {
-      this.store.flush();
-      this.setState({
-        expanded: isTrue(this.props.expanded)
-      });
+  function handleDisabledClick(e) {
+    e.preventDefault();
+    return false;
+  }
+  function callOnChangeHandler(...params) {
+    callOnChange(...params);
+    if (context !== null && context !== void 0 && context.onChange) {
+      context === null || context === void 0 ? void 0 : context.onChange(...params);
     }
-    if ((_this$context3 = this.context) !== null && _this$context3 !== void 0 && _this$context3.expanded_id && this.context.expanded_id === props.id) {
-      this.setState({
-        expanded: true
-      });
+    if (group && typeof window !== 'undefined') {
+      var _window2, _window2$__dnbAccordi;
+      (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$__dnbAccordi = _window2['__dnbAccordion'][group]) === null || _window2$__dnbAccordi === void 0 ? void 0 : _window2$__dnbAccordi.onChange(...params);
     }
   }
-  setExpandedState(expanded) {
-    this.setState({
+  function callOnChange(...params) {
+    const {
       expanded,
-      _listenForPropChanges: false
-    });
-  }
-  close() {
-    this.changeOpened(false);
-  }
-  changeOpened(expanded) {
-    if (!this._isMounted) {
-      return;
-    }
-    this.setState({
+      event
+    } = params[0];
+    changeOpened(expanded);
+    dispatchCustomElementEvent(thisInstance, 'on_change', {
       expanded,
-      _listenForPropChanges: false
+      event
     });
-    if (isTrue(this.props.remember_state) || isTrue(this.context.remember_state)) {
-      this.store.saveState(expanded);
-    }
-  }
-  render() {
-    return React.createElement(Context.Consumer, null, globalContext => React.createElement(AccordionContext.Consumer, null, nestedContext => {
-      let {
-        expanded
-      } = this.state;
-      const props = extendPropsWithContextInClassComponent(this.props, Accordion.defaultProps, this.context, nestedContext, {
-        skeleton: globalContext === null || globalContext === void 0 ? void 0 : globalContext.skeleton
-      }, globalContext.accordion, globalContext.translation.Accordion);
-      if (expanded === null && globalContext.accordion) {
-        if (globalContext.accordion.expanded) {
-          expanded = isTrue(props.expanded);
-        }
-      }
-      const {
-          variant,
-          className,
-          class: _className,
-          prerender,
-          prevent_rerender,
-          prevent_rerender_conditional,
-          single_container,
-          remember_state,
-          disabled,
-          skeleton,
-          no_animation,
-          expanded_ssr: _expanded_ssr,
-          children,
-          id: _id,
-          group: _group,
-          expanded: _expanded,
-          title,
-          description,
-          left_component,
-          icon,
-          icon_position,
-          icon_size,
-          on_change,
-          on_state_update,
-          contentRef
-        } = props,
-        rest = _objectWithoutProperties(props, _excluded);
-      const id = this._id;
-      const mainParams = {
-        id,
-        className: classnames('dnb-accordion', createSpacingClasses(props), className, _className, expanded && 'dnb-accordion--expanded', variant && `dnb-accordion__variant--${variant}`, isTrue(prerender) && 'dnb-accordion--prerender')
-      };
-      if (this.state.open) {
-        mainParams.open = true;
-      }
-      validateDOMAttributes(this.props, rest);
-      const extendProps = extendPropsWithContextInClassComponent(this.props, Accordion.defaultProps, this.state, this.context);
-      const context = _objectSpread(_objectSpread({}, extendProps), {}, {
-        id,
-        expanded,
-        prerender: isTrue(prerender),
-        prevent_rerender: isTrue(prevent_rerender),
-        prevent_rerender_conditional: isTrue(prevent_rerender_conditional),
-        single_container: isTrue(single_container),
-        remember_state: isTrue(remember_state),
-        disabled: isTrue(disabled),
-        skeleton: isTrue(skeleton),
-        no_animation: isTrue(no_animation),
-        callOnChange: this.callOnChangeHandler
-      });
-      if (isTrue(disabled)) {
-        mainParams.onClick = this.handleDisabledClick;
-      }
-      return React.createElement(AccordionContext.Provider, {
-        value: context
-      }, React.createElement("div", mainParams, findElementInChildren(children, cur => cur.type === AccordionHeader) ? null : _AccordionHeader || (_AccordionHeader = React.createElement(AccordionHeader, null)), findElementInChildren(children, cur => cur.type === AccordionContent) ? children : React.createElement(AccordionContent, null, children)));
-    }));
   }
-}
-_defineProperty(Accordion, "contextType", AccordionProviderContext);
-_defineProperty(Accordion, "Provider", AccordionGroup);
-_defineProperty(Accordion, "Header", AccordionHeader);
-_defineProperty(Accordion, "Content", AccordionContent);
-_defineProperty(Accordion, "defaultProps", _objectSpread({}, accordionDefaultProps));
-process.env.NODE_ENV !== "production" ? Accordion.propTypes = _objectSpread({}, accordionPropTypes) : void 0;
-class Group extends React.PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "state", {});
-    _defineProperty(this, "onInit", instance => {
-      if (instance.props.id && !this._IDs.includes(instance.props.id)) {
-        this._IDs.push(instance.props.id);
+  return React.createElement(Context.Consumer, null, globalContext => React.createElement(AccordionContext.Consumer, null, nestedContext => {
+    let expandedState = expanded;
+    const extendedProps = extendPropsWithContext(props, accordionDefaultProps, context, nestedContext, {
+      skeleton: globalContext === null || globalContext === void 0 ? void 0 : globalContext.skeleton
+    }, globalContext.Accordion, globalContext.translation.Accordion);
+    if (expandedState === undefined && globalContext.Accordion) {
+      if (globalContext.Accordion.expanded) {
+        expandedState = extendedProps.expanded;
       }
-    });
-    let group;
-    if (props.id) {
-      group = props.id;
-    } else if (!props.group) {
-      group = '#' + makeUniqueId();
     }
-    this.state.group = group;
-    this.store = new Store({
+    const {
+        variant,
+        className,
+        class: _className,
+        prerender,
+        prevent_rerender,
+        prevent_rerender_conditional,
+        single_container,
+        remember_state,
+        disabled,
+        skeleton,
+        no_animation,
+        expanded_ssr: _expanded_ssr,
+        children,
+        id: _id,
+        group: _group,
+        title,
+        description,
+        left_component,
+        icon,
+        icon_position,
+        icon_size,
+        on_change,
+        on_state_update,
+        contentRef
+      } = extendedProps,
+      restOfExtendedProps = _objectWithoutProperties(extendedProps, _excluded2);
+    const mainParams = {
+      id,
+      className: classnames('dnb-accordion', createSpacingClasses(extendedProps), className, _className, expandedState && 'dnb-accordion--expanded', variant && `dnb-accordion__variant--${variant}`, prerender && 'dnb-accordion--prerender')
+    };
+    if (disabled) {
+      mainParams.onClick = handleDisabledClick;
+    }
+    validateDOMAttributes(props, restOfExtendedProps);
+    const extendedPropsForContext = extendPropsWithContext(props, accordionDefaultProps, {
+      expanded,
       group
+    }, context);
+    const accordionContext = _objectSpread(_objectSpread({}, extendedPropsForContext), {}, {
+      id,
+      expanded: expandedState,
+      prerender: prerender,
+      prevent_rerender: prevent_rerender,
+      prevent_rerender_conditional: prevent_rerender_conditional,
+      single_container: single_container,
+      remember_state: remember_state,
+      disabled: disabled,
+      skeleton: skeleton,
+      no_animation: no_animation,
+      callOnChange: callOnChangeHandler
     });
-    this._IDs = [];
-    if (isTrue(props.remember_state) && !props.id) {
-      rememberWarning('accordion group');
-    }
+    return React.createElement(AccordionContext.Provider, {
+      value: accordionContext
+    }, React.createElement("div", mainParams, findElementInChildren(children, cur => cur.type === AccordionHeader) ? null : _AccordionHeader || (_AccordionHeader = React.createElement(AccordionHeader, null)), findElementInChildren(children, cur => cur.type === AccordionContent) ? children : React.createElement(AccordionContent, null, children)));
+  }));
+}
+Accordion.defaultProps = accordionDefaultProps;
+const Group = props => {
+  if (props.remember_state && !props.id) {
+    rememberWarning('accordion group');
   }
-  componentDidMount() {
-    const storedData = this.store.getData();
-    if (storedData !== null && storedData !== void 0 && storedData.id) {
-      if (!this._IDs.includes(storedData.id)) {
-        const expanded_id = this._IDs[0];
-        if (expanded_id) {
-          this.setState({
-            expanded_id
-          }, () => {
-            this.store.saveState(true, expanded_id);
-            this.setState({
-              expanded_id: null
-            });
-          });
-        }
-      }
+  const [expandedId, setExpandedId] = useState(null);
+  const instanceIDs = useRef([]);
+  const group = props !== null && props !== void 0 && props.id ? props.id : !props.group ? '#' + makeUniqueId() : undefined;
+  const store = new Store({
+    group
+  });
+  useEffect(() => {
+    const storedData = store.getData();
+    const currentIDs = instanceIDs === null || instanceIDs === void 0 ? void 0 : instanceIDs.current;
+    if (!(storedData !== null && storedData !== void 0 && storedData.id)) {
+      return;
+    }
+    if (currentIDs.includes(storedData === null || storedData === void 0 ? void 0 : storedData.id)) {
+      return;
+    }
+    const fallbackId = currentIDs[0];
+    if (!fallbackId) {
+      return;
+    }
+    setExpandedId(fallbackId);
+  }, []);
+  useEffect(() => {
+    if (!expandedId) {
+      return;
+    }
+    store.saveState(true, expandedId);
+    setExpandedId(null);
+  }, [expandedId]);
+  function onInit(instance) {
+    if (instance.props.id && !instanceIDs.current.includes(instance.props.id)) {
+      instanceIDs.current.push(instance.props.id);
     }
   }
-  render() {
-    return React.createElement(AccordionGroup, _extends({
-      onInit: this.onInit
-    }, this.props, this.state));
-  }
-}
-_defineProperty(Group, "defaultProps", {
-  id: null,
-  group: null,
-  remember_state: null
-});
-process.env.NODE_ENV !== "production" ? Group.propTypes = {
-  id: PropTypes.string,
-  group: PropTypes.string,
-  remember_state: PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
-} : void 0;
+  return React.createElement(AccordionGroup, _extends({
+    onInit: onInit
+  }, props, {
+    group: group,
+    expanded_id: expandedId || props.expanded_id
+  }));
+};
+Accordion.Provider = AccordionGroup;
+Accordion.Header = AccordionHeader;
+Accordion.Content = AccordionContent;
 Accordion.Group = Group;
-Accordion.Group.Store = (group, id = null) => {
+Group.Store = (group, id = null) => {
   return new Store({
     group,
     id
@@ -295,4 +260,5 @@ Accordion.Store = id => {
     id
   });
 };
+export default Accordion;
 //# sourceMappingURL=Accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","findElementInChildren","extendPropsWithContextInClassComponent","validateDOMAttributes","dispatchCustomElementEvent","createSpacingClasses","AccordionGroup","AccordionHeader","AccordionContent","AccordionContext","AccordionProviderContext","Context","accordionPropTypes","accordionDefaultProps","AccordionStore","Store","rememberWarning","Accordion","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","expanded","_expanded","group","constructor","context","_defineProperty","e","preventDefault","params","_this$context","callOnChange","onChange","_this$context2","window","_window","_window$__dnbAccordio","__dnbAccordion","event","changeOpened","_id","id","expanded_ssr","addInstance","store","remember_state","getState","onInit","componentDidMount","_isMounted","componentWillUnmount","clearTimeout","_animationState","_openTimeout","_changeOpenState","_window2","_window2$__dnbAccordi","removeInstance","componentDidUpdate","_this$context3","flush_remembered_state","flush","setState","expanded_id","setExpandedState","close","saveState","render","createElement","Consumer","globalContext","nestedContext","defaultProps","skeleton","accordion","translation","variant","className","class","_className","prerender","prevent_rerender","prevent_rerender_conditional","single_container","disabled","no_animation","_expanded_ssr","children","_group","title","description","left_component","icon","icon_position","icon_size","on_change","on_state_update","contentRef","rest","_objectWithoutProperties","_excluded","mainParams","open","extendProps","_objectSpread","callOnChangeHandler","onClick","handleDisabledClick","Provider","value","cur","type","_AccordionHeader","process","env","NODE_ENV","propTypes","Group","instance","_IDs","includes","push","storedData","getData","_extends","string","oneOfType","bool"],"sources":["../../../../src/components/accordion/Accordion.js"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  findElementInChildren,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\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'\nimport {\n  accordionPropTypes,\n  accordionDefaultProps,\n} from './AccordionPropTypes'\nimport { AccordionStore, Store, rememberWarning } from './AccordionStore'\n\nexport default class Accordion extends React.PureComponent {\n  static contextType = AccordionProviderContext\n  static Provider = AccordionGroup // Provider and Group is \"the same\", except that Accordion.Group has a layer above/before in class Group with additional logic.\n  static Header = AccordionHeader\n  static Content = AccordionContent\n\n  static propTypes = {\n    ...accordionPropTypes,\n  }\n\n  static defaultProps = {\n    ...accordionDefaultProps,\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._listenForPropChanges) {\n      if (props.expanded !== state._expanded) {\n        state.expanded = isTrue(props.expanded)\n        state._expanded = props.expanded\n      }\n\n      if (props.group && !state.group) {\n        state.group = props.group\n      }\n    }\n    state._listenForPropChanges = true\n\n    return state\n  }\n\n  constructor(props, context) {\n    super(props)\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n\n    this.state = {\n      _expanded: props.expanded,\n      expanded:\n        props.expanded !== null\n          ? isTrue(props.expanded)\n          : isTrue(context?.expanded),\n      group: props.group || context?.group,\n      _listenForPropChanges: false, // make sure to not run DerivedState\n    }\n\n    if (\n      typeof window === 'undefined' &&\n      isTrue(props.expanded_ssr || context?.expanded_ssr)\n    ) {\n      this.state.expanded = true\n    }\n\n    if (this.state.group && typeof window !== 'undefined') {\n      window.__dnbAccordion = window.__dnbAccordion || {}\n      window.__dnbAccordion[this.state.group] =\n        window.__dnbAccordion[this.state.group] ||\n        new AccordionStore(this.state.group)\n\n      window.__dnbAccordion[this.state.group].addInstance(this)\n    }\n\n    this.store = new Store({ id: props.id, group: this.state.group })\n\n    if (\n      isTrue(props.remember_state || context.remember_state) &&\n      isTrue(props.expanded)\n    ) {\n      const expanded = this.store.getState()\n      if (expanded === false) {\n        this.state.expanded = false\n      }\n    }\n\n    if (context && typeof context?.onInit === 'function') {\n      context.onInit(this)\n    }\n\n    if (\n      typeof window !== 'undefined' &&\n      isTrue(props.expanded_ssr || context?.expanded_ssr)\n    ) {\n      this.state.expanded = false\n    }\n\n    if (isTrue(this.props.remember_state || context.remember_state)) {\n      const expanded = this.store.getState()\n      if (expanded) {\n        this.state.expanded = true\n      }\n    }\n  }\n\n  componentDidMount() {\n    this._isMounted = true\n  }\n\n  componentWillUnmount() {\n    this._isMounted = false\n\n    clearTimeout(this._animationState)\n    clearTimeout(this._openTimeout)\n    clearTimeout(this._changeOpenState)\n\n    if (this.state.group && typeof window !== 'undefined') {\n      window?.__dnbAccordion[this.state.group]?.removeInstance(this)\n    }\n  }\n\n  componentDidUpdate(props) {\n    if (isTrue(this.context.flush_remembered_state)) {\n      this.store.flush()\n      this.setState({\n        expanded: isTrue(this.props.expanded),\n      })\n    }\n\n    if (\n      this.context?.expanded_id &&\n      this.context.expanded_id === props.id\n    ) {\n      this.setState({\n        expanded: true,\n      })\n    }\n  }\n\n  setExpandedState(expanded) {\n    this.setState({\n      expanded,\n      _listenForPropChanges: false,\n    })\n  }\n\n  close() {\n    this.changeOpened(false)\n  }\n\n  changeOpened(expanded) {\n    if (!this._isMounted) {\n      return\n    }\n\n    this.setState({\n      expanded,\n      _listenForPropChanges: false,\n    })\n\n    // check if a event exists, because, then it's a user click\n    if (\n      isTrue(this.props.remember_state) ||\n      isTrue(this.context.remember_state)\n    ) {\n      this.store.saveState(expanded)\n    }\n  }\n\n  handleDisabledClick = (e) => {\n    e.preventDefault()\n    return false\n  }\n\n  callOnChangeHandler = (...params) => {\n    this.callOnChange(...params)\n    if (this.context?.onChange) {\n      this.context?.onChange(...params)\n    }\n    if (this.state.group && typeof window !== 'undefined') {\n      window?.__dnbAccordion[this.state.group]?.onChange(...params)\n    }\n  }\n\n  callOnChange = ({ expanded, event }) => {\n    this.changeOpened(expanded, event)\n\n    dispatchCustomElementEvent(this, 'on_change', {\n      expanded,\n      event,\n    })\n  }\n\n  render() {\n    return (\n      <Context.Consumer>\n        {(globalContext) => (\n          <AccordionContext.Consumer>\n            {(nestedContext) => {\n              let { expanded } = this.state\n\n              // use only the props from context, who are available here anyway\n              const props = extendPropsWithContextInClassComponent(\n                this.props,\n                Accordion.defaultProps,\n                this.context, // group context\n                nestedContext, // internal context\n                { skeleton: globalContext?.skeleton },\n                globalContext.accordion, // global context\n                globalContext.translation.Accordion\n              )\n\n              if (expanded === null && globalContext.accordion) {\n                if (globalContext.accordion.expanded) {\n                  expanded = isTrue(props.expanded)\n                }\n              }\n\n              const {\n                variant,\n                className,\n                class: _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                ...rest\n              } = props\n\n              const id = this._id\n\n              const mainParams = {\n                id,\n                className: classnames(\n                  'dnb-accordion',\n                  expanded && 'dnb-accordion--expanded',\n                  variant && `dnb-accordion__variant--${variant}`,\n                  isTrue(prerender) && 'dnb-accordion--prerender',\n                  createSpacingClasses(props),\n                  className,\n                  _className\n                ),\n              }\n\n              if (this.state.open) {\n                mainParams.open = true\n              }\n\n              // to remove spacing props\n              validateDOMAttributes(this.props, rest)\n\n              const extendProps = extendPropsWithContextInClassComponent(\n                this.props,\n                Accordion.defaultProps,\n                this.state,\n                this.context\n              )\n\n              const context = {\n                ...extendProps,\n                id,\n                expanded,\n                prerender: isTrue(prerender),\n                prevent_rerender: isTrue(prevent_rerender),\n                prevent_rerender_conditional: isTrue(\n                  prevent_rerender_conditional\n                ),\n                single_container: isTrue(single_container),\n                remember_state: isTrue(remember_state),\n                disabled: isTrue(disabled),\n                skeleton: isTrue(skeleton),\n                no_animation: isTrue(no_animation),\n                callOnChange: this.callOnChangeHandler,\n              }\n\n              if (isTrue(disabled)) {\n                mainParams.onClick = this.handleDisabledClick\n              }\n\n              return (\n                <AccordionContext.Provider value={context}>\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}\n\nclass Group extends React.PureComponent {\n  static propTypes = {\n    id: PropTypes.string,\n    group: PropTypes.string,\n    remember_state: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n  }\n\n  static defaultProps = {\n    id: null,\n    group: null,\n    remember_state: null,\n  }\n\n  state = {}\n\n  constructor(props) {\n    super(props)\n\n    let group\n\n    if (props.id) {\n      group = props.id\n    } else if (!props.group) {\n      group = '#' + makeUniqueId()\n    }\n    this.state.group = group\n\n    this.store = new Store({ group })\n    this._IDs = []\n\n    if (isTrue(props.remember_state) && !props.id) {\n      rememberWarning('accordion group')\n    }\n  }\n\n  onInit = (instance) => {\n    if (instance.props.id && !this._IDs.includes(instance.props.id)) {\n      this._IDs.push(instance.props.id)\n    }\n  }\n\n  componentDidMount() {\n    const storedData = this.store.getData()\n    if (storedData?.id) {\n      if (!this._IDs.includes(storedData.id)) {\n        // 1. get the fallback id\n        const expanded_id = this._IDs[0]\n\n        if (expanded_id) {\n          // 2. set the fallback id\n          this.setState(\n            {\n              expanded_id,\n            },\n            () => {\n              // 3. save the fallback id\n              this.store.saveState(true, expanded_id)\n\n              // 4. and reset the fallback id\n              this.setState({\n                expanded_id: null,\n              })\n            }\n          )\n        }\n      }\n    }\n  }\n\n  render() {\n    return (\n      <AccordionGroup\n        onInit={this.onInit}\n        {...this.props}\n        {...this.state}\n      />\n    )\n  }\n}\n\nAccordion.Group = Group\nAccordion.Group.Store = (group, id = null) => {\n  return new Store({ group, id })\n}\nAccordion.Store = (id) => {\n  return new Store({ id })\n}\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","names":["React","useContext","useState","useEffect","useRef","classnames","makeUniqueId","findElementInChildren","extendPropsWithContext","validateDOMAttributes","dispatchCustomElementEvent","createSpacingClasses","AccordionGroup","AccordionHeader","AccordionContent","AccordionContext","AccordionProviderContext","Context","AccordionStore","Store","rememberWarning","accordionDefaultProps","Accordion","_ref","variant","icon_size","restOfProps","_objectWithoutProperties","_excluded","props","_objectSpread","context","group","id","current","store","previousExpanded","setPreviousExpanded","expanded","setExpanded","getInitialExpandedState","undefined","thisInstance","_id","handleDisabledClick","callOnChange","callOnChangeHandler","close","setExpandedState","state","window","addInstance","onInit","_window","_window$__dnbAccordio","removeInstance","flush_remembered_state","flush","expanded_id","expanded_ssr","remember_state","storedExpanded","getState","changeOpened","saveState","e","preventDefault","params","onChange","_window2","_window2$__dnbAccordi","event","createElement","Consumer","globalContext","nestedContext","expandedState","extendedProps","skeleton","translation","className","class","_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","_excluded2","mainParams","onClick","extendedPropsForContext","accordionContext","Provider","value","cur","type","_AccordionHeader","defaultProps","Group","expandedId","setExpandedId","instanceIDs","storedData","getData","currentIDs","includes","fallbackId","instance","push","_extends","Header","Content"],"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?: React.ReactNode | ((...args: any[]) => any)\n      /**\n       * If set to `true` the accordion will be expanded as its initial state.\n       */\n      expanded?: React.ReactNode | ((...args: any[]) => any)\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    class?: string\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 inital 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              class: _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                _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 \"({expaned: 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\nexport default Accordion\n"],"mappings":"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"}