@dnb/eufemia 9.32.1 → 9.34.0

package/elements/H5.js

@@ -19,7 +19,7 @@ import H from './H';
 
 var H5 = function H5(props) {
   return React.createElement(H, _extends({
-    is: "h5"
+    as: "h5"
   }, props));
 };
 

package/elements/H6.js

@@ -19,7 +19,7 @@ import H from './H';
 
 var H6 = function H6(props) {
   return React.createElement(H, _extends({
-    is: "h6"
+    as: "h6"
   }, props));
 };
 

package/elements/Hr.js

@@ -41,7 +41,7 @@ var Hr = function Hr() {
   }
 
   return React.createElement(E, _extends({
-    is: "hr"
+    as: "hr"
   }, props));
 };
 

package/elements/Img.js

@@ -37,13 +37,13 @@ var Img = function Img(_ref) {
       setError = _React$useState2[1];
 
   return React.createElement(E, {
-    is: element,
+    as: element,
     internalClass: "dnb-img",
     className: classnames(className, _class, createSpacingClasses(p, p.is)),
     skeleton: skeleton,
     skeleton_method: "shape"
   }, React.createElement(E, _extends({
-    is: "img",
+    as: "img",
     alt: alt,
     internalClass: 'dnb-img__img' + (hasError ? " dnb-img__img--error" : ""),
     className: img_class,

package/elements/Li.js

@@ -24,7 +24,7 @@ var Li = function Li() {
   }
 
   return React.createElement(E, _extends({
-    is: "li"
+    as: "li"
   }, p, {
     className: className
   }));

package/elements/Link.d.ts

@@ -1,6 +1,6 @@
 export default Link;
 declare const Link: import("react").ForwardRefExoticComponent<{
-    element?: import("react").ReactNode;
+    element?: import("./Element").ElementIsType;
     href?: string;
     to?: string;
     targetBlankTitle?: string;

package/elements/Ol.js

@@ -26,7 +26,7 @@ var Ol = function Ol() {
   }
 
   return React.createElement(E, _extends({
-    is: "ol"
+    as: "ol"
   }, p, {
     skeleton: false
   }));

package/elements/P.js

@@ -69,7 +69,7 @@ var P = function P(_ref) {
   }
 
   return React.createElement(E, _extends({
-    is: element
+    as: element
   }, props, {
     className: classnames('dnb-p', modifier, className)
   }));

package/elements/Span.js

@@ -18,7 +18,7 @@ import { spacingPropTypes } from '../components/space/SpacingHelper';
 import E from './Element';
 var Span = React.forwardRef(function (props, ref) {
   return React.createElement(E, _extends({
-    is: "span",
+    as: "span",
     inner_ref: ref
   }, props));
 });

package/elements/Ul.js

@@ -26,7 +26,7 @@ var Ul = function Ul() {
   }
 
   return React.createElement(E, _extends({
-    is: "ul"
+    as: "ul"
   }, p, {
     skeleton: false
   }));

package/elements/lib.d.ts

@@ -1,6 +1,6 @@
 export function getElements(): {
     Anchor: import("react").ForwardRefExoticComponent<{
-        element?: import("react").ReactNode;
+        element?: import("./Element").ElementIsType;
         href?: string;
         to?: string;
         targetBlankTitle?: string;
@@ -27,7 +27,9 @@ export function getElements(): {
     Div: import("react").FC<import("./Div").DivProps>;
     Dl: {
         ({ direction, ...props }: import("./Dl").DlAllProps): JSX.Element;
-        Item({ className, children, }: import("react").AllHTMLAttributes<HTMLSpanElement>): JSX.Element;
+        Item({ className, children, ...props }: import("react").AllHTMLAttributes<HTMLSpanElement> & import("../shared/types").SpacingElementProps & {
+            space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
+        }): JSX.Element;
     };
     Dt: import("react").ForwardRefExoticComponent<import("./Dt").DtProps & import("../shared/types").SpacingElementProps & {
         space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
@@ -51,7 +53,7 @@ export function getElements(): {
     };
     Li: ({ className, ...p }?: import("./Li").LiAllProps) => JSX.Element;
     Link: import("react").ForwardRefExoticComponent<{
-        element?: import("react").ReactNode;
+        element?: import("./Element").ElementIsType;
         href?: string;
         to?: string;
         targetBlankTitle?: string;

package/es/components/Upload.d.ts

@@ -0,0 +1,3 @@
+export * from "./upload/Upload";
+export default Upload;
+import Upload from "./upload/Upload";

package/es/components/Upload.js

@@ -0,0 +1,3 @@
+import Upload from './upload/Upload';
+export * from './upload/Upload';
+export default Upload;

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

@@ -105,6 +105,11 @@ export interface AccordionProps extends React.HTMLProps<HTMLElement> {
    */
   remember_state?: AccordionRememberState;
 
+  /**
+   * Send along a custom React Ref for `.dnb-accordion__content`.
+   */
+  contentRef?: Object;
+
   /**
    * If set to `true`, the saved (remembered) will be removed and the initial component state will be used and set.
    */

package/es/components/accordion/Accordion.js

@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
 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", "custom_method", "custom_element"];
+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", "custom_method", "custom_element", "contentRef"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -112,7 +112,6 @@ export default class Accordion extends React.PureComponent {
       _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),
-      no_animation: isTrue(props.no_animation || (context === null || context === void 0 ? void 0 : context.no_animation)),
       _listenForPropChanges: false
     };
 
@@ -219,9 +218,6 @@ export default class Accordion extends React.PureComponent {
 
   render() {
     return React.createElement(Context.Consumer, null, globalContext => React.createElement(AccordionContext.Consumer, null, nestedContext => {
-      const {
-        no_animation
-      } = this.state;
       let {
         expanded
       } = this.state;
@@ -246,7 +242,7 @@ export default class Accordion extends React.PureComponent {
         remember_state,
         disabled,
         skeleton,
-        no_animation: _no_animation,
+        no_animation,
         expanded_ssr: _expanded_ssr,
         children,
         id: _id,
@@ -261,14 +257,15 @@ export default class Accordion extends React.PureComponent {
         on_change,
         on_state_update,
         custom_method,
-        custom_element
+        custom_element,
+        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', no_animation && 'dnb-accordion--no-animation', variant && `dnb-accordion__variant--${variant}`, isTrue(prerender) && 'dnb-accordion--prerender')
+        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) {
@@ -288,6 +285,7 @@ export default class Accordion extends React.PureComponent {
         remember_state: isTrue(remember_state),
         disabled: isTrue(disabled),
         skeleton: isTrue(skeleton),
+        no_animation: isTrue(no_animation),
         callOnChange: this.callOnChangeHandler
       });
 

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

@@ -31,10 +31,5 @@ export interface AccordionContentProps
   className?: string;
   children?: AccordionContentChildren;
 }
-export default class AccordionContent extends React.Component<
-  AccordionContentProps,
-  any
-> {
-  static defaultProps: object;
-  render(): JSX.Element;
-}
+declare const AccordionContent: React.FC<AccordionContentProps>;
+export default AccordionContent;

package/es/components/accordion/AccordionContent.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-const _excluded = ["className", "instance"];
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "children", "instance"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -9,96 +9,73 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { isTrue, validateDOMAttributes, processChildren, getPreviousSibling } from '../../shared/component-helper';
-import AnimateHeight from '../../shared/AnimateHeight';
 import classnames from 'classnames';
+import { warn, isTrue, validateDOMAttributes, processChildren, getPreviousSibling } from '../../shared/component-helper';
+import { useMediaQuery } from '../../shared';
 import AccordionContext from './AccordionContext';
 import { spacingPropTypes, createSpacingClasses } from '../space/SpacingHelper';
-export default class AccordionContent extends React.PureComponent {
-  static getContent(props) {
-    return processChildren(props);
-  }
-
-  constructor(props, context) {
-    super(props);
-    this._ref = React.createRef();
-    this.state = {
-      isInitial: !context.expanded,
-      isAnimating: false,
-      keepContentInDom: null
-    };
-    this.anim = new AnimateHeight();
-    this.anim.onStart(() => {
-      this.setState({
-        isAnimating: true
-      });
-    });
-    this.anim.onEnd(() => {
-      this.setState({
-        isAnimating: false
-      });
-      this.setState({
-        keepContentInDom: this.context.expanded
-      });
-    });
-
-    if (props.instance && Object.prototype.hasOwnProperty.call(props.instance, 'current')) {
-      props.instance.current = this;
-    }
+import HeightAnimation from '../height-animation/HeightAnimation';
+export default function AccordionContent(props) {
+  const context = React.useContext(AccordionContext);
+  const {
+    id,
+    expanded,
+    prerender,
+    prevent_rerender,
+    single_container,
+    disabled,
+    no_animation,
+    contentRef
+  } = context;
+
+  const {
+    className,
+    children,
+    instance
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  let elementRef = React.useRef(null);
+  const cacheRef = React.useRef(null);
+
+  if (contentRef) {
+    elementRef = contentRef;
   }
 
-  componentDidMount() {
-    this.anim.setElement(this._ref.current, getPreviousSibling('dnb-accordion-group--single-container', this._ref.current));
-  }
-
-  componentWillUnmount() {
-    this.anim.remove();
-  }
-
-  componentDidUpdate(prevProps) {
+  const setContainerHeight = () => {
     const {
-      expanded,
       single_container
-    } = this.context;
-
-    if (expanded !== this.state._expanded) {
-      const isInitial = !expanded && this.state.isInitial;
-      this.setState({
-        _expanded: expanded,
-        isInitial: false,
-        keepContentInDom: true
-      }, () => {
-        if (expanded) {
-          this.anim.open({
-            animate: !isInitial
-          });
-        } else {
-          this.anim.close({
-            animate: !isInitial
-          });
-        }
-      });
-    }
+    } = context;
 
-    if (isTrue(single_container) && AccordionContent.getContent(prevProps) !== AccordionContent.getContent(this.props)) {
-      this.anim.setContainerHeight();
-    }
-  }
+    if (single_container) {
+      const contentElem = elementRef.current;
 
-  setContainerHeight() {
-    var _this$anim;
+      if (contentElem) {
+        try {
+          contentElem.style.height = '';
+          const containerElement = getPreviousSibling('dnb-accordion-group--single-container', contentElem);
 
-    (_this$anim = this.anim) === null || _this$anim === void 0 ? void 0 : _this$anim.setContainerHeight();
-  }
+          if (no_animation) {
+            containerElement.style.transitionDuration = '1ms';
+          }
 
-  renderContent() {
-    const children = AccordionContent.getContent(this.props);
+          const minHeight = (contentElem.offsetHeight + contentElem.offsetTop) / 16;
+          containerElement.style.minHeight = `${minHeight}rem`;
+        } catch (e) {
+          warn(e);
+        }
+      }
+    }
+  };
+
+  const renderContent = () => {
+    const children = processChildren(props);
     const {
       expanded,
       prerender,
       prevent_rerender,
       prevent_rerender_conditional
-    } = this.context;
+    } = context;
     let content = children;
 
     if (typeof content === 'string') {
@@ -107,82 +84,82 @@ export default class AccordionContent extends React.PureComponent {
       }, content);
     }
 
-    content = expanded || prerender || this.state.keepContentInDom || this.state.isAnimating ? children : null;
-
     if (isTrue(prevent_rerender)) {
-      if (isTrue(prevent_rerender_conditional) && this._cache !== content) {
-        this._cache = content;
+      if (!(expanded || prerender)) {
+        content = null;
       }
 
-      if (this._cache) {
-        content = this._cache;
+      if (isTrue(prevent_rerender_conditional) && cacheRef.current !== content) {
+        cacheRef.current = content;
+      }
+
+      if (cacheRef.current) {
+        content = cacheRef.current;
       } else {
-        this._cache = content;
+        cacheRef.current = content;
       }
     }
 
     return content;
-  }
+  };
 
-  render() {
-    const _this$props = this.props,
-          {
-      className,
-      instance
-    } = _this$props,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
-    const {
-      keepContentInDom,
-      isAnimating
-    } = this.state;
-    const {
-      id,
-      expanded,
-      disabled
-    } = this.context;
-    const content = this.renderContent();
-
-    const wrapperParams = _objectSpread({
-      className: classnames('dnb-accordion__content', className, !expanded && !keepContentInDom && 'dnb-accordion__content--hidden', isAnimating && 'dnb-accordion__content--is-animating')
-    }, rest);
-
-    const innerParams = {
-      id: `${id}-content`,
-      role: 'region',
-      'aria-labelledby': `${id}-header`,
-      className: classnames('dnb-accordion__content__inner', createSpacingClasses(rest), !expanded && !keepContentInDom && 'dnb-accordion__content__inner--remove-content')
-    };
-
-    if (expanded) {
-      innerParams['aria-expanded'] = true;
+  React.useEffect(() => {
+    if (expanded && isTrue(single_container)) {
+      setContainerHeight();
     }
-
-    if (!expanded || disabled) {
-      innerParams.disabled = true;
-      innerParams['aria-hidden'] = true;
+  }, [children, expanded, single_container]);
+  React.useState(() => {
+    if (instance && Object.prototype.hasOwnProperty.call(instance, 'current')) {
+      instance.current = {
+        setContainerHeight
+      };
     }
+  });
+  const isSmallScreen = useMediaQuery({
+    when: {
+      max: 'small'
+    }
+  });
+  const content = renderContent();
+
+  const wrapperParams = _objectSpread({
+    className: classnames('dnb-accordion__content', className)
+  }, rest);
+
+  const keepInDOM = prerender || prevent_rerender;
+  const innerParams = {
+    id: `${id}-content`,
+    'aria-labelledby': `${id}-header`,
+    className: classnames('dnb-accordion__content__inner', createSpacingClasses(rest))
+  };
+
+  if (expanded) {
+    innerParams['aria-expanded'] = true;
+  }
 
-    validateDOMAttributes(this.props, wrapperParams);
-    validateDOMAttributes(null, innerParams);
-    return React.createElement("div", _extends({}, wrapperParams, {
-      ref: this._ref
-    }), React.createElement("div", innerParams, content));
+  if (!expanded || disabled) {
+    innerParams.disabled = true;
+    innerParams['aria-hidden'] = true;
   }
 
+  validateDOMAttributes(props, wrapperParams);
+  validateDOMAttributes(null, innerParams);
+  const animate = !no_animation && (single_container ? isSmallScreen : true);
+  return React.createElement(HeightAnimation, _extends({}, wrapperParams, {
+    open: expanded,
+    animate: animate,
+    keepInDOM: keepInDOM,
+    innerRef: elementRef
+  }), React.createElement("section", innerParams, content));
 }
-
-_defineProperty(AccordionContent, "contextType", AccordionContext);
-
-_defineProperty(AccordionContent, "defaultProps", {
-  instance: null,
-  className: null,
-  children: null
-});
-
 process.env.NODE_ENV !== "production" ? AccordionContent.propTypes = _objectSpread(_objectSpread({
   instance: PropTypes.object
 }, spacingPropTypes), {}, {
   className: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
-}) : void 0;
+}) : void 0;
+AccordionContent.defaultProps = {
+  instance: null,
+  className: null,
+  children: null
+};

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

@@ -129,6 +129,7 @@ export type AccordionHeaderIcon =
 export type AccordionHeaderIconPosition = 'left' | 'right';
 export type AccordionHeaderDisabled = string | boolean;
 export type AccordionHeaderSkeleton = string | boolean;
+export type AccordionHeaderNoAnimation = string | boolean;
 export type AccordionHeaderSpace =
   | string
   | number
@@ -164,6 +165,7 @@ export interface AccordionHeaderProps
   icon_size?: string;
   disabled?: AccordionHeaderDisabled;
   skeleton?: AccordionHeaderSkeleton;
+  no_animation?: AccordionHeaderNoAnimation;
   space?: AccordionHeaderSpace;
   top?: AccordionHeaderTop;
   right?: AccordionHeaderRight;

package/es/components/accordion/AccordionHeader.js

@@ -176,7 +176,8 @@ export default class AccordionHeader extends React.PureComponent {
       icon,
       icon_size,
       disabled,
-      skeleton
+      skeleton,
+      no_animation
     } = props;
 
     const _this$props = this.props,
@@ -271,7 +272,7 @@ export default class AccordionHeader extends React.PureComponent {
       'aria-expanded': this.context.expanded,
       role: 'button',
       tabIndex: '0',
-      className: classnames('dnb-accordion__header', createSkeletonClass('font', skeleton, this.context), createSpacingClasses(rest), className, icon_position && `dnb-accordion__header__icon--${icon_position}`, hover && hadClick && 'dnb-accordion--hover', !this.canClick() && 'dnb-accordion__header--prevent-click', description && 'dnb-accordion__header--description'),
+      className: classnames('dnb-accordion__header', createSkeletonClass('font', skeleton, this.context), createSpacingClasses(rest), className, icon_position && `dnb-accordion__header__icon--${icon_position}`, hover && hadClick && 'dnb-accordion--hover', !this.canClick() && 'dnb-accordion__header--prevent-click', description && 'dnb-accordion__header--description', no_animation && 'dnb-accordion__header--no-animation'),
       disabled
     }, rest);
 
@@ -321,6 +322,7 @@ _defineProperty(AccordionHeader, "defaultProps", {
   icon_size: 'medium',
   disabled: null,
   skeleton: null,
+  no_animation: null,
   className: null,
   children: null
 });
@@ -347,7 +349,8 @@ process.env.NODE_ENV !== "production" ? AccordionHeader.propTypes = _objectSprea
   icon_position: PropTypes.oneOf(['left', 'right']),
   icon_size: PropTypes.string,
   disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
+  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
 }, spacingPropTypes), {}, {
   className: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func])

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

@@ -21,6 +21,7 @@ export const accordionPropTypes: {
     prevent_rerender: PropTypes.Requireable<string | boolean>;
     prevent_rerender_conditional: PropTypes.Requireable<string | boolean>;
     remember_state: PropTypes.Requireable<string | boolean>;
+    contentRef: PropTypes.Requireable<object>;
     flush_remembered_state: PropTypes.Requireable<string | boolean>;
     single_container: PropTypes.Requireable<string | boolean>;
     variant: PropTypes.Requireable<string>;
@@ -50,6 +51,7 @@ export namespace accordionDefaultProps {
     export const prevent_rerender: any;
     export const prevent_rerender_conditional: any;
     export const remember_state: any;
+    export const contentRef: any;
     export const flush_remembered_state: any;
     export const single_container: any;
     export const variant: string;

package/es/components/accordion/AccordionPropTypes.js

@@ -15,6 +15,7 @@ export const accordionPropTypes = _objectSpread(_objectSpread({
   prevent_rerender: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   prevent_rerender_conditional: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   remember_state: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  contentRef: PropTypes.object,
   flush_remembered_state: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   single_container: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   variant: PropTypes.oneOf(['plain', 'default', 'outlined', 'filled']),
@@ -52,6 +53,7 @@ export const accordionDefaultProps = {
   prevent_rerender: null,
   prevent_rerender_conditional: null,
   remember_state: null,
+  contentRef: null,
   flush_remembered_state: null,
   single_container: null,
   variant: 'outlined',

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

@@ -57,6 +57,7 @@ export interface AccordionGroupProps extends React.HTMLProps<HTMLElement> {
   prevent_rerender?: AccordionGroupPreventRerender;
   prevent_rerender_conditional?: AccordionGroupPreventRerenderConditional;
   remember_state?: AccordionGroupRememberState;
+  contentRef?: Object;
   flush_remembered_state?: AccordionGroupFlushRememberedState;
   single_container?: AccordionGroupSingleContainer;
   variant?: AccordionGroupVariant;

package/es/components/accordion/AccordionProvider.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-const _excluded = ["expanded", "expanded_id", "prerender", "prevent_rerender", "single_container", "allow_close_all", "remember_state", "flush_remembered_state", "disabled", "group", "onInit", "className", "class", "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", "class", "id", "children"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -47,6 +47,7 @@ export default class AccordionGroup extends React.PureComponent {
       prerender,
       prevent_rerender,
       single_container,
+      contentRef,
       allow_close_all,
       remember_state,
       flush_remembered_state,