@elliemae/ds-tabs 2.2.0-alpha.2 → 2.2.0-beta.0

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,59 @@
-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 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) => {
+    props: {
+      onTabChange,
+      isDSMobile,
+      allowTextSelection,
+      fixedTabsHeaders
+    }
+  } = React.useContext(DSTabsCTX.DSTabsContext);
+  const centerTabWhenTabChangeMobile = React.useCallback(e => {
     if (tabsListRef.current) {
-      const { offsetLeft } = e?.target;
-      const { width: tabWidth } = (e?.target).getBoundingClientRect();
-      const { width: listWidth } = tabsListRef.current.getBoundingClientRect();
+      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
+      } = 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"
+        behavior: 'smooth'
       });
-      e?.preventDefault();
+      e === null || e === void 0 ? void 0 : e.preventDefault();
     }
   }, [tabsListRef]);
-  const handleOnTabChange = (0, import_react.useCallback)((tabId, e) => {
+  const handleOnTabChange = React.useCallback((tabId, e) => {
     setInternalActiveTab(tabId);
     onTabChange(tabId, e);
+
     if (isDSMobile && !fixedTabsHeaders && e) {
       centerTabWhenTabChangeMobile(e);
     }
   }, [centerTabWhenTabChangeMobile, fixedTabsHeaders, isDSMobile, onTabChange, setInternalActiveTab]);
-  const handleOnMouseDown = (0, import_react.useCallback)((e) => {
-    const role = e.target.getAttribute("role");
-    if (role !== "tabpanel" && allowTextSelection)
-      e.stopPropagation();
+  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';

package/esm/parts/carousel/Carousel.js

@@ -1,48 +1,61 @@
-import * as React from "react";
-import { useContext } from "react";
-import { DSIconSizes } from "@elliemae/ds-icon";
-import { BUTTON_TYPES } from "@elliemae/ds-button";
-import { ChevronRight, ChevronLeft } from "@elliemae/ds-icons";
-import { StyledCarouselBtn, StyledCarouselButtonWrapper, StyledCarouselWrapper, StyledChildrenWrap } from "./styles";
-import { useCarousel } from "./useCarousel";
-import { DSTabsContext } from "../../DSTabsCTX";
-import { DSTabsDatatestid } from "../../DSTabsDatatestid";
-const Carousel = ({ children, updateIndicatorStyle }) => {
-  const { showChevrons, leftButtonOnClick, rightButtonOnClick, handleOnClick, handleOnScroll } = useCarousel({
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
+import { DSIconSizes } from '@elliemae/ds-icon';
+import { BUTTON_TYPES } from '@elliemae/ds-button';
+import { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';
+import { StyledCarouselWrapper, StyledCarouselButtonWrapper, StyledCarouselBtn, StyledChildrenWrap } from './styles.js';
+import { useCarousel } from './useCarousel.js';
+import { DSTabsContext } from '../../DSTabsCTX.js';
+import { DSTabsDatatestid } from '../../DSTabsDatatestid.js';
+import { jsx } from 'react/jsx-runtime';
+
+const Carousel = _ref => {
+  let {
+    children,
+    updateIndicatorStyle
+  } = _ref;
+  const {
+    showChevrons,
+    leftButtonOnClick,
+    rightButtonOnClick,
+    handleOnClick,
+    handleOnScroll
+  } = useCarousel({
     updateIndicatorStyle
   });
   const {
     carouselOnlyListRef,
-    props: { type }
+    props: {
+      type
+    }
   } = useContext(DSTabsContext);
-  return /* @__PURE__ */ React.createElement(StyledCarouselWrapper, null, showChevrons.left && /* @__PURE__ */ React.createElement(StyledCarouselButtonWrapper, {
+  return /*#__PURE__*/_jsx(StyledCarouselWrapper, {}, void 0, showChevrons.left && /*#__PURE__*/_jsx(StyledCarouselButtonWrapper, {
     tabType: type
-  }, /* @__PURE__ */ React.createElement(StyledCarouselBtn, {
+  }, void 0, /*#__PURE__*/_jsx(StyledCarouselBtn, {
     size: "s",
     onClick: leftButtonOnClick,
     tabIndex: -1,
     "data-testid": DSTabsDatatestid.CAROUSEL.BUTTON_LEFT,
     buttonType: BUTTON_TYPES.ICON
-  }, /* @__PURE__ */ React.createElement(ChevronLeft, {
+  }, void 0, /*#__PURE__*/_jsx(ChevronLeft, {
     size: DSIconSizes.S
-  }))), showChevrons.right && /* @__PURE__ */ React.createElement(StyledCarouselButtonWrapper, {
+  }))), showChevrons.right && /*#__PURE__*/_jsx(StyledCarouselButtonWrapper, {
     tabType: type,
     right: showChevrons.right
-  }, /* @__PURE__ */ React.createElement(StyledCarouselBtn, {
+  }, void 0, /*#__PURE__*/_jsx(StyledCarouselBtn, {
     size: "s",
     onClick: rightButtonOnClick,
     tabIndex: -1,
     "data-testid": DSTabsDatatestid.CAROUSEL.BUTTON_RIGHT,
     buttonType: BUTTON_TYPES.ICON
-  }, /* @__PURE__ */ React.createElement(ChevronRight, {
+  }, void 0, /*#__PURE__*/_jsx(ChevronRight, {
     size: DSIconSizes.S
-  }))), /* @__PURE__ */ React.createElement(StyledChildrenWrap, {
+  }))), /*#__PURE__*/jsx(StyledChildrenWrap, {
     ref: carouselOnlyListRef,
     onClick: handleOnClick,
-    onScroll: handleOnScroll
-  }, children));
-};
-export {
-  Carousel
+    onScroll: handleOnScroll,
+    children: children
+  }));
 };
-//# sourceMappingURL=Carousel.js.map
+
+export { Carousel };