@elliemae/ds-tabs 2.3.0-alpha.8 → 2.3.0-next.2

package/dist/cjs/DSTabsTypes.js.map

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

package/dist/cjs/config/useCrossRef.js

@@ -1,44 +0,0 @@
-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 useCrossRef_exports = {};
-__export(useCrossRef_exports, {
-  useCrossRef: () => useCrossRef
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-const useCrossRef = () => {
-  const firstSubtabInternalRef = (0, import_react.useRef)();
-  const lastTabInternalRef = (0, import_react.useRef)();
-  const ctx = (0, import_react.useMemo)(() => ({
-    firstSubtabInternalRef,
-    lastTabInternalRef
-  }), []);
-  return ctx;
-};
-module.exports = __toCommonJS(useCrossRef_exports);
-//# sourceMappingURL=useCrossRef.js.map

package/dist/cjs/config/useCrossRef.js.map

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

package/dist/cjs/config/useTabs.js

@@ -1,68 +0,0 @@
-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 useTabs_exports = {};
-__export(useTabs_exports, {
-  useTabs: () => useTabs
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_defaultProps = require("../defaultProps");
-const useTabs = (props) => {
-  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_defaultProps.tabsDefaultProps);
-  const { activeTab, children } = propsWithDefaults;
-  const tabsRef = (0, import_react.useRef)({});
-  const tabsRefAsArray = (0, import_react.useRef)([]);
-  const focusableTabsRef = (0, import_react.useRef)([]);
-  const carouselOnlyListRef = (0, import_react.useRef)(null);
-  const tabsListRef = (0, import_react.useRef)(null);
-  const actualActiveTabRef = (0, import_react.useRef)(null);
-  const [internalActiveTab, setInternalActiveTab] = (0, import_react.useState)(children?.[0]?.props?.tabId);
-  const actualActiveTab = (0, import_react.useMemo)(() => {
-    if (activeTab !== void 0)
-      return activeTab;
-    return internalActiveTab;
-  }, [activeTab, internalActiveTab]);
-  (0, import_react.useEffect)(() => {
-    actualActiveTabRef.current = focusableTabsRef.current.find((el) => el.dataset.tabId === actualActiveTab) ?? null;
-  }, [actualActiveTab]);
-  const ctx = (0, import_react.useMemo)(() => ({
-    props: propsWithDefaults,
-    tabsRef,
-    focusableTabsRef,
-    tabsListRef,
-    tabsRefAsArray,
-    setInternalActiveTab,
-    actualActiveTab,
-    actualActiveTabRef,
-    carouselOnlyListRef
-  }), [actualActiveTab, propsWithDefaults]);
-  return ctx;
-};
-module.exports = __toCommonJS(useTabs_exports);
-//# sourceMappingURL=useTabs.js.map

package/dist/cjs/config/useTabs.js.map

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

package/dist/cjs/defaultProps.js

@@ -1,53 +0,0 @@
-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 defaultProps_exports = {};
-__export(defaultProps_exports, {
-  tabsDefaultProps: () => tabsDefaultProps
-});
-var React = __toESM(require("react"));
-var import_constants = require("./utils/constants");
-const noop = () => {
-};
-const tabsDefaultProps = {
-  containerProps: {},
-  animated: true,
-  enableMouseEvents: false,
-  allowTextSelection: false,
-  onTabChange: noop,
-  tabsListAriaLabel: "Tab list",
-  type: import_constants.TabTypes.NORMAL,
-  onlyRenderActiveTab: false,
-  withCarousel: false,
-  isDSMobile: false,
-  showSelectionIndicator: true,
-  children: [],
-  fixedTabsHeaders: false,
-  showSeparator: true
-};
-module.exports = __toCommonJS(defaultProps_exports);
-//# sourceMappingURL=defaultProps.js.map

package/dist/cjs/defaultProps.js.map

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

package/dist/cjs/exportsRelated/DSTab.js

@@ -1,46 +0,0 @@
-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 DSTab_exports = {};
-__export(DSTab_exports, {
-  DSTab: () => DSTab,
-  DSTabWithSchema: () => DSTabWithSchema,
-  default: () => DSTab_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_propTypes = require("../propTypes");
-const DSTab = (props) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, {
-  ...props
-});
-DSTab.propTypes = import_propTypes.tabPropTypes;
-const DSTabWithSchema = (0, import_react_desc.describe)(DSTab);
-DSTabWithSchema.propTypes = import_propTypes.tabPropTypes;
-var DSTab_default = DSTab;
-module.exports = __toCommonJS(DSTab_exports);
-//# sourceMappingURL=DSTab.js.map

package/dist/cjs/exportsRelated/DSTab.js.map

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

package/dist/cjs/index.js

@@ -1,38 +0,0 @@
-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, require("./exportsRelated/DSTab"));
-__reExport(src_exports, require("./DSTabs"));
-var import_constants = require("./utils/constants");
-__reExport(src_exports, require("./DSTabsDatatestid"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

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

@@ -1,77 +0,0 @@
-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 = require("react");
-var import_ds_icon = require("@elliemae/ds-icon");
-var import_ds_button = require("@elliemae/ds-button");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_styles = require("./styles");
-var import_useCarousel = require("./useCarousel");
-var import_DSTabsCTX = require("../../DSTabsCTX");
-var import_DSTabsDatatestid = require("../../DSTabsDatatestid");
-const Carousel = ({ children, updateIndicatorStyle }) => {
-  const { showChevrons, leftButtonOnClick, rightButtonOnClick, handleOnClick, handleOnScroll } = (0, import_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, {
-    tabType: type
-  }, /* @__PURE__ */ React.createElement(import_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, {
-    tabType: type,
-    right: showChevrons.right
-  }, /* @__PURE__ */ React.createElement(import_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, {
-    ref: carouselOnlyListRef,
-    onClick: handleOnClick,
-    onScroll: handleOnScroll
-  }, children));
-};
-module.exports = __toCommonJS(Carousel_exports);
-//# sourceMappingURL=Carousel.js.map

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

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

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

@@ -1,79 +0,0 @@
-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 = require("@elliemae/ds-button");
-var import_constants = 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};
-
-  &:hover:not(:disabled) {
-    background-color: transparent;
-  }
-  background-color: transparent;
-  border-radius: 0px;
-
-  & .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

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

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

package/dist/cjs/parts/carousel/useCarousel.js

@@ -1,80 +0,0 @@
-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 = require("react");
-var import_resize_observer = __toESM(require("@react-hook/resize-observer"));
-var import_DSTabsCTX = require("../../DSTabsCTX");
-var import_helpers = require("../../utils/helpers");
-var import_useCarouselCallbacks = require("./useCarouselCallbacks");
-const useCarousel = ({ updateIndicatorStyle }) => {
-  const { carouselOnlyListRef } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
-  const [showChevrons, setShowChevrons] = (0, import_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() });
-  }, [shouldShowLeft, shouldShowRight]);
-  const getVisibleItemsOffset = (0, import_react.useCallback)(() => {
-    if (tabsRefAsArray.current) {
-      const scroll = tabsRefAsArray.current.reduce((acc, c) => {
-        if ((0, import_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)({
-    getVisibleItemsOffset,
-    recalcChevrons,
-    updateIndicatorStyle
-  });
-  return {
-    showChevrons,
-    leftButtonOnClick,
-    rightButtonOnClick,
-    handleOnClick,
-    handleOnScroll
-  };
-};
-module.exports = __toCommonJS(useCarousel_exports);
-//# sourceMappingURL=useCarousel.js.map

package/dist/cjs/parts/carousel/useCarousel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/carousel/useCarousel.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useCallback, useState, useContext } from 'react';\nimport useResizeObserver from '@react-hook/resize-observer';\nimport { DSTabsContext } from '../../DSTabsCTX';\nimport { isElementVisibleCarousel } from '../../utils/helpers';\nimport { useCarouselCallbacks } from './useCarouselCallbacks';\nimport type { UseCarouselPropsT, UseCarouselReturnTypeT, ShowChevronsT } from '../../DSTabsTypes';\n\nexport const useCarousel = ({ updateIndicatorStyle }: UseCarouselPropsT): UseCarouselReturnTypeT => {\n  const { carouselOnlyListRef } = useContext(DSTabsContext);\n\n  const [showChevrons, setShowChevrons] = useState<ShowChevronsT>({\n    right: false,\n    left: false,\n  });\n\n  const { tabsRefAsArray } = useContext(DSTabsContext);\n\n  const shouldShowLeft = useCallback(\n    () => (carouselOnlyListRef.current ? carouselOnlyListRef.current.scrollLeft > 0 : false),\n\n    [carouselOnlyListRef],\n  );\n\n  const shouldShowRight = useCallback(\n    () =>\n      carouselOnlyListRef.current\n        ? carouselOnlyListRef.current.scrollLeft <\n          carouselOnlyListRef.current.scrollWidth - carouselOnlyListRef.current.clientWidth\n        : false,\n    [carouselOnlyListRef],\n  );\n\n  const recalcChevrons = useCallback(() => {\n    setShowChevrons({ right: shouldShowRight(), left: shouldShowLeft() });\n  }, [shouldShowLeft, shouldShowRight]);\n\n  const getVisibleItemsOffset = useCallback(() => {\n    if (tabsRefAsArray.current) {\n      const scroll = tabsRefAsArray.current.reduce((acc, c) => {\n        if (isElementVisibleCarousel(c, carouselOnlyListRef.current)) {\n          const styles = window.getComputedStyle(c);\n          const width = c.clientWidth;\n          const margin = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);\n\n          return acc + (width + margin);\n        }\n        return acc;\n      }, 0);\n\n      return scroll - 16;\n    }\n    return 0;\n  }, [tabsRefAsArray, carouselOnlyListRef]);\n\n  useResizeObserver(carouselOnlyListRef, recalcChevrons);\n\n  const { leftButtonOnClick, rightButtonOnClick, handleOnClick, handleOnScroll } = useCarouselCallbacks({\n    getVisibleItemsOffset,\n    recalcChevrons,\n    updateIndicatorStyle,\n  });\n\n  return {\n    showChevrons,\n    leftButtonOnClick,\n    rightButtonOnClick,\n    handleOnClick,\n    handleOnScroll,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkD;AAClD,6BAA8B;AAC9B,uBAA8B;AAC9B,qBAAyC;AACzC,kCAAqC;AAG9B,MAAM,cAAc,CAAC,EAAE,2BAAsE;AAClG,QAAM,EAAE,wBAAwB,6BAAW;AAE3C,QAAM,CAAC,cAAc,mBAAmB,2BAAwB;AAAA,IAC9D,OAAO;AAAA,IACP,MAAM;AAAA;AAGR,QAAM,EAAE,mBAAmB,6BAAW;AAEtC,QAAM,iBAAiB,8BACrB,MAAO,oBAAoB,UAAU,oBAAoB,QAAQ,aAAa,IAAI,OAElF,CAAC;AAGH,QAAM,kBAAkB,8BACtB,MACE,oBAAoB,UAChB,oBAAoB,QAAQ,aAC5B,oBAAoB,QAAQ,cAAc,oBAAoB,QAAQ,cACtE,OACN,CAAC;AAGH,QAAM,iBAAiB,8BAAY,MAAM;AACvC,oBAAgB,EAAE,OAAO,mBAAmB,MAAM;AAAA,KACjD,CAAC,gBAAgB;AAEpB,QAAM,wBAAwB,8BAAY,MAAM;AAC9C,QAAI,eAAe,SAAS;AAC1B,YAAM,SAAS,eAAe,QAAQ,OAAO,CAAC,KAAK,MAAM;AACvD,YAAI,6CAAyB,GAAG,oBAAoB,UAAU;AAC5D,gBAAM,SAAS,OAAO,iBAAiB;AACvC,gBAAM,QAAQ,EAAE;AAChB,gBAAM,SAAS,WAAW,OAAO,cAAc,WAAW,OAAO;AAEjE,iBAAO,MAAO,SAAQ;AAAA;AAExB,eAAO;AAAA,SACN;AAEH,aAAO,SAAS;AAAA;AAElB,WAAO;AAAA,KACN,CAAC,gBAAgB;AAEpB,sCAAkB,qBAAqB;AAEvC,QAAM,EAAE,mBAAmB,oBAAoB,eAAe,mBAAmB,sDAAqB;AAAA,IACpG;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
-  "names": []
-}