@dnb/eufemia 10.5.0 → 10.6.0

package/es/components/accordion/AccordionHeader.js

@@ -1,311 +1,234 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children"],
   _excluded2 = ["children"],
   _excluded3 = ["children"],
-  _excluded4 = ["icon", "expanded"],
+  _excluded4 = ["icon_size"],
   _excluded5 = ["children", "className", "left_component", "expanded", "title", "description", "icon", "icon_size", "disabled"];
 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 { isTrue, validateDOMAttributes, extendPropsWithContextInClassComponent } from '../../shared/component-helper';
-import IconPrimary from '../../components/icon-primary/IconPrimary';
+import React, { useContext, useState } from 'react';
+import { validateDOMAttributes, extendPropsWithContext } from '../../shared/component-helper';
+import IconPrimary from '../icon-primary/IconPrimary';
 import classnames from 'classnames';
-import keycode from 'keycode';
 import AccordionContext from './AccordionContext';
-import { spacingPropTypes, createSpacingClasses } from '../space/SpacingHelper';
+import { createSpacingClasses } from '../space/SpacingHelper';
 import { skeletonDOMAttributes, createSkeletonClass } from '../skeleton/SkeletonHelper';
 function AccordionHeaderTitle(_ref) {
   let {
-      children
+      children = null
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return React.createElement("span", {
     className: classnames('dnb-accordion__header__title', createSpacingClasses(rest))
   }, children);
 }
-process.env.NODE_ENV !== "production" ? AccordionHeaderTitle.propTypes = _objectSpread(_objectSpread({}, spacingPropTypes), {}, {
-  children: PropTypes.node
-}) : void 0;
-AccordionHeaderTitle.defaultProps = {
-  children: null
-};
 function AccordionHeaderDescription(_ref2) {
   let {
-      children
+      children = null
     } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2);
   return children ? React.createElement("span", {
     className: classnames('dnb-accordion__header__description', createSpacingClasses(rest))
   }, children) : null;
 }
-process.env.NODE_ENV !== "production" ? AccordionHeaderDescription.propTypes = _objectSpread(_objectSpread({}, spacingPropTypes), {}, {
-  children: PropTypes.node
-}) : void 0;
-AccordionHeaderDescription.defaultProps = {
-  children: null
-};
 function AccordionHeaderContainer(_ref3) {
   let {
-      children
+      children = null
     } = _ref3,
     rest = _objectWithoutProperties(_ref3, _excluded3);
   return children ? React.createElement("span", {
     className: classnames('dnb-accordion__header__container', createSpacingClasses(rest))
   }, children) : null;
 }
-process.env.NODE_ENV !== "production" ? AccordionHeaderContainer.propTypes = _objectSpread(_objectSpread({}, spacingPropTypes), {}, {
-  children: PropTypes.node
-}) : void 0;
-AccordionHeaderContainer.defaultProps = {
-  children: null
-};
-function AccordionHeaderIcon(_ref4) {
-  let {
-      icon,
-      expanded
-    } = _ref4,
-    rest = _objectWithoutProperties(_ref4, _excluded4);
+function AccordionHeaderIcon({
+  icon,
+  expanded,
+  size = 'medium'
+}) {
   return React.createElement("span", {
     className: "dnb-accordion__header__icon"
-  }, React.createElement(IconPrimary, _extends({}, rest, {
-    icon: typeof (icon === null || icon === void 0 ? void 0 : icon.expanded) !== 'undefined' ? icon[expanded ? 'expanded' : 'closed'] : icon || 'chevron-down',
+  }, React.createElement(IconPrimary, {
+    size: size,
+    icon: icon && typeof icon === 'object' && 'expanded' in icon && typeof (icon === null || icon === void 0 ? void 0 : icon.expanded) !== 'undefined' ? icon[expanded ? 'expanded' : 'closed'] : icon || 'chevron-down',
     "aria-hidden": true
-  })));
+  }));
 }
