@dnb/eufemia 10.2.0 → 10.3.0

package/es/components/tabs/Tabs.js

@@ -1,14 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["title", "key", "hash"],
-      _excluded2 = ["children"],
-      _excluded3 = ["children", "className"];
-
-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; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+  _excluded2 = ["children"],
+  _excluded3 = ["children", "className"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -25,7 +23,6 @@ import EventEmitter from '../../shared/helpers/EventEmitter';
 export default class Tabs extends React.PureComponent {
   static getSelectedKeyOrFallback(selected_key, data) {
     let useKey = selected_key;
-
     if (!useKey) {
       useKey = data.reduce((acc, {
         selected,
@@ -35,15 +32,12 @@ export default class Tabs extends React.PureComponent {
       const keyExists = data.findIndex(({
         key
       }) => key == selected_key);
-
       if (keyExists === -1) {
         useKey = data[0] && data[0].key;
       }
     }
-
     return useKey;
   }
-
   static getDerivedStateFromProps(props, state) {
     if (state._listenForPropChanges) {
       if (props.data) {
@@ -57,52 +51,42 @@ export default class Tabs extends React.PureComponent {
           state.data = Tabs.getData(props);
         }
       }
-
       if (props.selected_key && state._selected_key !== props.selected_key) {
         state.selected_key = state._selected_key = Tabs.getSelectedKeyOrFallback(props.selected_key, state.data);
       }
     }
-
     state._listenForPropChanges = true;
     return state;
   }
-
   static getData(props) {
     let res = [];
     const data = !props.data && props.children ? props.children : props.data;
-
     if (Array.isArray(props.children) && (typeof props.children[0] === 'function' || React.isValidElement(props.children[0]))) {
       res = props.children.reduce((acc, content, i) => {
         if (content.props && content.props.displayName === 'CustomContent') {
           const dataProps = props.tabs && Array.isArray(props.tabs) && props.tabs[i] || {};
-
           const componentProps = _objectSpread({}, content.props);
-
           if (componentProps.title === null) {
             delete componentProps.title;
           }
-
           const _dataProps$componentP = _objectSpread(_objectSpread(_objectSpread({}, dataProps), componentProps), {
-            children: null
-          }),
-                {
-            title,
-            key: _key,
-            hash
-          } = _dataProps$componentP,
-                rest = _objectWithoutProperties(_dataProps$componentP, _excluded);
-
+              children: null
+            }),
+            {
+              title,
+              key: _key,
+              hash
+            } = _dataProps$componentP,
+            rest = _objectWithoutProperties(_dataProps$componentP, _excluded);
           acc.push(_objectSpread({
             title,
             key: (!_key && hash ? hash : _key) || slugify(title),
             content
           }, rest));
         }
-
         return acc;
       }, []);
     }
-
     if (!(res && res.length > 0)) {
       if (props.data && Array.isArray(data)) {
         res = data;
@@ -115,18 +99,14 @@ export default class Tabs extends React.PureComponent {
               key
             }, obj));
           }
-
           return acc;
         }, []);
       }
     }
-
     return res || [];
   }
-
   constructor(_props) {
     super(_props);
-
     _defineProperty(this, "init", () => {
       if (this._isMounted) {
         this.addScrollBehaviour();
@@ -135,24 +115,20 @@ export default class Tabs extends React.PureComponent {
         this.setScrollbarState({
           hasScrollbar
         });
-
         if (hasLastPosition) {
           this.setLeftPosition(this.state.lastPosition);
         }
-
         if (hasScrollbar) {
           this.scrollToTab({
             type: 'selected',
             behavior: hasLastPosition ? 'smooth' : 'auto'
           });
         }
-
         if (this.hasLastUsedTab() !== null) {
           this.setState(null, this.setFocusOnTabButton);
         }
       }
     });
-
     _defineProperty(this, "setScrollbarState", ({
       hasScrollbar = this.hasScrollbar()
     } = {}) => {
@@ -162,20 +138,17 @@ export default class Tabs extends React.PureComponent {
         });
       }
     });
