@dnb/eufemia 10.2.0 → 10.3.0

package/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, _ref) => {
         let {
@@ -41,15 +38,12 @@ export default class Tabs extends React.PureComponent {
         } = _ref2;
         return key == selected_key;
       });
-
       if (keyExists === -1) {
         useKey = data[0] && data[0].key;
       }
     }
-
     return useKey;
   }
-
   static getDerivedStateFromProps(props, state) {
     if (state._listenForPropChanges) {
       if (props.data) {
@@ -63,52 +57,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;
@@ -117,27 +101,21 @@ export default class Tabs extends React.PureComponent {
       } else if (data && typeof data === 'object') {
         res = Object.entries(data).reduce((acc, _ref3) => {
           let [key, obj] = _ref3;
-
           if (obj) {
             acc.push(_objectSpread({
               key
             }, obj));
           }
-
           return acc;
         }, []);
       }
     }
-
     return res || [];
   }
-
   constructor(_props) {
     var _this;
-
     super(_props);
     _this = this;
-
     _defineProperty(this, "init", () => {
       if (this._isMounted) {
         this.addScrollBehaviour();
@@ -146,49 +124,41 @@ 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", function () {
       let {
         hasScrollbar = _this.hasScrollbar()
       } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
       if (hasScrollbar !== _this.state.hasScrollbar) {
         _this.setState({
           hasScrollbar
         });
       }
     });
-
     _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':
@@ -197,26 +167,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');
@@ -224,7 +190,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');
@@ -232,35 +197,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({
@@ -269,11 +229,9 @@ export default class Tabs extends React.PureComponent {
         });
       }
     });
-
     _defineProperty(this, "onMouseDown", event => {
       event.preventDefault();
     });
-
     _defineProperty(this, "onKeyDownHandler", event => {
       switch (keycode(event)) {
         case 'enter':
@@ -285,14 +243,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,
@@ -300,16 +255,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({
@@ -318,10 +270,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) || {
@@ -331,52 +281,40 @@ export default class Tabs extends React.PureComponent {
       } catch (e) {
         warn('Tabs Error:', e);
       }
-
       return selected_key;
     });
-
     _defineProperty(this, "getCurrentTitle", function () {
       let selected_key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.state.selected_key;
-
       const current = _this.state.data.filter(_ref4 => {
         let {
           key
         } = _ref4;
         return key == selected_key;
       })[0];
-
       return current && current.title || null;
     });
-
     _defineProperty(this, "focusTab", function (focus_key) {
       let event = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       let mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
       if (mode === 'step' && parseFloat(focus_key)) {
         focus_key = _this.getStepKey(focus_key, _this.state.focus_key);
       }
-
       _this.setState({
         focus_key,
         _listenForPropChanges: false
       }, _this.setFocusOnTabButton);
-
       dispatchCustomElementEvent(_this, 'on_focus', _this.getEventArgs({
         event,
         focus_key
       }));
-
       _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();
         }
@@ -384,21 +322,15 @@ export default class Tabs extends React.PureComponent {
         warn(e);
       }
     });
-
     _defineProperty(this, "openTab", function (selected_key) {
       let event = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       let mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 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,
@@ -406,12 +338,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}`);
@@ -419,7 +349,6 @@ export default class Tabs extends React.PureComponent {
           warn('Tabs Error:', e);
         }
       }
-
       if (_this._eventEmitter) {
         _this._eventEmitter.update(_this.getEventArgs({
           event,
@@ -427,7 +356,6 @@ export default class Tabs extends React.PureComponent {
         }));
       }
     });
-
     _defineProperty(this, "getContent", selected_key => {
       const {
         children,
@@ -435,7 +363,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];
@@ -445,16 +372,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(_ref5 => {
             let {
@@ -469,44 +393,35 @@ export default class Tabs extends React.PureComponent {
           }, null);
         }
       }
-
       if (typeof content === 'function') {
         const Component = content;
         content = React.createElement(Component, null);
       }
-
       return content;
     });
-
     _defineProperty(this, "TabsWrapperHandler", _ref7 => {
       let {
-        children
-      } = _ref7,
-          rest = _objectWithoutProperties(_ref7, _excluded2);
-
+          children
+        } = _ref7,
+        rest = _objectWithoutProperties(_ref7, _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", _ref8 => {
       let {
-        children,
-        className
-      } = _ref8,
-          rest = _objectWithoutProperties(_ref8, _excluded3);
-
+          children,
+          className
+        } = _ref8,
+        rest = _objectWithoutProperties(_ref8, _excluded3);
       const {
         align,
         tabs_style,
@@ -530,19 +445,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,
@@ -550,14 +462,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;
@@ -576,20 +486,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'),
@@ -610,15 +516,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",
@@ -627,22 +530,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,
@@ -657,60 +555,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 {
@@ -721,10 +606,8 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         warn(e);
       }
     }
-
     return -1;
   }
-
   hasLastUsedTab() {
     if (typeof window !== 'undefined') {
       try {
@@ -735,10 +618,8 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         warn(e);
       }
     }
-
     return -1;
   }
-
   saveLastUsedTab() {
     if (typeof window !== 'undefined') {
       try {
@@ -748,10 +629,8 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
       }
     }
   }
-
   saveLastPosition() {
     let position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._tablistRef.current.scrollLeft;
-
     if (typeof window !== 'undefined') {
       try {
         window.localStorage.setItem(`tabs-pos-${this._id}`, position);
@@ -760,17 +639,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';
@@ -778,62 +654,46 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
       this._tablistRef.current.style.scrollBehavior = 'smooth';
     } catch (e) {}
   }
-
   scrollToTab(_ref10) {
     let {
       type,
       behavior = 'smooth'
     } = _ref10;
-
     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
@@ -843,14 +703,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(_ref11 => {
       let {
@@ -865,15 +723,12 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
       return 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, _ref13, i) => {
       let {
         key
@@ -881,19 +736,15 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
       return 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,
@@ -907,15 +758,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,
@@ -925,7 +773,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, _ref14) => {
         let [idx, cur] = _ref14;
@@ -941,7 +788,6 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         }
       });
     }
-
     const cachedContent = Object.entries(this._cache).map(_ref15 => {
       let [key, {
         content
@@ -955,23 +801,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
     });
@@ -986,7 +827,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,
@@ -995,14 +835,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,
@@ -1031,11 +867,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,
@@ -1087,7 +920,6 @@ export const Dummy = _ref16 => {
 process.env.NODE_ENV !== "production" ? Dummy.propTypes = {
   children: PropTypes.node.isRequired
 } : void 0;
-
 const ScrollNavButton = props => {
   return React.createElement(Button, _extends({
     size: "medium",
@@ -1099,7 +931,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