@elliemae/ds-tabs 2.2.0 → 2.3.0-alpha.3

package/esm/DSTabs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSTabs.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,SAAS,CAAC,UAAqC;AACnD,QAAM,MAAM,QAAQ;AACpB,QAAM,eAAe;AAErB,QAAM,EAAE,SAAS;AAEjB,MAAI,SAAS,SAAS,SAAS;AAC7B,WACE,qCAAC,cAAc,UAAf;AAAA,MAAwB,OAAO;AAAA,OAC7B,qCAAC,aAAD;AAAA;AAKN,SACE,qCAAC,sBAAsB,UAAvB;AAAA,IAAgC,OAAO;AAAA,KACrC,qCAAC,cAAc,UAAf;AAAA,IAAwB,OAAO;AAAA,KAC7B,qCAAC,aAAD;AAAA;AAMR,OAAO,YAAY;AACnB,MAAM,mBAAmB,SAAuB;AAChD,iBAAiB,YAAY;AAG7B,IAAO,iBAAQ;",
+  "names": []
+}

package/esm/DSTabsCTX.js

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

package/esm/DSTabsCTX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSTabsCTX.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AAIA,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,cAAqC;AAC3D,MAAM,wBAAwB,cAAyC;",
+  "names": []
+}

package/esm/DSTabsDatatestid.js

@@ -1,14 +1,17 @@
+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 };
+export {
+  DSTabsDatatestid
+};
+//# sourceMappingURL=DSTabsDatatestid.js.map

package/esm/DSTabsDatatestid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSTabsDatatestid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAO,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/esm/DSTabsTypes.js

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

package/esm/DSTabsTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/esm/config/useCrossRef.js

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

package/esm/config/useCrossRef.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useCrossRef.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAGO,MAAM,cAAc,MAAiC;AAC1D,QAAM,yBAAyB;AAC/B,QAAM,qBAAqB;AAE3B,QAAM,MAAM,QACV,MAAO;AAAA,IACL;AAAA,IACA;AAAA,MAEF;AAGF,SAAO;AAAA;",
+  "names": []
+}

package/esm/config/useTabs.js

@@ -1,34 +1,24 @@
-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;
-
+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) => {
   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 === 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 [internalActiveTab, setInternalActiveTab] = useState(children?.[0]?.props?.tabId);
   const actualActiveTab = useMemo(() => {
-    if (activeTab !== undefined) return activeTab;
+    if (activeTab !== void 0)
+      return activeTab;
     return internalActiveTab;
   }, [activeTab, internalActiveTab]);
   useEffect(() => {
-    var _focusableTabsRef$cur;
-
-    actualActiveTabRef.current = (_focusableTabsRef$cur = focusableTabsRef.current.find(el => el.dataset.tabId === actualActiveTab)) !== null && _focusableTabsRef$cur !== void 0 ? _focusableTabsRef$cur : null;
+    actualActiveTabRef.current = focusableTabsRef.current.find((el) => el.dataset.tabId === actualActiveTab) ?? null;
   }, [actualActiveTab]);
   const ctx = useMemo(() => ({
     props: propsWithDefaults,
@@ -43,5 +33,7 @@ const useTabs = props => {
   }), [actualActiveTab, propsWithDefaults]);
   return ctx;
 };
-
-export { useTabs };
+export {
+  useTabs
+};
+//# sourceMappingURL=useTabs.js.map

package/esm/config/useTabs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useTabs.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,UAAU,CAAC,UAA+C;AACrE,QAAM,oBAAoB,6BAA6B,OAAO;AAE9D,QAAM,EAAE,WAAW,aAAa;AAEhC,QAAM,UAAU,OAA0C;AAC1D,QAAM,iBAAiB,OAA4B;AACnD,QAAM,mBAAmB,OAA4B;AACrD,QAAM,sBAAsB,OAA8B;AAC1D,QAAM,cAAc,OAA8B;AAClD,QAAM,qBAAqB,OAAiC;AAE5D,QAAM,CAAC,mBAAmB,wBAAwB,SAAiB,WAAW,IAAI,OAAO;AAEzF,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,cAAc;AAAW,aAAO;AACpC,WAAO;AAAA,KACN,CAAC,WAAW;AAEf,YAAU,MAAM;AACd,uBAAmB,UAAU,iBAAiB,QAAQ,KAAK,CAAC,OAAO,GAAG,QAAQ,UAAU,oBAAoB;AAAA,KAC3G,CAAC;AAEJ,QAAM,MAAM,QACV,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/esm/defaultProps.js

@@ -1,15 +1,14 @@
-import { TabTypes } from './utils/constants.js';
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => {};
-
+import * as React from "react";
+import { TabTypes } from "./utils/constants";
+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,
@@ -19,5 +18,7 @@ const tabsDefaultProps = {
   fixedTabsHeaders: false,
   showSeparator: true
 };
-
-export { tabsDefaultProps };
+export {
+  tabsDefaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

package/esm/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAIA,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,SAAS;AAAA,EACf,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,wBAAwB;AAAA,EACxB,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,eAAe;AAAA;",
+  "names": []
+}

package/esm/exportsRelated/DSTab.js

@@ -1,21 +1,17 @@
-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));
-
+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;
 const DSTabWithSchema = describe(DSTab);
 DSTabWithSchema.propTypes = tabPropTypes;