-
     _defineProperty(this, "onResizeHandler", () => {
       const hasScrollbar = this.hasScrollbar();
       this.setScrollbarState({
         hasScrollbar
       });
-
       if (hasScrollbar) {
         this.scrollToTab({
           type: 'selected'
         });
       }
     });
-
     _defineProperty(this, "onTablistKeyDownHandler", e => {
       switch (keycode(e)) {
         case 'up':
@@ -184,26 +157,22 @@ export default class Tabs extends React.PureComponent {
           e.preventDefault();
           this.focusPrevTab(e);
           break;
-
         case 'down':
         case 'page down':
         case 'right':
           e.preventDefault();
           this.focusNextTab(e);
           break;
-
         case 'home':
           e.preventDefault();
           this.focusFirstTab(e);
           break;
-
         case 'end':
           e.preventDefault();
           this.focusLastTab(e);
           break;
       }
     });
-
     _defineProperty(this, "focusFirstTab", e => {
       const key = this.state.data[0].key;
       this.focusTab(key, e, 'step');
@@ -211,7 +180,6 @@ export default class Tabs extends React.PureComponent {
         type: 'focus'
       });
     });
-
     _defineProperty(this, "focusLastTab", e => {
       const key = this.state.data[this.state.data.length - 1].key;
       this.focusTab(key, e, 'step');
@@ -219,35 +187,30 @@ export default class Tabs extends React.PureComponent {
         type: 'focus'
       });
     });
-
     _defineProperty(this, "focusPrevTab", e => {
       this.focusTab(-1, e, 'step');
       this.scrollToTab({
         type: 'focus'
       });
     });
-
     _defineProperty(this, "focusNextTab", e => {
       this.focusTab(+1, e, 'step');
       this.scrollToTab({
         type: 'focus'
       });
     });
-
     _defineProperty(this, "openPrevTab", e => {
       this.openTab(-1, e, 'step');
       this.scrollToTab({
         type: 'selected'
       });
     });
-
     _defineProperty(this, "openNextTab", e => {
       this.openTab(+1, e, 'step');
       this.scrollToTab({
         type: 'selected'
       });
     });
