@elliemae/ds-tabs 2.0.0-alpha.9 → 2.0.0-next.4

package/cjs/Carousel.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var ChevronRight = require('@elliemae/ds-icons/ChevronRight');
 var ChevronLeft = require('@elliemae/ds-icons/ChevronLeft');

package/cjs/DSTab.js

@@ -15,7 +15,7 @@ const DSTab = ({
   title = '',
   required = false
 }) => /*#__PURE__*/_jsx__default["default"]("div", {
-  "aria-labelledby": `${tabId}-label`,
+  "aria-labelledby": "".concat(tabId, "-label"),
   tabId: tabId,
   title: title,
   required: required

package/cjs/TabBar.js

@@ -198,7 +198,7 @@ class TabBar extends React.Component {
             disabled
           },
           "data-tab-id": tabId,
-          id: `${tabId}-label`,
+          id: "".concat(tabId, "-label"),
           onClick: e => {
             if (!disabled) this.handleTabClick(tabId, e, index);
           },
@@ -295,7 +295,7 @@ class TabBar extends React.Component {
 
   getActiveTabElement(activeTab) {
     const tabListEl = this.tabListRef.current;
-    const tabSelector = `[data-tab-id="${activeTab}"]`;
+    const tabSelector = "[data-tab-id=\"".concat(activeTab, "\"]");
     return tabListEl && tabListEl.querySelector(tabSelector);
   }
 
@@ -335,12 +335,12 @@ class TabBar extends React.Component {
       left
     } = activeTabEl.getBoundingClientRect();
     const leftOff = withCarousel ? Math.max(0, left - tabListEl.getBoundingClientRect().left) : offsetLeft;
-    const width = withCarousel ? this.getVisibleDimensions(activeTabEl, tabListEl).width : clientWidth + 2;
+    const width = withCarousel ? this.getVisibleDimensions(activeTabEl, tabListEl).width + 2 : clientWidth + 2;
     return {
       height: clientHeight,
-      left: `${Math.floor(leftOff)}px`,
+      left: "".concat(Math.floor(leftOff), "px"),
       // using left and top for ie compatibility
-      top: `${Math.floor(offsetTop)}px`,
+      top: "".concat(Math.floor(offsetTop), "px"),
       width
     };
   }

package/cjs/TabsImpl.js

@@ -2,6 +2,7 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var TabsPanels = require('./TabsPanels.js');

package/cjs/TabsPanels.js

@@ -2,6 +2,7 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var memoizeOne = require('memoize-one');
 var dsClassnames = require('@elliemae/ds-classnames');
@@ -42,7 +43,7 @@ class TabsPanels extends React.Component {
         const isActive = activeTab === panelId;
         const shouldRender = !onlyRenderActiveTab || isActive;
         return /*#__PURE__*/_jsx__default["default"](PanelContainer, {
-          "aria-labelledby": `${panelId}-label`,
+          "aria-labelledby": "".concat(panelId, "-label"),
           lastTabRef: this.props.lastTabRef,
           firstSubtabRef: this.props.firstTabRefByParent,
           classProps: {

package/esm/Carousel.js

@@ -1,4 +1,5 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useRef, useState, useEffect } from 'react';
 import ChevronRight from '@elliemae/ds-icons/ChevronRight';
 import ChevronLeft from '@elliemae/ds-icons/ChevronLeft';

package/esm/DSTab.js

@@ -7,7 +7,7 @@ const DSTab = ({
   title = '',
   required = false
 }) => /*#__PURE__*/_jsx("div", {
-  "aria-labelledby": `${tabId}-label`,
+  "aria-labelledby": "".concat(tabId, "-label"),
   tabId: tabId,
   title: title,
   required: required

package/esm/TabBar.js

@@ -187,7 +187,7 @@ class TabBar extends Component {
             disabled
           },
           "data-tab-id": tabId,
-          id: `${tabId}-label`,
+          id: "".concat(tabId, "-label"),
           onClick: e => {
             if (!disabled) this.handleTabClick(tabId, e, index);
           },
@@ -284,7 +284,7 @@ class TabBar extends Component {
 
   getActiveTabElement(activeTab) {
     const tabListEl = this.tabListRef.current;
-    const tabSelector = `[data-tab-id="${activeTab}"]`;
+    const tabSelector = "[data-tab-id=\"".concat(activeTab, "\"]");
     return tabListEl && tabListEl.querySelector(tabSelector);
   }
 
@@ -324,12 +324,12 @@ class TabBar extends Component {
       left
     } = activeTabEl.getBoundingClientRect();
     const leftOff = withCarousel ? Math.max(0, left - tabListEl.getBoundingClientRect().left) : offsetLeft;
-    const width = withCarousel ? this.getVisibleDimensions(activeTabEl, tabListEl).width : clientWidth + 2;
+    const width = withCarousel ? this.getVisibleDimensions(activeTabEl, tabListEl).width + 2 : clientWidth + 2;
     return {
       height: clientHeight,
-      left: `${Math.floor(leftOff)}px`,
+      left: "".concat(Math.floor(leftOff), "px"),
       // using left and top for ie compatibility
-      top: `${Math.floor(offsetTop)}px`,
+      top: "".concat(Math.floor(offsetTop), "px"),
       width
     };
   }

package/esm/TabsImpl.js

@@ -1,5 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import TabsPanels from './TabsPanels.js';

package/esm/TabsPanels.js

@@ -1,5 +1,6 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component } from 'react';
 import memoizeOne from 'memoize-one';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
@@ -32,7 +33,7 @@ class TabsPanels extends Component {
         const isActive = activeTab === panelId;
         const shouldRender = !onlyRenderActiveTab || isActive;
         return /*#__PURE__*/_jsx(PanelContainer, {
-          "aria-labelledby": `${panelId}-label`,
+          "aria-labelledby": "".concat(panelId, "-label"),
           lastTabRef: this.props.lastTabRef,
           firstSubtabRef: this.props.firstTabRefByParent,
           classProps: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-tabs",
-  "version": "2.0.0-alpha.9",
+  "version": "2.0.0-next.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tabs",
   "module": "./esm/index.js",
@@ -72,10 +72,10 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.0.0-alpha.9",
-    "@elliemae/ds-classnames": "2.0.0-alpha.9",
-    "@elliemae/ds-form": "2.0.0-alpha.9",
-    "@elliemae/ds-icons": "2.0.0-alpha.9",
+    "@elliemae/ds-button": "2.0.0-next.4",
+    "@elliemae/ds-classnames": "2.0.0-next.4",
+    "@elliemae/ds-form": "2.0.0-next.4",
+    "@elliemae/ds-icons": "2.0.0-next.4",
     "memoize-one": "~5.1.1",
     "prop-types": "~15.7.2",
     "react-desc": "^4.1.3",

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}