@elliemae/ds-tabs 1.60.0 → 2.0.0-alpha.12

package/esm/DSTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSTabs.js","sources":["../../src/DSTabs.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { TabTypes } from './TabTypes';\nimport TabsImpl from './TabsImpl';\nimport DSTab from './DSTab';\n\nconst DSTabs = ({\n  containerProps = {},\n  innerRef,\n  animated = true,\n  enableMouseEvents = false,\n  allowTextSelection = false,\n  onTabChange = () => null,\n  tabsListAriaLabel = 'Tab list',\n  type = TabTypes.NORMAL,\n  tabBarExtraContent = undefined,\n  children: tabs,\n  onlyRenderActiveTab = false,\n  activeTab,\n  withCarousel = false,\n  firstSubtabRef,\n  lastTabRef,\n  flexibleTabsHeaders,\n  fixedTabsHeaders,\n  isDSMobile = false,\n}) => (\n  <TabsImpl\n    activeTab={activeTab}\n    firstSubtabRef={firstSubtabRef}\n    lastTabRef={lastTabRef}\n    allowTextSelection={allowTextSelection}\n    animated={animated}\n    containerProps={containerProps}\n    enableMouseEvents={enableMouseEvents}\n    innerRef={innerRef}\n    onlyRenderActiveTab={onlyRenderActiveTab}\n    onTabChange={onTabChange}\n    tabBarExtraContent={tabBarExtraContent}\n    tabsListAriaLabel={tabsListAriaLabel}\n    type={type}\n    withCarousel={withCarousel}\n    flexibleTabsHeaders={flexibleTabsHeaders}\n    fixedTabsHeaders={fixedTabsHeaders}\n    isDSMobile={isDSMobile}\n  >\n    {tabs}\n  </TabsImpl>\n);\n\nconst props = {\n  /** Whether the tab transition should animate or not */\n  animated: PropTypes.bool.description(\n    'Whether the tab transition should animate or not',\n  ),\n  /** Enables tab transition with mouse drag events */\n  enableMouseEvents: PropTypes.bool.description(\n    'Enables tab transition with mouse drag events',\n  ),\n  /** Allow text selection when mouse drag events are active */\n  allowTextSelection: PropTypes.bool.description(\n    'Allow text selection when mouse drag events are active',\n  ),\n  /** Handler when a user clicks on a different tab */\n  onTabChange: PropTypes.func.description(\n    'Handler when a user clicks on a different tab',\n  ),\n  /** Tab type */\n  type: PropTypes.oneOf(['normal', 'subtabs']).description('Tab type'),\n  /** Extra content next to the tabs pills */\n  tabBarExtraContent: PropTypes.element.description(\n    'Extra content next to the tabs pills',\n  ),\n  /** Only renders the active tab in the DOM */\n  onlyRenderActiveTab: PropTypes.bool.description(\n    'Only renders the active tab in the DOM',\n  ),\n  /** Mobile only flexible tabs mode */\n  flexibleTabsHeaders: PropTypes.bool.description(\n    'Mobile only flexible tabs mode',\n  ),\n  /** Mobile only fixed tabs mode */\n  fixedTabsHeaders: PropTypes.bool.description('Mobile only fixed tabs mode'),\n  /** Whether or not it's a ds-tab from DSMobile tabs */\n  isDSMobile: PropTypes.bool.description(\n    \"Whether or not it's a ds-tab from DSMobile tabs\",\n  ),\n  /** Activate carousel behavior */\n  withCarousel: PropTypes.bool.description('Activate carousel behavior'),\n  /** The active tabId */\n  activeTab: PropTypes.string.description('The active tabId'),\n  /** tabs children */\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.instanceOf([\n        PropTypes.instanceOf(DSTab),\n        PropTypes.array,\n      ]),\n    }),\n  ).isRequired.description('tabs children'),\n  /** Aria label for the list */\n  tabsListAriaLabel: PropTypes.string.description('Aria label for the list'),\n  /** Additional properties for the container */\n  containerProps: PropTypes.object.description(\n    'Additional properties for the container',\n  ),\n  /** REF */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('REF'),\n  /** internal ref to handle keyboard a11y behavior */\n  firstSubtabRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('internal ref to handle keyboard a11y behavior'),\n  /** internal ref to handle keyboard a11y behavior */\n  lastTabRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('internal ref to handle keyboard a11y behavior'),\n};\n\nDSTabs.propTypes = props;\nconst DSTabsWithSchema = describe(DSTabs);\nDSTabsWithSchema.propTypes = props;\n\nexport { DSTabs, DSTabsWithSchema };\nexport default DSTabs;\n"],"names":["DSTabs","containerProps","innerRef","animated","enableMouseEvents","allowTextSelection","onTabChange","tabsListAriaLabel","type","TabTypes","NORMAL","tabBarExtraContent","undefined","tabs","children","onlyRenderActiveTab","activeTab","withCarousel","firstSubtabRef","lastTabRef","flexibleTabsHeaders","fixedTabsHeaders","isDSMobile","props","PropTypes","bool","description","func","oneOf","element","string","arrayOf","shape","instanceOf","DSTab","array","isRequired","object","oneOfType","current","any","propTypes","DSTabsWithSchema","describe"],"mappings":"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"}

