@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.
Files changed (106) hide show
  1. package/cjs/DSTabs.js +27 -108
  2. package/cjs/DSTabsCTX.js +30 -0
  3. package/cjs/DSTabsDatatestid.js +18 -0
  4. package/cjs/DSTabsTypes.js +2 -0
  5. package/cjs/config/useCrossRef.js +17 -0
  6. package/cjs/config/useTabs.js +51 -0
  7. package/cjs/defaultProps.js +27 -0
  8. package/cjs/exportsRelated/DSTab.js +32 -0
  9. package/cjs/index.js +5 -5
  10. package/cjs/parts/carousel/Carousel.js +71 -0
  11. package/cjs/parts/carousel/styles.js +60 -0
  12. package/cjs/parts/carousel/useCarousel.js +78 -0
  13. package/cjs/parts/carousel/useCarouselCallbacks.js +72 -0
  14. package/cjs/parts/tabBar/TabBar.js +160 -0
  15. package/cjs/parts/tabBar/styles.js +199 -0
  16. package/cjs/parts/tabBar/useTabBar.js +98 -0
  17. package/cjs/parts/tabsContent/TabsContent.js +49 -0
  18. package/cjs/parts/tabsContent/styles.js +15 -0
  19. package/cjs/parts/tabsPanel/TabsPanels.js +77 -0
  20. package/cjs/parts/tabsPanel/styles.js +25 -0
  21. package/cjs/propTypes.js +33 -0
  22. package/cjs/utils/constants.js +29 -0
  23. package/cjs/utils/helpers.js +47 -0
  24. package/cjs/utils/hooks/useKeyboardNavigation.js +61 -0
  25. package/cjs/utils/hooks/useTabsCallbacks.js +59 -0
  26. package/esm/DSTabs.js +29 -110
  27. package/esm/DSTabsCTX.js +25 -0
  28. package/esm/DSTabsDatatestid.js +14 -0
  29. package/esm/DSTabsTypes.js +1 -0
  30. package/esm/config/useCrossRef.js +13 -0
  31. package/esm/config/useTabs.js +47 -0
  32. package/esm/defaultProps.js +23 -0
  33. package/esm/exportsRelated/DSTab.js +21 -0
  34. package/esm/index.js +4 -3
  35. package/esm/parts/carousel/Carousel.js +63 -0
  36. package/esm/parts/carousel/styles.js +49 -0
  37. package/esm/parts/carousel/useCarousel.js +70 -0
  38. package/esm/parts/carousel/useCarouselCallbacks.js +68 -0
  39. package/esm/parts/tabBar/TabBar.js +151 -0
  40. package/esm/parts/tabBar/styles.js +185 -0
  41. package/esm/parts/tabBar/useTabBar.js +90 -0
  42. package/esm/parts/tabsContent/TabsContent.js +40 -0
  43. package/esm/parts/tabsContent/styles.js +7 -0
  44. package/esm/parts/tabsPanel/TabsPanels.js +67 -0
  45. package/esm/parts/tabsPanel/styles.js +17 -0
  46. package/esm/propTypes.js +28 -0
  47. package/esm/utils/constants.js +21 -0
  48. package/esm/utils/helpers.js +37 -0
  49. package/esm/utils/hooks/useKeyboardNavigation.js +57 -0
  50. package/esm/utils/hooks/useTabsCallbacks.js +55 -0
  51. package/package.json +91 -35
  52. package/types/DSTabs.d.ts +6 -165
  53. package/types/DSTabsCTX.d.ts +4 -0
  54. package/types/DSTabsDatatestid.d.ts +12 -0
  55. package/types/DSTabsTypes.d.ts +202 -0
  56. package/types/config/useCrossRef.d.ts +2 -0
  57. package/types/config/useTabs.d.ts +2 -0
  58. package/types/defaultProps.d.ts +2 -0
  59. package/types/exportsRelated/DSTab.d.ts +14 -0
  60. package/types/index.d.ts +4 -3
  61. package/types/parts/carousel/Carousel.d.ts +3 -0
  62. package/types/parts/carousel/styles.d.ts +9 -0
  63. package/types/parts/carousel/useCarousel.d.ts +2 -0
  64. package/types/parts/carousel/useCarouselCallbacks.d.ts +2 -0
  65. package/types/parts/tabBar/TabBar.d.ts +2 -0
  66. package/types/parts/tabBar/styles.d.ts +7 -0
  67. package/types/parts/tabBar/useTabBar.d.ts +2 -0
  68. package/types/parts/tabsContent/TabsContent.d.ts +2 -0
  69. package/types/parts/tabsContent/styles.d.ts +1 -0
  70. package/types/parts/tabsPanel/TabsPanels.d.ts +2 -0
  71. package/types/parts/tabsPanel/styles.d.ts +2 -0
  72. package/types/propTypes.d.ts +54 -0
  73. package/types/tests/{DSTabs.events.test.d.ts → DSTabs.callbacks.test.d.ts} +0 -0
  74. package/types/tests/DSTabs.func.test.d.ts +1 -0
  75. package/types/tests/DSTabs.keyboard.test.d.ts +1 -0
  76. package/types/utils/constants.d.ts +19 -0
  77. package/types/utils/helpers.d.ts +8 -0
  78. package/types/utils/hooks/useKeyboardNavigation.d.ts +2 -0
  79. package/types/utils/hooks/useTabsCallbacks.d.ts +2 -0
  80. package/cjs/Carousel.js +0 -205
  81. package/cjs/DSTab.js +0 -46
  82. package/cjs/PanelContainer.js +0 -48
  83. package/cjs/SubTabBar.js +0 -54
  84. package/cjs/TabBar.js +0 -421
  85. package/cjs/TabTypes.js +0 -15
  86. package/cjs/TabsImpl.js +0 -120
  87. package/cjs/TabsPanels.js +0 -85
  88. package/cjs/useResize.js +0 -24
  89. package/esm/Carousel.js +0 -196
  90. package/esm/DSTab.js +0 -36
  91. package/esm/PanelContainer.js +0 -40
  92. package/esm/SubTabBar.js +0 -48
  93. package/esm/TabBar.js +0 -410
  94. package/esm/TabTypes.js +0 -10
  95. package/esm/TabsImpl.js +0 -113
  96. package/esm/TabsPanels.js +0 -75
  97. package/esm/useResize.js +0 -20
  98. package/types/Carousel.d.ts +0 -16
  99. package/types/DSTab.d.ts +0 -51
  100. package/types/PanelContainer.d.ts +0 -20
  101. package/types/SubTabBar.d.ts +0 -23
  102. package/types/TabBar.d.ts +0 -30
  103. package/types/TabTypes.d.ts +0 -5
  104. package/types/TabsImpl.d.ts +0 -37
  105. package/types/TabsPanels.d.ts +0 -5
  106. 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;
@@ -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;
@@ -1,5 +0,0 @@
1
- export declare const TabTypes: {
2
- NORMAL: string;
3
- SUBTABS: string;
4
- };
5
- export declare const getTabTypes: () => any[];
@@ -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;
@@ -1,5 +0,0 @@
1
- import { Component } from 'react';
2
- export default class TabsPanels extends Component {
3
- renderPanels: (this: any, activeTab: any, tabsComponents: any) => any;
4
- render(): JSX.Element;
5
- }
@@ -1 +0,0 @@
1
- export declare function useResize(ref: any, callback: any): void;