@dnb/eufemia 10.2.0 → 10.3.0

package/cjs/components/tabs/Tabs.js

@@ -4,55 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Dummy = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _keycode = _interopRequireDefault(require("keycode"));
-
 var _Context = _interopRequireDefault(require("../../shared/Context"));
-
 var _componentHelper = require("../../shared/component-helper");
-
 var _SpacingHelper = require("../space/SpacingHelper");
-
 var _SkeletonHelper = require("../skeleton/SkeletonHelper");
-
 var _Button = _interopRequireDefault(require("../button/Button"));
-
 var _whatInput = _interopRequireDefault(require("what-input"));
-
 var _TabsCustomContent = _interopRequireDefault(require("./TabsCustomContent"));
-
 var _TabsContentWrapper = _interopRequireDefault(require("./TabsContentWrapper"));
-
 var _EventEmitter = _interopRequireDefault(require("../../shared/helpers/EventEmitter"));
-
 const _excluded = ["title", "key", "hash"],
-      _excluded2 = ["children"],
-      _excluded3 = ["children", "className"];
-
+  _excluded2 = ["children"],
+  _excluded3 = ["children", "className"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-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; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class Tabs extends _react.default.PureComponent {
   static getSelectedKeyOrFallback(selected_key, data) {
     let useKey = selected_key;
-
     if (!useKey) {
       useKey = data.reduce((acc, _ref) => {
         let {
@@ -68,15 +48,12 @@ class Tabs extends _react.default.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) {
@@ -90,52 +67,42 @@ class Tabs extends _react.default.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.default.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) || (0, _componentHelper.slugify)(title),
             content
           }, rest));
         }
-
         return acc;
       }, []);
     }
-
     if (!(res && res.length > 0)) {
       if (props.data && Array.isArray(data)) {
         res = data;
@@ -144,27 +111,21 @@ class Tabs extends _react.default.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();
@@ -173,49 +134,41 @@ class Tabs extends _react.default.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 ((0, _keycode.default)(e)) {
         case 'up':
@@ -224,26 +177,22 @@ class Tabs extends _react.default.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');
@@ -251,7 +200,6 @@ class Tabs extends _react.default.PureComponent {
         type: 'focus'
       });
     });
