@elliemae/ds-tabs 3.14.0-rc.6 → 3.14.0-rc.7

package/dist/cjs/exported-related/DSTab.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/exported-related/DSTab.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport type { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { tabPropTypes } from '../propTypes';\nimport type { DSTabT } from '../propTypes';\n\nconst DSTab = (props: DSTabT.Props): JSX.Element => <React.Fragment {...props} />;\n\nDSTab.propTypes = tabPropTypes as WeakValidationMap<unknown>;\nconst DSTabWithSchema = describe<DSTabT.Props>(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;AAAA;ACAA,YAAuB;ADM6B;AANpD,mBAAkB;AAElB,0BAAyB;AACzB,uBAA6B;AAG7B,MAAM,QAAQ,CAAC,UAAqC,4CAAC,aAAAA,QAAM,UAAN,EAAgB,GAAG,OAAO;AAE/E,MAAM,YAAY;AAClB,MAAM,sBAAkB,8BAAuB,KAAK;AACpD,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport type { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { tabPropTypes } from '../propTypes';\nimport type { DSTabT } from '../propTypes';\n\nconst DSTab = (props: DSTabT.Props): JSX.Element => <React.Fragment {...props} />;\n\nDSTab.propTypes = tabPropTypes as WeakValidationMap<unknown>;\nconst DSTabWithSchema = describe(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;AAAA;ACAA,YAAuB;ADM6B;AANpD,mBAAkB;AAElB,0BAAyB;AACzB,uBAA6B;AAG7B,MAAM,QAAQ,CAAC,UAAqC,4CAAC,aAAAA,QAAM,UAAN,EAAgB,GAAG,OAAO;AAE/E,MAAM,YAAY;AAClB,MAAM,sBAAkB,8BAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
   "names": ["React"]
 }

package/dist/cjs/parts/tabsContent/TabsContent.js

@@ -30,6 +30,7 @@ module.exports = __toCommonJS(TabsContent_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_TabsPanels = require("../tabsPanel/TabsPanels");
 var import_TabBar = require("../tabBar/TabBar");
 var import_styles = require("./styles");
@@ -37,15 +38,28 @@ var import_DSTabsCTX = require("../../DSTabsCTX");
 var import_DSTabsDatatestid = require("../../DSTabsDatatestid");
 const TabsContent = () => {
   const {
+    props,
     props: { containerProps, innerRef, tabsListAriaLabel, tabBarExtraContent, TabBarExtraContent }
   } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...containerProps, ref: innerRef, "data-testid": import_DSTabsDatatestid.DSTabsDatatestid.TABS_CONTAINER, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTabBarContainer, { "aria-label": tabsListAriaLabel, role: "tablist", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TabBar.TabBar, {}),
-      TabBarExtraContent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabBarExtraContent, {}) : null,
-      tabBarExtraContent ? tabBarExtraContent : null
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TabsPanels.TabsPanels, {})
-  ] });
+  const globalProps = (0, import_ds_utilities.useGetGlobalAttributes)(props);
+  const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ...globalProps,
+      ...xstyledProps,
+      ...containerProps,
+      ref: innerRef,
+      "data-testid": import_DSTabsDatatestid.DSTabsDatatestid.TABS_CONTAINER,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTabBarContainer, { "aria-label": tabsListAriaLabel, role: "tablist", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TabBar.TabBar, {}),
+          TabBarExtraContent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabBarExtraContent, {}) : null,
+          tabBarExtraContent ? tabBarExtraContent : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TabsPanels.TabsPanels, {})
+      ]
+    }
+  );
 };
 //# sourceMappingURL=TabsContent.js.map

