@elliemae/ds-tabs 2.2.0-alpha.3 → 2.2.0-next.2

package/cjs/index.js

@@ -1,38 +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 src_exports = {};
-__export(src_exports, {
-  TabTypes: () => import_constants.TabTypes
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, __toESM(require("./exportsRelated/DSTab")));
-__reExport(src_exports, __toESM(require("./DSTabs")));
-var import_constants = __toESM(require("./utils/constants"));
-__reExport(src_exports, __toESM(require("./DSTabsDatatestid")));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSTab = require('./exportsRelated/DSTab.js');
+var DSTabs = require('./DSTabs.js');
+var constants = require('./utils/constants.js');
+var DSTabsDatatestid = require('./DSTabsDatatestid.js');
+
+
+
+exports.DSTab = DSTab.DSTab;
+exports.DSTabWithSchema = DSTab.DSTabWithSchema;
+exports.DSTabs = DSTabs.DSTabs;
+exports.DSTabsWithSchema = DSTabs.DSTabsWithSchema;
+exports.TabTypes = constants.TabTypes;
+exports.DSTabsDatatestid = DSTabsDatatestid.DSTabsDatatestid;

package/cjs/parts/carousel/Carousel.js

@@ -1,77 +1,69 @@
-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 Carousel_exports = {};
-__export(Carousel_exports, {
-  Carousel: () => Carousel
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_icon = __toESM(require("@elliemae/ds-icon"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_styles = __toESM(require("./styles"));
-var import_useCarousel = __toESM(require("./useCarousel"));
-var import_DSTabsCTX = __toESM(require("../../DSTabsCTX"));
-var import_DSTabsDatatestid = __toESM(require("../../DSTabsDatatestid"));
-const Carousel = ({ children, updateIndicatorStyle }) => {
-  const { showChevrons, leftButtonOnClick, rightButtonOnClick, handleOnClick, handleOnScroll } = (0, import_useCarousel.useCarousel)({
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var dsIcon = require('@elliemae/ds-icon');
+var dsButton = require('@elliemae/ds-button');
+var dsIcons = require('@elliemae/ds-icons');
+var styles = require('./styles.js');
+var useCarousel = require('./useCarousel.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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const Carousel = _ref => {
+  let {
+    children,
+    updateIndicatorStyle
+  } = _ref;
+  const {
+    showChevrons,
+    leftButtonOnClick,
+    rightButtonOnClick,
+    handleOnClick,
+    handleOnScroll
+  } = useCarousel.useCarousel({
     updateIndicatorStyle
   });
   const {
     carouselOnlyListRef,
-    props: { type }
-  } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
-  return /* @__PURE__ */ React.createElement(import_styles.StyledCarouselWrapper, null, showChevrons.left && /* @__PURE__ */ React.createElement(import_styles.StyledCarouselButtonWrapper, {
+    props: {
+      type
+    }
+  } = React.useContext(DSTabsCTX.DSTabsContext);
+  return /*#__PURE__*/_jsx__default["default"](styles.StyledCarouselWrapper, {}, void 0, showChevrons.left && /*#__PURE__*/_jsx__default["default"](styles.StyledCarouselButtonWrapper, {
     tabType: type
-  }, /* @__PURE__ */ React.createElement(import_styles.StyledCarouselBtn, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledCarouselBtn, {
     size: "s",
     onClick: leftButtonOnClick,
     tabIndex: -1,
-    "data-testid": import_DSTabsDatatestid.DSTabsDatatestid.CAROUSEL.BUTTON_LEFT,
-    buttonType: import_ds_button.BUTTON_TYPES.ICON
-  }, /* @__PURE__ */ React.createElement(import_ds_icons.ChevronLeft, {
-    size: import_ds_icon.DSIconSizes.S
-  }))), showChevrons.right && /* @__PURE__ */ React.createElement(import_styles.StyledCarouselButtonWrapper, {
+    "data-testid": DSTabsDatatestid.DSTabsDatatestid.CAROUSEL.BUTTON_LEFT,
+    buttonType: dsButton.BUTTON_TYPES.ICON
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronLeft, {
+    size: dsIcon.DSIconSizes.S
+  }))), showChevrons.right && /*#__PURE__*/_jsx__default["default"](styles.StyledCarouselButtonWrapper, {
     tabType: type,
     right: showChevrons.right
-  }, /* @__PURE__ */ React.createElement(import_styles.StyledCarouselBtn, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledCarouselBtn, {
     size: "s",
     onClick: rightButtonOnClick,
     tabIndex: -1,
-    "data-testid": import_DSTabsDatatestid.DSTabsDatatestid.CAROUSEL.BUTTON_RIGHT,
-    buttonType: import_ds_button.BUTTON_TYPES.ICON
-  }, /* @__PURE__ */ React.createElement(import_ds_icons.ChevronRight, {
-    size: import_ds_icon.DSIconSizes.S
-  }))), /* @__PURE__ */ React.createElement(import_styles.StyledChildrenWrap, {
+    "data-testid": DSTabsDatatestid.DSTabsDatatestid.CAROUSEL.BUTTON_RIGHT,
+    buttonType: dsButton.BUTTON_TYPES.ICON
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronRight, {
+    size: dsIcon.DSIconSizes.S
+  }))), /*#__PURE__*/jsxRuntime.jsx(styles.StyledChildrenWrap, {
     ref: carouselOnlyListRef,
     onClick: handleOnClick,
-    onScroll: handleOnScroll
-  }, children));
+    onScroll: handleOnScroll,
+    children: children
+  }));
 };
-module.exports = __toCommonJS(Carousel_exports);
-//# sourceMappingURL=Carousel.js.map
+
+exports.Carousel = Carousel;

package/cjs/parts/carousel/styles.js

@@ -1,79 +1,65 @@
-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, {
-  StyledCarouselBtn: () => StyledCarouselBtn,
-  StyledCarouselButtonWrapper: () => StyledCarouselButtonWrapper,
-  StyledCarouselWrapper: () => StyledCarouselWrapper,
-  StyledChildrenWrap: () => StyledChildrenWrap
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_constants = __toESM(require("../../utils/constants"));
-const StyledCarouselBtn = (0, import_styled_components.default)(import_ds_button.DSButtonV2)`
-  margin: 0;
-  min-width: ${({ theme }) => theme.space.xs};
-  width: ${({ theme }) => theme.space.xs};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var dsButton = require('@elliemae/ds-button');
+var constants = require('../../utils/constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-  &:hover:not(:disabled) {
-    background-color: transparent;
-  }
-  background-color: transparent;
-  border-radius: 0px;
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledCarouselBtn = /*#__PURE__*/styled__default["default"](dsButton.DSButtonV2).withConfig({
+  componentId: "sc-prv5a7-0"
+})(["margin:0;min-width:", ";width:", ";&:hover:not(:disabled){background-color:transparent;}background-color:transparent;border-radius:0px;& .em-ds-icon svg{fill:", ";}"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.space.xs;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.space.xs;
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.colors.brand[600];
+});
+const StyledCarouselWrapper = /*#__PURE__*/styled__default["default"].span.withConfig({
+  componentId: "sc-prv5a7-1"
+})(["position:relative;width:100%;display:flex;"]);
+const StyledChildrenWrap = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-prv5a7-2"
+})(["display:flex;flex-wrap:nowrap;flex:1;overflow-x:hidden;"]);
+const StyledCarouselButtonWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-prv5a7-3"
+})(["max-width:16px;position:absolute;z-index:200;", " width:16px;height:", ";padding-top:", ";background:white;", ";"], _ref4 => {
+  let {
+    right
+  } = _ref4;
+  return right ? 'right: 0;' : "left: 0;";
+}, _ref5 => {
+  let {
+    tabType
+  } = _ref5;
+  return tabType === constants.TabTypes.NORMAL ? '32px' : '22px';
+}, _ref6 => {
+  let {
+    tabType
+  } = _ref6;
+  return tabType === constants.TabTypes.NORMAL ? '5px' : '0px';
+}, _ref7 => {
+  let {
+    theme,
+    tabType
+  } = _ref7;
+  return tabType === constants.TabTypes.NORMAL ? "\n      background: linear-gradient(to bottom, white 0px, white 30px, ".concat(theme.colors.neutral[400], " 30px, ").concat(theme.colors.neutral[400], " 31px, white 31px , white 32px );\n ") : "";
+});
 
-  & .em-ds-icon svg {
-    fill: ${({ theme }) => theme.colors.brand[600]};
-  }
-`;
-const StyledCarouselWrapper = import_styled_components.default.span`
-  position: relative;
-  width: 100%;
-  display: flex;
-`;
-const StyledChildrenWrap = import_styled_components.default.div`
-  display: flex;
-  flex-wrap: nowrap;
-  flex: 1;
-  overflow-x: hidden;
-`;
-const StyledCarouselButtonWrapper = import_styled_components.default.div`
-  max-width: 16px;
-  position: absolute;
-  z-index: 200;
-  ${({ right }) => right ? "right: 0;" : `left: 0;`}
-  width: 16px;
-  height: ${({ tabType }) => tabType === import_constants.TabTypes.NORMAL ? "32px" : "22px"};
-  padding-top: ${({ tabType }) => tabType === import_constants.TabTypes.NORMAL ? "5px" : "0px"};
-  background: white;
-  ${({ theme, tabType }) => tabType === import_constants.TabTypes.NORMAL ? `
-      background: linear-gradient(to bottom, white 0px, white 30px, ${theme.colors.neutral[400]} 30px, ${theme.colors.neutral[400]} 31px, white 31px , white 32px );
- ` : ``};
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map
+exports.StyledCarouselBtn = StyledCarouselBtn;
+exports.StyledCarouselButtonWrapper = StyledCarouselButtonWrapper;
+exports.StyledCarouselWrapper = StyledCarouselWrapper;
+exports.StyledChildrenWrap = StyledChildrenWrap;

package/cjs/parts/carousel/useCarousel.js

@@ -1,69 +1,67 @@
-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 useCarousel_exports = {};
-__export(useCarousel_exports, {
-  useCarousel: () => useCarousel
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_resize_observer = __toESM(require("@react-hook/resize-observer"));
-var import_DSTabsCTX = __toESM(require("../../DSTabsCTX"));
-var import_helpers = __toESM(require("../../utils/helpers"));
-var import_useCarouselCallbacks = __toESM(require("./useCarouselCallbacks"));
-const useCarousel = ({ updateIndicatorStyle }) => {
-  const { carouselOnlyListRef } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
-  const [showChevrons, setShowChevrons] = (0, import_react.useState)({
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+var React = require('react');
+var useResizeObserver = require('@react-hook/resize-observer');
+var DSTabsCTX = require('../../DSTabsCTX.js');
+var helpers = require('../../utils/helpers.js');
+var useCarouselCallbacks = require('./useCarouselCallbacks.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var useResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(useResizeObserver);
+
+const useCarousel = _ref => {
+  let {
+    updateIndicatorStyle
+  } = _ref;
+  const {
+    carouselOnlyListRef
+  } = React.useContext(DSTabsCTX.DSTabsContext);
+  const [showChevrons, setShowChevrons] = React.useState({
     right: false,
     left: false
   });
-  const { tabsRefAsArray } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
-  const shouldShowLeft = (0, import_react.useCallback)(() => carouselOnlyListRef.current ? carouselOnlyListRef.current.scrollLeft > 0 : false, [carouselOnlyListRef]);
-  const shouldShowRight = (0, import_react.useCallback)(() => carouselOnlyListRef.current ? carouselOnlyListRef.current.scrollLeft < carouselOnlyListRef.current.scrollWidth - carouselOnlyListRef.current.clientWidth : false, [carouselOnlyListRef]);
-  const recalcChevrons = (0, import_react.useCallback)(() => {
-    setShowChevrons({ right: shouldShowRight(), left: shouldShowLeft() });
+  const {
+    tabsRefAsArray
+  } = React.useContext(DSTabsCTX.DSTabsContext);
+  const shouldShowLeft = React.useCallback(() => carouselOnlyListRef.current ? carouselOnlyListRef.current.scrollLeft > 0 : false, [carouselOnlyListRef]);
+  const shouldShowRight = React.useCallback(() => carouselOnlyListRef.current ? carouselOnlyListRef.current.scrollLeft < carouselOnlyListRef.current.scrollWidth - carouselOnlyListRef.current.clientWidth : false, [carouselOnlyListRef]);
+  const recalcChevrons = React.useCallback(() => {
+    setShowChevrons({
+      right: shouldShowRight(),
+      left: shouldShowLeft()
+    });
   }, [shouldShowLeft, shouldShowRight]);
-  const getVisibleItemsOffset = (0, import_react.useCallback)(() => {
+  const getVisibleItemsOffset = React.useCallback(() => {
     if (tabsRefAsArray.current) {
       const scroll = tabsRefAsArray.current.reduce((acc, c) => {
-        if ((0, import_helpers.isElementVisibleCarousel)(c, carouselOnlyListRef.current)) {
+        if (helpers.isElementVisibleCarousel(c, carouselOnlyListRef.current)) {
           const styles = window.getComputedStyle(c);
           const width = c.clientWidth;
           const margin = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
           return acc + (width + margin);
         }
+
         return acc;
       }, 0);
       return scroll - 16;
     }
+
     return 0;
   }, [tabsRefAsArray, carouselOnlyListRef]);
-  (0, import_resize_observer.default)(carouselOnlyListRef, recalcChevrons);
-  const { leftButtonOnClick, rightButtonOnClick, handleOnClick, handleOnScroll } = (0, import_useCarouselCallbacks.useCarouselCallbacks)({
+  useResizeObserver__default["default"](carouselOnlyListRef, recalcChevrons);
+  const {
+    leftButtonOnClick,
+    rightButtonOnClick,
+    handleOnClick,
+    handleOnScroll
+  } = useCarouselCallbacks.useCarouselCallbacks({
     getVisibleItemsOffset,
     recalcChevrons,
     updateIndicatorStyle
@@ -76,5 +74,5 @@ const useCarousel = ({ updateIndicatorStyle }) => {
     handleOnScroll
   };
 };
-module.exports = __toCommonJS(useCarousel_exports);
-//# sourceMappingURL=useCarousel.js.map
+
+exports.useCarousel = useCarousel;

package/cjs/parts/carousel/useCarouselCallbacks.js

@@ -1,75 +1,58 @@
-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 useCarouselCallbacks_exports = {};
-__export(useCarouselCallbacks_exports, {
-  useCarouselCallbacks: () => useCarouselCallbacks
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_helpers = __toESM(require("../../utils/helpers"));
-var import_DSTabsCTX = __toESM(require("../../DSTabsCTX"));
-const useCarouselCallbacks = ({
-  getVisibleItemsOffset,
-  updateIndicatorStyle,
-  recalcChevrons
-}) => {
-  const { focusableTabsRef, carouselOnlyListRef } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
-  const rightButtonOnClick = (0, import_react.useCallback)(() => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var helpers = require('../../utils/helpers.js');
+var DSTabsCTX = require('../../DSTabsCTX.js');
+
+/* eslint-disable max-statements */
+const useCarouselCallbacks = _ref => {
+  let {
+    getVisibleItemsOffset,
+    updateIndicatorStyle,
+    recalcChevrons
+  } = _ref;
+  const {
+    focusableTabsRef,
+    carouselOnlyListRef
+  } = React.useContext(DSTabsCTX.DSTabsContext);
+  const rightButtonOnClick = React.useCallback(() => {
     if (carouselOnlyListRef.current) {
       carouselOnlyListRef.current.scrollLeft += getVisibleItemsOffset();
     }
   }, [getVisibleItemsOffset, carouselOnlyListRef]);
-  const leftButtonOnClick = (0, import_react.useCallback)(() => {
+  const leftButtonOnClick = React.useCallback(() => {
     if (carouselOnlyListRef.current) {
       carouselOnlyListRef.current.scrollLeft -= getVisibleItemsOffset();
     }
   }, [getVisibleItemsOffset, carouselOnlyListRef]);
-  const handleOnScroll = (0, import_react.useCallback)(() => {
+  const handleOnScroll = React.useCallback(() => {
     recalcChevrons();
-    if (updateIndicatorStyle)
-      updateIndicatorStyle();
+    if (updateIndicatorStyle) updateIndicatorStyle();
   }, [recalcChevrons, updateIndicatorStyle]);
-  const handleOnClick = (0, import_react.useCallback)(({ target }) => {
-    if (focusableTabsRef.current && target.getAttribute("role") === "tab") {
+  const handleOnClick = React.useCallback(_ref2 => {
+    let {
+      target
+    } = _ref2;
+
+    if (focusableTabsRef.current && target.getAttribute('role') === 'tab') {
       const tabList = carouselOnlyListRef.current;
       const tabButton = target;
       const tabButtonDimensions = tabButton.getBoundingClientRect();
-      const tabListDimensions = tabList?.getBoundingClientRect();
+      const tabListDimensions = tabList === null || tabList === void 0 ? void 0 : tabList.getBoundingClientRect();
       const tabButtonIndex = tabButton.dataset.index;
       const lastItemIndex = focusableTabsRef.current.length.toString();
       const magicNumber = 34;
-      const firstOrLastItem = tabButtonIndex === "0" || tabButtonIndex === lastItemIndex;
-      if (!(0, import_helpers.isElementVisibleCarousel)(tabButton, tabList, firstOrLastItem) && tabListDimensions && carouselOnlyListRef.current) {
+      const firstOrLastItem = tabButtonIndex === '0' || tabButtonIndex === lastItemIndex;
+
+      if (!helpers.isElementVisibleCarousel(tabButton, tabList, firstOrLastItem) && tabListDimensions && carouselOnlyListRef.current) {
         const containerWidth = tabListDimensions.width;
         const halfContainer = containerWidth / 2;
         const elementScrollPosition = tabButtonDimensions.left - tabListDimensions.left;
         const positionInContainer = elementScrollPosition % containerWidth;
         const width = tabButton.offsetWidth + magicNumber;
+
         if (positionInContainer > halfContainer) {
           carouselOnlyListRef.current.scrollLeft += width + positionInContainer - containerWidth;
         } else {
@@ -85,5 +68,5 @@ const useCarouselCallbacks = ({
     handleOnScroll
   };
 };
-module.exports = __toCommonJS(useCarouselCallbacks_exports);
-//# sourceMappingURL=useCarouselCallbacks.js.map
+
+exports.useCarouselCallbacks = useCarouselCallbacks;