@elliemae/ds-tabs 2.2.0-alpha.3 → 2.2.0-next.2

package/cjs/utils/helpers.js

@@ -1,48 +1,17 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var helpers_exports = {};
-__export(helpers_exports, {
-  getIdByIndex: () => getIdByIndex,
-  getIndexById: () => getIndexById,
-  getVisibleDimensions: () => getVisibleDimensions,
-  isElementVisible: () => isElementVisible,
-  isElementVisibleCarousel: () => isElementVisibleCarousel,
-  shouldHaveLeftGradient: () => shouldHaveLeftGradient,
-  shouldHaveRightGradient: () => shouldHaveRightGradient
-});
-var React = __toESM(require("react"));
-var import_constants = __toESM(require("./constants"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var constants = require('./constants.js');
+
 const isElementVisible = (tab, tabList) => {
   const tabDimensions = tab.getBoundingClientRect();
   const tabListDimensions = tabList.getBoundingClientRect();
   return tabDimensions.left <= tabListDimensions.left ? tabListDimensions.left - tabDimensions.left <= tabDimensions.width : tabDimensions.right - tabListDimensions.right <= tabDimensions.width;
 };
-const isElementVisibleCarousel = (tab, tabContainer, firstOrLastItem = true) => {
+const isElementVisibleCarousel = function (tab, tabContainer) {
+  let firstOrLastItem = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+
   if (tab && tabContainer) {
     const tabDimensions = tab.getBoundingClientRect();
     const tabContainerDimensions = tabContainer.getBoundingClientRect();
@@ -53,8 +22,36 @@ const isElementVisibleCarousel = (tab, tabContainer, firstOrLastItem = true) =>
     const tabContainerDimensionsRight = Math.floor(tabContainerDimensions.right);
     return tabDimensionsLeft >= tabContainerDimensionsLeft && tabDimensionsRight <= tabContainerDimensionsRight;
   }
+
   return false;
 };
+const centerTab = _ref => {
+  let {
+    e,
+    listRef
+  } = _ref;
+
+  if (listRef.current) {
+    const {
+      offsetLeft
+    } = e === null || e === void 0 ? void 0 : e.target;
+    const {
+      width: tabWidth
+    } = (e === null || e === void 0 ? void 0 : e.target).getBoundingClientRect();
+    const {
+      width: listWidth
+    } = listRef.current.getBoundingClientRect();
+    const extraSideSpace = listWidth - tabWidth;
+    const leftOffsetToCenter = extraSideSpace > 0 ? extraSideSpace / 2 : 0;
+    const centeredLeftOffset = offsetLeft > leftOffsetToCenter ? offsetLeft - leftOffsetToCenter : 0;
+    listRef.current.scrollTo({
+      top: 0,
+      left: centeredLeftOffset,
+      behavior: 'smooth'
+    });
+    e === null || e === void 0 ? void 0 : e.preventDefault();
+  }
+};
 const getVisibleDimensions = (node, referenceNode) => {
   const nodeDimensions = node.getBoundingClientRect();
   const referenceNodeDimensions = referenceNode.getBoundingClientRect();
@@ -63,9 +60,16 @@ const getVisibleDimensions = (node, referenceNode) => {
     height: Math.min(node.clientHeight, referenceNodeDimensions.top + referenceNode.clientHeight - nodeDimensions.top, node.clientHeight - (referenceNodeDimensions.top - nodeDimensions.top))
   };
 };
-const getIndexById = (children, activeId) => children && children.findIndex((item) => item.props.tabId === activeId);
-const getIdByIndex = (children, index) => children && children[index].props.tabId || "";
-const shouldHaveLeftGradient = (scrollLeft) => Math.abs(scrollLeft) > import_constants.MOBILE_GRADIENT_WIDTH;
-const shouldHaveRightGradient = (scrollLeft, clientWidth, scrollWidth) => Math.abs(scrollLeft) <= scrollWidth - (clientWidth + import_constants.MOBILE_GRADIENT_WIDTH);
-module.exports = __toCommonJS(helpers_exports);
-//# sourceMappingURL=helpers.js.map
+const getIndexById = (children, activeId) => children && children.findIndex(item => item.props.tabId === activeId);
+const getIdByIndex = (children, index) => children && children[index].props.tabId || '';
+const shouldHaveLeftGradient = scrollLeft => Math.abs(scrollLeft) > constants.MOBILE_GRADIENT_WIDTH;
+const shouldHaveRightGradient = (scrollLeft, clientWidth, scrollWidth) => Math.abs(scrollLeft) <= scrollWidth - (clientWidth + constants.MOBILE_GRADIENT_WIDTH);
+
+exports.centerTab = centerTab;
+exports.getIdByIndex = getIdByIndex;
+exports.getIndexById = getIndexById;
+exports.getVisibleDimensions = getVisibleDimensions;
+exports.isElementVisible = isElementVisible;
+exports.isElementVisibleCarousel = isElementVisibleCarousel;
+exports.shouldHaveLeftGradient = shouldHaveLeftGradient;
+exports.shouldHaveRightGradient = shouldHaveRightGradient;

package/cjs/utils/hooks/useKeyboardNavigation.js

@@ -1,77 +1,61 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useKeyboardNavigation_exports = {};
-__export(useKeyboardNavigation_exports, {
-  useKeyboardNavigation: () => useKeyboardNavigation
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_DSTabsCTX = __toESM(require("../../DSTabsCTX"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var DSTabsCTX = require('../../DSTabsCTX.js');
+
+/* eslint-disable max-statements */
 const useKeyboardNavigation = () => {
-  const { focusableTabsRef } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
-  const { firstSubtabInternalRef, lastTabInternalRef } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsCrossRefContext);
-  const handleOnKeyDown = (0, import_react.useCallback)((e) => {
-    if (e.key === "ArrowRight" && focusableTabsRef.current) {
+  const {
+    focusableTabsRef
+  } = React.useContext(DSTabsCTX.DSTabsContext);
+  const {
+    firstSubtabInternalRef,
+    lastTabInternalRef
+  } = React.useContext(DSTabsCTX.DSTabsCrossRefContext);
+  const handleOnKeyDown = React.useCallback(e => {
+    if (e.key === 'ArrowRight' && focusableTabsRef.current) {
+      var _focusableTabsRef$cur, _focusableTabsRef$cur2;
+
       e.preventDefault();
       e.stopPropagation();
-      const nextTab = focusableTabsRef.current[focusableTabsRef?.current?.indexOf?.(e.target) + 1];
-      if (nextTab)
-        nextTab.focus();
-      if (!nextTab)
-        return;
+      const nextTab = focusableTabsRef.current[(focusableTabsRef === null || focusableTabsRef === void 0 ? void 0 : (_focusableTabsRef$cur = focusableTabsRef.current) === null || _focusableTabsRef$cur === void 0 ? void 0 : (_focusableTabsRef$cur2 = _focusableTabsRef$cur.indexOf) === null || _focusableTabsRef$cur2 === void 0 ? void 0 : _focusableTabsRef$cur2.call(_focusableTabsRef$cur, e.target)) + 1];
+      if (nextTab) nextTab.focus();
+      if (!nextTab) return;
     }
-    if (e.key === "ArrowLeft" && focusableTabsRef.current) {
+
+    if (e.key === 'ArrowLeft' && focusableTabsRef.current) {
+      var _focusableTabsRef$cur3, _focusableTabsRef$cur4;
+
       e.preventDefault();
       e.stopPropagation();
-      const prevTab = focusableTabsRef.current[focusableTabsRef?.current?.indexOf?.(e.target) - 1];
-      if (prevTab)
-        prevTab.focus();
-      if (!prevTab)
-        return;
+      const prevTab = focusableTabsRef.current[(focusableTabsRef === null || focusableTabsRef === void 0 ? void 0 : (_focusableTabsRef$cur3 = focusableTabsRef.current) === null || _focusableTabsRef$cur3 === void 0 ? void 0 : (_focusableTabsRef$cur4 = _focusableTabsRef$cur3.indexOf) === null || _focusableTabsRef$cur4 === void 0 ? void 0 : _focusableTabsRef$cur4.call(_focusableTabsRef$cur3, e.target)) - 1];
+      if (prevTab) prevTab.focus();
+      if (!prevTab) return;
     }
-    if (e.key === "ArrowDown") {
+
+    if (e.key === 'ArrowDown') {
+      var _firstSubtabInternalR;
+
       e.preventDefault();
       e.stopPropagation();
-      const canFocusCrossTabs = firstSubtabInternalRef?.current && lastTabInternalRef?.current;
-      if (canFocusCrossTabs)
-        firstSubtabInternalRef.current?.focus();
+      const canFocusCrossTabs = (firstSubtabInternalRef === null || firstSubtabInternalRef === void 0 ? void 0 : firstSubtabInternalRef.current) && (lastTabInternalRef === null || lastTabInternalRef === void 0 ? void 0 : lastTabInternalRef.current);
+      if (canFocusCrossTabs) (_firstSubtabInternalR = firstSubtabInternalRef.current) === null || _firstSubtabInternalR === void 0 ? void 0 : _firstSubtabInternalR.focus();
     }
-    if (e.key === "ArrowUp") {
+
+    if (e.key === 'ArrowUp') {
+      var _lastTabInternalRef$c;
+
       e.preventDefault();
       e.stopPropagation();
-      const canFocusCrossTabs = firstSubtabInternalRef?.current && lastTabInternalRef?.current;
-      if (canFocusCrossTabs)
-        lastTabInternalRef.current?.focus();
+      const canFocusCrossTabs = (firstSubtabInternalRef === null || firstSubtabInternalRef === void 0 ? void 0 : firstSubtabInternalRef.current) && (lastTabInternalRef === null || lastTabInternalRef === void 0 ? void 0 : lastTabInternalRef.current);
+      if (canFocusCrossTabs) (_lastTabInternalRef$c = lastTabInternalRef.current) === null || _lastTabInternalRef$c === void 0 ? void 0 : _lastTabInternalRef$c.focus();
     }
   }, [firstSubtabInternalRef, lastTabInternalRef, focusableTabsRef]);
   return {
     handleOnKeyDown
   };
 };
-module.exports = __toCommonJS(useKeyboardNavigation_exports);
-//# sourceMappingURL=useKeyboardNavigation.js.map
+
+exports.useKeyboardNavigation = useKeyboardNavigation;

package/cjs/utils/hooks/useTabsCallbacks.js

@@ -1,75 +1,41 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useTabsCallbacks_exports = {};
-__export(useTabsCallbacks_exports, {
-  useTabsCallbacks: () => useTabsCallbacks
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_DSTabsCTX = __toESM(require("../../DSTabsCTX"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var helpers = require('../helpers.js');
+var DSTabsCTX = require('../../DSTabsCTX.js');
+
 const useTabsCallbacks = () => {
   const {
     setInternalActiveTab,
     tabsListRef,
-    props: { onTabChange, isDSMobile, allowTextSelection, fixedTabsHeaders }
-  } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
-  const centerTabWhenTabChangeMobile = (0, import_react.useCallback)((e) => {
-    if (tabsListRef.current) {
-      const { offsetLeft } = e?.target;
-      const { width: tabWidth } = (e?.target).getBoundingClientRect();
-      const { width: listWidth } = tabsListRef.current.getBoundingClientRect();
-      const extraSideSpace = listWidth - tabWidth;
-      const leftOffsetToCenter = extraSideSpace > 0 ? extraSideSpace / 2 : 0;
-      const centeredLeftOffset = offsetLeft > leftOffsetToCenter ? offsetLeft - leftOffsetToCenter : 0;
-      tabsListRef.current.scrollTo({
-        top: 0,
-        left: centeredLeftOffset,
-        behavior: "smooth"
-      });
-      e?.preventDefault();
+    props: {
+      onTabChange,
+      isDSMobile,
+      allowTextSelection,
+      fixedTabsHeaders
     }
-  }, [tabsListRef]);
-  const handleOnTabChange = (0, import_react.useCallback)((tabId, e) => {
+  } = React.useContext(DSTabsCTX.DSTabsContext);
+  const handleOnTabChange = React.useCallback((tabId, e) => {
     setInternalActiveTab(tabId);
     onTabChange(tabId, e);
+
     if (isDSMobile && !fixedTabsHeaders && e) {
-      centerTabWhenTabChangeMobile(e);
+      helpers.centerTab({
+        e,
+        listRef: tabsListRef
+      });
     }
-  }, [centerTabWhenTabChangeMobile, fixedTabsHeaders, isDSMobile, onTabChange, setInternalActiveTab]);
-  const handleOnMouseDown = (0, import_react.useCallback)((e) => {
-    const role = e.target.getAttribute("role");
-    if (role !== "tabpanel" && allowTextSelection)
-      e.stopPropagation();
+  }, [fixedTabsHeaders, isDSMobile, onTabChange, setInternalActiveTab, tabsListRef]);
+  const handleOnMouseDown = React.useCallback(e => {
+    const role = e.target.getAttribute('role');
+    if (role !== 'tabpanel' && allowTextSelection) e.stopPropagation();
   }, [allowTextSelection]);
   return {
     handleOnTabChange,
     handleOnMouseDown
   };
 };
-module.exports = __toCommonJS(useTabsCallbacks_exports);
-//# sourceMappingURL=useTabsCallbacks.js.map
+
+exports.useTabsCallbacks = useTabsCallbacks;

package/esm/DSTabs.js

@@ -1,34 +1,35 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { tabsPropTypes } from "./propTypes";
-import { DSTabsContext, DSTabsCrossRefContext } from "./DSTabsCTX";
-import { TabsContent } from "./parts/tabsContent/TabsContent";
-import { useTabs } from "./config/useTabs";
-import { useCrossRef } from "./config/useCrossRef";
-import { TabTypes } from "./utils/constants";
-const DSTabs = (props) => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { describe } from 'react-desc';
+import { tabsPropTypes } from './propTypes.js';
+import { DSTabsContext, DSTabsCrossRefContext } from './DSTabsCTX.js';
+import { TabsContent } from './parts/tabsContent/TabsContent.js';
+import { useTabs } from './config/useTabs.js';
+import { useCrossRef } from './config/useCrossRef.js';
+import { TabTypes } from './utils/constants.js';
+
+var _TabsContent, _TabsContent2;
+
+const DSTabs = props => {
   const ctx = useTabs(props);
   const crossRefsCtx = useCrossRef();
-  const { type } = props;
+  const {
+    type
+  } = props;
+
   if (type === TabTypes.SUBTABS) {
-    return /* @__PURE__ */ React2.createElement(DSTabsContext.Provider, {
+    return /*#__PURE__*/_jsx(DSTabsContext.Provider, {
       value: ctx
-    }, /* @__PURE__ */ React2.createElement(TabsContent, null));
+    }, void 0, _TabsContent || (_TabsContent = /*#__PURE__*/_jsx(TabsContent, {})));
   }
-  return /* @__PURE__ */ React2.createElement(DSTabsCrossRefContext.Provider, {
+
+  return /*#__PURE__*/_jsx(DSTabsCrossRefContext.Provider, {
     value: crossRefsCtx
-  }, /* @__PURE__ */ React2.createElement(DSTabsContext.Provider, {
+  }, void 0, /*#__PURE__*/_jsx(DSTabsContext.Provider, {
     value: ctx
-  }, /* @__PURE__ */ React2.createElement(TabsContent, null)));
+  }, void 0, _TabsContent2 || (_TabsContent2 = /*#__PURE__*/_jsx(TabsContent, {}))));
 };
-DSTabs.propTypes = tabsPropTypes;
+
 const DSTabsWithSchema = describe(DSTabs);
 DSTabsWithSchema.propTypes = tabsPropTypes;
-var DSTabs_default = DSTabs;
-export {
-  DSTabs,
-  DSTabsWithSchema,
-  DSTabs_default as default
-};
-//# sourceMappingURL=DSTabs.js.map
+
+export { DSTabs, DSTabsWithSchema, DSTabs as default };

package/esm/DSTabsCTX.js

@@ -1,27 +1,25 @@
-import * as React from "react";
-import { createContext, createRef } from "react";
-import { tabsDefaultProps as defaultProps } from "./defaultProps";
-const noop = () => {
-};
+import { createContext, createRef } from 'react';
+import { tabsDefaultProps } from './defaultProps.js';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = () => {};
+
 const defaultContext = {
-  props: defaultProps,
-  tabsRef: createRef(),
-  tabsListRef: createRef(),
-  carouselOnlyListRef: createRef(),
-  focusableTabsRef: createRef(),
-  tabsRefAsArray: createRef(),
-  actualActiveTabRef: createRef(),
+  props: tabsDefaultProps,
+  tabsRef: /*#__PURE__*/createRef(),
+  tabsListRef: /*#__PURE__*/createRef(),
+  carouselOnlyListRef: /*#__PURE__*/createRef(),
+  focusableTabsRef: /*#__PURE__*/createRef(),
+  tabsRefAsArray: /*#__PURE__*/createRef(),
+  actualActiveTabRef: /*#__PURE__*/createRef(),
   setInternalActiveTab: noop,
-  actualActiveTab: ""
+  actualActiveTab: ''
 };
 const defaultCrossRefsContext = {
-  lastTabInternalRef: createRef(),
-  firstSubtabInternalRef: createRef()
-};
-const DSTabsContext = createContext(defaultContext);
-const DSTabsCrossRefContext = createContext(defaultCrossRefsContext);
-export {
-  DSTabsContext,
-  DSTabsCrossRefContext
+  lastTabInternalRef: /*#__PURE__*/createRef(),
+  firstSubtabInternalRef: /*#__PURE__*/createRef()
 };
-//# sourceMappingURL=DSTabsCTX.js.map
+const DSTabsContext = /*#__PURE__*/createContext(defaultContext);
+const DSTabsCrossRefContext = /*#__PURE__*/createContext(defaultCrossRefsContext);
+
+export { DSTabsContext, DSTabsCrossRefContext };

package/esm/DSTabsDatatestid.js

@@ -1,17 +1,14 @@
-import * as React from "react";
 const DSTabsDatatestid = {
-  TABS_CONTAINER: "ds-tabs-container",
-  TAB_BUTTON: "ds-tabs-tab-button",
-  SUBTAB_BUTTON: "ds-tabs-subtab-button",
-  TAB_PANEL: "ds-tabs-tab-panel",
-  SUB_TAB_LIST: "subtabs-list",
-  TAB_LIST: "tab-list",
+  TABS_CONTAINER: 'ds-tabs-container',
+  TAB_BUTTON: 'ds-tabs-tab-button',
+  SUBTAB_BUTTON: 'ds-tabs-subtab-button',
+  TAB_PANEL: 'ds-tabs-tab-panel',
+  SUB_TAB_LIST: 'subtabs-list',
+  TAB_LIST: 'tab-list',
   CAROUSEL: {
-    BUTTON_RIGHT: "chevron-right",
-    BUTTON_LEFT: "chevron-left"
+    BUTTON_RIGHT: 'chevron-right',
+    BUTTON_LEFT: 'chevron-left'
   }
 };
-export {
-  DSTabsDatatestid
-};
-//# sourceMappingURL=DSTabsDatatestid.js.map
+
+export { DSTabsDatatestid };

package/esm/DSTabsTypes.js

@@ -1,2 +1 @@
-import * as React from "react";
-//# sourceMappingURL=DSTabsTypes.js.map
+

package/esm/config/useCrossRef.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { useRef, useMemo } from "react";
+import { useRef, useMemo } from 'react';
+
 const useCrossRef = () => {
   const firstSubtabInternalRef = useRef();
   const lastTabInternalRef = useRef();
@@ -9,7 +9,5 @@ const useCrossRef = () => {
   }), []);
   return ctx;
 };
-export {
-  useCrossRef
-};
-//# sourceMappingURL=useCrossRef.js.map
+
+export { useCrossRef };

package/esm/config/useTabs.js

@@ -1,24 +1,34 @@
-import * as React from "react";
-import { useRef, useState, useMemo, useEffect } from "react";
-import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
-import { tabsDefaultProps } from "../defaultProps";
-const useTabs = (props) => {
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import { useRef, useState, useMemo, useEffect } from 'react';
+import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
+import { tabsDefaultProps } from '../defaultProps.js';
+
+const useTabs = props => {
+  var _children$, _children$$props;
+
   const propsWithDefaults = useMemoMergePropsWithDefault(props, tabsDefaultProps);
-  const { activeTab, children } = propsWithDefaults;
+  const {
+    activeTab,
+    children
+  } = propsWithDefaults;
   const tabsRef = useRef({});
   const tabsRefAsArray = useRef([]);
   const focusableTabsRef = useRef([]);
   const carouselOnlyListRef = useRef(null);
   const tabsListRef = useRef(null);
   const actualActiveTabRef = useRef(null);
-  const [internalActiveTab, setInternalActiveTab] = useState(children?.[0]?.props?.tabId);
+  const [internalActiveTab, setInternalActiveTab] = useState(children === null || children === void 0 ? void 0 : (_children$ = children[0]) === null || _children$ === void 0 ? void 0 : (_children$$props = _children$.props) === null || _children$$props === void 0 ? void 0 : _children$$props.tabId);
   const actualActiveTab = useMemo(() => {
-    if (activeTab !== void 0)
-      return activeTab;
+    if (activeTab !== undefined) return activeTab;
     return internalActiveTab;
   }, [activeTab, internalActiveTab]);
   useEffect(() => {
-    actualActiveTabRef.current = focusableTabsRef.current.find((el) => el.dataset.tabId === actualActiveTab) ?? null;
+    var _focusableTabsRef$cur;
+
+    actualActiveTabRef.current = (_focusableTabsRef$cur = focusableTabsRef.current.find(el => el.dataset.tabId === actualActiveTab)) !== null && _focusableTabsRef$cur !== void 0 ? _focusableTabsRef$cur : null;
   }, [actualActiveTab]);
   const ctx = useMemo(() => ({
     props: propsWithDefaults,
@@ -33,7 +43,5 @@ const useTabs = (props) => {
   }), [actualActiveTab, propsWithDefaults]);
   return ctx;
 };
-export {
-  useTabs
-};
-//# sourceMappingURL=useTabs.js.map
+
+export { useTabs };

package/esm/defaultProps.js

@@ -1,14 +1,15 @@
-import * as React from "react";
-import { TabTypes } from "./utils/constants";
-const noop = () => {
-};
+import { TabTypes } from './utils/constants.js';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = () => {};
+
 const tabsDefaultProps = {
   containerProps: {},
   animated: true,
   enableMouseEvents: false,
   allowTextSelection: false,
   onTabChange: noop,
-  tabsListAriaLabel: "Tab list",
+  tabsListAriaLabel: 'Tab list',
   type: TabTypes.NORMAL,
   onlyRenderActiveTab: false,
   withCarousel: false,
@@ -18,7 +19,5 @@ const tabsDefaultProps = {
   fixedTabsHeaders: false,
   showSeparator: true
 };
-export {
-  tabsDefaultProps
-};
-//# sourceMappingURL=defaultProps.js.map
+
+export { tabsDefaultProps };

package/esm/exportsRelated/DSTab.js

@@ -1,17 +1,21 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { tabPropTypes } from "../propTypes";
-const DSTab = (props) => /* @__PURE__ */ React2.createElement(React2.Fragment, {
-  ...props
-});
-DSTab.propTypes = tabPropTypes;
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import React from 'react';
+import { describe } from 'react-desc';
+import { tabPropTypes } from '../propTypes.js';
+import { jsx } from 'react/jsx-runtime';
+
+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; }
+
+const DSTab = props => /*#__PURE__*/jsx(React.Fragment, _objectSpread({}, props));
+
 const DSTabWithSchema = describe(DSTab);
 DSTabWithSchema.propTypes = tabPropTypes;
-var DSTab_default = DSTab;
-export {
-  DSTab,
-  DSTabWithSchema,
-  DSTab_default as default
-};
-//# sourceMappingURL=DSTab.js.map
+
+export { DSTab, DSTabWithSchema, DSTab as default };

package/esm/index.js

@@ -1,9 +1,4 @@
-import * as React from "react";
-export * from "./exportsRelated/DSTab";
-export * from "./DSTabs";
-import { TabTypes } from "./utils/constants";
-export * from "./DSTabsDatatestid";
-export {
-  TabTypes
-};
-//# sourceMappingURL=index.js.map
+export { DSTab, DSTabWithSchema } from './exportsRelated/DSTab.js';
+export { DSTabs, DSTabsWithSchema } from './DSTabs.js';
+export { TabTypes } from './utils/constants.js';
+export { DSTabsDatatestid } from './DSTabsDatatestid.js';