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

package/cjs/parts/tabsContent/TabsContent.js

@@ -1,53 +1,49 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var TabsContent_exports = {};
-__export(TabsContent_exports, {
-  TabsContent: () => TabsContent
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_TabsPanels = __toESM(require("../tabsPanel/TabsPanels"));
-var import_TabBar = __toESM(require("../tabBar/TabBar"));
-var import_styles = __toESM(require("./styles"));
-var import_DSTabsCTX = __toESM(require("../../DSTabsCTX"));
-var import_DSTabsDatatestid = __toESM(require("../../DSTabsDatatestid"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var TabsPanels = require('../tabsPanel/TabsPanels.js');
+var TabBar = require('../tabBar/TabBar.js');
+var styles = require('./styles.js');
+var DSTabsCTX = require('../../DSTabsCTX.js');
+var DSTabsDatatestid = require('../../DSTabsDatatestid.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _TabBar, _TabsPanels;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const TabsContent = () => {
   const {
-    props: { containerProps, innerRef, tabsListAriaLabel, tabBarExtraContent }
-  } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    ...containerProps,
+    props: {
+      containerProps,
+      innerRef,
+      tabsListAriaLabel,
+      tabBarExtraContent
+    }
+  } = React.useContext(DSTabsCTX.DSTabsContext);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
     ref: innerRef,
-    "data-testid": import_DSTabsDatatestid.DSTabsDatatestid.TABS_CONTAINER
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTabBarContainer, {
-    "aria-label": tabsListAriaLabel,
-    role: "tablist"
-  }, /* @__PURE__ */ import_react.default.createElement(import_TabBar.TabBar, null), tabBarExtraContent), /* @__PURE__ */ import_react.default.createElement(import_TabsPanels.TabsPanels, null));
+    "data-testid": DSTabsDatatestid.DSTabsDatatestid.TABS_CONTAINER,
+    children: [/*#__PURE__*/_jsx__default["default"](styles.StyledTabBarContainer, {
+      "aria-label": tabsListAriaLabel,
+      role: "tablist"
+    }, void 0, _TabBar || (_TabBar = /*#__PURE__*/_jsx__default["default"](TabBar.TabBar, {})), tabBarExtraContent), _TabsPanels || (_TabsPanels = /*#__PURE__*/_jsx__default["default"](TabsPanels.TabsPanels, {}))]
+  }));
 };
-module.exports = __toCommonJS(TabsContent_exports);
-//# sourceMappingURL=TabsContent.js.map
+
+exports.TabsContent = TabsContent;

package/cjs/parts/tabsContent/styles.js