-
-export { DSTab, DSTabWithSchema, DSTab as default };
+var DSTab_default = DSTab;
+export {
+  DSTab,
+  DSTabWithSchema,
+  DSTab_default as default
+};
+//# sourceMappingURL=DSTab.js.map

package/esm/exportsRelated/DSTab.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exportsRelated/DSTab.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAEA;AACA;AAGA,MAAM,QAAQ,CAAC,UAAoC,qCAAC,OAAM,UAAP;AAAA,KAAoB;AAAA;AAEvE,MAAM,YAAY;AAClB,MAAM,kBAAkB,SAAsB;AAC9C,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
+  "names": []
+}

package/esm/index.js

@@ -1,4 +1,9 @@
-export { DSTab, DSTabWithSchema } from './exportsRelated/DSTab.js';
-export { DSTabs, DSTabsWithSchema } from './DSTabs.js';
-export { TabTypes } from './utils/constants.js';
-export { DSTabsDatatestid } from './DSTabsDatatestid.js';
+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

package/esm/index.js.map

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

package/esm/parts/carousel/Carousel.js

@@ -1,61 +1,48 @@
-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({
+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({
     updateIndicatorStyle
   });
   const {
     carouselOnlyListRef,
-    props: {
-      type
-    }
+    props: { type }
   } = useContext(DSTabsContext);
-  return /*#__PURE__*/_jsx(StyledCarouselWrapper, {}, void 0, showChevrons.left && /*#__PURE__*/_jsx(StyledCarouselButtonWrapper, {
+  return /* @__PURE__ */ React.createElement(StyledCarouselWrapper, null, showChevrons.left && /* @__PURE__ */ React.createElement(StyledCarouselButtonWrapper, {
     tabType: type
-  }, void 0, /*#__PURE__*/_jsx(StyledCarouselBtn, {
+  }, /* @__PURE__ */ React.createElement(StyledCarouselBtn, {
     size: "s",
     onClick: leftButtonOnClick,
     tabIndex: -1,
     "data-testid": DSTabsDatatestid.CAROUSEL.BUTTON_LEFT,
     buttonType: BUTTON_TYPES.ICON
-  }, void 0, /*#__PURE__*/_jsx(ChevronLeft, {
+  }, /* @__PURE__ */ React.createElement(ChevronLeft, {
     size: DSIconSizes.S
-  }))), showChevrons.right && /*#__PURE__*/_jsx(StyledCarouselButtonWrapper, {
+  }))), showChevrons.right && /* @__PURE__ */ React.createElement(StyledCarouselButtonWrapper, {
     tabType: type,
     right: showChevrons.right
-  }, void 0, /*#__PURE__*/_jsx(StyledCarouselBtn, {
+  }, /* @__PURE__ */ React.createElement(StyledCarouselBtn, {
     size: "s",
     onClick: rightButtonOnClick,
     tabIndex: -1,
     "data-testid": DSTabsDatatestid.CAROUSEL.BUTTON_RIGHT,
     buttonType: BUTTON_TYPES.ICON
-  }, void 0, /*#__PURE__*/_jsx(ChevronRight, {
+  }, /* @__PURE__ */ React.createElement(ChevronRight, {
     size: DSIconSizes.S
-  }))), /*#__PURE__*/jsx(StyledChildrenWrap, {
+  }))), /* @__PURE__ */ React.createElement(StyledChildrenWrap, {
     ref: carouselOnlyListRef,
     onClick: handleOnClick,
-    onScroll: handleOnScroll,
-    children: children
-  }));
+    onScroll: handleOnScroll
+  }, children));
+};
+export {
+  Carousel
 };
-
-export { Carousel };
+//# sourceMappingURL=Carousel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/carousel/Carousel.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGO,MAAM,WAAW,CAAC,EAAE,UAAU,2BAAwD;AAC3F,QAAM,EAAE,cAAc,mBAAmB,oBAAoB,eAAe,mBAAmB,YAAY;AAAA,IACzG;AAAA;AAGF,QAAM;AAAA,IACJ;AAAA,IACA,OAAO,EAAE;AAAA,MACP,WAAW;AAEf,SACE,oCAAC,uBAAD,MACG,aAAa,QACZ,oCAAC,6BAAD;AAAA,IAA6B,SAAS;AAAA,KACpC,oCAAC,mBAAD;AAAA,IACE,MAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,eAAa,iBAAiB,SAAS;AAAA,IACvC,YAAY,aAAa;AAAA,KAEzB,oCAAC,aAAD;AAAA,IAAa,MAAM,YAAY;AAAA,QAIpC,aAAa,SACZ,oCAAC,6BAAD;AAAA,IAA6B,SAAS;AAAA,IAAM,OAAO,aAAa;AAAA,KAC9D,oCAAC,mBAAD;AAAA,IACE,MAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,eAAa,iBAAiB,SAAS;AAAA,IACvC,YAAY,aAAa;AAAA,KAEzB,oCAAC,cAAD;AAAA,IAAc,MAAM,YAAY;AAAA,QAItC,oCAAC,oBAAD;AAAA,IAAoB,KAAK;AAAA,IAAqB,SAAS;AAAA,IAAe,UAAU;AAAA,KAC7E;AAAA;",
+  "names": []
+}

