@elliemae/ds-tabs 2.3.2 → 2.4.0-rc.1

package/cjs/DSTabsCTX.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var defaultProps = require('./defaultProps.js');
+var propTypes = require('./propTypes.js');
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 const noop = () => {};
 
 const defaultContext = {
-  props: defaultProps.tabsDefaultProps,
+  props: propTypes.tabsDefaultProps,
   tabsRef: /*#__PURE__*/React.createRef(),
   tabsListRef: /*#__PURE__*/React.createRef(),
   carouselOnlyListRef: /*#__PURE__*/React.createRef(),

package/cjs/config/useTabs.js

@@ -8,10 +8,10 @@ require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.find.js');
 var React = require('react');
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var defaultProps = require('../defaultProps.js');
+var propTypes = require('../propTypes.js');
 
 const useTabs = props => {
-  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps.tabsDefaultProps);
+  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props, propTypes.tabsDefaultProps);
   const {
     activeTab
   } = propsWithDefaults;

package/cjs/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DSTab = require('./exportsRelated/DSTab.js');
+var DSTab = require('./exported-related/DSTab.js');
 var DSTabs = require('./DSTabs.js');
 var constants = require('./utils/constants.js');
 var DSTabsDatatestid = require('./DSTabsDatatestid.js');

package/cjs/propTypes.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var reactDesc = require('react-desc');
 var constants = require('./utils/constants.js');
 
+const noop = () => {};
+
 const tabPropTypes = {
   tabId: reactDesc.PropTypes.string.description('Unique Tab id.').defaultValue(''),
   title: reactDesc.PropTypes.string.description('Tab title.').defaultValue(''),
@@ -28,6 +30,23 @@ const tabsPropTypes = {
     current: reactDesc.PropTypes.any
   })]).description('Ref to the container.').defaultValue(undefined)
 };
+const tabsDefaultProps = {
+  containerProps: {},
+  animated: true,
+  enableMouseEvents: false,
+  allowTextSelection: false,
+  onTabChange: noop,
+  tabsListAriaLabel: 'Tab list',
+  type: constants.TabTypes.NORMAL,
+  onlyRenderActiveTab: false,
+  withCarousel: false,
+  isDSMobile: false,
+  showSelectionIndicator: true,
+  children: [],
+  fixedTabsHeaders: false,
+  showSeparator: true
+};
 
 exports.tabPropTypes = tabPropTypes;
+exports.tabsDefaultProps = tabsDefaultProps;
 exports.tabsPropTypes = tabsPropTypes;

package/cjs/sharedTypes.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+exports.DSTabsInternalsT = void 0;
+
+(function (_DSTabsInternalsT) {})(exports.DSTabsInternalsT || (exports.DSTabsInternalsT = {}));

package/esm/DSTabsCTX.js

@@ -1,5 +1,5 @@
 import { createContext, createRef } from 'react';
-import { tabsDefaultProps } from './defaultProps.js';
+import { tabsDefaultProps } from './propTypes.js';
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 const noop = () => {};

package/esm/config/useTabs.js

@@ -4,7 +4,7 @@ import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.find.js';
 import { useRef, useState, useMemo, useEffect } from 'react';
 import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
-import { tabsDefaultProps } from '../defaultProps.js';
+import { tabsDefaultProps } from '../propTypes.js';
 
 const useTabs = props => {
   const propsWithDefaults = useMemoMergePropsWithDefault(props, tabsDefaultProps);

package/esm/index.js

@@ -1,4 +1,4 @@
-export { DSTab, DSTabWithSchema } from './exportsRelated/DSTab.js';
+export { DSTab, DSTabWithSchema } from './exported-related/DSTab.js';
 export { DSTabs, DSTabsWithSchema } from './DSTabs.js';
 export { TabTypes } from './utils/constants.js';
 export { DSTabsDatatestid } from './DSTabsDatatestid.js';

package/esm/propTypes.js

@@ -1,5 +1,7 @@
 import { PropTypes } from 'react-desc';
-import { TabTypesValuesAsArray } from './utils/constants.js';
+import { TabTypesValuesAsArray, TabTypes } from './utils/constants.js';
+
+const noop = () => {};
 
 const tabPropTypes = {
   tabId: PropTypes.string.description('Unique Tab id.').defaultValue(''),
@@ -24,5 +26,21 @@ const tabsPropTypes = {
     current: PropTypes.any
   })]).description('Ref to the container.').defaultValue(undefined)
 };
