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

package/esm/parts/tabsPanel/TabsPanels.js

@@ -1,50 +1,67 @@
-import * as React from "react";
-import React2, { useMemo, useContext, useCallback } from "react";
-import SwipeableViews from "react-swipeable-views";
-import { getIdByIndex, getIndexById } from "../../utils/helpers";
-import { StyledPanelContainer } from "./styles";
-import { DSTabsContext } from "../../DSTabsCTX";
-import { useTabsCallbacks } from "../../utils/hooks/useTabsCallbacks";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import React, { useContext, useCallback, useMemo } from 'react';
+import SwipeableViews from 'react-swipeable-views';
+import { getIdByIndex, getIndexById } from '../../utils/helpers.js';
+import { StyledPanelContainer } from './styles.js';
+import { DSTabsContext } from '../../DSTabsCTX.js';
+import { useTabsCallbacks } from '../../utils/hooks/useTabsCallbacks.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
 const TabsPanels = () => {
   const {
     actualActiveTab,
     focusableTabsRef,
-    props: { animated, enableMouseEvents, onlyRenderActiveTab, children: tabs, isDSMobile }
+    props: {
+      animated,
+      enableMouseEvents,
+      onlyRenderActiveTab,
+      children: tabs,
+      isDSMobile
+    }
   } = useContext(DSTabsContext);
-  const { handleOnTabChange, handleOnMouseDown } = useTabsCallbacks();
-  const handleOnChangeIndex = useCallback((index) => {
+  const {
+    handleOnTabChange,
+    handleOnMouseDown
+  } = useTabsCallbacks();
+  const handleOnChangeIndex = useCallback(index => {
     handleOnTabChange(getIdByIndex(tabs, index));
-    if (focusableTabsRef.current)
-      focusableTabsRef.current[index].click();
+    if (focusableTabsRef.current) focusableTabsRef.current[index].click();
   }, [focusableTabsRef, handleOnTabChange, tabs]);
-  const panels = useMemo(() => React2.Children.map(tabs, (tab) => {
-    const { tabId: panelId = "", style, children: content } = tab.props;
+  const panels = useMemo(() => React.Children.map(tabs, tab => {
+    const {
+      tabId: panelId = '',
+      style,
+      children: content
+    } = tab.props;
     const isActive = actualActiveTab === panelId;
     const shouldRender = !onlyRenderActiveTab || isActive;
-    return shouldRender && /* @__PURE__ */ React2.createElement(StyledPanelContainer, {
-      key: panelId,
+    return shouldRender && /*#__PURE__*/_jsx(StyledPanelContainer, {
       id: panelId,
-      "aria-labelledby": `${panelId}-label`,
+      "aria-labelledby": "".concat(panelId, "-label"),
       "aria-hidden": !isActive,
       "data-panel-id": panelId,
       "data-testid": "ds-tabs-tab-panel",
       hidden: !isActive,
       onMouseDown: handleOnMouseDown,
       role: "tabpanel",
-      style,
-      isDSMobile
-    }, content);
+      style: style,
+      isDSMobile: isDSMobile
+    }, panelId, content);
   }), [actualActiveTab, handleOnMouseDown, isDSMobile, onlyRenderActiveTab, tabs]);
+
   if (animated) {
-    return /* @__PURE__ */ React2.createElement(SwipeableViews, {
-      enableMouseEvents,
+    return /*#__PURE__*/_jsx(SwipeableViews, {
+      enableMouseEvents: enableMouseEvents,
       index: getIndexById(tabs, actualActiveTab),
       onChangeIndex: handleOnChangeIndex
-    }, panels);
+    }, void 0, panels);
   }
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, panels);
-};
-export {
-  TabsPanels
+
+  return /*#__PURE__*/jsx(Fragment, {
+    children: panels
+  });
 };
-//# sourceMappingURL=TabsPanels.js.map
+
+export { TabsPanels };

package/esm/parts/tabsPanel/styles.js

@@ -1,16 +1,17 @@
-import * as React from "react";
-import styled from "styled-components";
-const StyledPanelContainer = styled.div`
-  padding-top: 8px;
-  &:focus {
-    outline: none;
-  }
+import styled from 'styled-components';
 
-  ${({ hidden }) => hidden ? "visibility: hidden;" : ""}
+const StyledPanelContainer = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-oxw5jq-0"
+})(["padding-top:8px;&:focus{outline:none;}", " ", ""], _ref => {
+  let {
+    hidden
+  } = _ref;
+  return hidden ? 'visibility: hidden;' : '';
+}, _ref2 => {
+  let {
+    isDSMobile
+  } = _ref2;
+  return isDSMobile ? "padding-top: 0;" : "";
+});
 
-  ${({ isDSMobile }) => isDSMobile ? `padding-top: 0;` : ``}
-`;
-export {
-  StyledPanelContainer
-};
-//# sourceMappingURL=styles.js.map
+export { StyledPanelContainer };

package/esm/propTypes.js

@@ -1,29 +1,28 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-import { TabTypesValuesAsArray } from "./utils/constants";
+import { PropTypes } from 'react-desc';
+import { TabTypesValuesAsArray } from './utils/constants.js';
+
 const tabPropTypes = {
-  tabId: PropTypes.string.description("Unique Tab id.").defaultValue(""),
-  title: PropTypes.string.description("Tab title.").defaultValue(""),
-  required: PropTypes.bool.description("Show a required mark next to the title.").defaultValue(false),
-  disabled: PropTypes.bool.description("Disables Tab.").defaultValue(false)
+  tabId: PropTypes.string.description('Unique Tab id.').defaultValue(''),
+  title: PropTypes.string.description('Tab title.').defaultValue(''),
+  required: PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),
+  disabled: PropTypes.bool.description('Disables Tab.').defaultValue(false)
 };
 const tabsPropTypes = {
-  animated: PropTypes.bool.description("Whether the Tab transition should animate or not.").defaultValue(true),
-  enableMouseEvents: PropTypes.bool.description("Enables Tab transition with mouse drag events.").defaultValue(false),
-  allowTextSelection: PropTypes.bool.description("Allows text selection when mouse drag events are active.").defaultValue(false),
-  onTabChange: PropTypes.func.description("Handler when a user clicks on a different Tab.").defaultValue("() => {}"),
-  type: PropTypes.oneOf(TabTypesValuesAsArray).description("Tab type.").defaultValue(TabTypesValuesAsArray[0]),
-  tabBarExtraContent: PropTypes.element.description("Extra content next to the Tab Bar.").defaultValue(void 0),
-  onlyRenderActiveTab: PropTypes.bool.description("Only renders the active Tab in the DOM.").defaultValue(false),
-  withCarousel: PropTypes.bool.description("Activate carousel behavior.").defaultValue(false),
-  activeTab: PropTypes.string.description("Passing a value makes DSTabs a controlled component.").defaultValue("First DSTab children."),
-  children: PropTypes.node.description("Use DSTab component as children.").isRequired,
-  tabsListAriaLabel: PropTypes.string.description("Aria label for the list.").defaultValue("Tab list."),
-  containerProps: PropTypes.object.description("Additional properties for the container.").defaultValue({}),
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description("Ref to the container.").defaultValue(void 0)
+  animated: PropTypes.bool.description('Whether the Tab transition should animate or not.').defaultValue(true),
+  enableMouseEvents: PropTypes.bool.description('Enables Tab transition with mouse drag events.').defaultValue(false),
+  allowTextSelection: PropTypes.bool.description('Allows text selection when mouse drag events are active.').defaultValue(false),
+  onTabChange: PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),
+  type: PropTypes.oneOf(TabTypesValuesAsArray).description('Tab type.').defaultValue(TabTypesValuesAsArray[0]),
+  tabBarExtraContent: PropTypes.element.description('Extra content next to the Tab Bar.').defaultValue(undefined),
+  onlyRenderActiveTab: PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),
+  withCarousel: PropTypes.bool.description('Activate carousel behavior.').defaultValue(false),
+  activeTab: PropTypes.string.description('Passing a value makes DSTabs a controlled component.').defaultValue('First DSTab children.'),
+  children: PropTypes.node.description('Use DSTab component as children.').isRequired,
+  tabsListAriaLabel: PropTypes.string.description('Aria label for the list.').defaultValue('Tab list.'),
+  containerProps: PropTypes.object.description('Additional properties for the container.').defaultValue({}),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
+  })]).description('Ref to the container.').defaultValue(undefined)
 };