-
     _defineProperty(this, "focusLastTab", e => {
       const key = this.state.data[this.state.data.length - 1].key;
       this.focusTab(key, e, 'step');
@@ -259,35 +207,30 @@ class Tabs extends _react.default.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 ((0, _componentHelper.isTrue)(this.props.scroll) && this._tablistRef.current && typeof this._tablistRef.current.scrollIntoView === 'function') {
         this._tablistRef.current.scrollIntoView({
@@ -296,11 +239,9 @@ class Tabs extends _react.default.PureComponent {
         });
       }
     });
-
     _defineProperty(this, "onMouseDown", event => {
       event.preventDefault();
     });
-
     _defineProperty(this, "onKeyDownHandler", event => {
       switch ((0, _keycode.default)(event)) {
         case 'enter':
@@ -312,14 +253,11 @@ class Tabs extends _react.default.PureComponent {
           } catch (e) {
             this.warnAboutMissingContainer();
           }
-
           break;
       }
     });
-
     _defineProperty(this, "onMouseEnterHandler", event => {
       const selected_key = this.getCurrentKey(event);
-
       if (selected_key) {
         (0, _componentHelper.dispatchCustomElementEvent)(this, 'on_mouse_enter', this.getEventArgs({
           event,
@@ -327,16 +265,13 @@ class Tabs extends _react.default.PureComponent {
         }));
       }
     });
-
     _defineProperty(this, "onClickHandler", event => {
       const selected_key = this.getCurrentKey(event);
-
       if (selected_key) {
         const ret = (0, _componentHelper.dispatchCustomElementEvent)(this, 'on_click', this.getEventArgs({
           event,
           selected_key
         }));
-
         if (ret !== false) {
           this.openTab(selected_key, event);
           this.scrollToTab({
@@ -345,10 +280,8 @@ class Tabs extends _react.default.PureComponent {
         }
       }
     });
-
     _defineProperty(this, "getCurrentKey", event => {
       let selected_key;
-
       try {
         selected_key = function (elem) {
           return (0, _componentHelper.getPreviousSibling)('dnb-tabs__button', elem) || {
@@ -358,52 +291,40 @@ class Tabs extends _react.default.PureComponent {
       } catch (e) {
         (0, _componentHelper.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);
-
       (0, _componentHelper.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();
         }
@@ -411,21 +332,15 @@ class Tabs extends _react.default.PureComponent {
         (0, _componentHelper.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,
@@ -433,12 +348,10 @@ class Tabs extends _react.default.PureComponent {
           _listenForPropChanges: false
         }, _this.handleVerticalScroll);
       }
-
       (0, _componentHelper.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}`);
@@ -446,7 +359,6 @@ class Tabs extends _react.default.PureComponent {
           (0, _componentHelper.warn)('Tabs Error:', e);
         }
       }
-
       if (_this._eventEmitter) {
         _this._eventEmitter.update(_this.getEventArgs({
           event,
@@ -454,7 +366,6 @@ class Tabs extends _react.default.PureComponent {
         }));
       }
     });
-
     _defineProperty(this, "getContent", selected_key => {
       const {
         children,
@@ -462,7 +373,6 @@ class Tabs extends _react.default.PureComponent {
       } = this.props;
       const contentToRender = children || _content;
       let content = null;
-
       if (contentToRender) {
         if (typeof contentToRender === 'object' && contentToRender[selected_key]) {
           content = contentToRender[selected_key];
@@ -472,16 +382,13 @@ class Tabs extends _react.default.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 {
@@ -496,44 +403,35 @@ class Tabs extends _react.default.PureComponent {
           }, null);
         }
       }
-
       if (typeof content === 'function') {
         const Component = content;
         content = _react.default.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 = (0, _componentHelper.filterProps)(this.props, Tabs.defaultProps),
-            attributes = Object.assign({}, _filterProps);
-
+        attributes = Object.assign({}, (_objectDestructuringEmpty(_filterProps), _filterProps));
       const params = _objectSpread(_objectSpread({}, attributes), {}, {
         className: (0, _classnames.default)('dnb-tabs', (0, _SpacingHelper.createSpacingClasses)(this.props), className, _className)
       });
-
       (0, _componentHelper.validateDOMAttributes)(this.props, params);
       return _react.default.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,
@@ -557,19 +455,16 @@ class Tabs extends _react.default.PureComponent {
         className: (0, _classnames.default)(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) {
         (0, _componentHelper.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.default.createElement(_TabsContentWrapper.default, {
         id: this._id,
         selected_key: selected_key,
@@ -577,14 +472,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;
@@ -603,20 +496,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 ((0, _componentHelper.isTrue)(disabled)) {
           itemParams.disabled = true;
           itemParams['aria-disabled'] = true;
         }
-
         if (TabElement === 'button') {
           itemParams.type = 'button';
         }
-
         (0, _SkeletonHelper.skeletonDOMAttributes)(itemParams, skeleton, this.context);
         return _react.default.createElement("div", {
           className: (0, _classnames.default)('dnb-tabs__button__snap', isFocus && 'focus', isSelected && 'selected'),
@@ -637,15 +526,12 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         }, title), _react.default.createElement(Dummy, null, title)));
       });
       const params = {};
-
       if (label) {
         params['aria-label'] = label;
       }
-
       if (selected_key) {
         params['aria-labelledby'] = (0, _componentHelper.combineLabelledBy)(params, `${this._id}-tab-${selected_key}`);
       }
-
       return _react.default.createElement("div", _extends({
         role: "tablist",
         className: "dnb-tabs__tabs__tablist",
@@ -654,22 +540,17 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         ref: this._tablistRef
       }, params), tabs);
     });
-
     this._id = _props.id || (0, _componentHelper.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,
@@ -684,60 +565,47 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
     };
     this._tabsRef = _react.default.createRef();
     this._tablistRef = _react.default.createRef();
-
     if (_props.id) {
       this._eventEmitter = _EventEmitter.default.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 {
@@ -748,10 +616,8 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         (0, _componentHelper.warn)(e);
       }
     }
-
     return -1;
   }
-
   hasLastUsedTab() {
     if (typeof window !== 'undefined') {
       try {
@@ -762,10 +628,8 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         (0, _componentHelper.warn)(e);
       }
     }
-
     return -1;
   }
-
   saveLastUsedTab() {
     if (typeof window !== 'undefined') {
       try {
@@ -775,10 +639,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);
@@ -787,17 +649,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';
@@ -805,62 +664,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
@@ -870,14 +713,12 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         (0, _componentHelper.warn)(e);
       }
     };
-
     if (window.IS_TEST) {
       delay();
     } else {
       window.requestAnimationFrame(delay);
     }
   }
-
   getStepKey(useKey, stateKey) {
     const currentData = this.state.data.filter(_ref11 => {
       let {
@@ -892,15 +733,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
@@ -908,19 +746,15 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
       return i === nextIndex ? key : acc;
     }, null);
   }
-
   setWhatInput() {
     _whatInput.default.specificKeys([9, 37, 39, 33, 34, 35, 36]);
   }
-
   resetWhatInput() {
     _whatInput.default.specificKeys([9]);
   }
-
   warnAboutMissingContainer() {
     (0, _componentHelper.warn)(`Could not find the required <Tabs.Content id="${this._id}-content" ... /> that provides role="tabpanel"`);
   }
-
   getEventArgs(args) {
     const {
       selected_key,
@@ -934,15 +768,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,
@@ -952,7 +783,6 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
       prevent_rerender,
       prerender
     } = this.props;
-
     if ((0, _componentHelper.isTrue)(prerender)) {
       this._cache = Object.entries(data).reduce((acc, _ref14) => {
         let [idx, cur] = _ref14;
@@ -968,7 +798,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
@@ -982,23 +811,18 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
     });
     return cachedContent;
   }
-
   renderContent() {
     const {
       prevent_rerender,
       prerender
     } = this.props;
-
     if ((0, _componentHelper.isTrue)(prevent_rerender) || (0, _componentHelper.isTrue)(prerender)) {
       return this.renderCachedContent();
     }
-
     return this.getContent(this.state.selected_key);
   }
-
   render() {
     var _this$context;
-
     const props = this._props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, Tabs.defaultProps, {
       skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
     });
@@ -1013,7 +837,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,
@@ -1022,16 +845,11 @@ Tip: Check out other solutions like <Tabs.Content id="unique">Your content, outs
         Tabs: TabItems
       });
     }
-
     return _react.default.createElement(Wrapper, null, _react.default.createElement(TabsList, null, _react.default.createElement(TabItems, null)), _react.default.createElement(Content, null));
   }
-
 }
-
 exports.default = Tabs;
-
 _defineProperty(Tabs, "contextType", _Context.default);
-
 _defineProperty(Tabs, "defaultProps", {
   data: null,
   content: null,
@@ -1060,11 +878,8 @@ _defineProperty(Tabs, "defaultProps", {
   on_click: null,
   on_focus: null
 });
-
 _defineProperty(Tabs, "Content", _TabsCustomContent.default);
-
 _defineProperty(Tabs, "ContentWrapper", _TabsContentWrapper.default);
-
 process.env.NODE_ENV !== "production" ? Tabs.propTypes = _objectSpread(_objectSpread({
   data: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.shape({
     title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node, _propTypes.default.func]).isRequired,
@@ -1103,7 +918,6 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes = _objectSpread(_objectSp
   on_click: _propTypes.default.func,
   on_focus: _propTypes.default.func
 }) : void 0;
-
 const Dummy = _ref16 => {
   let {
     children
@@ -1114,12 +928,10 @@ const Dummy = _ref16 => {
     className: "dnb-dummy"
   }, children);
 };
-
 exports.Dummy = Dummy;
 process.env.NODE_ENV !== "production" ? Dummy.propTypes = {
   children: _propTypes.default.node.isRequired
 } : void 0;
-
 const ScrollNavButton = props => {
   return _react.default.createElement(_Button.default, _extends({
     size: "medium",
@@ -1131,7 +943,7 @@ const ScrollNavButton = props => {
     className: (0, _classnames.default)('dnb-tabs__scroll-nav-button', props.className)
   }));
 };
-
 process.env.NODE_ENV !== "production" ? ScrollNavButton.propTypes = {
   className: _propTypes.default.node.isRequired
-} : void 0;
+} : void 0;
+//# sourceMappingURL=Tabs.js.map