+const tabsDefaultProps = {
+  containerProps: {},
+  animated: true,
+  enableMouseEvents: false,
+  allowTextSelection: false,
+  onTabChange: noop,
+  tabsListAriaLabel: 'Tab list',
+  type: TabTypes.NORMAL,
+  onlyRenderActiveTab: false,
+  withCarousel: false,
+  isDSMobile: false,
+  showSelectionIndicator: true,
+  children: [],
+  fixedTabsHeaders: false,
+  showSeparator: true
+};
 
-export { tabPropTypes, tabsPropTypes };
+export { tabPropTypes, tabsDefaultProps, tabsPropTypes };

package/esm/sharedTypes.js

@@ -0,0 +1,5 @@
+let DSTabsInternalsT;
+
+(function (_DSTabsInternalsT) {})(DSTabsInternalsT || (DSTabsInternalsT = {}));
+
+export { DSTabsInternalsT };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-tabs",
-  "version": "2.3.2",
+  "version": "2.4.0-rc.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tabs",
   "module": "./esm/index.js",
@@ -27,6 +27,10 @@
       "import": "./esm/utils/constants.js",
       "require": "./cjs/utils/constants.js"
     },
+    "./sharedTypes": {
+      "import": "./esm/sharedTypes.js",
+      "require": "./cjs/sharedTypes.js"
+    },
     "./propTypes": {
       "import": "./esm/propTypes.js",
       "require": "./cjs/propTypes.js"
@@ -75,13 +79,9 @@
       "import": "./esm/parts/carousel/Carousel.js",
       "require": "./cjs/parts/carousel/Carousel.js"
     },