-export {
-  tabPropTypes,
-  tabsPropTypes
-};
-//# sourceMappingURL=propTypes.js.map
+
+export { tabPropTypes, tabsPropTypes };

package/esm/utils/constants.js

@@ -1,15 +1,14 @@
-import * as React from "react";
 const TabTypes = {
-  NORMAL: "normal",
-  NORMAL_SMALL: "normal_small",
-  SUBTABS: "subtabs"
+  NORMAL: 'normal',
+  NORMAL_SMALL: 'normal_small',
+  SUBTABS: 'subtabs'
 };
 const TabTypesValuesAsArray = Object.values(TabTypes);
 const MOBILE_GRADIENT_WIDTH = 24;
 const defaultIndicatorStyles = {
-  left: "0px",
-  width: "0px",
-  backgroundWithTransparent: ""
+  left: '0px',
+  width: '0px',
+  backgroundWithTransparent: ''
 };
 const gradientOffsetsAccordingType = {
   normal_small: 14,
@@ -17,11 +16,5 @@ const gradientOffsetsAccordingType = {
   subtabs: 16,
   fixedTabsHeaders: 0
 };
-export {
-  MOBILE_GRADIENT_WIDTH,
-  TabTypes,
-  TabTypesValuesAsArray,
-  defaultIndicatorStyles,
-  gradientOffsetsAccordingType
-};
-//# sourceMappingURL=constants.js.map
+
+export { MOBILE_GRADIENT_WIDTH, TabTypes, TabTypesValuesAsArray, defaultIndicatorStyles, gradientOffsetsAccordingType };

package/esm/utils/helpers.js

@@ -1,11 +1,13 @@
-import * as React from "react";
-import { MOBILE_GRADIENT_WIDTH } from "./constants";
+import { MOBILE_GRADIENT_WIDTH } from './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();
@@ -16,6 +18,7 @@ const isElementVisibleCarousel = (tab, tabContainer, firstOrLastItem = true) =>
     const tabContainerDimensionsRight = Math.floor(tabContainerDimensions.right);
     return tabDimensionsLeft >= tabContainerDimensionsLeft && tabDimensionsRight <= tabContainerDimensionsRight;
   }
+
   return false;
 };
 const getVisibleDimensions = (node, referenceNode) => {
@@ -26,17 +29,9 @@ 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) > MOBILE_GRADIENT_WIDTH;
+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) > MOBILE_GRADIENT_WIDTH;
 const shouldHaveRightGradient = (scrollLeft, clientWidth, scrollWidth) => Math.abs(scrollLeft) <= scrollWidth - (clientWidth + MOBILE_GRADIENT_WIDTH);