@@ -1,39 +1,15 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styles_exports = {};
-__export(styles_exports, {
-  StyledTabBarContainer: () => StyledTabBarContainer
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const StyledTabBarContainer = import_styled_components.default.div`
-  display: flex;
-  overflow-x: hidden;
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledTabBarContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-vm3k1y-0"
+})(["display:flex;overflow-x:hidden;"]);
+
+exports.StyledTabBarContainer = StyledTabBarContainer;

package/cjs/parts/tabsPanel/TabsPanels.js

@@ -1,79 +1,77 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var TabsPanels_exports = {};
-__export(TabsPanels_exports, {
-  TabsPanels: () => TabsPanels
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_swipeable_views = __toESM(require("react-swipeable-views"));
-var import_helpers = __toESM(require("../../utils/helpers"));
-var import_styles = __toESM(require("./styles"));
-var import_DSTabsCTX = __toESM(require("../../DSTabsCTX"));
-var import_useTabsCallbacks = __toESM(require("../../utils/hooks/useTabsCallbacks"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+var React = require('react');
+var SwipeableViews = require('react-swipeable-views');
+var helpers = require('../../utils/helpers.js');
+var styles = require('./styles.js');
+var DSTabsCTX = require('../../DSTabsCTX.js');
+var useTabsCallbacks = require('../../utils/hooks/useTabsCallbacks.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var SwipeableViews__default = /*#__PURE__*/_interopDefaultLegacy(SwipeableViews);
+
 const TabsPanels = () => {
   const {
     actualActiveTab,
     focusableTabsRef,
-    props: { animated, enableMouseEvents, onlyRenderActiveTab, children: tabs, isDSMobile }
-  } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
-  const { handleOnTabChange, handleOnMouseDown } = (0, import_useTabsCallbacks.useTabsCallbacks)();
-  const handleOnChangeIndex = (0, import_react.useCallback)((index) => {
-    handleOnTabChange((0, import_helpers.getIdByIndex)(tabs, index));
-    if (focusableTabsRef.current)
-      focusableTabsRef.current[index].click();
+    props: {
+      animated,
+      enableMouseEvents,
+      onlyRenderActiveTab,
+      children: tabs,
+      isDSMobile
+    }
+  } = React.useContext(DSTabsCTX.DSTabsContext);
+  const {
+    handleOnTabChange,
+    handleOnMouseDown
+  } = useTabsCallbacks.useTabsCallbacks();
+  const handleOnChangeIndex = React.useCallback(index => {
+    handleOnTabChange(helpers.getIdByIndex(tabs, index));
+    if (focusableTabsRef.current) focusableTabsRef.current[index].click();
   }, [focusableTabsRef, handleOnTabChange, tabs]);
-  const panels = (0, import_react.useMemo)(() => import_react.default.Children.map(tabs, (tab) => {
-    const { tabId: panelId = "", style, children: content } = tab.props;
+  const panels = React.useMemo(() => React__default["default"].Children.map(tabs, tab => {
+    const {
+      tabId: panelId = '',
+      style,
+      children: content
+    } = tab.props;
     const isActive = actualActiveTab === panelId;
     const shouldRender = !onlyRenderActiveTab || isActive;
-    return shouldRender && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledPanelContainer, {
-      key: panelId,
+    return shouldRender && /*#__PURE__*/_jsx__default["default"](styles.StyledPanelContainer, {
       id: panelId,
-      "aria-labelledby": `${panelId}-label`,
+      "aria-labelledby": "".concat(panelId, "-label"),
       "aria-hidden": !isActive,
       "data-panel-id": panelId,
       "data-testid": "ds-tabs-tab-panel",
       hidden: !isActive,
       onMouseDown: handleOnMouseDown,
       role: "tabpanel",
-      style,
-      isDSMobile
-    }, content);
+      style: style,
+      isDSMobile: isDSMobile
+    }, panelId, content);
   }), [actualActiveTab, handleOnMouseDown, isDSMobile, onlyRenderActiveTab, tabs]);
+
   if (animated) {
-    return /* @__PURE__ */ import_react.default.createElement(import_react_swipeable_views.default, {
-      enableMouseEvents,
-      index: (0, import_helpers.getIndexById)(tabs, actualActiveTab),
+    return /*#__PURE__*/_jsx__default["default"](SwipeableViews__default["default"], {
+      enableMouseEvents: enableMouseEvents,
+      index: helpers.getIndexById(tabs, actualActiveTab),
       onChangeIndex: handleOnChangeIndex
-    }, panels);
+    }, void 0, panels);
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, panels);
+
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: panels
+  });
 };
-module.exports = __toCommonJS(TabsPanels_exports);
-//# sourceMappingURL=TabsPanels.js.map
+
+exports.TabsPanels = TabsPanels;

package/cjs/parts/tabsPanel/styles.js

@@ -1,45 +1,25 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styles_exports = {};
-__export(styles_exports, {
-  StyledPanelContainer: () => StyledPanelContainer
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const StyledPanelContainer = import_styled_components.default.div`
-  padding-top: 8px;
-  &:focus {
-    outline: none;
-  }
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
 
-  ${({ hidden }) => hidden ? "visibility: hidden;" : ""}
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledPanelContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-oxw5jq-0"
+})(["padding-top:8px;&:focus{outline:none;}", " ", ""], _ref => {
+  let {
+    hidden
+  } = _ref;
+  return hidden ? 'visibility: hidden;' : '';
+}, _ref2 => {
+  let {
+    isDSMobile
+  } = _ref2;
+  return isDSMobile ? "padding-top: 0;" : "";
+});
 
-  ${({ isDSMobile }) => isDSMobile ? `padding-top: 0;` : ``}
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map
+exports.StyledPanelContainer = StyledPanelContainer;

package/cjs/propTypes.js