-    "./exportsRelated/DSTab": {
-      "import": "./esm/exportsRelated/DSTab.js",
-      "require": "./cjs/exportsRelated/DSTab.js"
-    },
-    "./DSTabsTypes": {
-      "import": "./esm/DSTabsTypes.js",
-      "require": "./cjs/DSTabsTypes.js"
+    "./exported-related/DSTab": {
+      "import": "./esm/exported-related/DSTab.js",
+      "require": "./cjs/exported-related/DSTab.js"
     },
     "./DSTabsDatatestid": {
       "import": "./esm/DSTabsDatatestid.js",
@@ -95,10 +95,6 @@
       "import": "./esm/DSTabs.js",
       "require": "./cjs/DSTabs.js"
     },
-    "./defaultProps": {
-      "import": "./esm/defaultProps.js",
-      "require": "./cjs/defaultProps.js"
-    },
     "./config/useTabs": {
       "import": "./esm/config/useTabs.js",
       "require": "./cjs/config/useTabs.js"
@@ -128,11 +124,11 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.2",
-    "@elliemae/ds-icon": "2.3.2",
-    "@elliemae/ds-icons": "2.3.2",
-    "@elliemae/ds-props-helpers": "2.3.2",
-    "@elliemae/ds-system": "2.3.2",
+    "@elliemae/ds-button": "2.4.0-rc.1",
+    "@elliemae/ds-icon": "2.4.0-rc.1",
+    "@elliemae/ds-icons": "2.4.0-rc.1",
+    "@elliemae/ds-props-helpers": "2.4.0-rc.1",
+    "@elliemae/ds-system": "2.4.0-rc.1",
     "@react-hook/resize-observer": "~1.2.5",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",

package/types/DSTabs.d.ts

@@ -1,12 +1,12 @@
 /// <reference path="../../../../shared/typings/react-desc.d.ts" />
 import type { WeakValidationMap } from 'react';
-import type { DSTabsPropsT } from './DSTabsTypes';
+import type { DSTabsT } from './propTypes';
 declare const DSTabs: {
-    (props: DSTabsPropsT): JSX.Element;
+    (props: DSTabsT.Props): JSX.Element;
     propTypes: WeakValidationMap<unknown>;
 };
 declare const DSTabsWithSchema: {
-    (props?: DSTabsPropsT | undefined): JSX.Element;
+    (props?: DSTabsT.Props | undefined): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/DSTabsCTX.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import type { DSTabsUseCrossRefContextT, DSTabsUseTabsContextT } from './DSTabsTypes';
-export declare const DSTabsContext: import("react").Context<DSTabsUseTabsContextT>;
-export declare const DSTabsCrossRefContext: import("react").Context<DSTabsUseCrossRefContextT>;
+import type { DSTabsInternalsT } from './sharedTypes';
+export declare const DSTabsContext: import("react").Context<DSTabsInternalsT.DSTabsUseTabsContextT>;
+export declare const DSTabsCrossRefContext: import("react").Context<DSTabsInternalsT.DSTabsUseCrossRefContextT>;

package/types/config/useCrossRef.d.ts

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

package/types/config/useTabs.d.ts

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

package/types/{exportsRelated → exported-related}/DSTab.d.ts

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

package/types/index.d.ts

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

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

@@ -1,3 +1,7 @@
 /// <reference types="react" />
-import type { CarouselPropsT } from '../../DSTabsTypes';
+interface CarouselPropsT {
+    children: React.ReactNode[];
+    updateIndicatorStyle?: () => void;
+}
 export declare const Carousel: ({ children, updateIndicatorStyle }: CarouselPropsT) => JSX.Element;
+export {};

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

@@ -1,6 +1,11 @@
 /// <reference types="react" />
-import type { StyledCarouselButtonWrapperPropsT } from '../../DSTabsTypes';
-export declare const StyledCarouselBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+import type { DSTabsInternalsT } from '../../sharedTypes';
+interface StyledCarouselButtonWrapperPropsT {
+    right?: boolean;
+    tabType: DSTabsInternalsT.TabTypesT;
+}
+export declare const StyledCarouselBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, 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>;
+export {};

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

@@ -1,2 +1,14 @@
-import type { UseCarouselPropsT, UseCarouselReturnTypeT } from '../../DSTabsTypes';
+/// <reference types="react" />
+import type { DSTabsInternalsT } from '../../sharedTypes';
+interface UseCarouselPropsT {
+    updateIndicatorStyle?: () => void;
+}
+interface UseCarouselReturnTypeT {
+    showChevrons: DSTabsInternalsT.ShowChevronsT;
+    leftButtonOnClick: () => void;
+    rightButtonOnClick: () => void;
+    handleOnClick: (e: React.MouseEvent) => void;
+    handleOnScroll: (e: React.UIEvent) => void;
+}
 export declare const useCarousel: ({ updateIndicatorStyle }: UseCarouselPropsT) => UseCarouselReturnTypeT;
+export {};

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

@@ -1,2 +1,14 @@
-import type { UseCarouselCallbacksPropsT, UseCarouselCallbacksReturnTypeT } from '../../DSTabsTypes';
+/// <reference types="react" />
+interface UseCarouselCallbacksPropsT {
+    getVisibleItemsOffset: () => number;
+    recalcChevrons: () => void;
+    updateIndicatorStyle?: () => void;
+}
+interface UseCarouselCallbacksReturnTypeT {
+    leftButtonOnClick: () => void;
+    rightButtonOnClick: () => void;
+    handleOnClick: (e: React.MouseEvent) => void;
+    handleOnScroll: (e: React.UIEvent) => void;
+}
 export declare const useCarouselCallbacks: ({ getVisibleItemsOffset, updateIndicatorStyle, recalcChevrons, }: UseCarouselCallbacksPropsT) => UseCarouselCallbacksReturnTypeT;
+export {};

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

@@ -1,7 +1,36 @@
-import type { StyledSelectionIndicatoPropsT, StyledSubTabsListPropsT, StyledTabListPropsT, StyledTabButtonPropsT, StyledTabWrapperPropsT } from '../../DSTabsTypes';
+import type { DSTabsInternalsT } from '../../sharedTypes';
+interface StyledSelectionIndicatoPropsT {
+    isDSMobile: boolean;
+    tabType: DSTabsInternalsT.TabTypesT;
+}
+interface StyledSubTabsListPropsT {
+    withCarousel: boolean;
+}
+interface StyledTabButtonPropsT {
+    isActive: boolean;
+    disabled: boolean;
+    showSeparator: boolean;
+    isDSMobile: boolean;
+    fixedTabsHeaders: boolean;
+    withCarousel: boolean;
+    tabType: DSTabsInternalsT.TabTypesT;
+}
+interface StyledTabListPropsT {
+    withCarousel: boolean;
+    isDSMobile: boolean;
+    fixedTabsHeaders: boolean;
+    mobileGradients: DSTabsInternalsT.MobileGradientsT;
+    indicatorStyle: DSTabsInternalsT.IndicatorStyleT;
+    tabType: DSTabsInternalsT.TabTypesT;
+}
+interface StyledTabWrapperPropsT {
+    isDSMobile: boolean;
+    fixedTabsHeaders: boolean;
+}
 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>;
+export {};

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

@@ -1,2 +1,11 @@
-import type { UseTabBarReturnTypeT } from '../../DSTabsTypes';
+/// <reference types="react" />
+import type { DSTabsInternalsT } from '../../sharedTypes';
+interface UseTabBarReturnTypeT {
+    updateIndicatorStyle: () => void;
+    updateMobileGradients: () => void;
+    setIndicatorStyle: React.Dispatch<React.SetStateAction<DSTabsInternalsT.IndicatorStyleT>>;
+    indicatorStyle: DSTabsInternalsT.IndicatorStyleT;
+    mobileGradients: DSTabsInternalsT.MobileGradientsT;
+}
 export declare const useTabBar: () => UseTabBarReturnTypeT;
+export {};

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

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

package/types/propTypes.d.ts

@@ -1,4 +1,52 @@
 /// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import type { DSTabsInternalsT } from './sharedTypes';
+export declare namespace DSTabT {
+    interface PropsOptional {
+        style?: Record<string, unknown>;
+        title?: string;
+        required?: boolean;
+        disabled?: boolean;
+        ref?: React.MutableRefObject<HTMLButtonElement>;
+        onClick?: (tabId: string, e: React.MouseEvent) => null | void;
+        onKeyDown?: (e: React.KeyboardEvent) => null | void;
+    }
+    interface PropsRequired {
+        children: React.ReactNode;
+        tabId: string;
+    }
+    interface Props extends PropsOptional, PropsRequired {
+    }
+}
+export declare namespace DSTabsT {
+    interface DefaultProps {
+        containerProps: Record<string, unknown>;
+        animated: boolean;
+        enableMouseEvents: boolean;
+        allowTextSelection: boolean;
+        onTabChange: (tabId: string, e?: React.MouseEvent) => void;
+        tabsListAriaLabel: string;
+        type: DSTabsInternalsT.TabTypesT;
+        children: React.ReactElement<DSTabT.Props>[];
+        onlyRenderActiveTab: boolean;
+        fixedTabsHeaders: boolean;
+        withCarousel: boolean;
+        isDSMobile: boolean;
+        showSelectionIndicator: boolean;
+        showSeparator: boolean;
+    }
+    interface PropsOptional {
+        firstSubtabRef?: React.MutableRefObject<HTMLElement>;
+        lastTabRef?: React.MutableRefObject<HTMLElement>;
+        tabBarExtraContent?: React.ReactNode;
+        activeTab?: string;
+        innerRef?: React.MutableRefObject<HTMLDivElement>;
+    }
+    interface Props extends Partial<DefaultProps>, PropsOptional {
+    }
+    interface InternalProps extends DefaultProps, PropsOptional {
+    }
+}
 export declare const tabPropTypes: {
     tabId: {
         deprecated: import("react-desc").PropTypesDescValidator;
@@ -52,3 +100,4 @@ export declare const tabsPropTypes: {
         deprecated: import("react-desc").PropTypesDescValidator;
     };
 };
+export declare const tabsDefaultProps: DSTabsT.DefaultProps;

package/types/sharedTypes.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { TabTypes } from './utils/constants';
+import type { DSTabsT } from './propTypes';
+export declare namespace DSTabsInternalsT {
+    type TabTypesT = typeof TabTypes[keyof typeof TabTypes];
+    interface MobileGradientsT {
+        right: boolean;
+        left: boolean;
+    }
+    interface IndicatorStyleT {
+        left: string;
+        width: string;
+        backgroundWithTransparent: string;
+    }
+    interface ShowChevronsT {
+        right: boolean;
+        left: boolean;
+    }
+    interface DSTabsUseTabsContextT {
+        props: DSTabsT.InternalProps;
+        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;
+    }
+    interface DSTabsUseCrossRefContextT {
+        lastTabInternalRef: React.MutableRefObject<HTMLButtonElement | null | undefined>;
+        firstSubtabInternalRef: React.MutableRefObject<HTMLButtonElement | null | undefined>;
+    }
+}

package/types/utils/helpers.d.ts

@@ -1,7 +1,16 @@
-import type { CenterTabPropsT, VisibleDimensionsT } from '../DSTabsTypes';
+import React from 'react';
+interface VisibleDimensionsT {
+    width: number;
+    height: number;
+}
+interface CenterTabPropsT {
+    e?: React.MouseEvent | React.FocusEvent;
+    listRef: React.MutableRefObject<HTMLDivElement | null>;
+}
 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 shouldHaveLeftGradient: (scrollLeft: number) => boolean;
 export declare const shouldHaveRightGradient: (scrollLeft: number, clientWidth: number, scrollWidth: number) => boolean;
+export {};

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

@@ -1,2 +1,6 @@
-import type { UseKeyboardNavigationReturnTypeT } from '../../DSTabsTypes';
+import React from 'react';
+interface UseKeyboardNavigationReturnTypeT {
+    handleOnKeyDown: (e: React.KeyboardEvent) => void;
+}
 export declare const useKeyboardNavigation: () => UseKeyboardNavigationReturnTypeT;
+export {};

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

@@ -1,2 +1,7 @@
-import type { UseTabsCallbacksReturnTypeT } from '../../DSTabsTypes';
+import React from 'react';
+interface UseTabsCallbacksReturnTypeT {
+    handleOnTabChange: (tabId: string, e?: React.MouseEvent) => void;
+    handleOnMouseDown: (e: React.MouseEvent) => void;
+}
 export declare const useTabsCallbacks: () => UseTabsCallbacksReturnTypeT;
+export {};

package/cjs/DSTabsTypes.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/cjs/defaultProps.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var constants = require('./utils/constants.js');
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => {};
-
-const tabsDefaultProps = {
-  containerProps: {},
-  animated: true,
-  enableMouseEvents: false,
-  allowTextSelection: false,
-  onTabChange: noop,
-  tabsListAriaLabel: 'Tab list',
-  type: constants.TabTypes.NORMAL,
-  onlyRenderActiveTab: false,
-  withCarousel: false,
-  isDSMobile: false,
-  showSelectionIndicator: true,
-  children: [],
-  fixedTabsHeaders: false,
-  showSeparator: true
-};
-
-exports.tabsDefaultProps = tabsDefaultProps;

package/esm/DSTabsTypes.js

@@ -1 +0,0 @@
-

package/esm/defaultProps.js

@@ -1,23 +0,0 @@
-import { TabTypes } from './utils/constants.js';
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => {};
-
-const tabsDefaultProps = {
-  containerProps: {},
-  animated: true,
-  enableMouseEvents: false,
-  allowTextSelection: false,
-  onTabChange: noop,
-  tabsListAriaLabel: 'Tab list',
-  type: TabTypes.NORMAL,
-  onlyRenderActiveTab: false,
-  withCarousel: false,
-  isDSMobile: false,
-  showSelectionIndicator: true,
-  children: [],
-  fixedTabsHeaders: false,
-  showSeparator: true
-};
-
-export { tabsDefaultProps };

package/types/DSTabsTypes.d.ts

@@ -1,205 +0,0 @@
-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/defaultProps.d.ts

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