-export {
-  getIdByIndex,
-  getIndexById,
-  getVisibleDimensions,
-  isElementVisible,
-  isElementVisibleCarousel,
-  shouldHaveLeftGradient,
-  shouldHaveRightGradient
-};
-//# sourceMappingURL=helpers.js.map
+
+export { getIdByIndex, getIndexById, getVisibleDimensions, isElementVisible, isElementVisibleCarousel, shouldHaveLeftGradient, shouldHaveRightGradient };

package/esm/utils/hooks/useKeyboardNavigation.js

@@ -1,48 +1,57 @@
-import * as React from "react";
-import { useCallback, useContext } from "react";
-import { DSTabsContext, DSTabsCrossRefContext } from "../../DSTabsCTX";
+import { useContext, useCallback } from 'react';
+import { DSTabsContext, DSTabsCrossRefContext } from '../../DSTabsCTX.js';
+
+/* eslint-disable max-statements */
 const useKeyboardNavigation = () => {
-  const { focusableTabsRef } = useContext(DSTabsContext);
-  const { firstSubtabInternalRef, lastTabInternalRef } = useContext(DSTabsCrossRefContext);
-  const handleOnKeyDown = useCallback((e) => {
-    if (e.key === "ArrowRight" && focusableTabsRef.current) {
+  const {
+    focusableTabsRef
+  } = useContext(DSTabsContext);
+  const {
+    firstSubtabInternalRef,
+    lastTabInternalRef
+  } = useContext(DSTabsCrossRefContext);
+  const handleOnKeyDown = 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
   };
 };
-export {
-  useKeyboardNavigation
-};
-//# sourceMappingURL=useKeyboardNavigation.js.map
+
+export { useKeyboardNavigation };

package/esm/utils/hooks/useTabsCallbacks.js

@@ -1,46 +1,55 @@
-import * as React from "react";
-import { useCallback, useContext } from "react";
-import { DSTabsContext } from "../../DSTabsCTX";
+import { useContext, useCallback } from 'react';
+import { DSTabsContext } from '../../DSTabsCTX.js';
+
 const useTabsCallbacks = () => {
   const {
     setInternalActiveTab,
     tabsListRef,
-    props: { onTabChange, isDSMobile, allowTextSelection, fixedTabsHeaders }
+    props: {
+      onTabChange,
+      isDSMobile,
+      allowTextSelection,
+      fixedTabsHeaders
+    }
   } = useContext(DSTabsContext);
-  const centerTabWhenTabChangeMobile = useCallback((e) => {
+  const centerTabWhenTabChangeMobile = 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 = useCallback((tabId, e) => {
     setInternalActiveTab(tabId);
     onTabChange(tabId, e);
+
     if (isDSMobile && !fixedTabsHeaders && e) {
       centerTabWhenTabChangeMobile(e);
     }
   }, [centerTabWhenTabChangeMobile, fixedTabsHeaders, isDSMobile, onTabChange, setInternalActiveTab]);
-  const handleOnMouseDown = useCallback((e) => {
-    const role = e.target.getAttribute("role");
-    if (role !== "tabpanel" && allowTextSelection)
-      e.stopPropagation();
+  const handleOnMouseDown = useCallback(e => {
+    const role = e.target.getAttribute('role');
+    if (role !== 'tabpanel' && allowTextSelection) e.stopPropagation();
   }, [allowTextSelection]);
   return {
     handleOnTabChange,
     handleOnMouseDown
   };
 };
-export {
-  useTabsCallbacks
-};
-//# sourceMappingURL=useTabsCallbacks.js.map
+
+export { useTabsCallbacks };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-tabs",
-  "version": "2.2.0-alpha.2",
+  "version": "2.2.0-beta.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tabs",
   "module": "./esm/index.js",
@@ -128,11 +128,11 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.2.0-alpha.2",
-    "@elliemae/ds-icon": "2.2.0-alpha.2",
-    "@elliemae/ds-icons": "2.2.0-alpha.2",
-    "@elliemae/ds-props-helpers": "2.2.0-alpha.2",
-    "@elliemae/ds-system": "2.2.0-alpha.2",
+    "@elliemae/ds-button": "2.2.0-beta.0",
+    "@elliemae/ds-icon": "2.2.0-beta.0",
+    "@elliemae/ds-icons": "2.2.0-beta.0",
+    "@elliemae/ds-props-helpers": "2.2.0-beta.0",
+    "@elliemae/ds-system": "2.2.0-beta.0",
     "@react-hook/resize-observer": "~1.2.5",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",

package/types/DSTabs.d.ts

@@ -1,9 +1,9 @@
 /// <reference path="../../../../shared/typings/react-desc.d.ts" />
-import React from 'react';
+import type { WeakValidationMap } from 'react';
 import type { DSTabsPropsT } from './DSTabsTypes';
 declare const DSTabs: {
     (props: DSTabsPropsT): JSX.Element;
-    propTypes: React.WeakValidationMap<unknown>;
+    propTypes: WeakValidationMap<unknown>;
 };
 declare const DSTabsWithSchema: {
     (props?: DSTabsPropsT | undefined): JSX.Element;

package/cjs/DSTabs.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSTabs.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport type { WeakValidationMap } from 'react';\nimport { describe } from 'react-desc';\nimport { tabsPropTypes } from './propTypes';\nimport { DSTabsContext, DSTabsCrossRefContext } from './DSTabsCTX';\nimport { TabsContent } from './parts/tabsContent/TabsContent';\nimport { useTabs } from './config/useTabs';\nimport { useCrossRef } from './config/useCrossRef';\nimport { TabTypes } from './utils/constants';\nimport type { DSTabsPropsT } from './DSTabsTypes';\n\nconst DSTabs = (props: DSTabsPropsT): JSX.Element => {\n  const ctx = useTabs(props);\n  const crossRefsCtx = useCrossRef();\n\n  const { type } = props;\n\n  if (type === TabTypes.SUBTABS) {\n    return (\n      <DSTabsContext.Provider value={ctx}>\n        <TabsContent />\n      </DSTabsContext.Provider>\n    );\n  }\n\n  return (\n    <DSTabsCrossRefContext.Provider value={crossRefsCtx}>\n      <DSTabsContext.Provider value={ctx}>\n        <TabsContent />\n      </DSTabsContext.Provider>\n    </DSTabsCrossRefContext.Provider>\n  );\n};\n\nDSTabs.propTypes = tabsPropTypes as WeakValidationMap<unknown>;\nconst DSTabsWithSchema = describe<DSTabsPropsT>(DSTabs);\nDSTabsWithSchema.propTypes = tabsPropTypes;\n\nexport { DSTabs, DSTabsWithSchema };\nexport default DSTabs;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,wBAAyB;AACzB,uBAA8B;AAC9B,uBAAqD;AACrD,yBAA4B;AAC5B,qBAAwB;AACxB,yBAA4B;AAC5B,uBAAyB;AAGzB,MAAM,SAAS,CAAC,UAAqC;AACnD,QAAM,MAAM,4BAAQ;AACpB,QAAM,eAAe;AAErB,QAAM,EAAE,SAAS;AAEjB,MAAI,SAAS,0BAAS,SAAS;AAC7B,WACE,mDAAC,+BAAc,UAAf;AAAA,MAAwB,OAAO;AAAA,OAC7B,mDAAC,gCAAD;AAAA;AAKN,SACE,mDAAC,uCAAsB,UAAvB;AAAA,IAAgC,OAAO;AAAA,KACrC,mDAAC,+BAAc,UAAf;AAAA,IAAwB,OAAO;AAAA,KAC7B,mDAAC,gCAAD;AAAA;AAMR,OAAO,YAAY;AACnB,MAAM,mBAAmB,gCAAuB;AAChD,iBAAiB,YAAY;AAG7B,IAAO,iBAAQ;",
-  "names": []
-}

package/cjs/DSTabsCTX.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSTabsCTX.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { createContext, createRef } from 'react';\nimport { tabsDefaultProps as defaultProps } from './defaultProps';\nimport type { DSTabsUseCrossRefContextT, DSTabsUseTabsContextT } from './DSTabsTypes';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst defaultContext = {\n  props: defaultProps,\n  tabsRef: createRef<Record<number, HTMLButtonElement> | null>(),\n  tabsListRef: createRef<HTMLDivElement | null>(),\n  carouselOnlyListRef: createRef<HTMLDivElement | null>(),\n  focusableTabsRef: createRef<HTMLButtonElement[] | null>(),\n  tabsRefAsArray: createRef<HTMLButtonElement[] | null>(),\n  actualActiveTabRef: createRef<HTMLButtonElement | null>(),\n  setInternalActiveTab: noop,\n  actualActiveTab: '',\n};\n\nconst defaultCrossRefsContext = {\n  lastTabInternalRef: createRef<HTMLButtonElement | null>(),\n  firstSubtabInternalRef: createRef<HTMLButtonElement | null>(),\n};\n\nexport const DSTabsContext = createContext<DSTabsUseTabsContextT>(defaultContext);\nexport const DSTabsCrossRefContext = createContext<DSTabsUseCrossRefContextT>(defaultCrossRefsContext);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAiD;AAIjD,MAAM,OAAO,MAAM;AAAA;AAEnB,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,iBAAiB;AAAA;AAGnB,MAAM,0BAA0B;AAAA,EAC9B,oBAAoB;AAAA,EACpB,wBAAwB;AAAA;AAGnB,MAAM,gBAAgB,gCAAqC;AAC3D,MAAM,wBAAwB,gCAAyC;",
-  "names": []
-}

package/cjs/DSTabsDatatestid.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSTabsDatatestid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSTabsDatatestid = {\n  TABS_CONTAINER: 'ds-tabs-container',\n  TAB_BUTTON: 'ds-tabs-tab-button',\n  SUBTAB_BUTTON: 'ds-tabs-subtab-button',\n  TAB_PANEL: 'ds-tabs-tab-panel',\n  SUB_TAB_LIST: 'subtabs-list',\n  TAB_LIST: 'tab-list',\n  CAROUSEL: {\n    BUTTON_RIGHT: 'chevron-right',\n    BUTTON_LEFT: 'chevron-left',\n  },\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;AAAA,EAC9B,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AAAA,IACR,cAAc;AAAA,IACd,aAAa;AAAA;AAAA;",
-  "names": []
-}

package/cjs/DSTabsTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSTabsTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport type React from 'react';\nimport { TabTypes } from './utils/constants';\n\n// **** **** **** **** **** **** **** ****  CONSTANT TYPES **** **** **** **** **** **** **** **** **** //\n\ntype TabTypesT = typeof TabTypes[keyof typeof TabTypes];\n\n// **** **** **** **** **** **** **** ****  COMPONENT TYPES **** **** **** **** **** **** **** **** **** //\n\nexport interface DSTabsPropsT {\n  containerProps?: Record<string, unknown>;\n  innerRef?: React.MutableRefObject<HTMLDivElement>;\n  animated?: boolean;\n  enableMouseEvents?: boolean;\n  allowTextSelection?: boolean;\n  onTabChange?: (tabId: string, e?: React.MouseEvent) => void;\n  tabsListAriaLabel?: string;\n  type?: TabTypesT;\n  tabBarExtraContent?: React.ReactNode;\n  children: React.ReactElement<DSTabPropsWithDefaultT>[];\n  onlyRenderActiveTab?: boolean;\n  activeTab?: string;\n  withCarousel?: boolean;\n  firstSubtabRef?: React.MutableRefObject<HTMLElement>;\n  lastTabRef?: React.MutableRefObject<HTMLElement>;\n  fixedTabsHeaders?: boolean;\n  isDSMobile?: boolean;\n  showSelectionIndicator?: boolean;\n  showSeparator?: boolean;\n}\n\nexport interface DSTabsPropsWithDefaultsT {\n  containerProps: Record<string, unknown>;\n  innerRef?: React.MutableRefObject<HTMLDivElement>;\n  animated: boolean;\n  enableMouseEvents: boolean;\n  allowTextSelection: boolean;\n  onTabChange: (tabId: string, e?: React.MouseEvent) => void;\n  tabsListAriaLabel: string;\n  type: TabTypesT;\n  tabBarExtraContent?: React.ReactNode;\n  children: React.ReactElement<DSTabPropsWithDefaultT>[];\n  onlyRenderActiveTab: boolean;\n  activeTab?: string;\n  withCarousel: boolean;\n  firstSubtabRef?: React.MutableRefObject<HTMLElement>;\n  lastTabRef?: React.MutableRefObject<HTMLElement>;\n  fixedTabsHeaders: boolean;\n  isDSMobile: boolean;\n  showSelectionIndicator: boolean;\n  showSeparator: boolean;\n}\n\nexport interface DSTabsDefaultPropsT {\n  containerProps: Record<string, unknown>;\n  animated: boolean;\n  enableMouseEvents: boolean;\n  allowTextSelection: boolean;\n  onTabChange: (tabId: string, e?: React.MouseEvent) => void;\n  tabsListAriaLabel: string;\n  type: TabTypesT;\n  onlyRenderActiveTab: boolean;\n  fixedTabsHeaders: boolean;\n  children: React.ReactElement<DSTabPropsWithDefaultT>[];\n  withCarousel: boolean;\n  isDSMobile: boolean;\n  showSelectionIndicator: boolean;\n  showSeparator: boolean;\n}\n\nexport interface CarouselPropsT {\n  children: React.ReactNode[];\n  updateIndicatorStyle?: () => void;\n}\n\nexport interface DSTabPropsT {\n  tabId: string;\n  title?: string;\n  required?: boolean;\n  children?: React.ReactNode;\n  style?: Record<string, unknown>;\n  disabled?: boolean;\n  ref?: React.MutableRefObject<HTMLButtonElement>;\n  onClick?: (tabId: string, e: React.MouseEvent) => null | void;\n  onKeyDown?: (e: React.KeyboardEvent) => null | void;\n}\n\nexport interface DSTabPropsWithDefaultT {\n  tabId: string;\n  title: string;\n  required: boolean;\n  children?: React.ReactNode;\n  style?: Record<string, unknown>;\n  disabled: boolean;\n  ref?: React.MutableRefObject<HTMLButtonElement>;\n  onClick?: (tabId: string, e: React.MouseEvent) => null | void;\n  onKeyDown?: (e: React.KeyboardEvent) => null | void;\n}\n\nexport interface CarouselButtonsPropsT {\n  leftButtonOnClick: () => void;\n  rightButtonOnClick: () => void;\n  showChevrons: ShowChevronsT;\n  type: TabTypesT;\n}\n\n// **** **** **** **** **** **** **** ****  CONTEXT AND HOOK TYPES **** **** **** **** **** **** **** **** **** //\n\nexport interface DSTabsUseCrossRefContextT {\n  lastTabInternalRef: React.MutableRefObject<HTMLButtonElement | null | undefined>;\n  firstSubtabInternalRef: React.MutableRefObject<HTMLButtonElement | null | undefined>;\n}\n\nexport interface DSTabsUseTabsContextT {\n  props: DSTabsPropsWithDefaultsT;\n  tabsRef: React.MutableRefObject<Record<number, HTMLButtonElement> | null>;\n  focusableTabsRef: React.MutableRefObject<HTMLButtonElement[] | null>;\n  tabsListRef: React.MutableRefObject<HTMLDivElement | null>;\n  tabsRefAsArray: React.MutableRefObject<HTMLButtonElement[] | null>;\n  actualActiveTabRef: React.MutableRefObject<HTMLButtonElement | null>;\n  carouselOnlyListRef: React.MutableRefObject<HTMLDivElement | null>;\n  setInternalActiveTab: React.Dispatch<React.SetStateAction<string>>;\n  actualActiveTab: string;\n}\n\nexport interface UseRezisePropsT {\n  ref: React.MutableRefObject<HTMLDivElement | null>;\n  callback: () => void;\n}\n\nexport interface UseCarouselPropsT {\n  updateIndicatorStyle?: () => void;\n}\n\nexport interface ShowChevronsT {\n  right: boolean;\n  left: boolean;\n}\n\nexport interface MobileGradientsT {\n  right: boolean;\n  left: boolean;\n}\n\nexport interface IndicatorStyleT {\n  left: string;\n  width: string;\n  backgroundWithTransparent: string;\n}\nexport interface UseCarouselReturnTypeT {\n  showChevrons: ShowChevronsT;\n  leftButtonOnClick: () => void;\n  rightButtonOnClick: () => void;\n  handleOnClick: (e: React.MouseEvent) => void;\n  handleOnScroll: (e: React.UIEvent) => void;\n}\n\nexport interface UseCarouselCallbacksPropsT {\n  getVisibleItemsOffset: () => number;\n  recalcChevrons: () => void;\n  updateIndicatorStyle?: () => void;\n}\n\nexport interface UseCarouselCallbacksReturnTypeT {\n  leftButtonOnClick: () => void;\n  rightButtonOnClick: () => void;\n  handleOnClick: (e: React.MouseEvent) => void;\n  handleOnScroll: (e: React.UIEvent) => void;\n}\n\nexport interface UseKeyboardNavigationReturnTypeT {\n  handleOnKeyDown: (e: React.KeyboardEvent) => void;\n}\n\nexport interface UseTabsCallbacksReturnTypeT {\n  handleOnTabChange: (tabId: string, e?: React.MouseEvent) => void;\n  handleOnMouseDown: (e: React.MouseEvent) => void;\n}\n\nexport interface UseTabBarReturnTypeT {\n  updateIndicatorStyle: () => void;\n  updateMobileGradients: () => void;\n  setIndicatorStyle: React.Dispatch<React.SetStateAction<IndicatorStyleT>>;\n  indicatorStyle: IndicatorStyleT;\n  mobileGradients: MobileGradientsT;\n}\n\n// **** **** **** **** **** **** **** ****  HELPERS TYPES **** **** **** **** **** **** **** **** **** //\n\nexport interface VisibleDimensionsT {\n  width: number;\n  height: number;\n}\n\n// **** **** **** **** **** **** **** ****  STYLED TYPES **** **** **** **** **** **** **** **** **** //\n\nexport interface StyledTabWrapperPropsT {\n  isDSMobile: boolean;\n  fixedTabsHeaders: boolean;\n}\n\nexport interface StyledTabListPropsT {\n  withCarousel: boolean;\n  isDSMobile: boolean;\n  fixedTabsHeaders: boolean;\n  mobileGradients: MobileGradientsT;\n  indicatorStyle: IndicatorStyleT;\n  tabType: TabTypesT;\n}\n\nexport interface StyledSubTabsListPropsT {\n  withCarousel: boolean;\n}\n\nexport interface StyledTabButtonPropsT {\n  isActive: boolean;\n  disabled: boolean;\n  showSeparator: boolean;\n  isDSMobile: boolean;\n  fixedTabsHeaders: boolean;\n  withCarousel: boolean;\n  tabType: TabTypesT;\n}\n\nexport interface StyledCarouselButtonWrapperPropsT {\n  right?: boolean;\n  tabType: TabTypesT;\n}\n\nexport interface StyledPanelContainerPropsT {\n  hidden: boolean;\n  isDSMobile: boolean;\n}\n\nexport interface StyledSelectionIndicatoPropsT {\n  isDSMobile: boolean;\n  tabType: TabTypesT;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
-  "names": []
-}

package/cjs/config/useCrossRef.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/config/useCrossRef.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useRef, useMemo } from 'react';\nimport type { DSTabsUseCrossRefContextT } from '../DSTabsTypes';\n\nexport const useCrossRef = (): DSTabsUseCrossRefContextT => {\n  const firstSubtabInternalRef = useRef<HTMLButtonElement>();\n  const lastTabInternalRef = useRef<HTMLButtonElement>();\n\n  const ctx = useMemo(\n    () => ({\n      firstSubtabInternalRef,\n      lastTabInternalRef,\n    }),\n    [],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAgC;AAGzB,MAAM,cAAc,MAAiC;AAC1D,QAAM,yBAAyB;AAC/B,QAAM,qBAAqB;AAE3B,QAAM,MAAM,0BACV,MAAO;AAAA,IACL;AAAA,IACA;AAAA,MAEF;AAGF,SAAO;AAAA;",
-  "names": []
-}

package/cjs/config/useTabs.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/config/useTabs.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useRef, useState, useMemo, useEffect } from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { tabsDefaultProps } from '../defaultProps';\nimport type { DSTabsPropsT, DSTabsUseTabsContextT, DSTabsPropsWithDefaultsT } from '../DSTabsTypes';\n\nexport const useTabs = (props: DSTabsPropsT): DSTabsUseTabsContextT => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, tabsDefaultProps) as DSTabsPropsWithDefaultsT;\n\n  const { activeTab, children } = propsWithDefaults;\n\n  const tabsRef = useRef<Record<number, HTMLButtonElement>>({});\n  const tabsRefAsArray = useRef<HTMLButtonElement[]>([]);\n  const focusableTabsRef = useRef<HTMLButtonElement[]>([]);\n  const carouselOnlyListRef = useRef<HTMLDivElement | null>(null);\n  const tabsListRef = useRef<HTMLDivElement | null>(null);\n  const actualActiveTabRef = useRef<HTMLButtonElement | null>(null);\n\n  const [internalActiveTab, setInternalActiveTab] = useState<string>(children?.[0]?.props?.tabId);\n\n  const actualActiveTab = useMemo(() => {\n    if (activeTab !== undefined) return activeTab;\n    return internalActiveTab;\n  }, [activeTab, internalActiveTab]);\n\n  useEffect(() => {\n    actualActiveTabRef.current = focusableTabsRef.current.find((el) => el.dataset.tabId === actualActiveTab) ?? null;\n  }, [actualActiveTab]);\n\n  const ctx = useMemo(\n    () => ({\n      props: propsWithDefaults,\n      tabsRef,\n      focusableTabsRef,\n      tabsListRef,\n      tabsRefAsArray,\n      setInternalActiveTab,\n      actualActiveTab,\n      actualActiveTabRef,\n      carouselOnlyListRef,\n    }),\n    [actualActiveTab, propsWithDefaults],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AACrD,8BAA6C;AAC7C,0BAAiC;AAG1B,MAAM,UAAU,CAAC,UAA+C;AACrE,QAAM,oBAAoB,0DAA6B,OAAO;AAE9D,QAAM,EAAE,WAAW,aAAa;AAEhC,QAAM,UAAU,yBAA0C;AAC1D,QAAM,iBAAiB,yBAA4B;AACnD,QAAM,mBAAmB,yBAA4B;AACrD,QAAM,sBAAsB,yBAA8B;AAC1D,QAAM,cAAc,yBAA8B;AAClD,QAAM,qBAAqB,yBAAiC;AAE5D,QAAM,CAAC,mBAAmB,wBAAwB,2BAAiB,WAAW,IAAI,OAAO;AAEzF,QAAM,kBAAkB,0BAAQ,MAAM;AACpC,QAAI,cAAc;AAAW,aAAO;AACpC,WAAO;AAAA,KACN,CAAC,WAAW;AAEf,8BAAU,MAAM;AACd,uBAAmB,UAAU,iBAAiB,QAAQ,KAAK,CAAC,OAAO,GAAG,QAAQ,UAAU,oBAAoB;AAAA,KAC3G,CAAC;AAEJ,QAAM,MAAM,0BACV,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,iBAAiB;AAGpB,SAAO;AAAA;",
-  "names": []
-}

package/cjs/defaultProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/defaultProps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { TabTypes } from './utils/constants';\nimport type { DSTabsDefaultPropsT } from './DSTabsTypes';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nexport const tabsDefaultProps: DSTabsDefaultPropsT = {\n  containerProps: {},\n  animated: true,\n  enableMouseEvents: false,\n  allowTextSelection: false,\n  onTabChange: noop,\n  tabsListAriaLabel: 'Tab list',\n  type: TabTypes.NORMAL,\n  onlyRenderActiveTab: false,\n  withCarousel: false,\n  isDSMobile: false,\n  showSelectionIndicator: true,\n  children: [],\n  fixedTabsHeaders: false,\n  showSeparator: true,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAyB;AAIzB,MAAM,OAAO,MAAY;AAAA;AAElB,MAAM,mBAAwC;AAAA,EACnD,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,MAAM,0BAAS;AAAA,EACf,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,wBAAwB;AAAA,EACxB,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,eAAe;AAAA;",
-  "names": []
-}

package/cjs/exportsRelated/DSTab.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/exportsRelated/DSTab.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport type { WeakValidationMap } from 'react';\nimport { describe } from 'react-desc';\nimport { tabPropTypes } from '../propTypes';\nimport type { DSTabPropsT } from '../DSTabsTypes';\n\nconst DSTab = (props: DSTabPropsT): JSX.Element => <React.Fragment {...props} />;\n\nDSTab.propTypes = tabPropTypes as WeakValidationMap<unknown>;\nconst DSTabWithSchema = describe<DSTabPropsT>(DSTab);\nDSTabWithSchema.propTypes = tabPropTypes;\n\nexport { DSTab, DSTabWithSchema };\nexport default DSTab;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,wBAAyB;AACzB,uBAA6B;AAG7B,MAAM,QAAQ,CAAC,UAAoC,mDAAC,qBAAM,UAAP;AAAA,KAAoB;AAAA;AAEvE,MAAM,YAAY;AAClB,MAAM,kBAAkB,gCAAsB;AAC9C,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
-  "names": []
-}

package/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './exportsRelated/DSTab';\nexport * from './DSTabs';\nexport { TabTypes } from './utils/constants';\nexport * from './DSTabsDatatestid';\n\nexport type { DSTabsPropsT, DSTabPropsT } from './DSTabsTypes';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,uBAAyB;AACzB,wBAAc;",
-  "names": []
-}