-
     _defineProperty(this, "handleVerticalScroll", () => {
       if (isTrue(this.props.scroll) && this._tablistRef.current && typeof this._tablistRef.current.scrollIntoView === 'function') {
         this._tablistRef.current.scrollIntoView({
@@ -256,11 +219,9 @@ export default class Tabs extends React.PureComponent {
         });
       }
     });
-
     _defineProperty(this, "onMouseDown", event => {
       event.preventDefault();
     });
-
     _defineProperty(this, "onKeyDownHandler", event => {
       switch (keycode(event)) {
         case 'enter':
@@ -272,14 +233,11 @@ export default class Tabs extends React.PureComponent {
           } catch (e) {
             this.warnAboutMissingContainer();
           }
-
           break;
       }
     });
-
     _defineProperty(this, "onMouseEnterHandler", event => {
       const selected_key = this.getCurrentKey(event);
-
       if (selected_key) {
         dispatchCustomElementEvent(this, 'on_mouse_enter', this.getEventArgs({
           event,
@@ -287,16 +245,13 @@ export default class Tabs extends React.PureComponent {
         }));
       }
     });
-
     _defineProperty(this, "onClickHandler", event => {
       const selected_key = this.getCurrentKey(event);
-
       if (selected_key) {
         const ret = dispatchCustomElementEvent(this, 'on_click', this.getEventArgs({
           event,
           selected_key
         }));
-
         if (ret !== false) {
           this.openTab(selected_key, event);
           this.scrollToTab({
@@ -305,10 +260,8 @@ export default class Tabs extends React.PureComponent {
         }
       }
     });
-
     _defineProperty(this, "getCurrentKey", event => {
       let selected_key;
-
       try {
         selected_key = function (elem) {
           return getPreviousSibling('dnb-tabs__button', elem) || {
@@ -318,22 +271,18 @@ export default class Tabs extends React.PureComponent {
       } catch (e) {
         warn('Tabs Error:', e);
       }
-
       return selected_key;
     });
-
     _defineProperty(this, "getCurrentTitle", (selected_key = this.state.selected_key) => {
       const current = this.state.data.filter(({
         key
       }) => key == selected_key)[0];
       return current && current.title || null;
     });
-
     _defineProperty(this, "focusTab", (focus_key, event = null, mode = null) => {
       if (mode === 'step' && parseFloat(focus_key)) {
         focus_key = this.getStepKey(focus_key, this.state.focus_key);
       }
-
       this.setState({
         focus_key,
         _listenForPropChanges: false
@@ -344,15 +293,12 @@ export default class Tabs extends React.PureComponent {
       }));
       this.setWhatInput();
     });
-
     _defineProperty(this, "setFocusOnTabButton", () => {
       try {
         const elem = this._tablistRef.current.querySelector('.dnb-tabs__button.focus');
-
         elem.focus({
           preventScroll: true
         });
-
         if (!document.getElementById(`${this._id}-content`) && typeof process !== 'undefined' && process.env.NODE_ENV !== 'test') {
           this.warnAboutMissingContainer();
         }
@@ -360,16 +306,13 @@ export default class Tabs extends React.PureComponent {
         warn(e);
       }
     });
-
     _defineProperty(this, "openTab", (selected_key, event = null, mode = null) => {
       this.saveLastPosition();
       this.saveLastUsedTab();
       this.resetWhatInput();
-
       if (mode === 'step' && parseFloat(selected_key)) {
         selected_key = this.getStepKey(selected_key, this.state.selected_key);
       }
-
       if (typeof selected_key !== 'undefined') {
         this.setState({
           selected_key,
@@ -377,12 +320,10 @@ export default class Tabs extends React.PureComponent {
           _listenForPropChanges: false
         }, this.handleVerticalScroll);
       }
-
       dispatchCustomElementEvent(this, 'on_change', this.getEventArgs({
         event,
         selected_key
       }));
-
       if (this.props.use_hash && typeof window !== 'undefined') {
         try {
           window.history.replaceState(undefined, undefined, `#${selected_key}`);
@@ -390,7 +331,6 @@ export default class Tabs extends React.PureComponent {
           warn('Tabs Error:', e);
         }
       }
-
       if (this._eventEmitter) {
         this._eventEmitter.update(this.getEventArgs({
           event,
@@ -398,7 +338,6 @@ export default class Tabs extends React.PureComponent {
         }));
       }
     });
-
     _defineProperty(this, "getContent", selected_key => {
       const {
         children,
@@ -406,7 +345,6 @@ export default class Tabs extends React.PureComponent {
       } = this.props;
       const contentToRender = children || _content;
       let content = null;
-
       if (contentToRender) {
         if (typeof contentToRender === 'object' && contentToRender[selected_key]) {
           content = contentToRender[selected_key];
@@ -416,16 +354,13 @@ export default class Tabs extends React.PureComponent {
           content = contentToRender;
         }
       }
-
       if (!content) {
         let items = [];
-
         if (Array.isArray(this.state.data)) {
           items = this.state.data;
         } else if (Array.isArray(contentToRender)) {
           items = contentToRender;
         }
-
         if (items) {
           content = items.filter(({
             key
@@ -434,44 +369,35 @@ export default class Tabs extends React.PureComponent {
           }) => content || acc, null);
         }
       }
-
       if (typeof content === 'function') {
         const Component = content;
         content = React.createElement(Component, null);
       }
-
       return content;
     });
-
     _defineProperty(this, "TabsWrapperHandler", _ref => {
       let {
-        children
-      } = _ref,
-          rest = _objectWithoutProperties(_ref, _excluded2);
-
+          children
+        } = _ref,
+        rest = _objectWithoutProperties(_ref, _excluded2);
       const {
         className,
         class: _className
       } = this.props;
-
       const _filterProps = filterProps(this.props, Tabs.defaultProps),
-            attributes = Object.assign({}, _filterProps);
-
+        attributes = Object.assign({}, (_objectDestructuringEmpty(_filterProps), _filterProps));
       const params = _objectSpread(_objectSpread({}, attributes), {}, {
         className: classnames('dnb-tabs', createSpacingClasses(this.props), className, _className)
       });
-
       validateDOMAttributes(this.props, params);
       return React.createElement("div", _extends({}, params, rest), children);
     });
-
     _defineProperty(this, "TabsListHandler", _ref2 => {
       let {
-        children,
-        className
-      } = _ref2,
-          rest = _objectWithoutProperties(_ref2, _excluded3);
-
+          children,
+          className
+        } = _ref2,
+        rest = _objectWithoutProperties(_ref2, _excluded3);
       const {
         align,
         tabs_style,
@@ -495,19 +421,16 @@ export default class Tabs extends React.PureComponent {
         className: classnames(hasScrollbar && (typeof this.state.isLast !== 'undefined' || this.hasLastPosition()) && 'dnb-tabs__scroll-nav-button--visible', this.state.isLast && 'dnb-tabs__scroll-nav-button--hide')
       }));
     });
-
     _defineProperty(this, "TabContentHandler", () => {
       const {
         selected_key
       } = this.state;
       const content = this.renderContent();
-
       if (!this._eventEmitter && !content) {
         warn(`No content was given to the Tabs component!
 Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outside of the Tabs component</Tabs.Content>
 `);
       }
-
       return React.createElement(ContentWrapper, {
         id: this._id,
         selected_key: selected_key,
@@ -515,14 +438,12 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         content_spacing: this.props.content_spacing
       }, content);
     });
-
     _defineProperty(this, "TabsHandler", props => {
       const {
         label,
         skeleton,
         tab_element
       } = _objectSpread(_objectSpread({}, this._props), props);
-
       const {
         selected_key
       } = this.state;
@@ -540,20 +461,16 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         };
         const isFocus = this.isFocus(key);
         const isSelected = this.isSelected(key);
-
         if (isSelected) {
           itemParams['aria-controls'] = `${this._id}-content`;
         }
-
         if (isTrue(disabled)) {
           itemParams.disabled = true;
           itemParams['aria-disabled'] = true;
         }
-
         if (TabElement === 'button') {
           itemParams.type = 'button';
         }
-
         skeletonDOMAttributes(itemParams, skeleton, this.context);
         return React.createElement("div", {
           className: classnames('dnb-tabs__button__snap', isFocus && 'focus', isSelected && 'selected'),
@@ -574,15 +491,12 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         }, title), React.createElement(Dummy, null, title)));
       });
       const params = {};
-
       if (label) {
         params['aria-label'] = label;
       }
-
       if (selected_key) {
         params['aria-labelledby'] = combineLabelledBy(params, `${this._id}-tab-${selected_key}`);
       }
-
       return React.createElement("div", _extends({
         role: "tablist",
         className: "dnb-tabs__tabs__tablist",
@@ -591,22 +505,17 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         ref: this._tablistRef
       }, params), tabs);
     });
-
     this._id = _props.id || makeUniqueId();
     const data = Tabs.getData(_props);
-
     let _selected_key = Tabs.getSelectedKeyOrFallback(_props.selected_key, data);
-
     if (_props.use_hash && typeof window !== 'undefined') {
       try {
         const useHashKey = String(window.location.hash).replace('#', '');
-
         if (useHashKey && String(useHashKey).length > 0) {
           _selected_key = Tabs.getSelectedKeyOrFallback(useHashKey, data);
         }
       } catch (e) {}
     }
-
     const lastPosition = this.getLastPosition();
     this.state = {
       data,
@@ -621,60 +530,47 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
     };
     this._tabsRef = React.createRef();
     this._tablistRef = React.createRef();
-
     if (_props.id) {
       this._eventEmitter = EventEmitter.createInstance(_props.id);
-
       this._eventEmitter.set(this.getEventArgs({
         selected_key: _selected_key
       }));
     }
   }
-
   componentDidMount() {
     this._isMounted = true;
-
     if (document.readyState === 'complete') {
       this.init();
     } else if (typeof window !== 'undefined') {
       window.addEventListener('load', this.init);
     }
   }
-
   componentWillUnmount() {
     this._isMounted = false;
     this.resetWhatInput();
-
     if (this._eventEmitter) {
       this._eventEmitter.remove();
-
       this._eventEmitter = null;
     }
-
     if (typeof window !== 'undefined') {
       window.removeEventListener('resize', this.onResizeHandler);
       window.removeEventListener('load', this.init);
     }
   }
-
   componentDidUpdate(props) {
     if (this._eventEmitter && (this.props.selected_key !== props.selected_key || this.props.data !== props.data)) {
       this.onResizeHandler();
-
       if (this._eventEmitter) {
         const selected_key = this.state.selected_key;
-
         this._eventEmitter.update(this.getEventArgs({
           selected_key
         }));
       }
     }
   }
-
   hasLastPosition() {
     return this.state.lastPosition > -1;
   }
-
   getLastPosition() {
     if (typeof window !== 'undefined') {
       try {
@@ -685,10 +581,8 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         warn(e);
       }
     }
-
     return -1;
   }
-
   hasLastUsedTab() {
     if (typeof window !== 'undefined') {
       try {
@@ -699,10 +593,8 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         warn(e);
       }
     }
-
     return -1;
   }
-
   saveLastUsedTab() {
     if (typeof window !== 'undefined') {
       try {
@@ -712,7 +604,6 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
       }
     }
   }
-
   saveLastPosition(position = this._tablistRef.current.scrollLeft) {
     if (typeof window !== 'undefined') {
       try {
@@ -722,17 +613,14 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
       }
     }
   }
-
   hasScrollbar() {
     return this._tablistRef.current.scrollWidth - 1 > this._tablistRef.current.offsetWidth;
   }
-
   addScrollBehaviour() {
     if (typeof window !== 'undefined') {
       window.addEventListener('resize', this.onResizeHandler);
     }
   }
-
   setLeftPosition(scrollLeft) {
     try {
       this._tablistRef.current.style.scrollBehavior = 'auto';
@@ -740,7 +628,6 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
       this._tablistRef.current.style.scrollBehavior = 'smooth';
     } catch (e) {}
   }
-
   scrollToTab({
     type,
     behavior = 'smooth'
@@ -748,52 +635,38 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
     if (typeof window === 'undefined') {
       return;
     }
-
     if (window.IS_TEST) {
       behavior = 'auto';
     }
-
     const delay = () => {
       try {
         if (this.state.hasScrollbar && this._tablistRef.current) {
           const first = this._tablistRef.current.querySelector('.dnb-tabs__button__snap:first-of-type');
-
           const isFirst = first.classList.contains(type);
-
           const last = this._tablistRef.current.querySelector('.dnb-tabs__button__snap:last-of-type');
-
           const isLast = last.classList.contains(type);
-
           const elem = this._tablistRef.current.querySelector(`.dnb-tabs__button.${type}`);
-
           const style = window.getComputedStyle(this._tabsRef.current);
           const margin = parseFloat(style.marginLeft);
           let padding = margin < 0 ? parseFloat(style.paddingLeft) : 0;
-
           if (!isFirst && !isLast && parseFloat(style.paddingLeft) < 16) {
             const navButton = this._tabsRef.current.querySelector('.dnb-tabs__scroll-nav-button:first-of-type');
-
             const additionalSpace = parseFloat(window.getComputedStyle(navButton).width) * 1.5;
             padding += additionalSpace;
           }
-
           let leftPadding = (margin < 0 ? Math.abs(margin) : 0) + padding + parseFloat(window.getComputedStyle(first).paddingLeft);
           const offsetLeft = elem.offsetLeft;
           const left = elem && !isFirst ? offsetLeft - leftPadding : 0;
-
           if (behavior === 'auto') {
             this._tablistRef.current.style.scrollBehavior = 'auto';
           }
-
           this._tablistRef.current.scrollTo({
             left,
             behavior
           });
-
           if (behavior === 'auto') {
             this._tablistRef.current.style.scrollBehavior = '';
           }
-
           this.setState({
             isFirst,
             isLast
@@ -803,14 +676,12 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         warn(e);
       }
     };
-
     if (window.IS_TEST) {
       delay();
     } else {
       window.requestAnimationFrame(delay);
     }
   }
-
   getStepKey(useKey, stateKey) {
     const currentData = this.state.data.filter(({
       disabled
@@ -819,32 +690,25 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
       key
     }, i) => key == stateKey ? i : acc, -1);
     let nextIndex = currentIndex + useKey;
-
     if (nextIndex < 0) {
       nextIndex = currentData.length - 1;
     }
-
     if (nextIndex >= currentData.length) {
       nextIndex = 0;
     }
-
     return currentData.reduce((acc, {
       key
     }, i) => i === nextIndex ? key : acc, null);
   }
-
   setWhatInput() {
     whatInput.specificKeys([9, 37, 39, 33, 34, 35, 36]);
   }
-
   resetWhatInput() {
     whatInput.specificKeys([9]);
   }
-
   warnAboutMissingContainer() {
     warn(`Could not find the required <Tabs.Content id="${this._id}-content" ... /> that provides role="tabpanel"`);
   }
-
   getEventArgs(args) {
     const {
       selected_key,
@@ -858,15 +722,12 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
       title: this.getCurrentTitle(key)
     }, args);
   }
-
   isFocus(tabKey) {
     return this.state.focus_key == tabKey;
   }
-
   isSelected(tabKey) {
     return this.state.selected_key == tabKey;
   }
-
   renderCachedContent() {
     const {
       selected_key,
@@ -876,7 +737,6 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
       prevent_rerender,
       prerender
     } = this.props;
-
     if (isTrue(prerender)) {
       this._cache = Object.entries(data).reduce((acc, [idx, cur]) => {
         acc[cur.key] = _objectSpread(_objectSpread({}, cur), {}, {
@@ -891,7 +751,6 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         }
       });
     }
-
     const cachedContent = Object.entries(this._cache).map(([key, {
       content
     }]) => {
@@ -904,23 +763,18 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
     });
     return cachedContent;
   }
-
   renderContent() {
     const {
       prevent_rerender,
       prerender
     } = this.props;
-
     if (isTrue(prevent_rerender) || isTrue(prerender)) {
       return this.renderCachedContent();
     }
-
     return this.getContent(this.state.selected_key);
   }
-
   render() {
     var _this$context;
-
     const props = this._props = extendPropsWithContextInClassComponent(this.props, Tabs.defaultProps, {
       skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
     });
@@ -935,7 +789,6 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
     Wrapper.displayName = 'TabsWrapper';
     const Content = this.TabContentHandler;
     Content.displayName = 'TabContent';
-
     if (typeof customRenderer === 'function') {
       return customRenderer({
         Wrapper,
@@ -944,14 +797,10 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         Tabs: TabItems
       });
     }
-
     return React.createElement(Wrapper, null, React.createElement(TabsList, null, React.createElement(TabItems, null)), React.createElement(Content, null));
   }
-
 }
-
 _defineProperty(Tabs, "contextType", Context);
-
 _defineProperty(Tabs, "defaultProps", {
   data: null,
   content: null,
@@ -980,11 +829,8 @@ _defineProperty(Tabs, "defaultProps", {
   on_click: null,
   on_focus: null
 });
-
 _defineProperty(Tabs, "Content", CustomContent);
-
 _defineProperty(Tabs, "ContentWrapper", ContentWrapper);
-
 process.env.NODE_ENV !== "production" ? Tabs.propTypes = _objectSpread(_objectSpread({
   data: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]).isRequired,
@@ -1035,7 +881,6 @@ export const Dummy = ({
 process.env.NODE_ENV !== "production" ? Dummy.propTypes = {
   children: PropTypes.node.isRequired
 } : void 0;
-
 const ScrollNavButton = props => {
   return React.createElement(Button, _extends({
     size: "medium",
@@ -1047,7 +892,7 @@ const ScrollNavButton = props => {
     className: classnames('dnb-tabs__scroll-nav-button', props.className)
   }));
 };
-
 process.env.NODE_ENV !== "production" ? ScrollNavButton.propTypes = {
   className: PropTypes.node.isRequired
-} : void 0;
+} : void 0;
+//# sourceMappingURL=Tabs.js.map