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

package/types/DSTabsTypes.d.ts

@@ -0,0 +1,205 @@
+import type React from 'react';
+import { TabTypes } from './utils/constants';
+declare type TabTypesT = typeof TabTypes[keyof typeof TabTypes];
+export interface DSTabsPropsT {
+    containerProps?: Record<string, unknown>;
+    innerRef?: React.MutableRefObject<HTMLDivElement>;
+    animated?: boolean;
+    enableMouseEvents?: boolean;
+    allowTextSelection?: boolean;
+    onTabChange?: (tabId: string, e?: React.MouseEvent) => void;
+    tabsListAriaLabel?: string;
+    type?: TabTypesT;
+    tabBarExtraContent?: React.ReactNode;
+    children: React.ReactElement<DSTabPropsWithDefaultT>[];
+    onlyRenderActiveTab?: boolean;
+    activeTab?: string;
+    withCarousel?: boolean;
+    firstSubtabRef?: React.MutableRefObject<HTMLElement>;
+    lastTabRef?: React.MutableRefObject<HTMLElement>;
+    fixedTabsHeaders?: boolean;
+    isDSMobile?: boolean;
+    showSelectionIndicator?: boolean;
+    showSeparator?: boolean;
+}
+export interface DSTabsPropsWithDefaultsT {
+    containerProps: Record<string, unknown>;
+    innerRef?: React.MutableRefObject<HTMLDivElement>;
+    animated: boolean;
+    enableMouseEvents: boolean;
+    allowTextSelection: boolean;
+    onTabChange: (tabId: string, e?: React.MouseEvent) => void;
+    tabsListAriaLabel: string;
+    type: TabTypesT;
+    tabBarExtraContent?: React.ReactNode;
+    children: React.ReactElement<DSTabPropsWithDefaultT>[];
+    onlyRenderActiveTab: boolean;
+    activeTab?: string;
+    withCarousel: boolean;
+    firstSubtabRef?: React.MutableRefObject<HTMLElement>;
+    lastTabRef?: React.MutableRefObject<HTMLElement>;
+    fixedTabsHeaders: boolean;
+    isDSMobile: boolean;
+    showSelectionIndicator: boolean;
+    showSeparator: boolean;
+}
+export interface DSTabsDefaultPropsT {
+    containerProps: Record<string, unknown>;
+    animated: boolean;
+    enableMouseEvents: boolean;
+    allowTextSelection: boolean;
+    onTabChange: (tabId: string, e?: React.MouseEvent) => void;
+    tabsListAriaLabel: string;
+    type: TabTypesT;
+    onlyRenderActiveTab: boolean;
+    fixedTabsHeaders: boolean;
+    children: React.ReactElement<DSTabPropsWithDefaultT>[];
+    withCarousel: boolean;
+    isDSMobile: boolean;
+    showSelectionIndicator: boolean;
+    showSeparator: boolean;
+}
+export interface CarouselPropsT {
+    children: React.ReactNode[];
+    updateIndicatorStyle?: () => void;
+}
+export interface DSTabPropsT {
+    tabId: string;
+    title?: string;
+    required?: boolean;
+    children?: React.ReactNode;
+    style?: Record<string, unknown>;
+    disabled?: boolean;
+    ref?: React.MutableRefObject<HTMLButtonElement>;
+    onClick?: (tabId: string, e: React.MouseEvent) => null | void;
+    onKeyDown?: (e: React.KeyboardEvent) => null | void;
+}
+export interface DSTabPropsWithDefaultT {
+    tabId: string;
+    title: string;
+    required: boolean;
+    children?: React.ReactNode;
+    style?: Record<string, unknown>;
+    disabled: boolean;
+    ref?: React.MutableRefObject<HTMLButtonElement>;
+    onClick?: (tabId: string, e: React.MouseEvent) => null | void;
+    onKeyDown?: (e: React.KeyboardEvent) => null | void;
+}
+export interface CarouselButtonsPropsT {
+    leftButtonOnClick: () => void;
+    rightButtonOnClick: () => void;
+    showChevrons: ShowChevronsT;
+    type: TabTypesT;
+}
+export interface DSTabsUseCrossRefContextT {
+    lastTabInternalRef: React.MutableRefObject<HTMLButtonElement | null | undefined>;
+    firstSubtabInternalRef: React.MutableRefObject<HTMLButtonElement | null | undefined>;
+}
+export interface DSTabsUseTabsContextT {
+    props: DSTabsPropsWithDefaultsT;
+    tabsRef: React.MutableRefObject<Record<number, HTMLButtonElement> | null>;
+    focusableTabsRef: React.MutableRefObject<HTMLButtonElement[] | null>;
+    tabsListRef: React.MutableRefObject<HTMLDivElement | null>;
+    tabsRefAsArray: React.MutableRefObject<HTMLButtonElement[] | null>;
+    actualActiveTabRef: React.MutableRefObject<HTMLButtonElement | null>;
+    carouselOnlyListRef: React.MutableRefObject<HTMLDivElement | null>;
+    setInternalActiveTab: React.Dispatch<React.SetStateAction<string>>;
+    actualActiveTab: string;
+}
+export interface UseRezisePropsT {
+    ref: React.MutableRefObject<HTMLDivElement | null>;
+    callback: () => void;
+}
+export interface UseCarouselPropsT {
+    updateIndicatorStyle?: () => void;
+}
+export interface ShowChevronsT {
+    right: boolean;
+    left: boolean;
+}
+export interface MobileGradientsT {
+    right: boolean;
+    left: boolean;
+}
+export interface IndicatorStyleT {
+    left: string;
+    width: string;
+    backgroundWithTransparent: string;
+}
+export interface UseCarouselReturnTypeT {
+    showChevrons: ShowChevronsT;
+    leftButtonOnClick: () => void;
+    rightButtonOnClick: () => void;
+    handleOnClick: (e: React.MouseEvent) => void;
+    handleOnScroll: (e: React.UIEvent) => void;
+}
+export interface UseCarouselCallbacksPropsT {
+    getVisibleItemsOffset: () => number;
+    recalcChevrons: () => void;
+    updateIndicatorStyle?: () => void;
+}
+export interface UseCarouselCallbacksReturnTypeT {
+    leftButtonOnClick: () => void;
+    rightButtonOnClick: () => void;
+    handleOnClick: (e: React.MouseEvent) => void;
+    handleOnScroll: (e: React.UIEvent) => void;
+}
+export interface UseKeyboardNavigationReturnTypeT {
+    handleOnKeyDown: (e: React.KeyboardEvent) => void;
+}
+export interface UseTabsCallbacksReturnTypeT {
+    handleOnTabChange: (tabId: string, e?: React.MouseEvent) => void;
+    handleOnMouseDown: (e: React.MouseEvent) => void;
+}
+export interface UseTabBarReturnTypeT {
+    updateIndicatorStyle: () => void;
+    updateMobileGradients: () => void;
+    setIndicatorStyle: React.Dispatch<React.SetStateAction<IndicatorStyleT>>;
+    indicatorStyle: IndicatorStyleT;
+    mobileGradients: MobileGradientsT;
+}
+export interface VisibleDimensionsT {
+    width: number;
+    height: number;
+}
+export interface CenterTabPropsT {
+    e?: React.MouseEvent | React.FocusEvent;
+    listRef: React.MutableRefObject<HTMLDivElement | null>;
+}
+export interface StyledTabWrapperPropsT {
+    isDSMobile: boolean;
+    fixedTabsHeaders: boolean;
+}
+export interface StyledTabListPropsT {
+    withCarousel: boolean;
+    isDSMobile: boolean;
+    fixedTabsHeaders: boolean;
+    mobileGradients: MobileGradientsT;
+    indicatorStyle: IndicatorStyleT;
+    tabType: TabTypesT;
+}
+export interface StyledSubTabsListPropsT {
+    withCarousel: boolean;
+}
+export interface StyledTabButtonPropsT {
+    isActive: boolean;
+    disabled: boolean;
+    showSeparator: boolean;
+    isDSMobile: boolean;
+    fixedTabsHeaders: boolean;
+    withCarousel: boolean;
+    tabType: TabTypesT;
+}
+export interface StyledCarouselButtonWrapperPropsT {
+    right?: boolean;
+    tabType: TabTypesT;
+}
+export interface StyledPanelContainerPropsT {
+    hidden: boolean;
+    isDSMobile: boolean;
+}
+export interface StyledSelectionIndicatoPropsT {
+    isDSMobile: boolean;
+    tabType: TabTypesT;
+}
+export {};