package/esm/parts/carousel/styles.js

@@ -1,54 +1,50 @@
-import styled from 'styled-components';
-import { DSButtonV2 } from '@elliemae/ds-button';
-import { TabTypes } from '../../utils/constants.js';
+import * as React from "react";
+import styled from "styled-components";
+import { DSButtonV2 } from "@elliemae/ds-button";
+import { TabTypes } from "../../utils/constants";
+const StyledCarouselBtn = styled(DSButtonV2)`
+  margin: 0;
+  min-width: ${({ theme }) => theme.space.xs};
+  width: ${({ theme }) => theme.space.xs};
 
-const StyledCarouselBtn = /*#__PURE__*/styled(DSButtonV2).withConfig({
-  componentId: "sc-prv5a7-0"
-})(["margin:0;min-width:", ";width:", ";&:hover:not(:disabled){background-color:transparent;}background-color:transparent;border-radius:0px;& .em-ds-icon svg{fill:", ";}"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.space.xs;
-}, _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.space.xs;
-}, _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.colors.brand[600];
-});
-const StyledCarouselWrapper = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-prv5a7-1"
-})(["position:relative;width:100%;display:flex;"]);
-const StyledChildrenWrap = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-prv5a7-2"
-})(["display:flex;flex-wrap:nowrap;flex:1;overflow-x:hidden;"]);
-const StyledCarouselButtonWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-prv5a7-3"
-})(["max-width:16px;position:absolute;z-index:200;", " width:16px;height:", ";padding-top:", ";background:white;", ";"], _ref4 => {
-  let {
-    right
-  } = _ref4;
-  return right ? 'right: 0;' : "left: 0;";
-}, _ref5 => {
-  let {
-    tabType
-  } = _ref5;
-  return tabType === TabTypes.NORMAL ? '32px' : '22px';
-}, _ref6 => {
-  let {
-    tabType
-  } = _ref6;
-  return tabType === TabTypes.NORMAL ? '5px' : '0px';
-}, _ref7 => {
-  let {
-    theme,
-    tabType
-  } = _ref7;
-  return tabType === TabTypes.NORMAL ? "\n      background: linear-gradient(to bottom, white 0px, white 30px, ".concat(theme.colors.neutral[400], " 30px, ").concat(theme.colors.neutral[400], " 31px, white 31px , white 32px );\n ") : "";
-});
+  &:hover:not(:disabled) {
+    background-color: transparent;
+  }
+  background-color: transparent;
+  border-radius: 0px;
 
-export { StyledCarouselBtn, StyledCarouselButtonWrapper, StyledCarouselWrapper, StyledChildrenWrap };
+  & .em-ds-icon svg {
+    fill: ${({ theme }) => theme.colors.brand[600]};
+  }
+`;
+const StyledCarouselWrapper = styled.span`
+  position: relative;
+  width: 100%;
+  display: flex;
+`;
+const StyledChildrenWrap = styled.div`
+  display: flex;
+  flex-wrap: nowrap;
+  flex: 1;
+  overflow-x: hidden;
+`;
+const StyledCarouselButtonWrapper = styled.div`
+  max-width: 16px;
+  position: absolute;
+  z-index: 200;
+  ${({ right }) => right ? "right: 0;" : `left: 0;`}
+  width: 16px;
+  height: ${({ tabType }) => tabType === TabTypes.NORMAL ? "32px" : "22px"};
+  padding-top: ${({ tabType }) => tabType === TabTypes.NORMAL ? "5px" : "0px"};
+  background: white;
+  ${({ theme, tabType }) => tabType === TabTypes.NORMAL ? `
+      background: linear-gradient(to bottom, white 0px, white 30px, ${theme.colors.neutral[400]} 30px, ${theme.colors.neutral[400]} 31px, white 31px , white 32px );
+ ` : ``};
+`;
+export {
+  StyledCarouselBtn,
+  StyledCarouselButtonWrapper,
+  StyledCarouselWrapper,
+  StyledChildrenWrap
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/carousel/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,oBAAoB,OAAO;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,OAAO;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOlC,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA,IAI9C,CAAC,EAAE,YAAa,QAAQ,cAAc;AAAA;AAAA,YAE9B,CAAC,EAAE,cAAe,YAAY,SAAS,SAAS,SAAS;AAAA,iBACpD,CAAC,EAAE,cAAe,YAAY,SAAS,SAAS,QAAQ;AAAA;AAAA,IAErE,CAAC,EAAE,OAAO,cACV,YAAY,SAAS,SACjB;AAAA,sEAC8D,MAAM,OAAO,QAAQ,cAAc,MAAM,OAAO,QAAQ;AAAA,KAEtH;AAAA;",
+  "names": []
+}