@@ -1,58 +1,33 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var propTypes_exports = {};
-__export(propTypes_exports, {
-  tabPropTypes: () => tabPropTypes,
-  tabsPropTypes: () => tabsPropTypes
-});
-var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_constants = __toESM(require("./utils/constants"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+var constants = require('./utils/constants.js');
+
 const tabPropTypes = {
-  tabId: import_react_desc.PropTypes.string.description("Unique Tab id.").defaultValue(""),
-  title: import_react_desc.PropTypes.string.description("Tab title.").defaultValue(""),
-  required: import_react_desc.PropTypes.bool.description("Show a required mark next to the title.").defaultValue(false),
-  disabled: import_react_desc.PropTypes.bool.description("Disables Tab.").defaultValue(false)
+  tabId: reactDesc.PropTypes.string.description('Unique Tab id.').defaultValue(''),
+  title: reactDesc.PropTypes.string.description('Tab title.').defaultValue(''),
+  required: reactDesc.PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),
+  disabled: reactDesc.PropTypes.bool.description('Disables Tab.').defaultValue(false)
 };
 const tabsPropTypes = {
-  animated: import_react_desc.PropTypes.bool.description("Whether the Tab transition should animate or not.").defaultValue(true),
-  enableMouseEvents: import_react_desc.PropTypes.bool.description("Enables Tab transition with mouse drag events.").defaultValue(false),
-  allowTextSelection: import_react_desc.PropTypes.bool.description("Allows text selection when mouse drag events are active.").defaultValue(false),
-  onTabChange: import_react_desc.PropTypes.func.description("Handler when a user clicks on a different Tab.").defaultValue("() => {}"),
-  type: import_react_desc.PropTypes.oneOf(import_constants.TabTypesValuesAsArray).description("Tab type.").defaultValue(import_constants.TabTypesValuesAsArray[0]),
-  tabBarExtraContent: import_react_desc.PropTypes.element.description("Extra content next to the Tab Bar.").defaultValue(void 0),
-  onlyRenderActiveTab: import_react_desc.PropTypes.bool.description("Only renders the active Tab in the DOM.").defaultValue(false),
-  withCarousel: import_react_desc.PropTypes.bool.description("Activate carousel behavior.").defaultValue(false),
-  activeTab: import_react_desc.PropTypes.string.description("Passing a value makes DSTabs a controlled component.").defaultValue("First DSTab children."),
-  children: import_react_desc.PropTypes.node.description("Use DSTab component as children.").isRequired,
-  tabsListAriaLabel: import_react_desc.PropTypes.string.description("Aria label for the list.").defaultValue("Tab list."),
-  containerProps: import_react_desc.PropTypes.object.description("Additional properties for the container.").defaultValue({}),
-  innerRef: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.shape({ current: import_react_desc.PropTypes.any })]).description("Ref to the container.").defaultValue(void 0)
+  animated: reactDesc.PropTypes.bool.description('Whether the Tab transition should animate or not.').defaultValue(true),
+  enableMouseEvents: reactDesc.PropTypes.bool.description('Enables Tab transition with mouse drag events.').defaultValue(false),
+  allowTextSelection: reactDesc.PropTypes.bool.description('Allows text selection when mouse drag events are active.').defaultValue(false),
+  onTabChange: reactDesc.PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),
+  type: reactDesc.PropTypes.oneOf(constants.TabTypesValuesAsArray).description('Tab type.').defaultValue(constants.TabTypesValuesAsArray[0]),
+  tabBarExtraContent: reactDesc.PropTypes.element.description('Extra content next to the Tab Bar.').defaultValue(undefined),
+  onlyRenderActiveTab: reactDesc.PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),
+  withCarousel: reactDesc.PropTypes.bool.description('Activate carousel behavior.').defaultValue(false),
+  activeTab: reactDesc.PropTypes.string.description('Passing a value makes DSTabs a controlled component.').defaultValue('First DSTab children.'),
+  children: reactDesc.PropTypes.node.description('Use DSTab component as children.').isRequired,
+  tabsListAriaLabel: reactDesc.PropTypes.string.description('Aria label for the list.').defaultValue('Tab list.'),
+  containerProps: reactDesc.PropTypes.object.description('Additional properties for the container.').defaultValue({}),
+  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.shape({
+    current: reactDesc.PropTypes.any
+  })]).description('Ref to the container.').defaultValue(undefined)
 };
-module.exports = __toCommonJS(propTypes_exports);
-//# sourceMappingURL=propTypes.js.map
+
+exports.tabPropTypes = tabPropTypes;
+exports.tabsPropTypes = tabsPropTypes;

package/cjs/utils/constants.js

@@ -1,50 +1,18 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var constants_exports = {};
-__export(constants_exports, {
-  MOBILE_GRADIENT_WIDTH: () => MOBILE_GRADIENT_WIDTH,
-  TabTypes: () => TabTypes,
-  TabTypesValuesAsArray: () => TabTypesValuesAsArray,
-  defaultIndicatorStyles: () => defaultIndicatorStyles,
-  gradientOffsetsAccordingType: () => gradientOffsetsAccordingType
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const TabTypes = {
-  NORMAL: "normal",
-  NORMAL_SMALL: "normal_small",
-  SUBTABS: "subtabs"
+  NORMAL: 'normal',
+  NORMAL_SMALL: 'normal_small',
+  SUBTABS: 'subtabs'
 };
 const TabTypesValuesAsArray = Object.values(TabTypes);
 const MOBILE_GRADIENT_WIDTH = 24;
 const defaultIndicatorStyles = {
-  left: "0px",
-  width: "0px",
-  backgroundWithTransparent: ""
+  left: '0px',
+  width: '0px',
+  backgroundWithTransparent: ''
 };
 const gradientOffsetsAccordingType = {
   normal_small: 14,
@@ -52,5 +20,9 @@ const gradientOffsetsAccordingType = {
   subtabs: 16,
   fixedTabsHeaders: 0
 };
-module.exports = __toCommonJS(constants_exports);
-//# sourceMappingURL=constants.js.map
+
+exports.MOBILE_GRADIENT_WIDTH = MOBILE_GRADIENT_WIDTH;
+exports.TabTypes = TabTypes;
+exports.TabTypesValuesAsArray = TabTypesValuesAsArray;
+exports.defaultIndicatorStyles = defaultIndicatorStyles;
+exports.gradientOffsetsAccordingType = gradientOffsetsAccordingType;

package/cjs/utils/helpers.js

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