package/esm/PanelContainer.js

@@ -1,37 +0,0 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
-import PropTypes from 'prop-types';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-
-var _excluded = ["children", "lastTabRef", "firstSubtabRef"];
-var blockName = 'tabs-panels';
-var PC = aggregatedClasses('div')(blockName, 'panel');
-
-var PanelContainer = function PanelContainer(_ref) {
-  var children = _ref.children,
-      lastTabRef = _ref.lastTabRef,
-      firstSubtabRef = _ref.firstSubtabRef,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  // inject ref to handle focus on first subtab child
-  var child = React.Children.map(children, function (c, i) {
-    return i === 0 && c ? /*#__PURE__*/React.cloneElement(c, {
-      firstSubtabRef: firstSubtabRef,
-      lastTabRef: lastTabRef
-    }) : c;
-  });
-  return /*#__PURE__*/React.createElement(PC, rest, child);
-};
-
-PanelContainer.propTypes = {
-  children: PropTypes.any,
-  firstSubtabRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any
-  })]),
-  lastTabRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any
-  })])
-};
-
-export { PanelContainer as default };
-//# sourceMappingURL=PanelContainer.js.map

package/esm/PanelContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PanelContainer.js","sources":["../../src/PanelContainer.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nconst blockName = 'tabs-panels';\n\nconst PC = aggregatedClasses('div')(blockName, 'panel');\n\nconst PanelContainer = ({ children, lastTabRef, firstSubtabRef, ...rest }) => {\n  // inject ref to handle focus on first subtab child\n  const child = React.Children.map(children, (c, i) =>\n    i === 0 && c ? React.cloneElement(c, { firstSubtabRef, lastTabRef }) : c,\n  );\n  return <PC {...rest}>{child}</PC>;\n};\n\nPanelContainer.propTypes = {\n  children: PropTypes.any,\n  firstSubtabRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]),\n  lastTabRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]),\n};\n\nexport default PanelContainer;\n"],"names":["blockName","PC","aggregatedClasses","PanelContainer","children","lastTabRef","firstSubtabRef","rest","child","React","Children","map","c","i","cloneElement","propTypes","PropTypes","any","oneOfType","func","shape","current"],"mappings":";;;;;;AAGA,IAAMA,SAAS,GAAG,aAAlB;AAEA,IAAMC,EAAE,GAAGC,iBAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,EAAoC,OAApC,CAAX;;IAEMG,cAAc,GAAG,SAAjBA,cAAiB,OAAuD;AAAA,MAApDC,QAAoD,QAApDA,QAAoD;AAAA,MAA1CC,UAA0C,QAA1CA,UAA0C;AAAA,MAA9BC,cAA8B,QAA9BA,cAA8B;AAAA,MAAXC,IAAW;;AAC5E;AACA,MAAMC,KAAK,GAAGC,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmBP,QAAnB,EAA6B,UAACQ,CAAD,EAAIC,CAAJ;AAAA,WACzCA,CAAC,KAAK,CAAN,IAAWD,CAAX,gBAAeH,KAAK,CAACK,YAAN,CAAmBF,CAAnB,EAAsB;AAAEN,MAAAA,cAAc,EAAdA,cAAF;AAAkBD,MAAAA,UAAU,EAAVA;AAAlB,KAAtB,CAAf,GAAuEO,CAD9B;AAAA,GAA7B,CAAd;AAGA,sBAAO,oBAAC,EAAD,EAAQL,IAAR,EAAeC,KAAf,CAAP;AACD;;AAEDL,cAAc,CAACY,SAAf,GAA2B;AACzBX,EAAAA,QAAQ,EAAEY,SAAS,CAACC,GADK;AAEzBX,EAAAA,cAAc,EAAEU,SAAS,CAACE,SAAV,CAAoB,CAClCF,SAAS,CAACG,IADwB,EAElCH,SAAS,CAACI,KAAV,CAAgB;AAAEC,IAAAA,OAAO,EAAEL,SAAS,CAACC;AAArB,GAAhB,CAFkC,CAApB,CAFS;AAMzBZ,EAAAA,UAAU,EAAEW,SAAS,CAACE,SAAV,CAAoB,CAC9BF,SAAS,CAACG,IADoB,EAE9BH,SAAS,CAACI,KAAV,CAAgB;AAAEC,IAAAA,OAAO,EAAEL,SAAS,CAACC;AAArB,GAAhB,CAF8B,CAApB;AANa,CAA3B;;;;"}

package/esm/SubTabBar.js

@@ -1,74 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import TabBar from './TabBar.js';
-import Carousel from './Carousel.js';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import 'lodash';
-import '@elliemae/ds-form/RequiredMark';
-import 'memoize-one';
-import 'resize-observer';
-import 'styled-components';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import './useResize.js';
-
-var blockName = 'tabs-tab-bar';
-var SubTabList = aggregatedClasses('div')(blockName, 'subtabs-list', function (_ref) {
-  var withCarousel = _ref.withCarousel;
-  return {
-    carousel: withCarousel
-  };
-});
-
-var SubTabBar = function SubTabBar(_ref2) {
-  var withCarousel = _ref2.withCarousel,
-      _ref2$tabs = _ref2.tabs,
-      tabs = _ref2$tabs === void 0 ? [] : _ref2$tabs,
-      _ref2$activeTab = _ref2.activeTab,
-      activeTab = _ref2$activeTab === void 0 ? '' : _ref2$activeTab,
-      _ref2$onTabClick = _ref2.onTabClick,
-      onTabClick = _ref2$onTabClick === void 0 ? function () {
-    return null;
-  } : _ref2$onTabClick,
-      firstSubtabRef = _ref2.firstSubtabRef,
-      handleUpArrow = _ref2.handleUpArrow;
-  return /*#__PURE__*/React.createElement(TabBar, {
-    activeTab: activeTab,
-    onTabClick: onTabClick,
-    handleUpArrow: handleUpArrow,
-    firstSubtabRef: firstSubtabRef,
-    renderCustomTabBar: function renderCustomTabBar(_ref3) {
-      var tabsComponents = _ref3.tabsComponents,
-          innerRef = _ref3.innerRef;
-      return /*#__PURE__*/React.createElement(SubTabList, {
-        withCarousel: withCarousel,
-        innerRef: innerRef,
-        "data-testid": "subtabs-list"
-      }, withCarousel ? /*#__PURE__*/React.createElement(Carousel, null, tabsComponents) : tabsComponents);
-    },
-    showSelectionIndicator: false,
-    showSeparator: true,
-    tabs: tabs
-  });
-};
-
-SubTabBar.propTypes = {
-  tabs: PropTypes.arrayOf(PropTypes.element).isRequired,
-  activeTab: PropTypes.string,
-  onTabClick: PropTypes.func.isRequired,
-  withCarousel: PropTypes.bool,
-  handleUpArrow: PropTypes.func,
-  firstSubtabRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any
-  })])
-};
-
-export { SubTabBar as default };
-//# sourceMappingURL=SubTabBar.js.map