package/esm/parts/carousel/useCarousel.js

@@ -1,34 +1,20 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import { useContext, useState, useCallback } from 'react';
-import useResizeObserver from '@react-hook/resize-observer';
-import { DSTabsContext } from '../../DSTabsCTX.js';
-import { isElementVisibleCarousel } from '../../utils/helpers.js';
-import { useCarouselCallbacks } from './useCarouselCallbacks.js';
-
-const useCarousel = _ref => {
-  let {
-    updateIndicatorStyle
-  } = _ref;
-  const {
-    carouselOnlyListRef
-  } = useContext(DSTabsContext);
+import * as React from "react";
+import { useCallback, useState, useContext } from "react";
+import useResizeObserver from "@react-hook/resize-observer";
+import { DSTabsContext } from "../../DSTabsCTX";
+import { isElementVisibleCarousel } from "../../utils/helpers";
+import { useCarouselCallbacks } from "./useCarouselCallbacks";
+const useCarousel = ({ updateIndicatorStyle }) => {
+  const { carouselOnlyListRef } = useContext(DSTabsContext);
   const [showChevrons, setShowChevrons] = useState({
     right: false,
     left: false
   });
-  const {
-    tabsRefAsArray
-  } = useContext(DSTabsContext);
+  const { tabsRefAsArray } = useContext(DSTabsContext);
   const shouldShowLeft = useCallback(() => carouselOnlyListRef.current ? carouselOnlyListRef.current.scrollLeft > 0 : false, [carouselOnlyListRef]);
   const shouldShowRight = useCallback(() => carouselOnlyListRef.current ? carouselOnlyListRef.current.scrollLeft < carouselOnlyListRef.current.scrollWidth - carouselOnlyListRef.current.clientWidth : false, [carouselOnlyListRef]);
   const recalcChevrons = useCallback(() => {
-    setShowChevrons({
-      right: shouldShowRight(),
-      left: shouldShowLeft()
-    });
+    setShowChevrons({ right: shouldShowRight(), left: shouldShowLeft() });
   }, [shouldShowLeft, shouldShowRight]);
   const getVisibleItemsOffset = useCallback(() => {
     if (tabsRefAsArray.current) {
@@ -39,21 +25,14 @@ const useCarousel = _ref => {
           const margin = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
           return acc + (width + margin);
         }
-
         return acc;
       }, 0);
       return scroll - 16;
     }
-
     return 0;
   }, [tabsRefAsArray, carouselOnlyListRef]);
   useResizeObserver(carouselOnlyListRef, recalcChevrons);
-  const {
-    leftButtonOnClick,
-    rightButtonOnClick,
-    handleOnClick,
-    handleOnScroll
-  } = useCarouselCallbacks({
+  const { leftButtonOnClick, rightButtonOnClick, handleOnClick, handleOnScroll } = useCarouselCallbacks({
     getVisibleItemsOffset,
     recalcChevrons,
     updateIndicatorStyle
@@ -66,5 +45,7 @@ const useCarousel = _ref => {
     handleOnScroll
   };
 };
-
-export { useCarousel };
+export {
+  useCarousel
+};
+//# sourceMappingURL=useCarousel.js.map