-process.env.NODE_ENV !== "production" ? AccordionHeaderIcon.propTypes = {
-  icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func, PropTypes.shape({
-    closed: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-    expanded: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
-  })]),
-  size: PropTypes.string,
-  expanded: PropTypes.bool
-} : void 0;
-AccordionHeaderIcon.defaultProps = {
-  icon: null,
-  size: 'medium',
-  expanded: null
+const accordionHeaderDefaultProps = {
+  icon_size: 'medium'
 };
-export default class AccordionHeader extends React.PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "onKeyDownHandler", event => {
-      switch (keycode(event)) {
-        case 'enter':
-        case 'space':
-          event.preventDefault();
-          this.onClickHandler(event);
-          break;
-      }
-    });
-    _defineProperty(this, "onClickHandler", event => {
-      const {
+export const AccordionHeader = _ref4 => {
+  let {
+      icon_size: icon_size_default = 'medium'
+    } = _ref4,
+    restOfProps = _objectWithoutProperties(_ref4, _excluded4);
+  const props = _objectSpread({
+    icon_size: icon_size_default
+  }, restOfProps);
+  const [isHoverring, setIsHovering] = useState(false);
+  const [hasClicked, setHasClicked] = useState(false);
+  const context = useContext(AccordionContext);
+  function onKeyDownHandler(event) {
+    const keyPressed = event.key;
+    if (keyPressed === 'Enter' || keyPressed === ' ') {
+      event.preventDefault();
+      onClickHandler(event);
+    }
+  }
+  function onClickHandler(event) {
+    const {
+      id,
+      group
+    } = context;
+    if (canClick()) {
+      const expanded = !context.expanded;
+      context.callOnChange({
         id,
-        group
-      } = this.context;
-      if (this.canClick()) {
-        const expanded = !this.context.expanded;
-        this.context.callOnChange({
-          id,
-          group,
-          expanded,
-          event
-        });
-        this.setState({
-          hadClick: true
-        });
-      }
-    });
-    _defineProperty(this, "onMouseOverHandler", () => {
-      this.setState({
-        hover: true
-      });
-    });
-    _defineProperty(this, "onMouseOutHandler", () => {
-      this.setState({
-        hover: false,
-        hadClick: false
+        group,
+        expanded,
+        event
       });
-    });
-    this.state = {};
+      setHasClicked(true);
+    }
   }
-  canClick() {
+  function onMouseOverHandler() {
+    setIsHovering(true);
+  }
+  function onMouseOutHandler() {
+    setIsHovering(false);
+    setHasClicked(false);
+  }
+  function canClick() {
     const {
       expanded,
       allow_close_all,
       group
-    } = this.context;
-    return !group || group && !expanded || isTrue(allow_close_all);
+    } = context;
+    return !group || group && !expanded || allow_close_all;
   }
-  render() {
-    const props = extendPropsWithContextInClassComponent(this.props, AccordionHeader.defaultProps, this.context);
-    const {
-      id,
-      left_component,
-      expanded,
-      title,
-      description,
-      element,
-      heading,
-      heading_level,
-      icon,
-      icon_size,
-      disabled,
-      skeleton,
-      no_animation
-    } = props;
-    const _this$props = this.props,
-      {
-        children,
-        className,
-        left_component: _left_component,
-        expanded: _expanded,
-        title: _title,
-        description: _description,
-        icon: _icon,
-        icon_size: _icon_size,
-        disabled: _disabled
-      } = _this$props,
-      rest = _objectWithoutProperties(_this$props, _excluded5);
-    const {
-      hover,
-      hadClick
-    } = this.state;
-    let {
-      icon_position
-    } = props;
-    const defaultParts = [React.createElement(AccordionHeaderIcon, {
-      key: "icon",
-      icon: icon,
-      size: icon_size,
-      expanded: this.context.expanded
-    }), React.createElement(AccordionHeaderContainer, {
-      key: "container"
-    }, left_component), React.createElement(AccordionHeaderTitle, {
-      key: "title"
-    }, title || (Array.isArray(children) ? children.filter(cur => !React.isValidElement(cur)) : children)), React.createElement(AccordionHeaderDescription, {
-      key: "description"
-    }, description)];
-    if (Array.isArray(children)) {
-      const removeParts = [];
-      children.forEach(cur => {
-        if (React.isValidElement(cur)) {
-          const part = defaultParts.find(c => c.type === cur.type);
-          if (part) {
-            removeParts.push(part);
-          }
-          defaultParts.push(cur);
-        }
-      });
-      removeParts.forEach(part => {
-        const index = defaultParts.findIndex(c => c === part);
-        if (index > -1) {
-          defaultParts.splice(index, 1);
-        }
-      });
-    }
-    const partsToRender = [];
-    const wrapperParts = [];
-    const wrapperComp = React.createElement("span", {
-      className: "dnb-accordion__header__wrapper",
-      key: "wrapper"
-    }, wrapperParts);
-    defaultParts.forEach(part => {
-      if (React.isValidElement(part) && (part.type === AccordionHeaderTitle || part.type === AccordionHeaderDescription)) {
-        wrapperParts.push(part);
-        if (partsToRender.findIndex(c => c === wrapperComp) === -1) {
-          partsToRender.push(wrapperComp);
+  const extendedProps = extendPropsWithContext(props, accordionHeaderDefaultProps, context);
+  const {
+    id,
+    left_component,
+    expanded,
+    title,
+    description,
+    element,
+    heading,
+    heading_level,
+    icon,
+    icon_size,
+    disabled,
+    skeleton,
+    no_animation
+  } = extendedProps;
+  let {
+    icon_position
+  } = extendedProps;
+  const {
+      children,
+      className,
+      left_component: _left_component,
+      expanded: _expanded,
+      title: _title,
+      description: _description,
+      icon: _icon,
+      icon_size: _icon_size,
+      disabled: _disabled
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded5);
+  const defaultParts = [React.createElement(AccordionHeaderIcon, {
+    key: "icon",
+    icon: icon,
+    size: icon_size,
+    expanded: context.expanded
+  }), React.createElement(AccordionHeaderContainer, {
+    key: "container"
+  }, left_component), React.createElement(AccordionHeaderTitle, {
+    key: "title"
+  }, title || (Array.isArray(children) ? children.filter(cur => !React.isValidElement(cur)) : children)), React.createElement(AccordionHeaderDescription, {
+    key: "description"
+  }, description)];
+  if (Array.isArray(children)) {
+    const removeParts = [];
+    children.forEach(cur => {
+      if (React.isValidElement(cur)) {
+        const part = defaultParts.find(c => c.type === cur.type);
+        if (part) {
+          removeParts.push(part);
         }
-      } else {
-        partsToRender.push(part);
+        defaultParts.push(cur);
       }
     });
-    if (icon_position === null) {
-      const iconIndex = partsToRender.findIndex(c => c.type === AccordionHeaderIcon);
-      if (iconIndex > 1) {
-        icon_position = 'right';
+    removeParts.forEach(part => {
+      const index = defaultParts.findIndex(c => c === part);
+      if (index > -1) {
+        defaultParts.splice(index, 1);
       }
-      if (left_component) {
-        icon_position = 'right';
+    });
+  }
+  const partsToRender = [];
+  const wrapperParts = [];
+  const wrapperComp = React.createElement("span", {
+    className: "dnb-accordion__header__wrapper",
+    key: "wrapper"
+  }, wrapperParts);
+  defaultParts.forEach(part => {
+    if (React.isValidElement(part) && (part.type === AccordionHeaderTitle || part.type === AccordionHeaderDescription)) {
+      wrapperParts.push(part);
+      if (partsToRender.findIndex(c => c === wrapperComp) === -1) {
+        partsToRender.push(wrapperComp);
       }
-    }
-    const headerParams = _objectSpread({
-      id: `${id}-header`,
-      'aria-controls': `${id}-content`,
-      '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', no_animation && 'dnb-accordion__header--no-animation'),
-      disabled
-    }, rest);
-    if (disabled || isTrue(skeleton)) {
-      headerParams.tabIndex = '-1';
-      headerParams.disabled = true;
-      headerParams['aria-disabled'] = true;
     } else {
-      headerParams.onClick = this.onClickHandler;
-      headerParams.onKeyDown = this.onKeyDownHandler;
-      headerParams.onMouseOver = this.onMouseOverHandler;
-      headerParams.onMouseOut = this.onMouseOutHandler;
+      partsToRender.push(part);
     }
-    skeletonDOMAttributes(headerParams, skeleton, this.context);
-    validateDOMAttributes(this.props, headerParams);
-    let Element = 'div';
-    if (isTrue(heading)) {
-      headerParams.role = 'heading';
-      headerParams['aria-level'] = heading_level ? String(heading_level) : '2';
-    } else if (heading) {
-      headerParams.role = null;
-      Element = heading;
-    } else if (element) {
-      headerParams.role = null;
-      Element = element;
+  });
+  if (icon_position === undefined) {
+    const iconIndex = partsToRender.findIndex(c => c.type === AccordionHeaderIcon);
+    if (iconIndex > 1) {
+      icon_position = 'right';
+    }
+    if (left_component) {
+      icon_position = 'right';
     }
-    return React.createElement(Element, headerParams, partsToRender);
   }
-}
-_defineProperty(AccordionHeader, "contextType", AccordionContext);
-_defineProperty(AccordionHeader, "defaultProps", {
-  id: null,
-  title: null,
-  description: null,
-  left_component: null,
-  element: null,
-  heading: null,
-  heading_level: null,
-  icon: null,
-  icon_position: null,
-  icon_size: 'medium',
-  disabled: null,
-  skeleton: null,
-  no_animation: null,
-  className: null,
-  children: null
-});
-_defineProperty(AccordionHeader, "Container", AccordionHeaderContainer);
-_defineProperty(AccordionHeader, "Icon", AccordionHeaderIcon);
-_defineProperty(AccordionHeader, "Title", AccordionHeaderTitle);
-_defineProperty(AccordionHeader, "Description", AccordionHeaderDescription);
-process.env.NODE_ENV !== "production" ? AccordionHeader.propTypes = _objectSpread(_objectSpread({
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]),
-  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]),
-  left_component: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]),
-  element: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]),
-  heading: PropTypes.oneOfType([PropTypes.bool, PropTypes.string, PropTypes.node, PropTypes.func]),
-  heading_level: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func, PropTypes.shape({
-    closed: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-    expanded: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
-  })]),
-  icon_position: PropTypes.oneOf(['left', 'right']),
-  icon_size: PropTypes.string,
-  disabled: 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])
-}) : void 0;
+  const headerParams = _objectSpread({
+    id: `${id}-header`,
+    'aria-controls': `${id}-content`,
+    'aria-expanded': context.expanded,
+    role: 'button',
+    tabIndex: 0,
+    className: classnames('dnb-accordion__header', createSkeletonClass('font', skeleton, context), createSpacingClasses(rest), className, icon_position && `dnb-accordion__header__icon--${icon_position}`, isHoverring && hasClicked && 'dnb-accordion--hover', !canClick() && 'dnb-accordion__header--prevent-click', description && 'dnb-accordion__header--description', no_animation && 'dnb-accordion__header--no-animation'),
+    disabled
+  }, rest);
+  if (disabled || skeleton) {
+    headerParams.tabIndex = -1;
+    headerParams.disabled = true;
+    headerParams['aria-disabled'] = true;
+  } else {
+    headerParams.onClick = onClickHandler;
+    headerParams.onKeyDown = onKeyDownHandler;
+    headerParams.onMouseOver = onMouseOverHandler;
+    headerParams.onMouseOut = onMouseOutHandler;
+  }
+  skeletonDOMAttributes(headerParams, skeleton, context);
+  validateDOMAttributes(props, headerParams);
+  let Element = 'div';
+  if (heading && (String(heading) === 'true' || String(heading) === '1')) {
+    headerParams.role = 'heading';
+    headerParams['aria-level'] = heading_level ? Number(heading_level) : 2;
+  } else if (heading) {
+    headerParams.role = null;
+    Element = heading;
+  } else if (element) {
+    headerParams.role = null;
+    Element = element;
+  }
+  return React.createElement(Element, headerParams, partsToRender);
+};
+AccordionHeader.Container = AccordionHeaderContainer;
+AccordionHeader.Icon = AccordionHeaderIcon;
+AccordionHeader.Title = AccordionHeaderTitle;
+AccordionHeader.Description = AccordionHeaderDescription;
+export default AccordionHeader;
 //# sourceMappingURL=AccordionHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.js","names":["React","PropTypes","isTrue","validateDOMAttributes","extendPropsWithContextInClassComponent","IconPrimary","classnames","keycode","AccordionContext","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","AccordionHeaderTitle","_ref","children","rest","_objectWithoutProperties","_excluded","createElement","className","process","env","NODE_ENV","propTypes","_objectSpread","node","defaultProps","AccordionHeaderDescription","_ref2","_excluded2","AccordionHeaderContainer","_ref3","_excluded3","AccordionHeaderIcon","_ref4","icon","expanded","_excluded4","_extends","oneOfType","func","shape","closed","size","string","bool","AccordionHeader","PureComponent","constructor","props","_defineProperty","event","preventDefault","onClickHandler","id","group","context","canClick","callOnChange","setState","hadClick","hover","state","allow_close_all","render","left_component","title","description","element","heading","heading_level","icon_size","disabled","skeleton","no_animation","_this$props","_left_component","_expanded","_title","_description","_icon","_icon_size","_disabled","_excluded5","icon_position","defaultParts","key","Array","isArray","filter","cur","isValidElement","removeParts","forEach","part","find","c","type","push","index","findIndex","splice","partsToRender","wrapperParts","wrapperComp","iconIndex","headerParams","role","tabIndex","onClick","onKeyDown","onKeyDownHandler","onMouseOver","onMouseOverHandler","onMouseOut","onMouseOutHandler","Element","String","number","oneOf"],"sources":["../../../../src/components/accordion/AccordionHeader.js"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport IconPrimary from '../../components/icon-primary/IconPrimary'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport AccordionContext from './AccordionContext'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nfunction AccordionHeaderTitle({ children, ...rest }) {\n  return (\n    <span\n      className={classnames(\n        'dnb-accordion__header__title',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  )\n}\nAccordionHeaderTitle.propTypes = {\n  ...spacingPropTypes,\n  children: PropTypes.node,\n}\nAccordionHeaderTitle.defaultProps = {\n  children: null,\n}\n\nfunction AccordionHeaderDescription({ children, ...rest }) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__description',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\nAccordionHeaderDescription.propTypes = {\n  ...spacingPropTypes,\n  children: PropTypes.node,\n}\nAccordionHeaderDescription.defaultProps = {\n  children: null,\n}\n\nfunction AccordionHeaderContainer({ children, ...rest }) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__container',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\nAccordionHeaderContainer.propTypes = {\n  ...spacingPropTypes,\n  children: PropTypes.node,\n}\nAccordionHeaderContainer.defaultProps = {\n  children: null,\n}\n\nfunction AccordionHeaderIcon({ icon, expanded, ...rest }) {\n  return (\n    <span className=\"dnb-accordion__header__icon\">\n      <IconPrimary\n        {...rest}\n        icon={\n          typeof icon?.expanded !== 'undefined'\n            ? icon[expanded ? 'expanded' : 'closed']\n            : icon || 'chevron-down'\n        }\n        aria-hidden\n      />\n    </span>\n  )\n}\nAccordionHeaderIcon.propTypes = {\n  icon: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.shape({\n      closed: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n      expanded: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n    }),\n  ]),\n  size: PropTypes.string,\n  expanded: PropTypes.bool,\n}\nAccordionHeaderIcon.defaultProps = {\n  icon: null,\n  size: 'medium',\n  expanded: null,\n}\n\nexport default class AccordionHeader extends React.PureComponent {\n  static contextType = AccordionContext\n\n  static propTypes = {\n    title: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n    description: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n    left_component: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n    element: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n    heading: PropTypes.oneOfType([\n      PropTypes.bool,\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n    heading_level: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.number,\n    ]),\n    icon: PropTypes.oneOfType([\n      PropTypes.node,\n      PropTypes.func,\n      PropTypes.shape({\n        closed: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n        expanded: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n      }),\n    ]),\n    icon_position: PropTypes.oneOf(['left', 'right']),\n    icon_size: PropTypes.string,\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n  }\n\n  static defaultProps = {\n    id: null, // make sure we have id here, so it gets picked up by extendPropsWithContextInClassComponent\n    title: null,\n    description: null,\n    left_component: null,\n    element: null,\n    heading: null,\n    heading_level: null,\n    icon: null,\n    icon_position: null,\n    icon_size: 'medium',\n    disabled: null,\n    skeleton: null,\n    no_animation: null,\n\n    className: null,\n    children: null,\n  }\n\n  static Container = AccordionHeaderContainer\n  static Icon = AccordionHeaderIcon\n  static Title = AccordionHeaderTitle\n  static Description = AccordionHeaderDescription\n\n  constructor(props) {\n    super(props)\n    this.state = {}\n  }\n\n  onKeyDownHandler = (event) => {\n    switch (keycode(event)) {\n      case 'enter':\n      case 'space':\n        event.preventDefault()\n        this.onClickHandler(event)\n        break\n    }\n  }\n\n  onClickHandler = (event) => {\n    const { id, group } = this.context\n\n    if (this.canClick()) {\n      const expanded = !this.context.expanded\n      this.context.callOnChange({ id, group, expanded, event })\n\n      this.setState({\n        hadClick: true,\n      })\n    }\n  }\n\n  onMouseOverHandler = () => {\n    this.setState({\n      hover: true,\n    })\n  }\n\n  onMouseOutHandler = () => {\n    this.setState({\n      hover: false,\n      hadClick: false,\n    })\n  }\n\n  canClick() {\n    const { expanded, allow_close_all, group } = this.context\n    return !group || (group && !expanded) || isTrue(allow_close_all)\n  }\n\n  render() {\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      AccordionHeader.defaultProps,\n      this.context\n    )\n\n    const {\n      id,\n\n      // 1. these props should be the same as ...\n      left_component,\n      expanded, // eslint-disable-line\n      title,\n      description,\n      element,\n      heading,\n      heading_level,\n      icon,\n      icon_size,\n      disabled,\n      skeleton,\n      no_animation,\n    } = props\n\n    const {\n      children,\n      className,\n\n      // 2. ... these\n      left_component: _left_component, // eslint-disable-line\n      expanded: _expanded, // eslint-disable-line\n      title: _title, // eslint-disable-line\n      description: _description, // eslint-disable-line\n      icon: _icon, // eslint-disable-line\n      icon_size: _icon_size, // eslint-disable-line\n      disabled: _disabled, // eslint-disable-line\n\n      ...rest\n    } = this.props\n\n    const { hover, hadClick } = this.state\n    let { icon_position } = props\n\n    const defaultParts = [\n      <AccordionHeaderIcon\n        key=\"icon\"\n        icon={icon}\n        size={icon_size}\n        expanded={this.context.expanded}\n      />,\n      <AccordionHeaderContainer key=\"container\">\n        {left_component}\n      </AccordionHeaderContainer>,\n      <AccordionHeaderTitle key=\"title\">\n        {title ||\n          (Array.isArray(children)\n            ? children.filter((cur) => !React.isValidElement(cur))\n            : children)}\n      </AccordionHeaderTitle>,\n      <AccordionHeaderDescription key=\"description\">\n        {description}\n      </AccordionHeaderDescription>,\n    ]\n\n    if (Array.isArray(children)) {\n      const removeParts = []\n      children.forEach((cur) => {\n        if (React.isValidElement(cur)) {\n          const part = defaultParts.find((c) => c.type === cur.type)\n          if (part) {\n            removeParts.push(part)\n          }\n\n          // if (cur.type === AccordionHeaderTitle) {\n          //   defaultParts.unshift(cur)\n          // } else {\n          //   defaultParts.push(cur)\n          // }\n\n          defaultParts.push(cur)\n        }\n      })\n      removeParts.forEach((part) => {\n        const index = defaultParts.findIndex((c) => c === part)\n        if (index > -1) {\n          defaultParts.splice(index, 1)\n        }\n      })\n    }\n\n    const partsToRender = []\n    const wrapperParts = []\n    const wrapperComp = (\n      <span className=\"dnb-accordion__header__wrapper\" key=\"wrapper\">\n        {wrapperParts}\n      </span>\n    )\n\n    defaultParts.forEach((part) => {\n      if (\n        React.isValidElement(part) &&\n        (part.type === AccordionHeaderTitle ||\n          part.type === AccordionHeaderDescription)\n      ) {\n        wrapperParts.push(part)\n        if (partsToRender.findIndex((c) => c === wrapperComp) === -1) {\n          partsToRender.push(wrapperComp)\n        }\n      } else {\n        partsToRender.push(part)\n      }\n    })\n\n    // position the icon to the right, if the element is not in the beginning\n    if (icon_position === null) {\n      const iconIndex = partsToRender.findIndex(\n        (c) => c.type === AccordionHeaderIcon\n      )\n      // because of the container at the beginning, we use 1\n      if (iconIndex > 1) {\n        icon_position = 'right'\n      }\n\n      if (left_component) {\n        icon_position = 'right'\n      }\n    }\n\n    const headerParams = {\n      id: `${id}-header`,\n      'aria-controls': `${id}-content`,\n      'aria-expanded': this.context.expanded,\n      role: 'button',\n      tabIndex: '0',\n      className: classnames(\n        'dnb-accordion__header',\n        icon_position && `dnb-accordion__header__icon--${icon_position}`,\n        hover && hadClick && 'dnb-accordion--hover',\n        !this.canClick() && 'dnb-accordion__header--prevent-click',\n        description && 'dnb-accordion__header--description',\n        no_animation && 'dnb-accordion__header--no-animation',\n        createSkeletonClass('font', skeleton, this.context),\n        createSpacingClasses(rest),\n        className\n      ),\n      disabled,\n      ...rest,\n    }\n\n    if (disabled || isTrue(skeleton)) {\n      headerParams.tabIndex = '-1'\n      headerParams.disabled = true\n      headerParams['aria-disabled'] = true\n    } else {\n      headerParams.onClick = this.onClickHandler\n      headerParams.onKeyDown = this.onKeyDownHandler\n      headerParams.onMouseOver = this.onMouseOverHandler\n      headerParams.onMouseOut = this.onMouseOutHandler\n    }\n\n    skeletonDOMAttributes(headerParams, skeleton, this.context)\n\n    validateDOMAttributes(this.props, headerParams)\n\n    let Element = 'div'\n    if (isTrue(heading)) {\n      headerParams.role = 'heading'\n      headerParams['aria-level'] = heading_level\n        ? String(heading_level)\n        : '2'\n    } else if (heading) {\n      headerParams.role = null\n      Element = heading\n    } else if (element) {\n      headerParams.role = null\n      Element = element\n    }\n\n    return <Element {...headerParams}>{partsToRender}</Element>\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"AccordionHeader.js","names":["React","useContext","useState","validateDOMAttributes","extendPropsWithContext","IconPrimary","classnames","AccordionContext","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","AccordionHeaderTitle","_ref","children","rest","_objectWithoutProperties","_excluded","createElement","className","AccordionHeaderDescription","_ref2","_excluded2","AccordionHeaderContainer","_ref3","_excluded3","AccordionHeaderIcon","icon","expanded","size","accordionHeaderDefaultProps","icon_size","AccordionHeader","_ref4","icon_size_default","restOfProps","_excluded4","props","_objectSpread","isHoverring","setIsHovering","hasClicked","setHasClicked","context","onKeyDownHandler","event","keyPressed","key","preventDefault","onClickHandler","id","group","canClick","callOnChange","onMouseOverHandler","onMouseOutHandler","allow_close_all","extendedProps","left_component","title","description","element","heading","heading_level","disabled","skeleton","no_animation","icon_position","_left_component","_expanded","_title","_description","_icon","_icon_size","_disabled","_excluded5","defaultParts","Array","isArray","filter","cur","isValidElement","removeParts","forEach","part","find","c","type","push","index","findIndex","splice","partsToRender","wrapperParts","wrapperComp","undefined","iconIndex","headerParams","role","tabIndex","onClick","onKeyDown","onMouseOver","onMouseOut","Element","String","Number","Container","Icon","Title","Description"],"sources":["../../../../src/components/accordion/AccordionHeader.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, { HTMLProps, useContext, useState } from 'react'\nimport type { SpacingProps } from '../space/types'\n\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport classnames from 'classnames'\nimport AccordionContext from './AccordionContext'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport type { ButtonIconPosition } from '../Button'\nimport type { HeadingLevel } from '../Heading'\nimport type { IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { AccordionIcon } from './Accordion'\n\nexport type AccordionHeaderTitleProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderTitle({\n  children = null,\n  ...rest\n}: AccordionHeaderTitleProps) {\n  return (\n    <span\n      className={classnames(\n        'dnb-accordion__header__title',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  )\n}\n\nexport type AccordionHeaderDescriptionProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderDescription({\n  children = null,\n  ...rest\n}: AccordionHeaderDescriptionProps) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__description',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\nexport type AccordionHeaderContainerProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderContainer({\n  children = null,\n  ...rest\n}: AccordionHeaderContainerProps) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__container',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\ntype AccordionHeaderIconIcon =\n  | React.ReactNode\n  | ((...args: any[]) => React.ReactNode)\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => React.ReactNode)\n      expanded?: React.ReactNode | ((...args: any[]) => React.ReactNode)\n    }\n\nexport type AccordionHeaderIconProps = {\n  icon?: AccordionHeaderIconIcon\n  size?: IconSize\n  expanded?: boolean\n}\n\nfunction AccordionHeaderIcon({\n  icon,\n  expanded,\n  size = 'medium',\n}: AccordionHeaderIconProps) {\n  return (\n    <span className=\"dnb-accordion__header__icon\">\n      <IconPrimary\n        size={size}\n        // There has to be a better way than to do so much casting\n        icon={\n          icon &&\n          typeof icon === 'object' &&\n          'expanded' in icon &&\n          typeof icon?.expanded !== 'undefined'\n            ? icon[expanded ? 'expanded' : 'closed']\n            : (icon as React.ReactNode | ((...args: any[]) => any)) ||\n              'chevron-down'\n        }\n        aria-hidden\n      />\n    </span>\n  )\n}\n\nexport type AccordionHeaderTitle =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderDescription =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderLeftComponent =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderElement =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderHeading =\n  | boolean\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderIcon =\n  | React.ReactNode\n  | ((...args: any[]) => any)\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => any)\n      expanded?: React.ReactNode | ((...args: any[]) => any)\n    }\n\nexport type AccordionHeaderProps = React.HTMLProps<HTMLElement> &\n  SpacingProps & {\n    title?: AccordionHeaderTitle\n    expanded?: boolean\n    description?: AccordionHeaderDescription\n    left_component?: AccordionHeaderLeftComponent\n    element?: AccordionHeaderElement\n    heading?: AccordionHeaderHeading\n    heading_level?: HeadingLevel\n    icon?: AccordionIcon\n    icon_position?: ButtonIconPosition\n    icon_size?: IconSize\n    disabled?: boolean\n    skeleton?: SkeletonShow\n    no_animation?: boolean\n    className?: string\n    children?: string | React.ReactNode | ((...args: any[]) => any)\n  }\n\nconst accordionHeaderDefaultProps = {\n  icon_size: 'medium',\n}\n\nexport const AccordionHeader = ({\n  icon_size: icon_size_default = 'medium',\n  ...restOfProps\n}: AccordionHeaderProps) => {\n  const props = { icon_size: icon_size_default, ...restOfProps }\n\n  const [isHoverring, setIsHovering] = useState<boolean>(false)\n  const [hasClicked, setHasClicked] = useState<boolean>(false)\n\n  const context = useContext(AccordionContext)\n\n  function onKeyDownHandler(event: React.KeyboardEvent<HTMLElement>) {\n    const keyPressed = event.key\n\n    if (keyPressed === 'Enter' || keyPressed === ' ') {\n      event.preventDefault()\n      onClickHandler(event)\n    }\n  }\n\n  function onClickHandler(\n    event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>\n  ) {\n    const { id, group } = context\n\n    if (canClick()) {\n      const expanded = !context.expanded\n      context.callOnChange({ id, group, expanded, event })\n\n      setHasClicked(true)\n    }\n  }\n\n  function onMouseOverHandler() {\n    setIsHovering(true)\n  }\n\n  function onMouseOutHandler() {\n    setIsHovering(false)\n    setHasClicked(false)\n  }\n\n  function canClick() {\n    const { expanded, allow_close_all, group } = context\n    return !group || (group && !expanded) || allow_close_all\n  }\n\n  const extendedProps = extendPropsWithContext(\n    props,\n    accordionHeaderDefaultProps,\n    context as Record<string, unknown>\n  )\n\n  const {\n    id,\n\n    // 1. these props should be the same as ...\n    left_component,\n    expanded, // eslint-disable-line\n    title,\n    description,\n    element,\n    heading,\n    heading_level,\n    icon,\n    icon_size,\n    disabled,\n    skeleton,\n    no_animation,\n  } = extendedProps\n\n  let { icon_position } = extendedProps\n\n  const {\n    children,\n    className,\n\n    // 2. ... these\n    left_component: _left_component, // eslint-disable-line\n    expanded: _expanded, // eslint-disable-line\n    title: _title, // eslint-disable-line\n    description: _description, // eslint-disable-line\n    icon: _icon, // eslint-disable-line\n    icon_size: _icon_size, // eslint-disable-line\n    disabled: _disabled, // eslint-disable-line\n\n    ...rest\n  } = props\n\n  const defaultParts = [\n    <AccordionHeaderIcon\n      key=\"icon\"\n      icon={icon}\n      size={icon_size}\n      expanded={context.expanded}\n    />,\n    <AccordionHeaderContainer key=\"container\">\n      {left_component as React.ReactNode}\n    </AccordionHeaderContainer>,\n    <AccordionHeaderTitle key=\"title\">\n      {title ||\n        (Array.isArray(children)\n          ? children.filter((cur) => !React.isValidElement(cur))\n          : children)}\n    </AccordionHeaderTitle>,\n    <AccordionHeaderDescription key=\"description\">\n      {description as React.ReactNode}\n    </AccordionHeaderDescription>,\n  ]\n\n  if (Array.isArray(children)) {\n    const removeParts = []\n    children.forEach((cur) => {\n      if (React.isValidElement(cur)) {\n        const part = defaultParts.find((c) => c.type === cur.type)\n        if (part) {\n          removeParts.push(part)\n        }\n\n        // if (cur.type === AccordionHeaderTitle) {\n        //   defaultParts.unshift(cur)\n        // } else {\n        //   defaultParts.push(cur)\n        // }\n\n        defaultParts.push(cur)\n      }\n    })\n    removeParts.forEach((part) => {\n      const index = defaultParts.findIndex((c) => c === part)\n      if (index > -1) {\n        defaultParts.splice(index, 1)\n      }\n    })\n  }\n\n  const partsToRender = []\n  const wrapperParts = []\n  const wrapperComp = (\n    <span className=\"dnb-accordion__header__wrapper\" key=\"wrapper\">\n      {wrapperParts}\n    </span>\n  )\n\n  defaultParts.forEach((part) => {\n    if (\n      React.isValidElement(part) &&\n      (part.type === AccordionHeaderTitle ||\n        part.type === AccordionHeaderDescription)\n    ) {\n      wrapperParts.push(part)\n      if (partsToRender.findIndex((c) => c === wrapperComp) === -1) {\n        partsToRender.push(wrapperComp)\n      }\n    } else {\n      partsToRender.push(part)\n    }\n  })\n\n  // position the icon to the right, if the element is not in the beginning\n  if (icon_position === undefined) {\n    const iconIndex = partsToRender.findIndex(\n      (c) => c.type === AccordionHeaderIcon\n    )\n    // because of the container at the beginning, we use 1\n    if (iconIndex > 1) {\n      icon_position = 'right'\n    }\n\n    if (left_component) {\n      icon_position = 'right'\n    }\n  }\n\n  const headerParams = {\n    id: `${id}-header`,\n    'aria-controls': `${id}-content`,\n    'aria-expanded': context.expanded,\n    role: 'button',\n    tabIndex: 0,\n    className: classnames(\n      'dnb-accordion__header',\n      icon_position && `dnb-accordion__header__icon--${icon_position}`,\n      isHoverring && hasClicked && 'dnb-accordion--hover',\n      !canClick() && 'dnb-accordion__header--prevent-click',\n      description && 'dnb-accordion__header--description',\n      no_animation && 'dnb-accordion__header--no-animation',\n      createSkeletonClass('font', skeleton, context),\n      createSpacingClasses(rest),\n      className\n    ),\n    disabled,\n    ...rest,\n  } satisfies HTMLProps<HTMLElement>\n\n  if (disabled || skeleton) {\n    headerParams.tabIndex = -1\n    headerParams.disabled = true\n    headerParams['aria-disabled'] = true\n  } else {\n    headerParams.onClick = onClickHandler\n    headerParams.onKeyDown = onKeyDownHandler\n    headerParams.onMouseOver = onMouseOverHandler\n    headerParams.onMouseOut = onMouseOutHandler\n  }\n\n  skeletonDOMAttributes(headerParams, skeleton, context)\n\n  validateDOMAttributes(props, headerParams)\n\n  let Element = 'div'\n\n  // (String(heading) === 'true' || String(heading) === '1') extracted from isTrue function\n  if (heading && (String(heading) === 'true' || String(heading) === '1')) {\n    headerParams.role = 'heading'\n    headerParams['aria-level'] = heading_level ? Number(heading_level) : 2\n  } else if (heading) {\n    headerParams.role = null\n    Element = heading as string\n  } else if (element) {\n    headerParams.role = null\n    Element = element as string\n  }\n\n  return <Element {...headerParams}>{partsToRender}</Element>\n}\n\nAccordionHeader.Container = AccordionHeaderContainer\nAccordionHeader.Icon = AccordionHeaderIcon\nAccordionHeader.Title = AccordionHeaderTitle\nAccordionHeader.Description = AccordionHeaderDescription\n\nexport default AccordionHeader\n"],"mappings":"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"}

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