package/types/config/useCrossRef.d.ts

@@ -0,0 +1,2 @@
+import type { DSTabsUseCrossRefContextT } from '../DSTabsTypes';
+export declare const useCrossRef: () => DSTabsUseCrossRefContextT;

package/types/config/useTabs.d.ts

@@ -0,0 +1,2 @@
+import type { DSTabsPropsT, DSTabsUseTabsContextT } from '../DSTabsTypes';
+export declare const useTabs: (props: DSTabsPropsT) => DSTabsUseTabsContextT;

package/types/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import type { DSTabsDefaultPropsT } from './DSTabsTypes';
+export declare const tabsDefaultProps: DSTabsDefaultPropsT;

package/types/exportsRelated/DSTab.d.ts

@@ -0,0 +1,14 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+import React from 'react';
+import type { DSTabPropsT } from '../DSTabsTypes';
+declare const DSTab: {
+    (props: DSTabPropsT): JSX.Element;
+    propTypes: React.WeakValidationMap<unknown>;
+};
+declare const DSTabWithSchema: {
+    (props?: DSTabPropsT | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSTab, DSTabWithSchema };
+export default DSTab;

package/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './exportsRelated/DSTab';
+export * from './DSTabs';
+export { TabTypes } from './utils/constants';
+export * from './DSTabsDatatestid';
+export type { DSTabsPropsT, DSTabPropsT } from './DSTabsTypes';

package/types/parts/carousel/Carousel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { CarouselPropsT } from '../../DSTabsTypes';
+export declare const Carousel: ({ children, updateIndicatorStyle }: CarouselPropsT) => JSX.Element;

package/types/parts/carousel/styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StyledCarouselButtonWrapperPropsT } from '../../DSTabsTypes';
+export declare const StyledCarouselBtn: import("styled-components").StyledComponent<{
+    (props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
+    propTypes: import("react").WeakValidationMap<unknown>;
+}, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCarouselWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledChildrenWrap: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCarouselButtonWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledCarouselButtonWrapperPropsT, never>;

package/types/parts/carousel/useCarousel.d.ts

@@ -0,0 +1,2 @@
+import type { UseCarouselPropsT, UseCarouselReturnTypeT } from '../../DSTabsTypes';
+export declare const useCarousel: ({ updateIndicatorStyle }: UseCarouselPropsT) => UseCarouselReturnTypeT;

package/types/parts/carousel/useCarouselCallbacks.d.ts

@@ -0,0 +1,2 @@
+import type { UseCarouselCallbacksPropsT, UseCarouselCallbacksReturnTypeT } from '../../DSTabsTypes';
+export declare const useCarouselCallbacks: ({ getVisibleItemsOffset, updateIndicatorStyle, recalcChevrons, }: UseCarouselCallbacksPropsT) => UseCarouselCallbacksReturnTypeT;

package/types/parts/tabBar/TabBar.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const TabBar: () => JSX.Element;

package/types/parts/tabBar/styles.d.ts

@@ -0,0 +1,7 @@
+import type { StyledSelectionIndicatoPropsT, StyledSubTabsListPropsT, StyledTabListPropsT, StyledTabButtonPropsT, StyledTabWrapperPropsT } from '../../DSTabsTypes';
+export declare const StyledSelectionIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledSelectionIndicatoPropsT, never>;
+export declare const StyledTabWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledTabWrapperPropsT, never>;
+export declare const StyledTabButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, StyledTabButtonPropsT, never>;
+export declare const StyledSubTabsList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledSubTabsListPropsT, never>;
+export declare const StyledTabList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledTabListPropsT, never>;
+export declare const StyledRequiredMark: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/types/parts/tabBar/useTabBar.d.ts

@@ -0,0 +1,2 @@
+import type { UseTabBarReturnTypeT } from '../../DSTabsTypes';
+export declare const useTabBar: () => UseTabBarReturnTypeT;

package/types/parts/tabsContent/TabsContent.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const TabsContent: () => JSX.Element;

package/types/parts/tabsContent/styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledTabBarContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/parts/tabsPanel/TabsPanels.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const TabsPanels: () => JSX.Element;

package/types/parts/tabsPanel/styles.d.ts

@@ -0,0 +1,2 @@
+import type { StyledPanelContainerPropsT } from '../../DSTabsTypes';
+export declare const StyledPanelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledPanelContainerPropsT, never>;

package/types/propTypes.d.ts

@@ -0,0 +1,54 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const tabPropTypes: {
+    tabId: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    title: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    required: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    disabled: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+};
+export declare const tabsPropTypes: {
+    animated: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    enableMouseEvents: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    allowTextSelection: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onTabChange: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    type: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    tabBarExtraContent: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onlyRenderActiveTab: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    withCarousel: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    activeTab: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    children: import("react-desc").PropTypesDescValue;
+    tabsListAriaLabel: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    containerProps: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    innerRef: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+};

package/types/tests/DSTabs.callbacks.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/tests/DSTabs.func.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/tests/DSTabs.keyboard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/tests/DSTabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/utils/constants.d.ts

@@ -0,0 +1,18 @@
+export declare const TabTypes: {
+    NORMAL: "normal";
+    NORMAL_SMALL: "normal_small";
+    SUBTABS: "subtabs";
+};
+export declare const TabTypesValuesAsArray: ("normal" | "normal_small" | "subtabs")[];
+export declare const MOBILE_GRADIENT_WIDTH = 24;
+export declare const defaultIndicatorStyles: {
+    left: string;
+    width: string;
+    backgroundWithTransparent: string;
+};
+export declare const gradientOffsetsAccordingType: {
+    normal_small: number;
+    normal: number;
+    subtabs: number;
+    fixedTabsHeaders: number;
+};

package/types/utils/helpers.d.ts

@@ -0,0 +1,9 @@
+import type { CenterTabPropsT, DSTabPropsWithDefaultT, VisibleDimensionsT } from '../DSTabsTypes';
+export declare const isElementVisible: (tab: HTMLElement, tabList: HTMLElement) => boolean;
+export declare const isElementVisibleCarousel: (tab: HTMLElement | null, tabContainer: HTMLDivElement | null, firstOrLastItem?: boolean) => boolean;
+export declare const centerTab: ({ e, listRef }: CenterTabPropsT) => void;
+export declare const getVisibleDimensions: (node: HTMLElement, referenceNode: HTMLElement) => VisibleDimensionsT;
+export declare const getIndexById: (children: React.ReactElement<DSTabPropsWithDefaultT>[], activeId?: string | undefined) => number;
+export declare const getIdByIndex: (children: React.ReactElement<DSTabPropsWithDefaultT>[], index: number) => string;
+export declare const shouldHaveLeftGradient: (scrollLeft: number) => boolean;
+export declare const shouldHaveRightGradient: (scrollLeft: number, clientWidth: number, scrollWidth: number) => boolean;

package/types/utils/hooks/useKeyboardNavigation.d.ts

@@ -0,0 +1,2 @@
+import type { UseKeyboardNavigationReturnTypeT } from '../../DSTabsTypes';
+export declare const useKeyboardNavigation: () => UseKeyboardNavigationReturnTypeT;

package/types/utils/hooks/useTabsCallbacks.d.ts

@@ -0,0 +1,2 @@
+import type { UseTabsCallbacksReturnTypeT } from '../../DSTabsTypes';
+export declare const useTabsCallbacks: () => UseTabsCallbacksReturnTypeT;

package/dist/cjs/DSTabs.js

@@ -1,63 +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 DSTabs_exports = {};
-__export(DSTabs_exports, {
-  DSTabs: () => DSTabs,
-  DSTabsWithSchema: () => DSTabsWithSchema,
-  default: () => DSTabs_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_propTypes = require("./propTypes");
-var import_DSTabsCTX = require("./DSTabsCTX");
-var import_TabsContent = require("./parts/tabsContent/TabsContent");
-var import_useTabs = require("./config/useTabs");
-var import_useCrossRef = require("./config/useCrossRef");
-var import_constants = require("./utils/constants");
-const DSTabs = (props) => {
-  const ctx = (0, import_useTabs.useTabs)(props);
-  const crossRefsCtx = (0, import_useCrossRef.useCrossRef)();
-  const { type } = props;
-  if (type === import_constants.TabTypes.SUBTABS) {
-    return /* @__PURE__ */ import_react.default.createElement(import_DSTabsCTX.DSTabsContext.Provider, {
-      value: ctx
-    }, /* @__PURE__ */ import_react.default.createElement(import_TabsContent.TabsContent, null));
-  }
-  return /* @__PURE__ */ import_react.default.createElement(import_DSTabsCTX.DSTabsCrossRefContext.Provider, {
-    value: crossRefsCtx
-  }, /* @__PURE__ */ import_react.default.createElement(import_DSTabsCTX.DSTabsContext.Provider, {
-    value: ctx
-  }, /* @__PURE__ */ import_react.default.createElement(import_TabsContent.TabsContent, null)));
-};
-DSTabs.propTypes = import_propTypes.tabsPropTypes;
-const DSTabsWithSchema = (0, import_react_desc.describe)(DSTabs);
-DSTabsWithSchema.propTypes = import_propTypes.tabsPropTypes;
-var DSTabs_default = DSTabs;
-module.exports = __toCommonJS(DSTabs_exports);
-//# sourceMappingURL=DSTabs.js.map

package/dist/cjs/DSTabs.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSTabs.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport type { WeakValidationMap } from 'react';\nimport { describe } from 'react-desc';\nimport { tabsPropTypes } from './propTypes';\nimport { DSTabsContext, DSTabsCrossRefContext } from './DSTabsCTX';\nimport { TabsContent } from './parts/tabsContent/TabsContent';\nimport { useTabs } from './config/useTabs';\nimport { useCrossRef } from './config/useCrossRef';\nimport { TabTypes } from './utils/constants';\nimport type { DSTabsPropsT } from './DSTabsTypes';\n\nconst DSTabs = (props: DSTabsPropsT): JSX.Element => {\n  const ctx = useTabs(props);\n  const crossRefsCtx = useCrossRef();\n\n  const { type } = props;\n\n  if (type === TabTypes.SUBTABS) {\n    return (\n      <DSTabsContext.Provider value={ctx}>\n        <TabsContent />\n      </DSTabsContext.Provider>\n    );\n  }\n\n  return (\n    <DSTabsCrossRefContext.Provider value={crossRefsCtx}>\n      <DSTabsContext.Provider value={ctx}>\n        <TabsContent />\n      </DSTabsContext.Provider>\n    </DSTabsCrossRefContext.Provider>\n  );\n};\n\nDSTabs.propTypes = tabsPropTypes as WeakValidationMap<unknown>;\nconst DSTabsWithSchema = describe<DSTabsPropsT>(DSTabs);\nDSTabsWithSchema.propTypes = tabsPropTypes;\n\nexport { DSTabs, DSTabsWithSchema };\nexport default DSTabs;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,wBAAyB;AACzB,uBAA8B;AAC9B,uBAAqD;AACrD,yBAA4B;AAC5B,qBAAwB;AACxB,yBAA4B;AAC5B,uBAAyB;AAGzB,MAAM,SAAS,CAAC,UAAqC;AACnD,QAAM,MAAM,4BAAQ;AACpB,QAAM,eAAe;AAErB,QAAM,EAAE,SAAS;AAEjB,MAAI,SAAS,0BAAS,SAAS;AAC7B,WACE,mDAAC,+BAAc,UAAf;AAAA,MAAwB,OAAO;AAAA,OAC7B,mDAAC,gCAAD;AAAA;AAKN,SACE,mDAAC,uCAAsB,UAAvB;AAAA,IAAgC,OAAO;AAAA,KACrC,mDAAC,+BAAc,UAAf;AAAA,IAAwB,OAAO;AAAA,KAC7B,mDAAC,gCAAD;AAAA;AAMR,OAAO,YAAY;AACnB,MAAM,mBAAmB,gCAAuB;AAChD,iBAAiB,YAAY;AAG7B,IAAO,iBAAQ;",
-  "names": []
-}

package/dist/cjs/DSTabsCTX.js

@@ -1,56 +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 DSTabsCTX_exports = {};
-__export(DSTabsCTX_exports, {
-  DSTabsContext: () => DSTabsContext,
-  DSTabsCrossRefContext: () => DSTabsCrossRefContext
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_defaultProps = require("./defaultProps");
-const noop = () => {
-};
-const defaultContext = {
-  props: import_defaultProps.tabsDefaultProps,
-  tabsRef: (0, import_react.createRef)(),
-  tabsListRef: (0, import_react.createRef)(),
-  carouselOnlyListRef: (0, import_react.createRef)(),
-  focusableTabsRef: (0, import_react.createRef)(),
-  tabsRefAsArray: (0, import_react.createRef)(),
-  actualActiveTabRef: (0, import_react.createRef)(),
-  setInternalActiveTab: noop,
-  actualActiveTab: ""
-};
-const defaultCrossRefsContext = {
-  lastTabInternalRef: (0, import_react.createRef)(),
-  firstSubtabInternalRef: (0, import_react.createRef)()
-};
-const DSTabsContext = (0, import_react.createContext)(defaultContext);
-const DSTabsCrossRefContext = (0, import_react.createContext)(defaultCrossRefsContext);
-module.exports = __toCommonJS(DSTabsCTX_exports);
-//# sourceMappingURL=DSTabsCTX.js.map

package/dist/cjs/DSTabsCTX.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSTabsCTX.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { createContext, createRef } from 'react';\nimport { tabsDefaultProps as defaultProps } from './defaultProps';\nimport type { DSTabsUseCrossRefContextT, DSTabsUseTabsContextT } from './DSTabsTypes';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst defaultContext = {\n  props: defaultProps,\n  tabsRef: createRef<Record<number, HTMLButtonElement> | null>(),\n  tabsListRef: createRef<HTMLDivElement | null>(),\n  carouselOnlyListRef: createRef<HTMLDivElement | null>(),\n  focusableTabsRef: createRef<HTMLButtonElement[] | null>(),\n  tabsRefAsArray: createRef<HTMLButtonElement[] | null>(),\n  actualActiveTabRef: createRef<HTMLButtonElement | null>(),\n  setInternalActiveTab: noop,\n  actualActiveTab: '',\n};\n\nconst defaultCrossRefsContext = {\n  lastTabInternalRef: createRef<HTMLButtonElement | null>(),\n  firstSubtabInternalRef: createRef<HTMLButtonElement | null>(),\n};\n\nexport const DSTabsContext = createContext<DSTabsUseTabsContextT>(defaultContext);\nexport const DSTabsCrossRefContext = createContext<DSTabsUseCrossRefContextT>(defaultCrossRefsContext);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAiD;AAIjD,MAAM,OAAO,MAAM;AAAA;AAEnB,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,iBAAiB;AAAA;AAGnB,MAAM,0BAA0B;AAAA,EAC9B,oBAAoB;AAAA,EACpB,wBAAwB;AAAA;AAGnB,MAAM,gBAAgB,gCAAqC;AAC3D,MAAM,wBAAwB,gCAAyC;",
-  "names": []
-}

package/dist/cjs/DSTabsDatatestid.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 DSTabsDatatestid_exports = {};
-__export(DSTabsDatatestid_exports, {
-  DSTabsDatatestid: () => DSTabsDatatestid
-});
-var React = __toESM(require("react"));
-const DSTabsDatatestid = {
-  TABS_CONTAINER: "ds-tabs-container",
-  TAB_BUTTON: "ds-tabs-tab-button",
-  SUBTAB_BUTTON: "ds-tabs-subtab-button",
-  TAB_PANEL: "ds-tabs-tab-panel",
-  SUB_TAB_LIST: "subtabs-list",
-  TAB_LIST: "tab-list",
-  CAROUSEL: {
-    BUTTON_RIGHT: "chevron-right",
-    BUTTON_LEFT: "chevron-left"
-  }
-};
-module.exports = __toCommonJS(DSTabsDatatestid_exports);
-//# sourceMappingURL=DSTabsDatatestid.js.map

package/dist/cjs/DSTabsDatatestid.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSTabsDatatestid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSTabsDatatestid = {\n  TABS_CONTAINER: 'ds-tabs-container',\n  TAB_BUTTON: 'ds-tabs-tab-button',\n  SUBTAB_BUTTON: 'ds-tabs-subtab-button',\n  TAB_PANEL: 'ds-tabs-tab-panel',\n  SUB_TAB_LIST: 'subtabs-list',\n  TAB_LIST: 'tab-list',\n  CAROUSEL: {\n    BUTTON_RIGHT: 'chevron-right',\n    BUTTON_LEFT: 'chevron-left',\n  },\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;AAAA,EAC9B,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AAAA,IACR,cAAc;AAAA,IACd,aAAa;AAAA;AAAA;",
-  "names": []
-}

package/dist/cjs/DSTabsTypes.js

@@ -1,27 +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 __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 DSTabsTypes_exports = {};
-var React = __toESM(require("react"));
-module.exports = __toCommonJS(DSTabsTypes_exports);
-//# sourceMappingURL=DSTabsTypes.js.map