package/dist/cjs/parts/tabsContent/TabsContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/tabsContent/TabsContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { TabsPanels } from '../tabsPanel/TabsPanels';\nimport { TabBar } from '../tabBar/TabBar';\nimport { StyledTabBarContainer } from './styles';\nimport { DSTabsContext } from '../../DSTabsCTX';\nimport { DSTabsDatatestid } from '../../DSTabsDatatestid';\n\nexport const TabsContent = (): JSX.Element => {\n  const {\n    props: { containerProps, innerRef, tabsListAriaLabel, tabBarExtraContent, TabBarExtraContent },\n  } = useContext(DSTabsContext);\n\n  return (\n    <div {...containerProps} ref={innerRef} data-testid={DSTabsDatatestid.TABS_CONTAINER}>\n      <StyledTabBarContainer aria-label={tabsListAriaLabel} role=\"tablist\">\n        <TabBar />\n        {TabBarExtraContent ? <TabBarExtraContent /> : null}\n        {tabBarExtraContent ? tabBarExtraContent : null}\n      </StyledTabBarContainer>\n      <TabsPanels />\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcjB;AAdN,mBAAkC;AAClC,wBAA2B;AAC3B,oBAAuB;AACvB,oBAAsC;AACtC,uBAA8B;AAC9B,8BAAiC;AAE1B,MAAM,cAAc,MAAmB;AAC5C,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,UAAU,mBAAmB,oBAAoB,mBAAmB;AAAA,EAC/F,QAAI,yBAAW,8BAAa;AAE5B,SACE,6CAAC,SAAK,GAAG,gBAAgB,KAAK,UAAU,eAAa,yCAAiB,gBACpE;AAAA,iDAAC,uCAAsB,cAAY,mBAAmB,MAAK,WACzD;AAAA,kDAAC,wBAAO;AAAA,MACP,qBAAqB,4CAAC,sBAAmB,IAAK;AAAA,MAC9C,qBAAqB,qBAAqB;AAAA,OAC7C;AAAA,IACA,4CAAC,gCAAW;AAAA,KACd;AAEJ;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { TabsPanels } from '../tabsPanel/TabsPanels';\nimport { TabBar } from '../tabBar/TabBar';\nimport { StyledTabBarContainer } from './styles';\nimport { DSTabsContext } from '../../DSTabsCTX';\nimport { DSTabsDatatestid } from '../../DSTabsDatatestid';\n\nexport const TabsContent = (): JSX.Element => {\n  const {\n    props,\n    props: { containerProps, innerRef, tabsListAriaLabel, tabBarExtraContent, TabBarExtraContent },\n  } = useContext(DSTabsContext);\n\n  const globalProps = useGetGlobalAttributes(props);\n  const xstyledProps = useGetXstyledProps(props);\n\n  return (\n    <div\n      {...globalProps}\n      {...xstyledProps}\n      {...containerProps}\n      ref={innerRef}\n      data-testid={DSTabsDatatestid.TABS_CONTAINER}\n    >\n      <StyledTabBarContainer aria-label={tabsListAriaLabel} role=\"tablist\">\n        <TabBar />\n        {TabBarExtraContent ? <TabBarExtraContent /> : null}\n        {tabBarExtraContent ? tabBarExtraContent : null}\n      </StyledTabBarContainer>\n      <TabsPanels />\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBjB;AAzBN,mBAAkC;AAClC,0BAA2D;AAC3D,wBAA2B;AAC3B,oBAAuB;AACvB,oBAAsC;AACtC,uBAA8B;AAC9B,8BAAiC;AAE1B,MAAM,cAAc,MAAmB;AAC5C,QAAM;AAAA,IACJ;AAAA,IACA,OAAO,EAAE,gBAAgB,UAAU,mBAAmB,oBAAoB,mBAAmB;AAAA,EAC/F,QAAI,yBAAW,8BAAa;AAE5B,QAAM,kBAAc,4CAAuB,KAAK;AAChD,QAAM,mBAAe,wCAAmB,KAAK;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAa,yCAAiB;AAAA,MAE9B;AAAA,qDAAC,uCAAsB,cAAY,mBAAmB,MAAK,WACzD;AAAA,sDAAC,wBAAO;AAAA,UACP,qBAAqB,4CAAC,sBAAmB,IAAK;AAAA,UAC9C,qBAAqB,qBAAqB;AAAA,WAC7C;AAAA,QACA,4CAAC,gCAAW;AAAA;AAAA;AAAA,EACd;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/tabsPanel/TabsPanels.js

@@ -29,7 +29,8 @@ __export(TabsPanels_exports, {
 module.exports = __toCommonJS(TabsPanels_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
+var import_react2 = __toESM(require("react"));
 var import_react_swipeable_views = __toESM(require("react-swipeable-views"));
 var import_styles = require("./styles");
 var import_DSTabsCTX = require("../../DSTabsCTX");
@@ -38,10 +39,18 @@ const TabsPanels = () => {
   const {
     actualActiveTab,
     focusableTabsRef,
-    props: { animated, enableMouseEvents, onlyRenderActiveTab, children: tabs, isDSMobile }
-  } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
+    props: {
+      animated,
+      enableMouseEvents,
+      onlyRenderActiveTab,
+      children: tabs,
+      isDSMobile,
+      tabPanelsProps,
+      swipeableViewsContainerProps
+    }
+  } = (0, import_react2.useContext)(import_DSTabsCTX.DSTabsContext);
   const { handleOnTabChange, handleOnMouseDown } = (0, import_useTabsCallbacks.useTabsCallbacks)();
-  const handleOnChangeIndex = (0, import_react.useCallback)(
+  const handleOnChangeIndex = (0, import_react2.useCallback)(
     (index, indexLatest) => {
       if (!focusableTabsRef.current)
         return;
@@ -57,23 +66,25 @@ const TabsPanels = () => {
     },
     [actualActiveTab, focusableTabsRef, handleOnTabChange]
   );
-  const firstSlideToShow = (0, import_react.useMemo)(() => {
-    const childrenArray = import_react.default.Children.toArray(tabs);
+  const firstSlideToShow = (0, import_react2.useMemo)(() => {
+    const childrenArray = import_react2.default.Children.toArray(tabs);
     const index = childrenArray.filter((tab) => tab.props.disabled !== true).findIndex((tab) => tab.props.tabId === actualActiveTab);
     if (index === -1)
       return 0;
     return index;
   }, [actualActiveTab, tabs]);
-  const panels = (0, import_react.useMemo)(
-    () => import_react.default.Children.map(tabs, (tab) => {
+  const panels = (0, import_react2.useMemo)(
+    () => import_react2.default.Children.map(tabs, (tab) => {
       const { tabId: panelId = "", style, children: content, disabled } = tab.props;
       const isActive = actualActiveTab === panelId;
       const shouldRender = !onlyRenderActiveTab || isActive;
       if (disabled)
         return null;
-      return shouldRender && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      return shouldRender && /* @__PURE__ */ (0, import_react.createElement)(
         import_styles.StyledPanelContainer,
         {
+          ...tabPanelsProps,
+          key: panelId,
           id: panelId,
           "aria-labelledby": `${panelId}-label`,
           "aria-hidden": !isActive,
@@ -82,19 +93,22 @@ const TabsPanels = () => {
           hide: !isActive,
           onMouseDown: handleOnMouseDown,
           role: "tabpanel",
-          style,
-          isDSMobile,
-          children: content
+          style: {
+            ...tabPanelsProps?.style || {},
+            ...style || {}
+          },
+          isDSMobile
         },
-        panelId
+        content
       );
     }),
-    [actualActiveTab, handleOnMouseDown, isDSMobile, onlyRenderActiveTab, tabs]
+    [actualActiveTab, handleOnMouseDown, isDSMobile, onlyRenderActiveTab, tabs, tabPanelsProps]
   );
   if (animated) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_react_swipeable_views.default,
       {
+        ...swipeableViewsContainerProps,
         enableMouseEvents,
         index: firstSlideToShow,
         onChangeIndex: handleOnChangeIndex,

package/dist/cjs/parts/tabsPanel/TabsPanels.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/tabsPanel/TabsPanels.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useMemo, useContext, useCallback } from 'react';\nimport SwipeableViews from 'react-swipeable-views';\nimport { StyledPanelContainer } from './styles';\nimport { DSTabsContext } from '../../DSTabsCTX';\nimport { useTabsCallbacks } from '../../utils/hooks/useTabsCallbacks';\nimport type { DSTabT } from '../../propTypes';\n\nexport const TabsPanels = (): JSX.Element => {\n  const {\n    actualActiveTab,\n    focusableTabsRef,\n    props: { animated, enableMouseEvents, onlyRenderActiveTab, children: tabs, isDSMobile },\n  } = useContext(DSTabsContext);\n\n  const { handleOnTabChange, handleOnMouseDown } = useTabsCallbacks();\n\n  const handleOnChangeIndex = useCallback(\n    (index: number, indexLatest: number) => {\n      if (!focusableTabsRef.current) return;\n\n      const offset = index - indexLatest;\n\n      if (focusableTabsRef.current) {\n        const currentIndexFocusable = focusableTabsRef.current?.findIndex((el) => el.dataset.tabId === actualActiveTab);\n\n        const newFocusableIndex = currentIndexFocusable >= 0 ? currentIndexFocusable + offset : -1;\n\n        if (\n          newFocusableIndex < 0 ||\n          newFocusableIndex > focusableTabsRef.current?.length ||\n          !focusableTabsRef.current?.[newFocusableIndex]\n        )\n          return;\n        handleOnTabChange(focusableTabsRef.current[newFocusableIndex].dataset?.tabId as string);\n\n        // swiping does not trigger centerTab function inside handleOnTabChange because there is no event\n        // by clicking we are manually forcing to center the tab\n\n        focusableTabsRef.current[newFocusableIndex].click();\n      }\n    },\n    [actualActiveTab, focusableTabsRef, handleOnTabChange],\n  );\n\n  const firstSlideToShow = useMemo(() => {\n    const childrenArray = React.Children.toArray(tabs) as React.ReactElement<DSTabT.Props>[];\n    const index = childrenArray\n      .filter((tab) => tab.props.disabled !== true)\n      .findIndex((tab) => tab.props.tabId === actualActiveTab);\n\n    if (index === -1) return 0;\n    return index;\n  }, [actualActiveTab, tabs]);\n\n  const panels = useMemo(\n    () =>\n      React.Children.map(tabs, (tab: React.ReactElement<DSTabT.Props>) => {\n        const { tabId: panelId = '', style, children: content, disabled } = tab.props;\n        const isActive = actualActiveTab === panelId;\n        const shouldRender = !onlyRenderActiveTab || isActive;\n\n        if (disabled) return null;\n        return (\n          shouldRender && (\n            <StyledPanelContainer\n              key={panelId}\n              id={panelId}\n              aria-labelledby={`${panelId}-label`}\n              aria-hidden={!isActive}\n              data-panel-id={panelId}\n              data-testid=\"ds-tabs-tab-panel\"\n              hide={!isActive}\n              onMouseDown={handleOnMouseDown}\n              role=\"tabpanel\"\n              style={style}\n              isDSMobile={isDSMobile}\n            >\n              {content}\n            </StyledPanelContainer>\n          )\n        );\n      }),\n    [actualActiveTab, handleOnMouseDown, isDSMobile, onlyRenderActiveTab, tabs],\n  );\n\n  if (animated) {\n    return (\n      <SwipeableViews\n        enableMouseEvents={enableMouseEvents}\n        index={firstSlideToShow}\n        onChangeIndex={handleOnChangeIndex}\n      >\n        {panels}\n      </SwipeableViews>\n    );\n  }\n\n  return <>{panels}</>;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiEX;AAhEZ,mBAAwD;AACxD,mCAA2B;AAC3B,oBAAqC;AACrC,uBAA8B;AAC9B,8BAAiC;AAG1B,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,mBAAmB,qBAAqB,UAAU,MAAM,WAAW;AAAA,EACxF,QAAI,yBAAW,8BAAa;AAE5B,QAAM,EAAE,mBAAmB,kBAAkB,QAAI,0CAAiB;AAElE,QAAM,0BAAsB;AAAA,IAC1B,CAAC,OAAe,gBAAwB;AACtC,UAAI,CAAC,iBAAiB;AAAS;AAE/B,YAAM,SAAS,QAAQ;AAEvB,UAAI,iBAAiB,SAAS;AAC5B,cAAM,wBAAwB,iBAAiB,SAAS,UAAU,CAAC,OAAO,GAAG,QAAQ,UAAU,eAAe;AAE9G,cAAM,oBAAoB,yBAAyB,IAAI,wBAAwB,SAAS;AAExF,YACE,oBAAoB,KACpB,oBAAoB,iBAAiB,SAAS,UAC9C,CAAC,iBAAiB,UAAU;AAE5B;AACF,0BAAkB,iBAAiB,QAAQ,mBAAmB,SAAS,KAAe;AAKtF,yBAAiB,QAAQ,mBAAmB,MAAM;AAAA,MACpD;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,kBAAkB,iBAAiB;AAAA,EACvD;AAEA,QAAM,uBAAmB,sBAAQ,MAAM;AACrC,UAAM,gBAAgB,aAAAA,QAAM,SAAS,QAAQ,IAAI;AACjD,UAAM,QAAQ,cACX,OAAO,CAAC,QAAQ,IAAI,MAAM,aAAa,IAAI,EAC3C,UAAU,CAAC,QAAQ,IAAI,MAAM,UAAU,eAAe;AAEzD,QAAI,UAAU;AAAI,aAAO;AACzB,WAAO;AAAA,EACT,GAAG,CAAC,iBAAiB,IAAI,CAAC;AAE1B,QAAM,aAAS;AAAA,IACb,MACE,aAAAA,QAAM,SAAS,IAAI,MAAM,CAAC,QAA0C;AAClE,YAAM,EAAE,OAAO,UAAU,IAAI,OAAO,UAAU,SAAS,SAAS,IAAI,IAAI;AACxE,YAAM,WAAW,oBAAoB;AACrC,YAAM,eAAe,CAAC,uBAAuB;AAE7C,UAAI;AAAU,eAAO;AACrB,aACE,gBACE;AAAA,QAAC;AAAA;AAAA,UAEC,IAAI;AAAA,UACJ,mBAAiB,GAAG;AAAA,UACpB,eAAa,CAAC;AAAA,UACd,iBAAe;AAAA,UACf,eAAY;AAAA,UACZ,MAAM,CAAC;AAAA,UACP,aAAa;AAAA,UACb,MAAK;AAAA,UACL;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,QAZI;AAAA,MAaP;AAAA,IAGN,CAAC;AAAA,IACH,CAAC,iBAAiB,mBAAmB,YAAY,qBAAqB,IAAI;AAAA,EAC5E;AAEA,MAAI,UAAU;AACZ,WACE;AAAA,MAAC,6BAAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,QACP,eAAe;AAAA,QAEd;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SAAO,2EAAG,kBAAO;AACnB;",
-  "names": ["React", "SwipeableViews"]
+  "sourcesContent": ["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useMemo, useContext, useCallback } from 'react';\nimport SwipeableViews from 'react-swipeable-views';\nimport { StyledPanelContainer } from './styles';\nimport { DSTabsContext } from '../../DSTabsCTX';\nimport { useTabsCallbacks } from '../../utils/hooks/useTabsCallbacks';\nimport type { DSTabT } from '../../propTypes';\n\nexport const TabsPanels = (): JSX.Element => {\n  const {\n    actualActiveTab,\n    focusableTabsRef,\n    props: {\n      animated,\n      enableMouseEvents,\n      onlyRenderActiveTab,\n      children: tabs,\n      isDSMobile,\n      tabPanelsProps,\n      swipeableViewsContainerProps,\n    },\n  } = useContext(DSTabsContext);\n\n  const { handleOnTabChange, handleOnMouseDown } = useTabsCallbacks();\n\n  const handleOnChangeIndex = useCallback(\n    (index: number, indexLatest: number) => {\n      if (!focusableTabsRef.current) return;\n\n      const offset = index - indexLatest;\n\n      if (focusableTabsRef.current) {\n        const currentIndexFocusable = focusableTabsRef.current?.findIndex((el) => el.dataset.tabId === actualActiveTab);\n\n        const newFocusableIndex = currentIndexFocusable >= 0 ? currentIndexFocusable + offset : -1;\n\n        if (\n          newFocusableIndex < 0 ||\n          newFocusableIndex > focusableTabsRef.current?.length ||\n          !focusableTabsRef.current?.[newFocusableIndex]\n        )\n          return;\n        handleOnTabChange(focusableTabsRef.current[newFocusableIndex].dataset?.tabId as string);\n\n        // swiping does not trigger centerTab function inside handleOnTabChange because there is no event\n        // by clicking we are manually forcing to center the tab\n\n        focusableTabsRef.current[newFocusableIndex].click();\n      }\n    },\n    [actualActiveTab, focusableTabsRef, handleOnTabChange],\n  );\n\n  const firstSlideToShow = useMemo(() => {\n    const childrenArray = React.Children.toArray(tabs) as React.ReactElement<DSTabT.Props>[];\n    const index = childrenArray\n      .filter((tab) => tab.props.disabled !== true)\n      .findIndex((tab) => tab.props.tabId === actualActiveTab);\n\n    if (index === -1) return 0;\n    return index;\n  }, [actualActiveTab, tabs]);\n\n  const panels = useMemo(\n    () =>\n      React.Children.map(tabs, (tab: React.ReactElement<DSTabT.Props>) => {\n        const { tabId: panelId = '', style, children: content, disabled } = tab.props;\n        const isActive = actualActiveTab === panelId;\n        const shouldRender = !onlyRenderActiveTab || isActive;\n\n        if (disabled) return null;\n        return (\n          shouldRender && (\n            <StyledPanelContainer\n              {...tabPanelsProps}\n              key={panelId}\n              id={panelId}\n              aria-labelledby={`${panelId}-label`}\n              aria-hidden={!isActive}\n              data-panel-id={panelId}\n              data-testid=\"ds-tabs-tab-panel\"\n              hide={!isActive}\n              onMouseDown={handleOnMouseDown}\n              role=\"tabpanel\"\n              style={{\n                ...(tabPanelsProps?.style || {}),\n                ...(style || {}),\n              }}\n              isDSMobile={isDSMobile}\n            >\n              {content}\n            </StyledPanelContainer>\n          )\n        );\n      }),\n    [actualActiveTab, handleOnMouseDown, isDSMobile, onlyRenderActiveTab, tabs, tabPanelsProps],\n  );\n\n  if (animated) {\n    return (\n      <SwipeableViews\n        {...swipeableViewsContainerProps}\n        enableMouseEvents={enableMouseEvents}\n        index={firstSlideToShow}\n        onChangeIndex={handleOnChangeIndex}\n      >\n        {panels}\n      </SwipeableViews>\n    );\n  }\n\n  return <>{panels}</>;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoGjB;AA3BM;AAxEZ,IAAAA,gBAAwD;AACxD,mCAA2B;AAC3B,oBAAqC;AACrC,uBAA8B;AAC9B,8BAAiC;AAG1B,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,QAAI,0BAAW,8BAAa;AAE5B,QAAM,EAAE,mBAAmB,kBAAkB,QAAI,0CAAiB;AAElE,QAAM,0BAAsB;AAAA,IAC1B,CAAC,OAAe,gBAAwB;AACtC,UAAI,CAAC,iBAAiB;AAAS;AAE/B,YAAM,SAAS,QAAQ;AAEvB,UAAI,iBAAiB,SAAS;AAC5B,cAAM,wBAAwB,iBAAiB,SAAS,UAAU,CAAC,OAAO,GAAG,QAAQ,UAAU,eAAe;AAE9G,cAAM,oBAAoB,yBAAyB,IAAI,wBAAwB,SAAS;AAExF,YACE,oBAAoB,KACpB,oBAAoB,iBAAiB,SAAS,UAC9C,CAAC,iBAAiB,UAAU;AAE5B;AACF,0BAAkB,iBAAiB,QAAQ,mBAAmB,SAAS,KAAe;AAKtF,yBAAiB,QAAQ,mBAAmB,MAAM;AAAA,MACpD;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,kBAAkB,iBAAiB;AAAA,EACvD;AAEA,QAAM,uBAAmB,uBAAQ,MAAM;AACrC,UAAM,gBAAgB,cAAAC,QAAM,SAAS,QAAQ,IAAI;AACjD,UAAM,QAAQ,cACX,OAAO,CAAC,QAAQ,IAAI,MAAM,aAAa,IAAI,EAC3C,UAAU,CAAC,QAAQ,IAAI,MAAM,UAAU,eAAe;AAEzD,QAAI,UAAU;AAAI,aAAO;AACzB,WAAO;AAAA,EACT,GAAG,CAAC,iBAAiB,IAAI,CAAC;AAE1B,QAAM,aAAS;AAAA,IACb,MACE,cAAAA,QAAM,SAAS,IAAI,MAAM,CAAC,QAA0C;AAClE,YAAM,EAAE,OAAO,UAAU,IAAI,OAAO,UAAU,SAAS,SAAS,IAAI,IAAI;AACxE,YAAM,WAAW,oBAAoB;AACrC,YAAM,eAAe,CAAC,uBAAuB;AAE7C,UAAI;AAAU,eAAO;AACrB,aACE,gBACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,mBAAiB,GAAG;AAAA,UACpB,eAAa,CAAC;AAAA,UACd,iBAAe;AAAA,UACf,eAAY;AAAA,UACZ,MAAM,CAAC;AAAA,UACP,aAAa;AAAA,UACb,MAAK;AAAA,UACL,OAAO;AAAA,YACL,GAAI,gBAAgB,SAAS,CAAC;AAAA,YAC9B,GAAI,SAAS,CAAC;AAAA,UAChB;AAAA,UACA;AAAA;AAAA,QAEC;AAAA,MACH;AAAA,IAGN,CAAC;AAAA,IACH,CAAC,iBAAiB,mBAAmB,YAAY,qBAAqB,MAAM,cAAc;AAAA,EAC5F;AAEA,MAAI,UAAU;AACZ,WACE;AAAA,MAAC,6BAAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,OAAO;AAAA,QACP,eAAe;AAAA,QAEd;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SAAO,2EAAG,kBAAO;AACnB;",
+  "names": ["import_react", "React", "SwipeableViews"]
 }

package/dist/cjs/propTypes.js

@@ -41,6 +41,8 @@ const tabPropTypes = {
   disabled: import_ds_utilities.PropTypes.bool.description("Disables Tab.").defaultValue(false)
 };
 const tabsPropTypes = {
+  ...import_ds_utilities.globalAttributesPropTypes,
+  ...import_ds_utilities.xstyledPropTypes,
   animated: import_ds_utilities.PropTypes.bool.description("Whether the Tab transition should animate or not.").defaultValue(true),
   enableMouseEvents: import_ds_utilities.PropTypes.bool.description("Enables Tab transition with mouse drag events.").defaultValue(false),
   allowTextSelection: import_ds_utilities.PropTypes.bool.description("Allows text selection when mouse drag events are active.").defaultValue(false),
@@ -54,7 +56,9 @@ const tabsPropTypes = {
   children: import_ds_utilities.PropTypes.node.description("Use DSTab component as children.").isRequired,
   tabsListAriaLabel: import_ds_utilities.PropTypes.string.description("Aria label for the list.").defaultValue("Tab list."),
   containerProps: import_ds_utilities.PropTypes.object.description("Additional properties for the container.").defaultValue({}),
-  innerRef: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.shape({ current: import_ds_utilities.PropTypes.any })]).description("Ref to the container.").defaultValue(void 0)
+  innerRef: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.shape({ current: import_ds_utilities.PropTypes.any })]).description("Ref to the container.").defaultValue(void 0),
+  tabPanelsProps: import_ds_utilities.PropTypes.object.description("Additional properties for the tab container.").defaultValue({}),
+  swipeableViewsContainerProps: import_ds_utilities.PropTypes.object.description("Additional properties for the swipeable container.").defaultValue({})
 };
 const tabsDefaultProps = {
   containerProps: {},
@@ -70,6 +74,8 @@ const tabsDefaultProps = {
   showSelectionIndicator: true,
   children: [],
   fixedTabsHeaders: false,
-  showSeparator: true
+  showSeparator: true,
+  tabPanelsProps: {},
+  swipeableViewsContainerProps: {}
 };
 //# sourceMappingURL=propTypes.js.map

package/dist/cjs/propTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport { TabTypes, TabTypesValuesAsArray } from './utils/constants';\nimport type { DSTabsInternalsT } from './sharedTypes';\n\nconst noop = (): void => {};\n\nexport declare namespace DSTabT {\n  export interface PropsOptional {\n    style?: Record<string, unknown>;\n    title?: string;\n    required?: boolean;\n    disabled?: boolean;\n    ref?: React.MutableRefObject<HTMLButtonElement>;\n    onClick?: (tabId: string | number, e: React.MouseEvent) => null | void;\n    onKeyDown?: (e: React.KeyboardEvent) => null | void;\n  }\n\n  export interface PropsRequired {\n    children: React.ReactNode;\n    tabId: string | number;\n  }\n\n  export interface Props extends PropsOptional, PropsRequired {}\n}\n\nexport declare namespace DSTabsT {\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    animated: boolean;\n    enableMouseEvents: boolean;\n    allowTextSelection: boolean;\n    onTabChange: (tabId: string | number, e?: React.MouseEvent) => void;\n    tabsListAriaLabel: string;\n    type: DSTabsInternalsT.TabTypesT;\n    children: React.ReactElement<DSTabT.Props>[];\n    onlyRenderActiveTab: boolean;\n    fixedTabsHeaders: boolean;\n    withCarousel: boolean;\n    isDSMobile: boolean;\n    showSelectionIndicator: boolean;\n    showSeparator: boolean;\n  }\n\n  export interface PropsOptional {\n    firstSubtabRef?: React.MutableRefObject<HTMLElement>;\n    lastTabRef?: React.MutableRefObject<HTMLElement>;\n    TabBarExtraContent?: React.ComponentType;\n    tabBarExtraContent?: React.ReactNode;\n    activeTab?: string;\n    innerRef?: React.MutableRefObject<HTMLDivElement>;\n  }\n\n  export interface Props extends Partial<DefaultProps>, PropsOptional {}\n\n  export interface InternalProps extends DefaultProps, PropsOptional {}\n}\n\nexport const tabPropTypes = {\n  tabId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Unique Tab id.').defaultValue(''),\n  title: PropTypes.string.description('Tab title.').defaultValue(''),\n  required: PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),\n  disabled: PropTypes.bool.description('Disables Tab.').defaultValue(false),\n};\n\nexport const tabsPropTypes = {\n  animated: PropTypes.bool.description('Whether the Tab transition should animate or not.').defaultValue(true),\n  enableMouseEvents: PropTypes.bool.description('Enables Tab transition with mouse drag events.').defaultValue(false),\n  allowTextSelection: PropTypes.bool\n    .description('Allows text selection when mouse drag events are active.')\n    .defaultValue(false),\n  onTabChange: PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),\n  type: PropTypes.oneOf(TabTypesValuesAsArray).description('Tab type.').defaultValue(TabTypesValuesAsArray[0]),\n  tabBarExtraContent: PropTypes.element.description('Extra content next to the Tab Bar.').defaultValue(undefined),\n  TabBarExtraContent: PropTypes.func\n    .description('Extra content next to the Tab Bar as a react component instead of JSX')\n    .defaultValue(undefined),\n  onlyRenderActiveTab: PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),\n  withCarousel: PropTypes.bool.description('Activate carousel behavior.').defaultValue(false),\n  activeTab: PropTypes.string\n    .description('Passing a value makes DSTabs a controlled component.')\n    .defaultValue('First DSTab children.'),\n  children: PropTypes.node.description('Use DSTab component as children.').isRequired,\n  tabsListAriaLabel: PropTypes.string.description('Aria label for the list.').defaultValue('Tab list.'),\n  containerProps: PropTypes.object.description('Additional properties for the container.').defaultValue({}),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })])\n    .description('Ref to the container.')\n    .defaultValue(undefined),\n};\n\nexport const tabsDefaultProps: DSTabsT.DefaultProps = {\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;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAC1B,uBAAgD;AAGhD,MAAM,OAAO,MAAY;AAAC;AAqDnB,MAAM,eAAe;AAAA,EAC1B,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,gBAAgB,EAAE,aAAa,EAAE;AAAA,EAC9G,OAAO,8BAAU,OAAO,YAAY,YAAY,EAAE,aAAa,EAAE;AAAA,EACjE,UAAU,8BAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,KAAK;AAAA,EAClG,UAAU,8BAAU,KAAK,YAAY,eAAe,EAAE,aAAa,KAAK;AAC1E;AAEO,MAAM,gBAAgB;AAAA,EAC3B,UAAU,8BAAU,KAAK,YAAY,mDAAmD,EAAE,aAAa,IAAI;AAAA,EAC3G,mBAAmB,8BAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,KAAK;AAAA,EAClH,oBAAoB,8BAAU,KAC3B,YAAY,0DAA0D,EACtE,aAAa,KAAK;AAAA,EACrB,aAAa,8BAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,UAAU;AAAA,EACjH,MAAM,8BAAU,MAAM,sCAAqB,EAAE,YAAY,WAAW,EAAE,aAAa,uCAAsB,EAAE;AAAA,EAC3G,oBAAoB,8BAAU,QAAQ,YAAY,oCAAoC,EAAE,aAAa,MAAS;AAAA,EAC9G,oBAAoB,8BAAU,KAC3B,YAAY,uEAAuE,EACnF,aAAa,MAAS;AAAA,EACzB,qBAAqB,8BAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,KAAK;AAAA,EAC7G,cAAc,8BAAU,KAAK,YAAY,6BAA6B,EAAE,aAAa,KAAK;AAAA,EAC1F,WAAW,8BAAU,OAClB,YAAY,sDAAsD,EAClE,aAAa,uBAAuB;AAAA,EACvC,UAAU,8BAAU,KAAK,YAAY,kCAAkC,EAAE;AAAA,EACzE,mBAAmB,8BAAU,OAAO,YAAY,0BAA0B,EAAE,aAAa,WAAW;AAAA,EACpG,gBAAgB,8BAAU,OAAO,YAAY,0CAA0C,EAAE,aAAa,CAAC,CAAC;AAAA,EACxG,UAAU,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,MAAM,EAAE,SAAS,8BAAU,IAAI,CAAC,CAAC,CAAC,EACxF,YAAY,uBAAuB,EACnC,aAAa,MAAS;AAC3B;AAEO,MAAM,mBAAyC;AAAA,EACpD,gBAAgB,CAAC;AAAA,EACjB,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,CAAC;AAAA,EACX,kBAAkB;AAAA,EAClB,eAAe;AACjB;",
+  "sourcesContent": ["import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport { TabTypes, TabTypesValuesAsArray } from './utils/constants';\nimport type { DSTabsInternalsT } from './sharedTypes';\nimport type { XstyledProps, GlobalAttributesT } from '@elliemae/ds-utilities';\nimport type { SwipeableViewsProps } from 'react-swipeable-views';\n\nconst noop = (): void => {};\n\nexport declare namespace DSTabT {\n  export interface PropsOptional {\n    style?: Record<string, unknown>;\n    title?: string;\n    required?: boolean;\n    disabled?: boolean;\n    ref?: React.MutableRefObject<HTMLButtonElement>;\n    onClick?: (tabId: string | number, e: React.MouseEvent) => null | void;\n    onKeyDown?: (e: React.KeyboardEvent) => null | void;\n  }\n\n  export interface PropsRequired {\n    children: React.ReactNode;\n    tabId: string | number;\n  }\n\n  export interface Props extends PropsOptional, PropsRequired {}\n}\n\nexport declare namespace DSTabsT {\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    animated: boolean;\n    enableMouseEvents: boolean;\n    allowTextSelection: boolean;\n    onTabChange: (tabId: string | number, e?: React.MouseEvent) => void;\n    tabsListAriaLabel: string;\n    type: DSTabsInternalsT.TabTypesT;\n    children: React.ReactElement<DSTabT.Props>[];\n    onlyRenderActiveTab: boolean;\n    fixedTabsHeaders: boolean;\n    withCarousel: boolean;\n    isDSMobile: boolean;\n    showSelectionIndicator: boolean;\n    showSeparator: boolean;\n    tabPanelsProps: GlobalAttributesT<HTMLDivElement>;\n    swipeableViewsContainerProps: SwipeableViewsProps;\n  }\n\n  export interface PropsOptional {\n    firstSubtabRef?: React.MutableRefObject<HTMLElement>;\n    lastTabRef?: React.MutableRefObject<HTMLElement>;\n    TabBarExtraContent?: React.ComponentType;\n    tabBarExtraContent?: React.ReactNode;\n    activeTab?: string;\n    innerRef?: React.MutableRefObject<HTMLDivElement>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      PropsOptional,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof PropsOptional | keyof DefaultProps>,\n      XstyledProps {}\n\n  export interface InternalProps extends DefaultProps, PropsOptional {}\n}\n\nexport const tabPropTypes = {\n  tabId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Unique Tab id.').defaultValue(''),\n  title: PropTypes.string.description('Tab title.').defaultValue(''),\n  required: PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),\n  disabled: PropTypes.bool.description('Disables Tab.').defaultValue(false),\n};\n\nexport const tabsPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  animated: PropTypes.bool.description('Whether the Tab transition should animate or not.').defaultValue(true),\n  enableMouseEvents: PropTypes.bool.description('Enables Tab transition with mouse drag events.').defaultValue(false),\n  allowTextSelection: PropTypes.bool\n    .description('Allows text selection when mouse drag events are active.')\n    .defaultValue(false),\n  onTabChange: PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),\n  type: PropTypes.oneOf(TabTypesValuesAsArray).description('Tab type.').defaultValue(TabTypesValuesAsArray[0]),\n  tabBarExtraContent: PropTypes.element.description('Extra content next to the Tab Bar.').defaultValue(undefined),\n  TabBarExtraContent: PropTypes.func\n    .description('Extra content next to the Tab Bar as a react component instead of JSX')\n    .defaultValue(undefined),\n  onlyRenderActiveTab: PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),\n  withCarousel: PropTypes.bool.description('Activate carousel behavior.').defaultValue(false),\n  activeTab: PropTypes.string\n    .description('Passing a value makes DSTabs a controlled component.')\n    .defaultValue('First DSTab children.'),\n  children: PropTypes.node.description('Use DSTab component as children.').isRequired,\n  tabsListAriaLabel: PropTypes.string.description('Aria label for the list.').defaultValue('Tab list.'),\n  containerProps: PropTypes.object.description('Additional properties for the container.').defaultValue({}),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })])\n    .description('Ref to the container.')\n    .defaultValue(undefined),\n  tabPanelsProps: PropTypes.object.description('Additional properties for the tab container.').defaultValue({}),\n  swipeableViewsContainerProps: PropTypes.object\n    .description('Additional properties for the swipeable container.')\n    .defaultValue({}),\n};\n\nexport const tabsDefaultProps: DSTabsT.DefaultProps = {\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  tabPanelsProps: {},\n  swipeableViewsContainerProps: {},\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAuE;AACvE,uBAAgD;AAKhD,MAAM,OAAO,MAAY;AAAC;AA2DnB,MAAM,eAAe;AAAA,EAC1B,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,gBAAgB,EAAE,aAAa,EAAE;AAAA,EAC9G,OAAO,8BAAU,OAAO,YAAY,YAAY,EAAE,aAAa,EAAE;AAAA,EACjE,UAAU,8BAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,KAAK;AAAA,EAClG,UAAU,8BAAU,KAAK,YAAY,eAAe,EAAE,aAAa,KAAK;AAC1E;AAEO,MAAM,gBAAgB;AAAA,EAC3B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,8BAAU,KAAK,YAAY,mDAAmD,EAAE,aAAa,IAAI;AAAA,EAC3G,mBAAmB,8BAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,KAAK;AAAA,EAClH,oBAAoB,8BAAU,KAC3B,YAAY,0DAA0D,EACtE,aAAa,KAAK;AAAA,EACrB,aAAa,8BAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,UAAU;AAAA,EACjH,MAAM,8BAAU,MAAM,sCAAqB,EAAE,YAAY,WAAW,EAAE,aAAa,uCAAsB,EAAE;AAAA,EAC3G,oBAAoB,8BAAU,QAAQ,YAAY,oCAAoC,EAAE,aAAa,MAAS;AAAA,EAC9G,oBAAoB,8BAAU,KAC3B,YAAY,uEAAuE,EACnF,aAAa,MAAS;AAAA,EACzB,qBAAqB,8BAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,KAAK;AAAA,EAC7G,cAAc,8BAAU,KAAK,YAAY,6BAA6B,EAAE,aAAa,KAAK;AAAA,EAC1F,WAAW,8BAAU,OAClB,YAAY,sDAAsD,EAClE,aAAa,uBAAuB;AAAA,EACvC,UAAU,8BAAU,KAAK,YAAY,kCAAkC,EAAE;AAAA,EACzE,mBAAmB,8BAAU,OAAO,YAAY,0BAA0B,EAAE,aAAa,WAAW;AAAA,EACpG,gBAAgB,8BAAU,OAAO,YAAY,0CAA0C,EAAE,aAAa,CAAC,CAAC;AAAA,EACxG,UAAU,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,MAAM,EAAE,SAAS,8BAAU,IAAI,CAAC,CAAC,CAAC,EACxF,YAAY,uBAAuB,EACnC,aAAa,MAAS;AAAA,EACzB,gBAAgB,8BAAU,OAAO,YAAY,8CAA8C,EAAE,aAAa,CAAC,CAAC;AAAA,EAC5G,8BAA8B,8BAAU,OACrC,YAAY,oDAAoD,EAChE,aAAa,CAAC,CAAC;AACpB;AAEO,MAAM,mBAAyC;AAAA,EACpD,gBAAgB,CAAC;AAAA,EACjB,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,CAAC;AAAA,EACX,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,gBAAgB,CAAC;AAAA,EACjB,8BAA8B,CAAC;AACjC;",
   "names": []
 }

package/dist/esm/exported-related/DSTab.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/DSTab.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { tabPropTypes } from '../propTypes';\nimport type { DSTabT } from '../propTypes';\n\nconst DSTab = (props: DSTabT.Props): JSX.Element => <React.Fragment {...props} />;\n\nDSTab.propTypes = tabPropTypes as WeakValidationMap<unknown>;\nconst DSTabWithSchema = describe<DSTabT.Props>(DSTab);\nDSTabWithSchema.propTypes = tabPropTypes;\n\nexport { DSTab, DSTabWithSchema };\nexport default DSTab;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACM6B;AANpD,OAAOA,YAAW;AAElB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAG7B,MAAM,QAAQ,CAAC,UAAqC,oBAACA,OAAM,UAAN,EAAgB,GAAG,OAAO;AAE/E,MAAM,YAAY;AAClB,MAAM,kBAAkB,SAAuB,KAAK;AACpD,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { tabPropTypes } from '../propTypes';\nimport type { DSTabT } from '../propTypes';\n\nconst DSTab = (props: DSTabT.Props): JSX.Element => <React.Fragment {...props} />;\n\nDSTab.propTypes = tabPropTypes as WeakValidationMap<unknown>;\nconst DSTabWithSchema = describe(DSTab);\nDSTabWithSchema.propTypes = tabPropTypes;\n\nexport { DSTab, DSTabWithSchema };\nexport default DSTab;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACM6B;AANpD,OAAOA,YAAW;AAElB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAG7B,MAAM,QAAQ,CAAC,UAAqC,oBAACA,OAAM,UAAN,EAAgB,GAAG,OAAO;AAE/E,MAAM,YAAY;AAClB,MAAM,kBAAkB,SAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
   "names": ["React"]
 }

package/dist/esm/parts/tabsContent/TabsContent.js

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
+import { useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-utilities";
 import { TabsPanels } from "../tabsPanel/TabsPanels";
 import { TabBar } from "../tabBar/TabBar";
 import { StyledTabBarContainer } from "./styles";
@@ -8,16 +9,29 @@ import { DSTabsContext } from "../../DSTabsCTX";
 import { DSTabsDatatestid } from "../../DSTabsDatatestid";
 const TabsContent = () => {
   const {
+    props,
     props: { containerProps, innerRef, tabsListAriaLabel, tabBarExtraContent, TabBarExtraContent }
   } = useContext(DSTabsContext);
-  return /* @__PURE__ */ jsxs("div", { ...containerProps, ref: innerRef, "data-testid": DSTabsDatatestid.TABS_CONTAINER, children: [
-    /* @__PURE__ */ jsxs(StyledTabBarContainer, { "aria-label": tabsListAriaLabel, role: "tablist", children: [
-      /* @__PURE__ */ jsx(TabBar, {}),
-      TabBarExtraContent ? /* @__PURE__ */ jsx(TabBarExtraContent, {}) : null,
-      tabBarExtraContent ? tabBarExtraContent : null
-    ] }),
-    /* @__PURE__ */ jsx(TabsPanels, {})
-  ] });
+  const globalProps = useGetGlobalAttributes(props);
+  const xstyledProps = useGetXstyledProps(props);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...globalProps,
+      ...xstyledProps,
+      ...containerProps,
+      ref: innerRef,
+      "data-testid": DSTabsDatatestid.TABS_CONTAINER,
+      children: [
+        /* @__PURE__ */ jsxs(StyledTabBarContainer, { "aria-label": tabsListAriaLabel, role: "tablist", children: [
+          /* @__PURE__ */ jsx(TabBar, {}),
+          TabBarExtraContent ? /* @__PURE__ */ jsx(TabBarExtraContent, {}) : null,
+          tabBarExtraContent ? tabBarExtraContent : null
+        ] }),
+        /* @__PURE__ */ jsx(TabsPanels, {})
+      ]
+    }
+  );
 };
 export {
   TabsContent

package/dist/esm/parts/tabsContent/TabsContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/tabsContent/TabsContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { TabsPanels } from '../tabsPanel/TabsPanels';\nimport { TabBar } from '../tabBar/TabBar';\nimport { StyledTabBarContainer } from './styles';\nimport { DSTabsContext } from '../../DSTabsCTX';\nimport { DSTabsDatatestid } from '../../DSTabsDatatestid';\n\nexport const TabsContent = (): JSX.Element => {\n  const {\n    props: { containerProps, innerRef, tabsListAriaLabel, tabBarExtraContent, TabBarExtraContent },\n  } = useContext(DSTabsContext);\n\n  return (\n    <div {...containerProps} ref={innerRef} data-testid={DSTabsDatatestid.TABS_CONTAINER}>\n      <StyledTabBarContainer aria-label={tabsListAriaLabel} role=\"tablist\">\n        <TabBar />\n        {TabBarExtraContent ? <TabBarExtraContent /> : null}\n        {tabBarExtraContent ? tabBarExtraContent : null}\n      </StyledTabBarContainer>\n      <TabsPanels />\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACcjB,SACE,KADF;AAdN,SAAgB,kBAAkB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAE1B,MAAM,cAAc,MAAmB;AAC5C,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,UAAU,mBAAmB,oBAAoB,mBAAmB;AAAA,EAC/F,IAAI,WAAW,aAAa;AAE5B,SACE,qBAAC,SAAK,GAAG,gBAAgB,KAAK,UAAU,eAAa,iBAAiB,gBACpE;AAAA,yBAAC,yBAAsB,cAAY,mBAAmB,MAAK,WACzD;AAAA,0BAAC,UAAO;AAAA,MACP,qBAAqB,oBAAC,sBAAmB,IAAK;AAAA,MAC9C,qBAAqB,qBAAqB;AAAA,OAC7C;AAAA,IACA,oBAAC,cAAW;AAAA,KACd;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { TabsPanels } from '../tabsPanel/TabsPanels';\nimport { TabBar } from '../tabBar/TabBar';\nimport { StyledTabBarContainer } from './styles';\nimport { DSTabsContext } from '../../DSTabsCTX';\nimport { DSTabsDatatestid } from '../../DSTabsDatatestid';\n\nexport const TabsContent = (): JSX.Element => {\n  const {\n    props,\n    props: { containerProps, innerRef, tabsListAriaLabel, tabBarExtraContent, TabBarExtraContent },\n  } = useContext(DSTabsContext);\n\n  const globalProps = useGetGlobalAttributes(props);\n  const xstyledProps = useGetXstyledProps(props);\n\n  return (\n    <div\n      {...globalProps}\n      {...xstyledProps}\n      {...containerProps}\n      ref={innerRef}\n      data-testid={DSTabsDatatestid.TABS_CONTAINER}\n    >\n      <StyledTabBarContainer aria-label={tabsListAriaLabel} role=\"tablist\">\n        <TabBar />\n        {TabBarExtraContent ? <TabBarExtraContent /> : null}\n        {tabBarExtraContent ? tabBarExtraContent : null}\n      </StyledTabBarContainer>\n      <TabsPanels />\n    </div>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACyBjB,SACE,KADF;AAzBN,SAAgB,kBAAkB;AAClC,SAAS,wBAAwB,0BAA0B;AAC3D,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAE1B,MAAM,cAAc,MAAmB;AAC5C,QAAM;AAAA,IACJ;AAAA,IACA,OAAO,EAAE,gBAAgB,UAAU,mBAAmB,oBAAoB,mBAAmB;AAAA,EAC/F,IAAI,WAAW,aAAa;AAE5B,QAAM,cAAc,uBAAuB,KAAK;AAChD,QAAM,eAAe,mBAAmB,KAAK;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAa,iBAAiB;AAAA,MAE9B;AAAA,6BAAC,yBAAsB,cAAY,mBAAmB,MAAK,WACzD;AAAA,8BAAC,UAAO;AAAA,UACP,qBAAqB,oBAAC,sBAAmB,IAAK;AAAA,UAC9C,qBAAqB,qBAAqB;AAAA,WAC7C;AAAA,QACA,oBAAC,cAAW;AAAA;AAAA;AAAA,EACd;AAEJ;",
   "names": []
 }

package/dist/esm/parts/tabsPanel/TabsPanels.js

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { Fragment, jsx } from "react/jsx-runtime";
+import { createElement } from "react";
 import React2, { useMemo, useContext, useCallback } from "react";
 import SwipeableViews from "react-swipeable-views";
 import { StyledPanelContainer } from "./styles";
@@ -9,7 +10,15 @@ const TabsPanels = () => {
   const {
     actualActiveTab,
     focusableTabsRef,
-    props: { animated, enableMouseEvents, onlyRenderActiveTab, children: tabs, isDSMobile }
+    props: {
+      animated,
+      enableMouseEvents,
+      onlyRenderActiveTab,
+      children: tabs,
+      isDSMobile,
+      tabPanelsProps,
+      swipeableViewsContainerProps
+    }
   } = useContext(DSTabsContext);
   const { handleOnTabChange, handleOnMouseDown } = useTabsCallbacks();
   const handleOnChangeIndex = useCallback(
@@ -42,9 +51,11 @@ const TabsPanels = () => {
       const shouldRender = !onlyRenderActiveTab || isActive;
       if (disabled)
         return null;
-      return shouldRender && /* @__PURE__ */ jsx(
+      return shouldRender && /* @__PURE__ */ createElement(
         StyledPanelContainer,
         {
+          ...tabPanelsProps,
+          key: panelId,
           id: panelId,
           "aria-labelledby": `${panelId}-label`,
           "aria-hidden": !isActive,
@@ -53,19 +64,22 @@ const TabsPanels = () => {
           hide: !isActive,
           onMouseDown: handleOnMouseDown,
           role: "tabpanel",
-          style,
-          isDSMobile,
-          children: content
+          style: {
+            ...tabPanelsProps?.style || {},
+            ...style || {}
+          },
+          isDSMobile
         },
-        panelId
+        content
       );
     }),
-    [actualActiveTab, handleOnMouseDown, isDSMobile, onlyRenderActiveTab, tabs]
+    [actualActiveTab, handleOnMouseDown, isDSMobile, onlyRenderActiveTab, tabs, tabPanelsProps]
   );
   if (animated) {
     return /* @__PURE__ */ jsx(
       SwipeableViews,
       {
+        ...swipeableViewsContainerProps,
         enableMouseEvents,
         index: firstSlideToShow,
         onChangeIndex: handleOnChangeIndex,

package/dist/esm/parts/tabsPanel/TabsPanels.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/tabsPanel/TabsPanels.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useMemo, useContext, useCallback } from 'react';\nimport SwipeableViews from 'react-swipeable-views';\nimport { StyledPanelContainer } from './styles';\nimport { DSTabsContext } from '../../DSTabsCTX';\nimport { useTabsCallbacks } from '../../utils/hooks/useTabsCallbacks';\nimport type { DSTabT } from '../../propTypes';\n\nexport const TabsPanels = (): JSX.Element => {\n  const {\n    actualActiveTab,\n    focusableTabsRef,\n    props: { animated, enableMouseEvents, onlyRenderActiveTab, children: tabs, isDSMobile },\n  } = useContext(DSTabsContext);\n\n  const { handleOnTabChange, handleOnMouseDown } = useTabsCallbacks();\n\n  const handleOnChangeIndex = useCallback(\n    (index: number, indexLatest: number) => {\n      if (!focusableTabsRef.current) return;\n\n      const offset = index - indexLatest;\n\n      if (focusableTabsRef.current) {\n        const currentIndexFocusable = focusableTabsRef.current?.findIndex((el) => el.dataset.tabId === actualActiveTab);\n\n        const newFocusableIndex = currentIndexFocusable >= 0 ? currentIndexFocusable + offset : -1;\n\n        if (\n          newFocusableIndex < 0 ||\n          newFocusableIndex > focusableTabsRef.current?.length ||\n          !focusableTabsRef.current?.[newFocusableIndex]\n        )\n          return;\n        handleOnTabChange(focusableTabsRef.current[newFocusableIndex].dataset?.tabId as string);\n\n        // swiping does not trigger centerTab function inside handleOnTabChange because there is no event\n        // by clicking we are manually forcing to center the tab\n\n        focusableTabsRef.current[newFocusableIndex].click();\n      }\n    },\n    [actualActiveTab, focusableTabsRef, handleOnTabChange],\n  );\n\n  const firstSlideToShow = useMemo(() => {\n    const childrenArray = React.Children.toArray(tabs) as React.ReactElement<DSTabT.Props>[];\n    const index = childrenArray\n      .filter((tab) => tab.props.disabled !== true)\n      .findIndex((tab) => tab.props.tabId === actualActiveTab);\n\n    if (index === -1) return 0;\n    return index;\n  }, [actualActiveTab, tabs]);\n\n  const panels = useMemo(\n    () =>\n      React.Children.map(tabs, (tab: React.ReactElement<DSTabT.Props>) => {\n        const { tabId: panelId = '', style, children: content, disabled } = tab.props;\n        const isActive = actualActiveTab === panelId;\n        const shouldRender = !onlyRenderActiveTab || isActive;\n\n        if (disabled) return null;\n        return (\n          shouldRender && (\n            <StyledPanelContainer\n              key={panelId}\n              id={panelId}\n              aria-labelledby={`${panelId}-label`}\n              aria-hidden={!isActive}\n              data-panel-id={panelId}\n              data-testid=\"ds-tabs-tab-panel\"\n              hide={!isActive}\n              onMouseDown={handleOnMouseDown}\n              role=\"tabpanel\"\n              style={style}\n              isDSMobile={isDSMobile}\n            >\n              {content}\n            </StyledPanelContainer>\n          )\n        );\n      }),\n    [actualActiveTab, handleOnMouseDown, isDSMobile, onlyRenderActiveTab, tabs],\n  );\n\n  if (animated) {\n    return (\n      <SwipeableViews\n        enableMouseEvents={enableMouseEvents}\n        index={firstSlideToShow}\n        onChangeIndex={handleOnChangeIndex}\n      >\n        {panels}\n      </SwipeableViews>\n    );\n  }\n\n  return <>{panels}</>;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACiEX,SAiCH,UAjCG;AAhEZ,OAAOA,UAAS,SAAS,YAAY,mBAAmB;AACxD,OAAO,oBAAoB;AAC3B,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAG1B,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,mBAAmB,qBAAqB,UAAU,MAAM,WAAW;AAAA,EACxF,IAAI,WAAW,aAAa;AAE5B,QAAM,EAAE,mBAAmB,kBAAkB,IAAI,iBAAiB;AAElE,QAAM,sBAAsB;AAAA,IAC1B,CAAC,OAAe,gBAAwB;AACtC,UAAI,CAAC,iBAAiB;AAAS;AAE/B,YAAM,SAAS,QAAQ;AAEvB,UAAI,iBAAiB,SAAS;AAC5B,cAAM,wBAAwB,iBAAiB,SAAS,UAAU,CAAC,OAAO,GAAG,QAAQ,UAAU,eAAe;AAE9G,cAAM,oBAAoB,yBAAyB,IAAI,wBAAwB,SAAS;AAExF,YACE,oBAAoB,KACpB,oBAAoB,iBAAiB,SAAS,UAC9C,CAAC,iBAAiB,UAAU;AAE5B;AACF,0BAAkB,iBAAiB,QAAQ,mBAAmB,SAAS,KAAe;AAKtF,yBAAiB,QAAQ,mBAAmB,MAAM;AAAA,MACpD;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,kBAAkB,iBAAiB;AAAA,EACvD;AAEA,QAAM,mBAAmB,QAAQ,MAAM;AACrC,UAAM,gBAAgBA,OAAM,SAAS,QAAQ,IAAI;AACjD,UAAM,QAAQ,cACX,OAAO,CAAC,QAAQ,IAAI,MAAM,aAAa,IAAI,EAC3C,UAAU,CAAC,QAAQ,IAAI,MAAM,UAAU,eAAe;AAEzD,QAAI,UAAU;AAAI,aAAO;AACzB,WAAO;AAAA,EACT,GAAG,CAAC,iBAAiB,IAAI,CAAC;AAE1B,QAAM,SAAS;AAAA,IACb,MACEA,OAAM,SAAS,IAAI,MAAM,CAAC,QAA0C;AAClE,YAAM,EAAE,OAAO,UAAU,IAAI,OAAO,UAAU,SAAS,SAAS,IAAI,IAAI;AACxE,YAAM,WAAW,oBAAoB;AACrC,YAAM,eAAe,CAAC,uBAAuB;AAE7C,UAAI;AAAU,eAAO;AACrB,aACE,gBACE;AAAA,QAAC;AAAA;AAAA,UAEC,IAAI;AAAA,UACJ,mBAAiB,GAAG;AAAA,UACpB,eAAa,CAAC;AAAA,UACd,iBAAe;AAAA,UACf,eAAY;AAAA,UACZ,MAAM,CAAC;AAAA,UACP,aAAa;AAAA,UACb,MAAK;AAAA,UACL;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,QAZI;AAAA,MAaP;AAAA,IAGN,CAAC;AAAA,IACH,CAAC,iBAAiB,mBAAmB,YAAY,qBAAqB,IAAI;AAAA,EAC5E;AAEA,MAAI,UAAU;AACZ,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,QACP,eAAe;AAAA,QAEd;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SAAO,gCAAG,kBAAO;AACnB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useMemo, useContext, useCallback } from 'react';\nimport SwipeableViews from 'react-swipeable-views';\nimport { StyledPanelContainer } from './styles';\nimport { DSTabsContext } from '../../DSTabsCTX';\nimport { useTabsCallbacks } from '../../utils/hooks/useTabsCallbacks';\nimport type { DSTabT } from '../../propTypes';\n\nexport const TabsPanels = (): JSX.Element => {\n  const {\n    actualActiveTab,\n    focusableTabsRef,\n    props: {\n      animated,\n      enableMouseEvents,\n      onlyRenderActiveTab,\n      children: tabs,\n      isDSMobile,\n      tabPanelsProps,\n      swipeableViewsContainerProps,\n    },\n  } = useContext(DSTabsContext);\n\n  const { handleOnTabChange, handleOnMouseDown } = useTabsCallbacks();\n\n  const handleOnChangeIndex = useCallback(\n    (index: number, indexLatest: number) => {\n      if (!focusableTabsRef.current) return;\n\n      const offset = index - indexLatest;\n\n      if (focusableTabsRef.current) {\n        const currentIndexFocusable = focusableTabsRef.current?.findIndex((el) => el.dataset.tabId === actualActiveTab);\n\n        const newFocusableIndex = currentIndexFocusable >= 0 ? currentIndexFocusable + offset : -1;\n\n        if (\n          newFocusableIndex < 0 ||\n          newFocusableIndex > focusableTabsRef.current?.length ||\n          !focusableTabsRef.current?.[newFocusableIndex]\n        )\n          return;\n        handleOnTabChange(focusableTabsRef.current[newFocusableIndex].dataset?.tabId as string);\n\n        // swiping does not trigger centerTab function inside handleOnTabChange because there is no event\n        // by clicking we are manually forcing to center the tab\n\n        focusableTabsRef.current[newFocusableIndex].click();\n      }\n    },\n    [actualActiveTab, focusableTabsRef, handleOnTabChange],\n  );\n\n  const firstSlideToShow = useMemo(() => {\n    const childrenArray = React.Children.toArray(tabs) as React.ReactElement<DSTabT.Props>[];\n    const index = childrenArray\n      .filter((tab) => tab.props.disabled !== true)\n      .findIndex((tab) => tab.props.tabId === actualActiveTab);\n\n    if (index === -1) return 0;\n    return index;\n  }, [actualActiveTab, tabs]);\n\n  const panels = useMemo(\n    () =>\n      React.Children.map(tabs, (tab: React.ReactElement<DSTabT.Props>) => {\n        const { tabId: panelId = '', style, children: content, disabled } = tab.props;\n        const isActive = actualActiveTab === panelId;\n        const shouldRender = !onlyRenderActiveTab || isActive;\n\n        if (disabled) return null;\n        return (\n          shouldRender && (\n            <StyledPanelContainer\n              {...tabPanelsProps}\n              key={panelId}\n              id={panelId}\n              aria-labelledby={`${panelId}-label`}\n              aria-hidden={!isActive}\n              data-panel-id={panelId}\n              data-testid=\"ds-tabs-tab-panel\"\n              hide={!isActive}\n              onMouseDown={handleOnMouseDown}\n              role=\"tabpanel\"\n              style={{\n                ...(tabPanelsProps?.style || {}),\n                ...(style || {}),\n              }}\n              isDSMobile={isDSMobile}\n            >\n              {content}\n            </StyledPanelContainer>\n          )\n        );\n      }),\n    [actualActiveTab, handleOnMouseDown, isDSMobile, onlyRenderActiveTab, tabs, tabPanelsProps],\n  );\n\n  if (animated) {\n    return (\n      <SwipeableViews\n        {...swipeableViewsContainerProps}\n        enableMouseEvents={enableMouseEvents}\n        index={firstSlideToShow}\n        onChangeIndex={handleOnChangeIndex}\n      >\n        {panels}\n      </SwipeableViews>\n    );\n  }\n\n  return <>{panels}</>;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoGjB,SAWG,UAXH;AA3BM;AAxEZ,OAAOA,UAAS,SAAS,YAAY,mBAAmB;AACxD,OAAO,oBAAoB;AAC3B,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAG1B,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,IAAI,WAAW,aAAa;AAE5B,QAAM,EAAE,mBAAmB,kBAAkB,IAAI,iBAAiB;AAElE,QAAM,sBAAsB;AAAA,IAC1B,CAAC,OAAe,gBAAwB;AACtC,UAAI,CAAC,iBAAiB;AAAS;AAE/B,YAAM,SAAS,QAAQ;AAEvB,UAAI,iBAAiB,SAAS;AAC5B,cAAM,wBAAwB,iBAAiB,SAAS,UAAU,CAAC,OAAO,GAAG,QAAQ,UAAU,eAAe;AAE9G,cAAM,oBAAoB,yBAAyB,IAAI,wBAAwB,SAAS;AAExF,YACE,oBAAoB,KACpB,oBAAoB,iBAAiB,SAAS,UAC9C,CAAC,iBAAiB,UAAU;AAE5B;AACF,0BAAkB,iBAAiB,QAAQ,mBAAmB,SAAS,KAAe;AAKtF,yBAAiB,QAAQ,mBAAmB,MAAM;AAAA,MACpD;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,kBAAkB,iBAAiB;AAAA,EACvD;AAEA,QAAM,mBAAmB,QAAQ,MAAM;AACrC,UAAM,gBAAgBA,OAAM,SAAS,QAAQ,IAAI;AACjD,UAAM,QAAQ,cACX,OAAO,CAAC,QAAQ,IAAI,MAAM,aAAa,IAAI,EAC3C,UAAU,CAAC,QAAQ,IAAI,MAAM,UAAU,eAAe;AAEzD,QAAI,UAAU;AAAI,aAAO;AACzB,WAAO;AAAA,EACT,GAAG,CAAC,iBAAiB,IAAI,CAAC;AAE1B,QAAM,SAAS;AAAA,IACb,MACEA,OAAM,SAAS,IAAI,MAAM,CAAC,QAA0C;AAClE,YAAM,EAAE,OAAO,UAAU,IAAI,OAAO,UAAU,SAAS,SAAS,IAAI,IAAI;AACxE,YAAM,WAAW,oBAAoB;AACrC,YAAM,eAAe,CAAC,uBAAuB;AAE7C,UAAI;AAAU,eAAO;AACrB,aACE,gBACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,mBAAiB,GAAG;AAAA,UACpB,eAAa,CAAC;AAAA,UACd,iBAAe;AAAA,UACf,eAAY;AAAA,UACZ,MAAM,CAAC;AAAA,UACP,aAAa;AAAA,UACb,MAAK;AAAA,UACL,OAAO;AAAA,YACL,GAAI,gBAAgB,SAAS,CAAC;AAAA,YAC9B,GAAI,SAAS,CAAC;AAAA,UAChB;AAAA,UACA;AAAA;AAAA,QAEC;AAAA,MACH;AAAA,IAGN,CAAC;AAAA,IACH,CAAC,iBAAiB,mBAAmB,YAAY,qBAAqB,MAAM,cAAc;AAAA,EAC5F;AAEA,MAAI,UAAU;AACZ,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,OAAO;AAAA,QACP,eAAe;AAAA,QAEd;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SAAO,gCAAG,kBAAO;AACnB;",
   "names": ["React"]
 }

package/dist/esm/propTypes.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-utilities";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-utilities";
 import { TabTypes, TabTypesValuesAsArray } from "./utils/constants";
 const noop = () => {
 };
@@ -10,6 +10,8 @@ const tabPropTypes = {
   disabled: PropTypes.bool.description("Disables Tab.").defaultValue(false)
 };
 const tabsPropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
   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),
@@ -23,7 +25,9 @@ const tabsPropTypes = {
   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)
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description("Ref to the container.").defaultValue(void 0),
+  tabPanelsProps: PropTypes.object.description("Additional properties for the tab container.").defaultValue({}),
+  swipeableViewsContainerProps: PropTypes.object.description("Additional properties for the swipeable container.").defaultValue({})
 };
 const tabsDefaultProps = {
   containerProps: {},
@@ -39,7 +43,9 @@ const tabsDefaultProps = {
   showSelectionIndicator: true,
   children: [],
   fixedTabsHeaders: false,
-  showSeparator: true
+  showSeparator: true,
+  tabPanelsProps: {},
+  swipeableViewsContainerProps: {}
 };
 export {
   tabPropTypes,

package/dist/esm/propTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport { TabTypes, TabTypesValuesAsArray } from './utils/constants';\nimport type { DSTabsInternalsT } from './sharedTypes';\n\nconst noop = (): void => {};\n\nexport declare namespace DSTabT {\n  export interface PropsOptional {\n    style?: Record<string, unknown>;\n    title?: string;\n    required?: boolean;\n    disabled?: boolean;\n    ref?: React.MutableRefObject<HTMLButtonElement>;\n    onClick?: (tabId: string | number, e: React.MouseEvent) => null | void;\n    onKeyDown?: (e: React.KeyboardEvent) => null | void;\n  }\n\n  export interface PropsRequired {\n    children: React.ReactNode;\n    tabId: string | number;\n  }\n\n  export interface Props extends PropsOptional, PropsRequired {}\n}\n\nexport declare namespace DSTabsT {\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    animated: boolean;\n    enableMouseEvents: boolean;\n    allowTextSelection: boolean;\n    onTabChange: (tabId: string | number, e?: React.MouseEvent) => void;\n    tabsListAriaLabel: string;\n    type: DSTabsInternalsT.TabTypesT;\n    children: React.ReactElement<DSTabT.Props>[];\n    onlyRenderActiveTab: boolean;\n    fixedTabsHeaders: boolean;\n    withCarousel: boolean;\n    isDSMobile: boolean;\n    showSelectionIndicator: boolean;\n    showSeparator: boolean;\n  }\n\n  export interface PropsOptional {\n    firstSubtabRef?: React.MutableRefObject<HTMLElement>;\n    lastTabRef?: React.MutableRefObject<HTMLElement>;\n    TabBarExtraContent?: React.ComponentType;\n    tabBarExtraContent?: React.ReactNode;\n    activeTab?: string;\n    innerRef?: React.MutableRefObject<HTMLDivElement>;\n  }\n\n  export interface Props extends Partial<DefaultProps>, PropsOptional {}\n\n  export interface InternalProps extends DefaultProps, PropsOptional {}\n}\n\nexport const tabPropTypes = {\n  tabId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Unique Tab id.').defaultValue(''),\n  title: PropTypes.string.description('Tab title.').defaultValue(''),\n  required: PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),\n  disabled: PropTypes.bool.description('Disables Tab.').defaultValue(false),\n};\n\nexport const tabsPropTypes = {\n  animated: PropTypes.bool.description('Whether the Tab transition should animate or not.').defaultValue(true),\n  enableMouseEvents: PropTypes.bool.description('Enables Tab transition with mouse drag events.').defaultValue(false),\n  allowTextSelection: PropTypes.bool\n    .description('Allows text selection when mouse drag events are active.')\n    .defaultValue(false),\n  onTabChange: PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),\n  type: PropTypes.oneOf(TabTypesValuesAsArray).description('Tab type.').defaultValue(TabTypesValuesAsArray[0]),\n  tabBarExtraContent: PropTypes.element.description('Extra content next to the Tab Bar.').defaultValue(undefined),\n  TabBarExtraContent: PropTypes.func\n    .description('Extra content next to the Tab Bar as a react component instead of JSX')\n    .defaultValue(undefined),\n  onlyRenderActiveTab: PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),\n  withCarousel: PropTypes.bool.description('Activate carousel behavior.').defaultValue(false),\n  activeTab: PropTypes.string\n    .description('Passing a value makes DSTabs a controlled component.')\n    .defaultValue('First DSTab children.'),\n  children: PropTypes.node.description('Use DSTab component as children.').isRequired,\n  tabsListAriaLabel: PropTypes.string.description('Aria label for the list.').defaultValue('Tab list.'),\n  containerProps: PropTypes.object.description('Additional properties for the container.').defaultValue({}),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })])\n    .description('Ref to the container.')\n    .defaultValue(undefined),\n};\n\nexport const tabsDefaultProps: DSTabsT.DefaultProps = {\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,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,UAAU,6BAA6B;AAGhD,MAAM,OAAO,MAAY;AAAC;AAqDnB,MAAM,eAAe;AAAA,EAC1B,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,gBAAgB,EAAE,aAAa,EAAE;AAAA,EAC9G,OAAO,UAAU,OAAO,YAAY,YAAY,EAAE,aAAa,EAAE;AAAA,EACjE,UAAU,UAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,KAAK;AAAA,EAClG,UAAU,UAAU,KAAK,YAAY,eAAe,EAAE,aAAa,KAAK;AAC1E;AAEO,MAAM,gBAAgB;AAAA,EAC3B,UAAU,UAAU,KAAK,YAAY,mDAAmD,EAAE,aAAa,IAAI;AAAA,EAC3G,mBAAmB,UAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,KAAK;AAAA,EAClH,oBAAoB,UAAU,KAC3B,YAAY,0DAA0D,EACtE,aAAa,KAAK;AAAA,EACrB,aAAa,UAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,UAAU;AAAA,EACjH,MAAM,UAAU,MAAM,qBAAqB,EAAE,YAAY,WAAW,EAAE,aAAa,sBAAsB,EAAE;AAAA,EAC3G,oBAAoB,UAAU,QAAQ,YAAY,oCAAoC,EAAE,aAAa,MAAS;AAAA,EAC9G,oBAAoB,UAAU,KAC3B,YAAY,uEAAuE,EACnF,aAAa,MAAS;AAAA,EACzB,qBAAqB,UAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,KAAK;AAAA,EAC7G,cAAc,UAAU,KAAK,YAAY,6BAA6B,EAAE,aAAa,KAAK;AAAA,EAC1F,WAAW,UAAU,OAClB,YAAY,sDAAsD,EAClE,aAAa,uBAAuB;AAAA,EACvC,UAAU,UAAU,KAAK,YAAY,kCAAkC,EAAE;AAAA,EACzE,mBAAmB,UAAU,OAAO,YAAY,0BAA0B,EAAE,aAAa,WAAW;AAAA,EACpG,gBAAgB,UAAU,OAAO,YAAY,0CAA0C,EAAE,aAAa,CAAC,CAAC;AAAA,EACxG,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EACxF,YAAY,uBAAuB,EACnC,aAAa,MAAS;AAC3B;AAEO,MAAM,mBAAyC;AAAA,EACpD,gBAAgB,CAAC;AAAA,EACjB,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,CAAC;AAAA,EACX,kBAAkB;AAAA,EAClB,eAAe;AACjB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport { TabTypes, TabTypesValuesAsArray } from './utils/constants';\nimport type { DSTabsInternalsT } from './sharedTypes';\nimport type { XstyledProps, GlobalAttributesT } from '@elliemae/ds-utilities';\nimport type { SwipeableViewsProps } from 'react-swipeable-views';\n\nconst noop = (): void => {};\n\nexport declare namespace DSTabT {\n  export interface PropsOptional {\n    style?: Record<string, unknown>;\n    title?: string;\n    required?: boolean;\n    disabled?: boolean;\n    ref?: React.MutableRefObject<HTMLButtonElement>;\n    onClick?: (tabId: string | number, e: React.MouseEvent) => null | void;\n    onKeyDown?: (e: React.KeyboardEvent) => null | void;\n  }\n\n  export interface PropsRequired {\n    children: React.ReactNode;\n    tabId: string | number;\n  }\n\n  export interface Props extends PropsOptional, PropsRequired {}\n}\n\nexport declare namespace DSTabsT {\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    animated: boolean;\n    enableMouseEvents: boolean;\n    allowTextSelection: boolean;\n    onTabChange: (tabId: string | number, e?: React.MouseEvent) => void;\n    tabsListAriaLabel: string;\n    type: DSTabsInternalsT.TabTypesT;\n    children: React.ReactElement<DSTabT.Props>[];\n    onlyRenderActiveTab: boolean;\n    fixedTabsHeaders: boolean;\n    withCarousel: boolean;\n    isDSMobile: boolean;\n    showSelectionIndicator: boolean;\n    showSeparator: boolean;\n    tabPanelsProps: GlobalAttributesT<HTMLDivElement>;\n    swipeableViewsContainerProps: SwipeableViewsProps;\n  }\n\n  export interface PropsOptional {\n    firstSubtabRef?: React.MutableRefObject<HTMLElement>;\n    lastTabRef?: React.MutableRefObject<HTMLElement>;\n    TabBarExtraContent?: React.ComponentType;\n    tabBarExtraContent?: React.ReactNode;\n    activeTab?: string;\n    innerRef?: React.MutableRefObject<HTMLDivElement>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      PropsOptional,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof PropsOptional | keyof DefaultProps>,\n      XstyledProps {}\n\n  export interface InternalProps extends DefaultProps, PropsOptional {}\n}\n\nexport const tabPropTypes = {\n  tabId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Unique Tab id.').defaultValue(''),\n  title: PropTypes.string.description('Tab title.').defaultValue(''),\n  required: PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),\n  disabled: PropTypes.bool.description('Disables Tab.').defaultValue(false),\n};\n\nexport const tabsPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  animated: PropTypes.bool.description('Whether the Tab transition should animate or not.').defaultValue(true),\n  enableMouseEvents: PropTypes.bool.description('Enables Tab transition with mouse drag events.').defaultValue(false),\n  allowTextSelection: PropTypes.bool\n    .description('Allows text selection when mouse drag events are active.')\n    .defaultValue(false),\n  onTabChange: PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),\n  type: PropTypes.oneOf(TabTypesValuesAsArray).description('Tab type.').defaultValue(TabTypesValuesAsArray[0]),\n  tabBarExtraContent: PropTypes.element.description('Extra content next to the Tab Bar.').defaultValue(undefined),\n  TabBarExtraContent: PropTypes.func\n    .description('Extra content next to the Tab Bar as a react component instead of JSX')\n    .defaultValue(undefined),\n  onlyRenderActiveTab: PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),\n  withCarousel: PropTypes.bool.description('Activate carousel behavior.').defaultValue(false),\n  activeTab: PropTypes.string\n    .description('Passing a value makes DSTabs a controlled component.')\n    .defaultValue('First DSTab children.'),\n  children: PropTypes.node.description('Use DSTab component as children.').isRequired,\n  tabsListAriaLabel: PropTypes.string.description('Aria label for the list.').defaultValue('Tab list.'),\n  containerProps: PropTypes.object.description('Additional properties for the container.').defaultValue({}),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })])\n    .description('Ref to the container.')\n    .defaultValue(undefined),\n  tabPanelsProps: PropTypes.object.description('Additional properties for the tab container.').defaultValue({}),\n  swipeableViewsContainerProps: PropTypes.object\n    .description('Additional properties for the swipeable container.')\n    .defaultValue({}),\n};\n\nexport const tabsDefaultProps: DSTabsT.DefaultProps = {\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  tabPanelsProps: {},\n  swipeableViewsContainerProps: {},\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,2BAA2B,wBAAwB;AACvE,SAAS,UAAU,6BAA6B;AAKhD,MAAM,OAAO,MAAY;AAAC;AA2DnB,MAAM,eAAe;AAAA,EAC1B,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,gBAAgB,EAAE,aAAa,EAAE;AAAA,EAC9G,OAAO,UAAU,OAAO,YAAY,YAAY,EAAE,aAAa,EAAE;AAAA,EACjE,UAAU,UAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,KAAK;AAAA,EAClG,UAAU,UAAU,KAAK,YAAY,eAAe,EAAE,aAAa,KAAK;AAC1E;AAEO,MAAM,gBAAgB;AAAA,EAC3B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,UAAU,KAAK,YAAY,mDAAmD,EAAE,aAAa,IAAI;AAAA,EAC3G,mBAAmB,UAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,KAAK;AAAA,EAClH,oBAAoB,UAAU,KAC3B,YAAY,0DAA0D,EACtE,aAAa,KAAK;AAAA,EACrB,aAAa,UAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,UAAU;AAAA,EACjH,MAAM,UAAU,MAAM,qBAAqB,EAAE,YAAY,WAAW,EAAE,aAAa,sBAAsB,EAAE;AAAA,EAC3G,oBAAoB,UAAU,QAAQ,YAAY,oCAAoC,EAAE,aAAa,MAAS;AAAA,EAC9G,oBAAoB,UAAU,KAC3B,YAAY,uEAAuE,EACnF,aAAa,MAAS;AAAA,EACzB,qBAAqB,UAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,KAAK;AAAA,EAC7G,cAAc,UAAU,KAAK,YAAY,6BAA6B,EAAE,aAAa,KAAK;AAAA,EAC1F,WAAW,UAAU,OAClB,YAAY,sDAAsD,EAClE,aAAa,uBAAuB;AAAA,EACvC,UAAU,UAAU,KAAK,YAAY,kCAAkC,EAAE;AAAA,EACzE,mBAAmB,UAAU,OAAO,YAAY,0BAA0B,EAAE,aAAa,WAAW;AAAA,EACpG,gBAAgB,UAAU,OAAO,YAAY,0CAA0C,EAAE,aAAa,CAAC,CAAC;AAAA,EACxG,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EACxF,YAAY,uBAAuB,EACnC,aAAa,MAAS;AAAA,EACzB,gBAAgB,UAAU,OAAO,YAAY,8CAA8C,EAAE,aAAa,CAAC,CAAC;AAAA,EAC5G,8BAA8B,UAAU,OACrC,YAAY,oDAAoD,EAChE,aAAa,CAAC,CAAC;AACpB;AAEO,MAAM,mBAAyC;AAAA,EACpD,gBAAgB,CAAC;AAAA,EACjB,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,CAAC;AAAA,EACX,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,gBAAgB,CAAC;AAAA,EACjB,8BAA8B,CAAC;AACjC;",
   "names": []
 }

package/dist/types/propTypes.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import type { DSTabsInternalsT } from './sharedTypes';
+import type { XstyledProps, GlobalAttributesT } from '@elliemae/ds-utilities';
+import type { SwipeableViewsProps } from 'react-swipeable-views';
 export declare namespace DSTabT {
     interface PropsOptional {
         style?: Record<string, unknown>;
@@ -33,6 +35,8 @@ export declare namespace DSTabsT {
         isDSMobile: boolean;
         showSelectionIndicator: boolean;
         showSeparator: boolean;
+        tabPanelsProps: GlobalAttributesT<HTMLDivElement>;
+        swipeableViewsContainerProps: SwipeableViewsProps;
     }
     interface PropsOptional {
         firstSubtabRef?: React.MutableRefObject<HTMLElement>;
@@ -42,7 +46,7 @@ export declare namespace DSTabsT {
         activeTab?: string;
         innerRef?: React.MutableRefObject<HTMLDivElement>;
     }
-    interface Props extends Partial<DefaultProps>, PropsOptional {
+    interface Props extends Partial<DefaultProps>, PropsOptional, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof PropsOptional | keyof DefaultProps>, XstyledProps {
     }
     interface InternalProps extends DefaultProps, PropsOptional {
     }
@@ -68,5 +72,448 @@ export declare const tabsPropTypes: {
     tabsListAriaLabel: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
     containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
     innerRef: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    tabPanelsProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    swipeableViewsContainerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    margin: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    m: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    marginTop: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    mt: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    marginRight: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    mr: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    marginBottom: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    mb: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    marginLeft: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    ml: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    mx: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    my: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    padding: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    p: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    paddingTop: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    pt: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    paddingRight: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    pr: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    paddingBottom: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    pb: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    paddingLeft: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    pl: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    px: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    py: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    spaceY: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    spaceX: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    spaceXReverse: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    spaceYReverse: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    w: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    width: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    maxWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    maxW: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    minWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    minW: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    h: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    height: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    maxHeight: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    maxH: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    minHeight: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    minH: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    maskSize: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    display: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    float: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    boxSizing: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    container: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    overflow: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    overflowX: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    overflowY: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    zIndex: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    top: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    right: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    bottom: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    left: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    visibility: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    overscrollBehavior: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    objectFit: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    color: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    bg: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    backgroundColor: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    border: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderTop: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderBottom: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderRight: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderLeft: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderColor: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderTopColor: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderBottomColor: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderRightColor: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderLeftColor: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderStyle: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderTopStyle: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderBottomStyle: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderRightStyle: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderLeftStyle: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderTopWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderBottomWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderRightWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderLeftWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    borderRadius: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    boxShadow: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-*': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'on-*': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'data-*': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'all HTML attributes': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    about: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    accept: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    acceptCharset: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    accessKey: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    action: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    allowFullScreen: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    allowTransparency: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    alt: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-activedescendant': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-atomic': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-autocomplete': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-busy': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-checked': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-colcount': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-colindex': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-colspan': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-controls': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-current': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-describedby': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-details': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-disabled': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-dropeffect': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-errormessage': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-expanded': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-flowto': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-grabbed': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-haspopup': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-hidden': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-invalid': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-keyshortcuts': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-label': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-labelledby': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-level': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-live': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-modal': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-multiline': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-multiselectable': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-orientation': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-owns': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-placeholder': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-posinset': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-pressed': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-readonly': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-relevant': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-required': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-roledescription': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-rowcount': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-rowindex': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-rowspan': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-selected': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-setsize': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-sort': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-valuemax': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-valuemin': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-valuenow': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-valuetext': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    as: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    async: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    autoCapitalize: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    autoComplete: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    autoCorrect: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    autoFocus: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    autoPlay: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    autoSave: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    capture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    cellPadding: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    cellSpacing: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    challenge: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    charSet: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    checked: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    cite: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    classID: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    className: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    cols: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    colSpan: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    content: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    contentEditable: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    contextMenu: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    controls: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    coords: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    crossOrigin: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    data: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    datatype: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    dateTime: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    default: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    defaultChecked: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    defaultValue: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    defer: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    dir: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    disabled: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    download: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    draggable: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    encType: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    form: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    formAction: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    formEncType: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    formMethod: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    formNoValidate: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    formTarget: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    frameBorder: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    headers: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    hidden: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    high: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    href: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    hrefLang: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    htmlFor: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    httpEquiv: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    id: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    inlist: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    inputMode: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    integrity: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    is: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    itemID: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    itemProp: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    itemRef: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    itemScope: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    itemType: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    keyParams: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    keyType: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    kind: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    lang: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    list: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    loop: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    low: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    manifest: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    marginHeight: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    marginWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    max: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    maxLength: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    media: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    mediaGroup: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    method: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    min: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    minLength: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    multiple: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    muted: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    name: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    nonce: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    noValidate: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onAbort: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onAbortCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onAnimationEnd: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onAnimationEndCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onAnimationIteration: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onAnimationIterationCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onAnimationStart: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onAnimationStartCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onAuxClick: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onAuxClickCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onBeforeInput: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onBeforeInputCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onBlur: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onBlurCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onCanPlay: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onCanPlayCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onCanPlayThrough: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onCanPlayThroughCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onChangeCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onClick: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onClickCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onCompositionEnd: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onCompositionEndCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onCompositionStart: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onCompositionStartCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onCompositionUpdate: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onCompositionUpdateCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onContextMenu: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onContextMenuCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onCopy: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onCopyCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onCut: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onCutCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDoubleClick: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDoubleClickCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDrag: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDragCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDragEnd: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDragEndCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDragEnter: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDragEnterCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDragExit: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDragExitCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDragLeave: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDragLeaveCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDragOver: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDragOverCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDragStart: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDragStartCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDrop: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDropCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDurationChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onDurationChangeCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onEmptied: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onEmptiedCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onEncrypted: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onEncryptedCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onEnded: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onEndedCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onError: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onErrorCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onFocus: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onFocusCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onGotPointerCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onGotPointerCaptureCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onInput: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onInputCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onInvalid: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onInvalidCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onKeyDown: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onKeyDownCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onKeyPress: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onKeyPressCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onKeyUp: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onKeyUpCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onLoad: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onLoadCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onLoadedData: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onLoadedDataCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onLoadedMetadata: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onLoadedMetadataCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onLoadStart: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onLoadStartCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onLostPointerCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onLostPointerCaptureCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onMouseDown: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onMouseDownCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onMouseEnter: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onMouseLeave: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onMouseMove: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onMouseMoveCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onMouseOut: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onMouseOutCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onMouseOver: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onMouseOverCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onMouseUp: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onMouseUpCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPaste: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPasteCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPause: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPauseCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPlay: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPlayCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPlaying: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPlayingCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerCancel: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerCancelCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerDown: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerDownCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerEnter: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerEnterCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerLeave: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerLeaveCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerMove: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerMoveCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerOut: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerOutCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerOver: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerOverCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerUp: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onPointerUpCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onProgress: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onProgressCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onRateChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onRateChangeCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onReset: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onResetCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onResize: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onResizeCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onScroll: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onScrollCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onSeeked: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onSeekedCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onSeeking: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onSeekingCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onSelect: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onSelectCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onStalled: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onStalledCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onSubmit: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onSubmitCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onSuspend: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onSuspendCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onTimeUpdate: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onTimeUpdateCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onTouchCancel: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onTouchCancelCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onTouchEnd: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onTouchEndCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onTouchMove: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onTouchMoveCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onTouchStart: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onTouchStartCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onTransitionEnd: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onTransitionEndCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onVolumeChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onVolumeChangeCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onWaiting: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onWaitingCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onWheel: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onWheelCapture: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    open: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    optimum: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    pattern: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    placeholder: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    playsInline: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    poster: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    prefix: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    preload: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    property: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    radioGroup: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    readOnly: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    rel: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    required: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    resource: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    results: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    reversed: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    role: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    rows: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    rowSpan: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    sandbox: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    scope: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    scoped: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    scrolling: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    seamless: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    security: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    selected: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    shape: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    sizes: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    slot: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    span: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    spellCheck: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    src: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    srcDoc: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    srcLang: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    srcSet: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    start: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    step: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    style: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    summary: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    suppressContentEditableWarning: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    suppressHydrationWarning: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    tabIndex: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    target: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    title: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    translate: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    typeof: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    unselectable: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    useMap: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    value: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    vocab: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    wmode: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    wrap: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
 };
 export declare const tabsDefaultProps: DSTabsT.DefaultProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-tabs",
-  "version": "3.14.0-rc.6",
+  "version": "3.14.0-rc.7",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tabs",
   "files": [
@@ -133,11 +133,11 @@
   "dependencies": {
     "@react-hook/resize-observer": "~1.2.5",
     "react-swipeable-views": "~0.14.0",
-    "@elliemae/ds-button": "3.14.0-rc.6",
-    "@elliemae/ds-icon": "3.14.0-rc.6",
-    "@elliemae/ds-icons": "3.14.0-rc.6",
-    "@elliemae/ds-system": "3.14.0-rc.6",
-    "@elliemae/ds-utilities": "3.14.0-rc.6"
+    "@elliemae/ds-button": "3.14.0-rc.7",
+    "@elliemae/ds-icon": "3.14.0-rc.7",
+    "@elliemae/ds-icons": "3.14.0-rc.7",
+    "@elliemae/ds-system": "3.14.0-rc.7",
+    "@elliemae/ds-utilities": "3.14.0-rc.7"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "~5.16.4",