@elliemae/ds-tabs 2.0.0-rc.9 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/DSTabs.js +27 -108
- package/cjs/DSTabsCTX.js +30 -0
- package/cjs/DSTabsDatatestid.js +18 -0
- package/cjs/DSTabsTypes.js +2 -0
- package/cjs/config/useCrossRef.js +17 -0
- package/cjs/config/useTabs.js +51 -0
- package/cjs/defaultProps.js +27 -0
- package/cjs/exportsRelated/DSTab.js +32 -0
- package/cjs/index.js +5 -5
- package/cjs/parts/carousel/Carousel.js +71 -0
- package/cjs/parts/carousel/styles.js +60 -0
- package/cjs/parts/carousel/useCarousel.js +78 -0
- package/cjs/parts/carousel/useCarouselCallbacks.js +72 -0
- package/cjs/parts/tabBar/TabBar.js +160 -0
- package/cjs/parts/tabBar/styles.js +199 -0
- package/cjs/parts/tabBar/useTabBar.js +98 -0
- package/cjs/parts/tabsContent/TabsContent.js +49 -0
- package/cjs/parts/tabsContent/styles.js +15 -0
- package/cjs/parts/tabsPanel/TabsPanels.js +77 -0
- package/cjs/parts/tabsPanel/styles.js +25 -0
- package/cjs/propTypes.js +33 -0
- package/cjs/utils/constants.js +29 -0
- package/cjs/utils/helpers.js +47 -0
- package/cjs/utils/hooks/useKeyboardNavigation.js +61 -0
- package/cjs/utils/hooks/useTabsCallbacks.js +59 -0
- package/esm/DSTabs.js +29 -110
- package/esm/DSTabsCTX.js +25 -0
- package/esm/DSTabsDatatestid.js +14 -0
- package/esm/DSTabsTypes.js +1 -0
- package/esm/config/useCrossRef.js +13 -0
- package/esm/config/useTabs.js +47 -0
- package/esm/defaultProps.js +23 -0
- package/esm/exportsRelated/DSTab.js +21 -0
- package/esm/index.js +4 -3
- package/esm/parts/carousel/Carousel.js +63 -0
- package/esm/parts/carousel/styles.js +49 -0
- package/esm/parts/carousel/useCarousel.js +70 -0
- package/esm/parts/carousel/useCarouselCallbacks.js +68 -0
- package/esm/parts/tabBar/TabBar.js +151 -0
- package/esm/parts/tabBar/styles.js +185 -0
- package/esm/parts/tabBar/useTabBar.js +90 -0
- package/esm/parts/tabsContent/TabsContent.js +40 -0
- package/esm/parts/tabsContent/styles.js +7 -0
- package/esm/parts/tabsPanel/TabsPanels.js +67 -0
- package/esm/parts/tabsPanel/styles.js +17 -0
- package/esm/propTypes.js +28 -0
- package/esm/utils/constants.js +21 -0
- package/esm/utils/helpers.js +37 -0
- package/esm/utils/hooks/useKeyboardNavigation.js +57 -0
- package/esm/utils/hooks/useTabsCallbacks.js +55 -0
- package/package.json +91 -35
- package/types/DSTabs.d.ts +6 -165
- package/types/DSTabsCTX.d.ts +4 -0
- package/types/DSTabsDatatestid.d.ts +12 -0
- package/types/DSTabsTypes.d.ts +202 -0
- package/types/config/useCrossRef.d.ts +2 -0
- package/types/config/useTabs.d.ts +2 -0
- package/types/defaultProps.d.ts +2 -0
- package/types/exportsRelated/DSTab.d.ts +14 -0
- package/types/index.d.ts +4 -3
- package/types/parts/carousel/Carousel.d.ts +3 -0
- package/types/parts/carousel/styles.d.ts +9 -0
- package/types/parts/carousel/useCarousel.d.ts +2 -0
- package/types/parts/carousel/useCarouselCallbacks.d.ts +2 -0
- package/types/parts/tabBar/TabBar.d.ts +2 -0
- package/types/parts/tabBar/styles.d.ts +7 -0
- package/types/parts/tabBar/useTabBar.d.ts +2 -0
- package/types/parts/tabsContent/TabsContent.d.ts +2 -0
- package/types/parts/tabsContent/styles.d.ts +1 -0
- package/types/parts/tabsPanel/TabsPanels.d.ts +2 -0
- package/types/parts/tabsPanel/styles.d.ts +2 -0
- package/types/propTypes.d.ts +54 -0
- package/types/tests/{DSTabs.events.test.d.ts → DSTabs.callbacks.test.d.ts} +0 -0
- package/types/tests/DSTabs.func.test.d.ts +1 -0
- package/types/tests/DSTabs.keyboard.test.d.ts +1 -0
- package/types/utils/constants.d.ts +19 -0
- package/types/utils/helpers.d.ts +8 -0
- package/types/utils/hooks/useKeyboardNavigation.d.ts +2 -0
- package/types/utils/hooks/useTabsCallbacks.d.ts +2 -0
- package/cjs/Carousel.js +0 -205
- package/cjs/DSTab.js +0 -46
- package/cjs/PanelContainer.js +0 -48
- package/cjs/SubTabBar.js +0 -54
- package/cjs/TabBar.js +0 -421
- package/cjs/TabTypes.js +0 -15
- package/cjs/TabsImpl.js +0 -120
- package/cjs/TabsPanels.js +0 -85
- package/cjs/useResize.js +0 -24
- package/esm/Carousel.js +0 -196
- package/esm/DSTab.js +0 -36
- package/esm/PanelContainer.js +0 -40
- package/esm/SubTabBar.js +0 -48
- package/esm/TabBar.js +0 -410
- package/esm/TabTypes.js +0 -10
- package/esm/TabsImpl.js +0 -113
- package/esm/TabsPanels.js +0 -75
- package/esm/useResize.js +0 -20
- package/types/Carousel.d.ts +0 -16
- package/types/DSTab.d.ts +0 -51
- package/types/PanelContainer.d.ts +0 -20
- package/types/SubTabBar.d.ts +0 -23
- package/types/TabBar.d.ts +0 -30
- package/types/TabTypes.d.ts +0 -5
- package/types/TabsImpl.d.ts +0 -37
- package/types/TabsPanels.d.ts +0 -5
- package/types/useResize.d.ts +0 -1
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
declare const PanelContainer: {
|
|
4
|
-
({ children, lastTabRef, firstSubtabRef, ...rest }: {
|
|
5
|
-
[x: string]: any;
|
|
6
|
-
children: any;
|
|
7
|
-
lastTabRef: any;
|
|
8
|
-
firstSubtabRef: any;
|
|
9
|
-
}): JSX.Element;
|
|
10
|
-
propTypes: {
|
|
11
|
-
children: PropTypes.Requireable<any>;
|
|
12
|
-
firstSubtabRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
|
|
13
|
-
current: PropTypes.Requireable<any>;
|
|
14
|
-
}>>;
|
|
15
|
-
lastTabRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
|
|
16
|
-
current: PropTypes.Requireable<any>;
|
|
17
|
-
}>>;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export default PanelContainer;
|
package/types/SubTabBar.d.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
declare const SubTabBar: {
|
|
4
|
-
({ withCarousel, tabs, activeTab, onTabClick, firstSubtabRef, handleUpArrow, }: {
|
|
5
|
-
withCarousel: any;
|
|
6
|
-
tabs?: never[] | undefined;
|
|
7
|
-
activeTab?: string | undefined;
|
|
8
|
-
onTabClick?: (() => null) | undefined;
|
|
9
|
-
firstSubtabRef: any;
|
|
10
|
-
handleUpArrow: any;
|
|
11
|
-
}): JSX.Element;
|
|
12
|
-
propTypes: {
|
|
13
|
-
tabs: PropTypes.Validator<(PropTypes.ReactElementLike | null | undefined)[]>;
|
|
14
|
-
activeTab: PropTypes.Requireable<string>;
|
|
15
|
-
onTabClick: PropTypes.Validator<(...args: any[]) => any>;
|
|
16
|
-
withCarousel: PropTypes.Requireable<boolean>;
|
|
17
|
-
handleUpArrow: PropTypes.Requireable<(...args: any[]) => any>;
|
|
18
|
-
firstSubtabRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
|
|
19
|
-
current: PropTypes.Requireable<any>;
|
|
20
|
-
}>>;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
export default SubTabBar;
|
package/types/TabBar.d.ts
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/// <reference types="lodash" />
|
|
2
|
-
import { Component } from 'react';
|
|
3
|
-
declare class TabBar extends Component {
|
|
4
|
-
constructor(props: any);
|
|
5
|
-
componentDidMount(): void;
|
|
6
|
-
componentDidUpdate(prevProps: any): void;
|
|
7
|
-
componentWillUnmount(): void;
|
|
8
|
-
handleGradients(): void;
|
|
9
|
-
shouldHaveLeftGradient(scrollLeft: any, gWidth: any): boolean;
|
|
10
|
-
shouldHaveRightGradient(scrollLeft: any, gWidth: any, clientWidth: any, scrollWidth: any): boolean;
|
|
11
|
-
setIndicatorStyle(): void;
|
|
12
|
-
getActiveTabElement(activeTab: any): any;
|
|
13
|
-
isElementVisible(el: any, holder: any): boolean;
|
|
14
|
-
getVisibleDimensions(node: any, referenceNode: any): {
|
|
15
|
-
width: number;
|
|
16
|
-
height: number;
|
|
17
|
-
};
|
|
18
|
-
getIndicatorStyles(activeTab: any): {
|
|
19
|
-
height: any;
|
|
20
|
-
left: string;
|
|
21
|
-
top: string;
|
|
22
|
-
width: any;
|
|
23
|
-
} | null;
|
|
24
|
-
handleTabClick: (tabId: any, e: any) => void;
|
|
25
|
-
handleKeyPress: (tabId: any, e: any, index: any) => void;
|
|
26
|
-
handleTabsHeadersHorizontalScroll: import("lodash").DebouncedFunc<() => void>;
|
|
27
|
-
renderTabs: (this: any, activeTab: any, tabs: any) => any;
|
|
28
|
-
render(): any;
|
|
29
|
-
}
|
|
30
|
-
export default TabBar;
|
package/types/TabTypes.d.ts
DELETED
package/types/TabsImpl.d.ts
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
declare const TabsImpl: {
|
|
4
|
-
(props: any): JSX.Element;
|
|
5
|
-
propTypes: {
|
|
6
|
-
animated: PropTypes.Requireable<boolean>;
|
|
7
|
-
enableMouseEvents: PropTypes.Requireable<boolean>;
|
|
8
|
-
allowTextSelection: PropTypes.Requireable<boolean>;
|
|
9
|
-
onTabChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
10
|
-
type: PropTypes.Requireable<string>;
|
|
11
|
-
tabBarExtraContent: PropTypes.Requireable<PropTypes.ReactElementLike>;
|
|
12
|
-
onlyRenderActiveTab: PropTypes.Requireable<boolean>;
|
|
13
|
-
withCarousel: PropTypes.Requireable<boolean>;
|
|
14
|
-
activeTab: PropTypes.Requireable<string>;
|
|
15
|
-
children: PropTypes.Validator<(PropTypes.InferProps<{
|
|
16
|
-
type: PropTypes.Requireable<any>;
|
|
17
|
-
}> | null | undefined)[]>;
|
|
18
|
-
tabsListAriaLabel: PropTypes.Requireable<string>;
|
|
19
|
-
containerProps: PropTypes.Requireable<object>;
|
|
20
|
-
innerRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
|
|
21
|
-
current: PropTypes.Requireable<any>;
|
|
22
|
-
}>>;
|
|
23
|
-
firstSubtabRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
|
|
24
|
-
current: PropTypes.Requireable<any>;
|
|
25
|
-
}>>;
|
|
26
|
-
lastTabRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
|
|
27
|
-
current: PropTypes.Requireable<any>;
|
|
28
|
-
}>>;
|
|
29
|
-
/** Whether or not it's a ds-tab from DSMobile tabs */
|
|
30
|
-
isDSMobile: PropTypes.Requireable<boolean>;
|
|
31
|
-
/** DSMobile only flexible tabs mode */
|
|
32
|
-
flexibleTabsHeaders: PropTypes.Requireable<boolean>;
|
|
33
|
-
/** DSMobile only fixed tabs mode */
|
|
34
|
-
fixedTabsHeaders: PropTypes.Requireable<boolean>;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
export default TabsImpl;
|
package/types/TabsPanels.d.ts
DELETED
package/types/useResize.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function useResize(ref: any, callback: any): void;
|