package/cjs/parts/carousel/Carousel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/carousel/Carousel.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useContext } from 'react';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { BUTTON_TYPES } from '@elliemae/ds-button';\nimport { ChevronRight, ChevronLeft } from '@elliemae/ds-icons';\nimport { StyledCarouselBtn, StyledCarouselButtonWrapper, StyledCarouselWrapper, StyledChildrenWrap } from './styles';\nimport { useCarousel } from './useCarousel';\nimport { DSTabsContext } from '../../DSTabsCTX';\nimport { DSTabsDatatestid } from '../../DSTabsDatatestid';\nimport type { CarouselPropsT } from '../../DSTabsTypes';\n\nexport const Carousel = ({ children, updateIndicatorStyle }: CarouselPropsT): JSX.Element => {\n  const { showChevrons, leftButtonOnClick, rightButtonOnClick, handleOnClick, handleOnScroll } = useCarousel({\n    updateIndicatorStyle,\n  });\n\n  const {\n    carouselOnlyListRef,\n    props: { type },\n  } = useContext(DSTabsContext);\n\n  return (\n    <StyledCarouselWrapper>\n      {showChevrons.left && (\n        <StyledCarouselButtonWrapper tabType={type}>\n          <StyledCarouselBtn\n            size=\"s\"\n            onClick={leftButtonOnClick}\n            tabIndex={-1}\n            data-testid={DSTabsDatatestid.CAROUSEL.BUTTON_LEFT}\n            buttonType={BUTTON_TYPES.ICON}\n          >\n            <ChevronLeft size={DSIconSizes.S} />\n          </StyledCarouselBtn>\n        </StyledCarouselButtonWrapper>\n      )}\n      {showChevrons.right && (\n        <StyledCarouselButtonWrapper tabType={type} right={showChevrons.right}>\n          <StyledCarouselBtn\n            size=\"s\"\n            onClick={rightButtonOnClick}\n            tabIndex={-1}\n            data-testid={DSTabsDatatestid.CAROUSEL.BUTTON_RIGHT}\n            buttonType={BUTTON_TYPES.ICON}\n          >\n            <ChevronRight size={DSIconSizes.S} />\n          </StyledCarouselBtn>\n        </StyledCarouselButtonWrapper>\n      )}\n      <StyledChildrenWrap ref={carouselOnlyListRef} onClick={handleOnClick} onScroll={handleOnScroll}>\n        {children}\n      </StyledChildrenWrap>\n    </StyledCarouselWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2B;AAC3B,qBAA4B;AAC5B,uBAA6B;AAC7B,sBAA0C;AAC1C,oBAA0G;AAC1G,yBAA4B;AAC5B,uBAA8B;AAC9B,8BAAiC;AAG1B,MAAM,WAAW,CAAC,EAAE,UAAU,2BAAwD;AAC3F,QAAM,EAAE,cAAc,mBAAmB,oBAAoB,eAAe,mBAAmB,oCAAY;AAAA,IACzG;AAAA;AAGF,QAAM;AAAA,IACJ;AAAA,IACA,OAAO,EAAE;AAAA,MACP,6BAAW;AAEf,SACE,oCAAC,qCAAD,MACG,aAAa,QACZ,oCAAC,2CAAD;AAAA,IAA6B,SAAS;AAAA,KACpC,oCAAC,iCAAD;AAAA,IACE,MAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,eAAa,yCAAiB,SAAS;AAAA,IACvC,YAAY,8BAAa;AAAA,KAEzB,oCAAC,6BAAD;AAAA,IAAa,MAAM,2BAAY;AAAA,QAIpC,aAAa,SACZ,oCAAC,2CAAD;AAAA,IAA6B,SAAS;AAAA,IAAM,OAAO,aAAa;AAAA,KAC9D,oCAAC,iCAAD;AAAA,IACE,MAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,eAAa,yCAAiB,SAAS;AAAA,IACvC,YAAY,8BAAa;AAAA,KAEzB,oCAAC,8BAAD;AAAA,IAAc,MAAM,2BAAY;AAAA,QAItC,oCAAC,kCAAD;AAAA,IAAoB,KAAK;AAAA,IAAqB,SAAS;AAAA,IAAe,UAAU;AAAA,KAC7E;AAAA;",
-  "names": []
-}

package/cjs/parts/carousel/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/carousel/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import styled from 'styled-components';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { TabTypes } from '../../utils/constants';\nimport type { StyledCarouselButtonWrapperPropsT } from '../../DSTabsTypes';\n\nexport const StyledCarouselBtn = styled(DSButtonV2)`\n  margin: 0;\n  min-width: ${({ theme }) => theme.space.xs};\n  width: ${({ theme }) => theme.space.xs};\n\n  &:hover:not(:disabled) {\n    background-color: transparent;\n  }\n  background-color: transparent;\n  border-radius: 0px;\n\n  & .em-ds-icon svg {\n    fill: ${({ theme }) => theme.colors.brand[600]};\n  }\n`;\n\nexport const StyledCarouselWrapper = styled.span`\n  position: relative;\n  width: 100%;\n  display: flex;\n`;\n\nexport const StyledChildrenWrap = styled.div`\n  display: flex;\n  flex-wrap: nowrap;\n  flex: 1;\n  overflow-x: hidden;\n`;\n\nexport const StyledCarouselButtonWrapper = styled.div<StyledCarouselButtonWrapperPropsT>`\n  max-width: 16px;\n  position: absolute;\n  z-index: 200;\n  ${({ right }) => (right ? 'right: 0;' : `left: 0;`)}\n  width: 16px;\n  height: ${({ tabType }) => (tabType === TabTypes.NORMAL ? '32px' : '22px')};\n  padding-top: ${({ tabType }) => (tabType === TabTypes.NORMAL ? '5px' : '0px')};\n  background: white;\n  ${({ theme, tabType }) =>\n    tabType === TabTypes.NORMAL\n      ? `\n      background: linear-gradient(to bottom, white 0px, white 30px, ${theme.colors.neutral[400]} 30px, ${theme.colors.neutral[400]} 31px, white 31px , white 32px );\n `\n      : ``};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAA2B;AAC3B,uBAAyB;AAGlB,MAAM,oBAAoB,sCAAO;AAAA;AAAA,eAEzB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,WAC/B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAS1B,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAIvC,MAAM,wBAAwB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOlC,MAAM,8BAA8B,iCAAO;AAAA;AAAA;AAAA;AAAA,IAI9C,CAAC,EAAE,YAAa,QAAQ,cAAc;AAAA;AAAA,YAE9B,CAAC,EAAE,cAAe,YAAY,0BAAS,SAAS,SAAS;AAAA,iBACpD,CAAC,EAAE,cAAe,YAAY,0BAAS,SAAS,QAAQ;AAAA;AAAA,IAErE,CAAC,EAAE,OAAO,cACV,YAAY,0BAAS,SACjB;AAAA,sEAC8D,MAAM,OAAO,QAAQ,cAAc,MAAM,OAAO,QAAQ;AAAA,KAEtH;AAAA;",
-  "names": []
-}