package/esm/SubTabBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubTabBar.js","sources":["../../src/SubTabBar.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport TabBar from './TabBar';\nimport Carousel from './Carousel';\n\nconst blockName = 'tabs-tab-bar';\n\nconst SubTabList = aggregatedClasses('div')(\n  blockName,\n  'subtabs-list',\n  ({ withCarousel }) => ({ carousel: withCarousel }),\n);\n\nconst SubTabBar = ({\n  withCarousel,\n  tabs = [],\n  activeTab = '',\n  onTabClick = () => null,\n  firstSubtabRef,\n  handleUpArrow,\n}) => (\n  <TabBar\n    activeTab={activeTab}\n    onTabClick={onTabClick}\n    handleUpArrow={handleUpArrow}\n    firstSubtabRef={firstSubtabRef}\n    renderCustomTabBar={({ tabsComponents, innerRef }) => (\n      <SubTabList\n        withCarousel={withCarousel}\n        innerRef={innerRef}\n        data-testid=\"subtabs-list\"\n      >\n        {withCarousel ? <Carousel>{tabsComponents}</Carousel> : tabsComponents}\n      </SubTabList>\n    )}\n    showSelectionIndicator={false}\n    showSeparator\n    tabs={tabs}\n  />\n);\n\nSubTabBar.propTypes = {\n  tabs: PropTypes.arrayOf(PropTypes.element).isRequired,\n  activeTab: PropTypes.string,\n  onTabClick: PropTypes.func.isRequired,\n  withCarousel: PropTypes.bool,\n  handleUpArrow: PropTypes.func,\n  firstSubtabRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]),\n};\n\nexport default SubTabBar;\n"],"names":["blockName","SubTabList","aggregatedClasses","withCarousel","carousel","SubTabBar","tabs","activeTab","onTabClick","firstSubtabRef","handleUpArrow","tabsComponents","innerRef","propTypes","PropTypes","arrayOf","element","isRequired","string","func","bool","oneOfType","shape","current","any"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,GAAG,cAAlB;AAEA,IAAMC,UAAU,GAAGC,iBAAiB,CAAC,KAAD,CAAjB,CACjBF,SADiB,EAEjB,cAFiB,EAGjB;AAAA,MAAGG,YAAH,QAAGA,YAAH;AAAA,SAAuB;AAAEC,IAAAA,QAAQ,EAAED;AAAZ,GAAvB;AAAA,CAHiB,CAAnB;;IAMME,SAAS,GAAG,SAAZA,SAAY;AAAA,MAChBF,YADgB,SAChBA,YADgB;AAAA,yBAEhBG,IAFgB;AAAA,MAEhBA,IAFgB,2BAET,EAFS;AAAA,8BAGhBC,SAHgB;AAAA,MAGhBA,SAHgB,gCAGJ,EAHI;AAAA,+BAIhBC,UAJgB;AAAA,MAIhBA,UAJgB,iCAIH;AAAA,WAAM,IAAN;AAAA,GAJG;AAAA,MAKhBC,cALgB,SAKhBA,cALgB;AAAA,MAMhBC,aANgB,SAMhBA,aANgB;AAAA,sBAQhB,oBAAC,MAAD;AACE,IAAA,SAAS,EAAEH,SADb;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,aAAa,EAAEE,aAHjB;AAIE,IAAA,cAAc,EAAED,cAJlB;AAKE,IAAA,kBAAkB,EAAE;AAAA,UAAGE,cAAH,SAAGA,cAAH;AAAA,UAAmBC,QAAnB,SAAmBA,QAAnB;AAAA,0BAClB,oBAAC,UAAD;AACE,QAAA,YAAY,EAAET,YADhB;AAEE,QAAA,QAAQ,EAAES,QAFZ;AAGE,uBAAY;AAHd,SAKGT,YAAY,gBAAG,oBAAC,QAAD,QAAWQ,cAAX,CAAH,GAA2CA,cAL1D,CADkB;AAAA,KALtB;AAcE,IAAA,sBAAsB,EAAE,KAd1B;AAeE,IAAA,aAAa,MAff;AAgBE,IAAA,IAAI,EAAEL;AAhBR,IARgB;AAAA;;AA4BlBD,SAAS,CAACQ,SAAV,GAAsB;AACpBP,EAAAA,IAAI,EAAEQ,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,OAA5B,EAAqCC,UADvB;AAEpBV,EAAAA,SAAS,EAAEO,SAAS,CAACI,MAFD;AAGpBV,EAAAA,UAAU,EAAEM,SAAS,CAACK,IAAV,CAAeF,UAHP;AAIpBd,EAAAA,YAAY,EAAEW,SAAS,CAACM,IAJJ;AAKpBV,EAAAA,aAAa,EAAEI,SAAS,CAACK,IALL;AAMpBV,EAAAA,cAAc,EAAEK,SAAS,CAACO,SAAV,CAAoB,CAClCP,SAAS,CAACK,IADwB,EAElCL,SAAS,CAACQ,KAAV,CAAgB;AAAEC,IAAAA,OAAO,EAAET,SAAS,CAACU;AAArB,GAAhB,CAFkC,CAApB;AANI,CAAtB;;;;"}

package/esm/TabBar.js

@@ -1,464 +0,0 @@
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
-import React, { Component } from 'react';
-import { debounce } from 'lodash';
-import PropTypes from 'prop-types';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import RequiredMark from '@elliemae/ds-form/RequiredMark';
-import memoizeOne from 'memoize-one';
-import { ResizeObserver } from 'resize-observer';
-import styled from 'styled-components';
-import Carousel from './Carousel.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import './useResize.js';
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var blockName = 'tabs-tab-bar';
-var gradientWidth = 24;
-var StyledTabWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-7sdovg-0"
-})(["display:flex;flex:1;flex-wrap:nowrap;", ";"], function (_ref) {
-  var flexibleTabsHeaders = _ref.flexibleTabsHeaders;
-  return flexibleTabsHeaders ? '' : 'overflow-x: hidden';
-});
-var StyledTabList = aggregatedClasses('div')(blockName, 'list', function (_ref2) {
-  var withCarousel = _ref2.withCarousel,
-      flexibleTabsHeaders = _ref2.flexibleTabsHeaders,
-      fixedTabsHeaders = _ref2.fixedTabsHeaders,
-      isDSMobile = _ref2.isDSMobile,
-      withLeftGradients = _ref2.withLeftGradients,
-      withRightGradients = _ref2.withRightGradients;
-  return {
-    carousel: withCarousel,
-    'flexible-table-headers': isDSMobile && flexibleTabsHeaders,
-    'fixed-table-headers': isDSMobile && fixedTabsHeaders,
-    'left-gradients': isDSMobile && flexibleTabsHeaders && withLeftGradients,
-    'right-gradients': isDSMobile && flexibleTabsHeaders && withRightGradients
-  };
-}, {
-  propsToRemoveFromFinalElement: ['withCarousel', 'flexibleTabsHeaders', 'fixedTabsHeaders', 'withLeftGradients', 'withRightGradients', 'isDSMobile']
-});
-var TabContainer = aggregatedClasses('button', {
-  role: 'tab'
-})(blockName, 'tab', function (_ref3) {
-  var isActive = _ref3.isActive,
-      showSeparator = _ref3.showSeparator,
-      disabled = _ref3.disabled;
-  return {
-    active: isActive,
-    separator: showSeparator,
-    disabled: disabled
-  };
-});
-var SelectionIndicator = aggregatedClasses('div')(blockName, 'selection-indicator');
-
-var TabBar = /*#__PURE__*/function (_Component) {
-  _inherits(TabBar, _Component);
-
-  var _super = _createSuper(TabBar);
-
-  function TabBar(_props) {
-    var _this;
-
-    _classCallCheck(this, TabBar);
-
-    _this = _super.call(this, _props);
-
-    _this.handleTabClick = function (tabId, e) {
-      var _assertThisInitialize = _assertThisInitialized(_this),
-          tabListRef = _assertThisInitialize.tabListRef,
-          props = _assertThisInitialize.props;
-
-      var onTabClick = props.onTabClick,
-          flexibleTabsHeaders = props.flexibleTabsHeaders,
-          isDSMobile = props.isDSMobile;
-
-      if (isDSMobile && flexibleTabsHeaders) {
-        var tabListDomEl = tabListRef.current;
-        var el = e.target;
-        var offsetLeft = el.offsetLeft;
-
-        var _el$getBoundingClient = el.getBoundingClientRect(),
-            elWidth = _el$getBoundingClient.width;
-
-        var _tabListDomEl$getBoun = tabListDomEl.getBoundingClientRect(),
-            listWidth = _tabListDomEl$getBoun.width;
-
-        var extraSideSpace = listWidth - elWidth;
-        var leftOffsetToCenter = extraSideSpace > 0 ? extraSideSpace / 2 : 0;
-        var centeredLeftOffset = offsetLeft > leftOffsetToCenter ? offsetLeft - leftOffsetToCenter : 0;
-        tabListDomEl.scrollTo({
-          top: 0,
-          left: centeredLeftOffset,
-          behavior: 'smooth'
-        });
-      }
-
-      e.preventDefault();
-      onTabClick(tabId);
-    };
-
-    _this.handleKeyPress = function (tabId, e, index) {
-      var _this$props = _this.props,
-          tabs = _this$props.tabs,
-          handleDownArrow = _this$props.handleDownArrow,
-          handleUpArrow = _this$props.handleUpArrow;
-
-      if (e.keyCode === 39) {
-        var _this$tabsRef;
-
-        var nextTab = tabs[index + 1];
-        if (!nextTab && handleDownArrow) handleDownArrow(e);
-        if (!nextTab) return; // const { props } = nextTab
-        // onTabClick(props.tabId)
-
-        (_this$tabsRef = _this.tabsRef[index + 1]) === null || _this$tabsRef === void 0 ? void 0 : _this$tabsRef.focus();
-      }
-
-      if (e.keyCode === 37) {
-        var _this$tabsRef2;
-
-        var _nextTab = tabs[index - 1];
-        if (!_nextTab && handleUpArrow) handleUpArrow(e);
-        if (!_nextTab) return; // const { props } = nextTab
-        // onTabClick(props.tabId)
-
-        (_this$tabsRef2 = _this.tabsRef[index - 1]) === null || _this$tabsRef2 === void 0 ? void 0 : _this$tabsRef2.focus();
-      }
-
-      if (e.keyCode === 40 && handleDownArrow) {
-        handleDownArrow(e);
-      }
-
-      if (e.keyCode === 38 && handleUpArrow) {
-        handleUpArrow(e);
-      }
-    };
-
-    _this.handleTabsHeadersHorizontalScroll = debounce(function () {
-      var _assertThisInitialize2 = _assertThisInitialized(_this),
-          tabListRef = _assertThisInitialize2.tabListRef,
-          props = _assertThisInitialize2.props;
-
-      var flexibleTabsHeaders = props.flexibleTabsHeaders,
-          isDSMobile = props.isDSMobile;
-
-      if (isDSMobile && flexibleTabsHeaders) {
-        var tabListDomEl = tabListRef.current;
-        var scrollLeft = tabListDomEl.scrollLeft,
-            scrollWidth = tabListDomEl.scrollWidth,
-            clientWidth = tabListDomEl.clientWidth;
-
-        var withLeftGradients = _this.shouldHaveLeftGradient(scrollLeft, gradientWidth);
-
-        var withRightGradients = _this.shouldHaveRightGradient(scrollLeft, gradientWidth, clientWidth, scrollWidth);
-
-        _this.setState({
-          withLeftGradients: withLeftGradients,
-          withRightGradients: withRightGradients
-        });
-      }
-    }, 50);
-    _this.renderTabs = memoizeOne(function (activeTab, tabs) {
-      var showSeparator = _this.props.showSeparator;
-      return React.Children.map(tabs, function (tab, index) {
-        var _tab$props = tab.props,
-            tabId = _tab$props.tabId,
-            title = _tab$props.title,
-            style = _tab$props.style,
-            required = _tab$props.required,
-            disabled = _tab$props.disabled;
-        var isActive = activeTab === tabId;
-        return [/*#__PURE__*/React.createElement(TabContainer, {
-          key: tabId // eslint-disable-next-line no-return-assign
-          ,
-          ref: function ref(t) {
-            _this.tabsRef[index] = t;
-
-            if (index === 0 && _this.props.firstSubtabRef) {
-              _this.props.firstSubtabRef.current = t;
-            }
-
-            if (index === tabs.length - 1 && _this.props.lastTabRef) {
-              _this.props.lastTabRef.current = t;
-            }
-          },
-          "aria-controls": tabId,
-          "aria-selected": isActive,
-          "aria-disabled": !!disabled,
-          classProps: {
-            isActive: isActive,
-            showSeparator: showSeparator,
-            disabled: disabled
-          },
-          "data-tab-id": tabId,
-          id: "".concat(tabId, "-label"),
-          onClick: function onClick(e) {
-            if (!disabled) _this.handleTabClick(tabId, e, index);
-          },
-          onKeyDown: function onKeyDown(e) {
-            if (!disabled) _this.handleKeyPress(tabId, e, index);
-          },
-          style: style,
-          tabIndex: 0
-        }, title, /*#__PURE__*/React.createElement(RequiredMark, {
-          required: required
-        }))];
-      }, null);
-    });
-    _this.tabListRef = /*#__PURE__*/React.createRef();
-    _this.resizeObserver = new ResizeObserver(function () {
-      return _this.setIndicatorStyle();
-    });
-    _this.state = {
-      indicatorStyle: null,
-      withLeftGradients: false,
-      withRightGradients: false
-    };
-    _this.setIndicatorStyle = _this.setIndicatorStyle.bind(_assertThisInitialized(_this));
-    _this.getIndicatorStyles = _this.getIndicatorStyles.bind(_assertThisInitialized(_this));
-    _this.handleGradients = _this.handleGradients.bind(_assertThisInitialized(_this));
-    _this.handleTabsHeadersHorizontalScroll = _this.handleTabsHeadersHorizontalScroll.bind(_assertThisInitialized(_this));
-    _this.tabsRef = {};
-    _this.setIndicatorStyle = _this.setIndicatorStyle.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-
-  _createClass(TabBar, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var showSelectionIndicator = this.props.showSelectionIndicator;
-      this.resizeObserver.observe(this.tabListRef.current);
-
-      if (showSelectionIndicator) {
-        this.setIndicatorStyle();
-      }
-
-      window.addEventListener('resize', this.handleGradients);
-      window.addEventListener('orientationchange', this.handleGradients);
-      this.handleGradients();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$props2 = this.props,
-          activeTab = _this$props2.activeTab,
-          showSelectionIndicator = _this$props2.showSelectionIndicator;
-
-      if (showSelectionIndicator && prevProps.activeTab !== activeTab) {
-        this.setIndicatorStyle(activeTab);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.resizeObserver.unobserve(this.tabListRef.current);
-      window.removeEventListener('resize', this.handleGradients);
-      window.removeEventListener('orientationchange', this.handleGradients);
-    }
-  }, {
-    key: "handleGradients",
-    value: function handleGradients() {
-      var _this$tabListRef$curr = this.tabListRef.current,
-          scrollLeft = _this$tabListRef$curr.scrollLeft,
-          scrollWidth = _this$tabListRef$curr.scrollWidth,
-          clientWidth = _this$tabListRef$curr.clientWidth;
-      var withLeftGradients = this.shouldHaveLeftGradient(scrollLeft, gradientWidth);
-      var withRightGradients = this.shouldHaveRightGradient(scrollLeft, gradientWidth, clientWidth, scrollWidth);
-      this.setState({
-        withLeftGradients: withLeftGradients,
-        withRightGradients: withRightGradients
-      });
-    }
-  }, {
-    key: "shouldHaveLeftGradient",
-    value: function shouldHaveLeftGradient(scrollLeft, gWidth) {
-      return Math.abs(scrollLeft) > gWidth;
-    } // eslint-disable-next-line max-params
-
-  }, {
-    key: "shouldHaveRightGradient",
-    value: function shouldHaveRightGradient(scrollLeft, gWidth, clientWidth, scrollWidth) {
-      return Math.abs(scrollLeft) <= scrollWidth - (clientWidth + gWidth);
-    }
-  }, {
-    key: "setIndicatorStyle",
-    value: function setIndicatorStyle() {
-      var _this2 = this;
-
-      var activeTab = this.props.activeTab;
-      setTimeout(function () {
-        return _this2.setState({
-          indicatorStyle: _this2.getIndicatorStyles(activeTab)
-        });
-      }, 100);
-    }
-  }, {
-    key: "getActiveTabElement",
-    value: function getActiveTabElement(activeTab) {
-      var tabListEl = this.tabListRef.current;
-      var tabSelector = "[data-tab-id=\"".concat(activeTab, "\"]");
-      return tabListEl && tabListEl.querySelector(tabSelector);
-    }
-  }, {
-    key: "isElementVisible",
-    value: function isElementVisible(el, holder) {
-      var _el$getBoundingClient2 = el.getBoundingClientRect(),
-          left = _el$getBoundingClient2.left,
-          right = _el$getBoundingClient2.right,
-          width = _el$getBoundingClient2.width;
-
-      var holderRect = holder.getBoundingClientRect();
-      return left <= holderRect.left ? holderRect.left - left <= width : right - holderRect.right <= width;
-    }
-  }, {
-    key: "getVisibleDimensions",
-    value: function getVisibleDimensions(node, referenceNode) {
-      var pos = node.getBoundingClientRect();
-      var referencePos = referenceNode.getBoundingClientRect();
-      return {
-        width: Math.min(node.clientWidth, referencePos.left + referenceNode.clientWidth - pos.left, node.clientWidth - (referencePos.left - pos.left)),
-        height: Math.min(node.clientHeight, referencePos.top + referenceNode.clientHeight - pos.top, node.clientHeight - (referencePos.top - pos.top))
-      };
-    }
-  }, {
-    key: "getIndicatorStyles",
-    value: function getIndicatorStyles(activeTab) {
-      var tabListEl = this.tabListRef.current;
-      var withCarousel = this.props.withCarousel;
-      var activeTabEl = this.getActiveTabElement(activeTab);
-      if (!activeTabEl || !this.isElementVisible(activeTabEl, tabListEl)) return null;
-      var clientHeight = activeTabEl.clientHeight,
-          clientWidth = activeTabEl.clientWidth,
-          offsetTop = activeTabEl.offsetTop,
-          offsetLeft = activeTabEl.offsetLeft;
-
-      var _activeTabEl$getBound = activeTabEl.getBoundingClientRect(),
-          left = _activeTabEl$getBound.left;
-
-      var leftOff = withCarousel ? Math.max(0, left - tabListEl.getBoundingClientRect().left) : offsetLeft;
-      var width = withCarousel ? this.getVisibleDimensions(activeTabEl, tabListEl).width + 2 : clientWidth + 2;
-      return {
-        height: clientHeight,
-        left: "".concat(Math.floor(leftOff), "px"),
-        // using left and top for ie compatibility
-        top: "".concat(Math.floor(offsetTop), "px"),
-        width: width
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-          id = _this$props3.id,
-          tabs = _this$props3.tabs,
-          activeTab = _this$props3.activeTab,
-          renderCustomTabBar = _this$props3.renderCustomTabBar,
-          withCarousel = _this$props3.withCarousel,
-          isDSMobile = _this$props3.isDSMobile,
-          flexibleTabsHeaders = _this$props3.flexibleTabsHeaders,
-          fixedTabsHeaders = _this$props3.fixedTabsHeaders;
-      var _this$state = this.state,
-          indicatorStyle = _this$state.indicatorStyle,
-          withLeftGradients = _this$state.withLeftGradients,
-          withRightGradients = _this$state.withRightGradients;
-
-      if (renderCustomTabBar) {
-        return renderCustomTabBar({
-          innerRef: this.tabListRef,
-          withCarousel: withCarousel,
-          tabsComponents: this.renderTabs(activeTab, tabs)
-        });
-      }
-
-      var shouldUseCarousel = !isDSMobile && withCarousel;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledTabList, {
-        withCarousel: withCarousel,
-        "aria-label": id,
-        innerRef: this.tabListRef,
-        role: "tablist",
-        "data-testid": "tab-list",
-        isDSMobile: isDSMobile,
-        flexibleTabsHeaders: flexibleTabsHeaders,
-        withLeftGradients: withLeftGradients,
-        withRightGradients: withRightGradients,
-        fixedTabsHeaders: fixedTabsHeaders,
-        onScroll: this.handleTabsHeadersHorizontalScroll,
-        style: {
-          width: '100%'
-        }
-      }, /*#__PURE__*/React.createElement(StyledTabWrapper, {
-        isDSMobile: isDSMobile,
-        flexibleTabsHeaders: flexibleTabsHeaders,
-        fixedTabsHeaders: fixedTabsHeaders
-      }, shouldUseCarousel ? /*#__PURE__*/React.createElement(Carousel, {
-        onScroll: this.setIndicatorStyle
-      }, this.renderTabs(activeTab, tabs)) : null, !shouldUseCarousel ? this.renderTabs(activeTab, tabs) : null, /*#__PURE__*/React.createElement(SelectionIndicator, {
-        style: indicatorStyle
-      }))));
-    }
-  }]);
-
-  return TabBar;
-}(Component);
-
-TabBar.defaultProps = {
-  showSelectionIndicator: true,
-  showSeparator: false,
-  isDSMobile: false
-};
-TabBar.propTypes = {
-  /** Separator between tabs */
-  showSeparator: PropTypes.bool,
-
-  /** Blue border under selected tab */
-  showSelectionIndicator: PropTypes.bool,
-
-  /** Tab list id */
-  id: PropTypes.string,
-
-  /** Array of tabs */
-  tabs: PropTypes.arrayOf(PropTypes.element).isRequired,
-
-  /** Renders a custom tabbar */
-  renderCustomTabBar: PropTypes.func,
-
-  /** tabId of active tab */
-  activeTab: PropTypes.string,
-
-  /** on tab click callback */
-  onTabClick: PropTypes.func,
-
-  /** carousel behavior */
-  withCarousel: PropTypes.bool,
-  handleDownArrow: PropTypes.func,
-  handleUpArrow: PropTypes.func,
-  firstSubtabRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any
-  })]),
-  lastTabRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any
-  })]),
-
-  /** Whether or not it's a ds-tab from DSMobile tabs */
-  isDSMobile: PropTypes.bool,
-
-  /** DSMobile only flexible tabs mode */
-  flexibleTabsHeaders: PropTypes.bool,
-
-  /** DSMobile only fixed tabs mode */
-  fixedTabsHeaders: PropTypes.bool
-  /** Whether we are in mobile mode or not */
-
-};
-
-export { TabBar as default };
-//# sourceMappingURL=TabBar.js.map