@@ -1,3 +1,17 @@
-export default AccordionGroupContext;
-declare const AccordionGroupContext: React.Context<{}>;
+/**
+ * Web AccordionGroup Context
+ *
+ */
 import React from 'react';
+type AccordionGroupContextProps = {
+    expanded?: boolean;
+    group?: string;
+    expanded_ssr?: boolean;
+    remember_state?: boolean;
+    flush_remembered_state?: boolean;
+    expanded_id?: string;
+    onChange?: (...params: unknown[]) => void;
+    onInit?: (...args: any[]) => any;
+};
+declare const AccordionGroupContext: React.Context<AccordionGroupContextProps>;
+export default AccordionGroupContext;

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionProviderContext.js","names":["React","AccordionGroupContext","createContext"],"sources":["../../../../src/components/accordion/AccordionProviderContext.js"],"sourcesContent":["/**\n * Web AccordionGroup Context\n *\n */\n\nimport React from 'react'\n\nconst AccordionGroupContext = React.createContext({})\n\nexport default AccordionGroupContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,qBAAqB,GAAGD,KAAK,CAACE,aAAa,CAAC,CAAC,CAAC,CAAC;AAErD,eAAeD,qBAAqB"}
+{"version":3,"file":"AccordionProviderContext.js","names":["React","AccordionGroupContext","createContext"],"sources":["../../../../src/components/accordion/AccordionProviderContext.ts"],"sourcesContent":["/**\n * Web AccordionGroup Context\n *\n */\n\nimport React from 'react'\n\ntype AccordionGroupContextProps = {\n  expanded?: boolean\n  group?: string\n  expanded_ssr?: boolean\n  remember_state?: boolean\n  flush_remembered_state?: boolean\n  expanded_id?: string\n  onChange?: (...params: unknown[]) => void\n  onInit?: (...args: any[]) => any\n}\n\nconst AccordionGroupContext =\n  React.createContext<AccordionGroupContextProps>({})\n\nexport default AccordionGroupContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAazB,MAAMC,qBAAqB,GACzBD,KAAK,CAACE,aAAa,CAA6B,CAAC,CAAC,CAAC;AAErD,eAAeD,qBAAqB"}