@elliemae/ds-mobile 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/FullPageContainer/FullPageContainer.js +2 -2
- package/cjs/FullPageContainer/FullPageContainerScroll.js +2 -2
- package/cjs/GlobalHeader/MobileGlobalHeader.js +2 -2
- package/cjs/LoadingPage/Page.js +2 -2
- package/cjs/MobileActionToolbar/MobileActionToolbarItem.js +2 -2
- package/cjs/MobileBanner/MobileBanner.js +2 -2
- package/cjs/MobileCard/Card.js +9 -60
- package/cjs/MobileCard/props.js +62 -0
- package/cjs/MobileContextMenu/MobileContextMenu.js +2 -2
- package/cjs/MobileContextMenu/MobileContextMenuGroup.js +2 -2
- package/cjs/MobileContextMenu/MobileContextMenuItem.js +2 -2
- package/cjs/MobileDatePicker/Input.js +2 -2
- package/cjs/MobileDropdownMenu/MobileDropdownInput.js +2 -2
- package/cjs/MobileSelectList/MobileSelectList.js +2 -2
- package/cjs/MobileSeparator/Separator.js +2 -2
- package/cjs/MobileTimePicker/Input.js +2 -2
- package/cjs/MobileTouchable/MobileTouchable.js +2 -2
- package/cjs/Modal/Modal.js +2 -2
- package/cjs/Tabs/index.js +10 -4
- package/cjs/Tabs/propTypes.js +28 -0
- package/cjs/index.js +2 -0
- package/esm/FullPageContainer/FullPageContainer.js +2 -2
- package/esm/FullPageContainer/FullPageContainerScroll.js +2 -2
- package/esm/GlobalHeader/MobileGlobalHeader.js +2 -2
- package/esm/LoadingPage/Page.js +2 -2
- package/esm/MobileActionToolbar/MobileActionToolbarItem.js +2 -2
- package/esm/MobileBanner/MobileBanner.js +2 -2
- package/esm/MobileCard/Card.js +10 -61
- package/esm/MobileCard/props.js +58 -0
- package/esm/MobileContextMenu/MobileContextMenu.js +2 -2
- package/esm/MobileContextMenu/MobileContextMenuGroup.js +2 -2
- package/esm/MobileContextMenu/MobileContextMenuItem.js +2 -2
- package/esm/MobileDatePicker/Input.js +2 -2
- package/esm/MobileDropdownMenu/MobileDropdownInput.js +2 -2
- package/esm/MobileSelectList/MobileSelectList.js +2 -2
- package/esm/MobileSeparator/Separator.js +2 -2
- package/esm/MobileTimePicker/Input.js +2 -2
- package/esm/MobileTouchable/MobileTouchable.js +2 -2
- package/esm/Modal/Modal.js +2 -2
- package/esm/Tabs/index.js +9 -5
- package/esm/Tabs/propTypes.js +23 -0
- package/esm/index.js +1 -1
- package/package.json +23 -15
- package/types/MobileCard/Card.d.ts +14 -17
- package/types/MobileCard/ExpandableRegion.d.ts +2 -2
- package/types/MobileCard/StyledCard.d.ts +3 -1
- package/types/MobileCard/index.d.ts +12 -3
- package/types/MobileCard/props.d.ts +118 -0
- package/types/Tabs/index.d.ts +24 -9
- package/types/Tabs/propTypes.d.ts +42 -0
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { Theme } from '@elliemae/pui-theme';
|
|
4
|
+
export interface MobileCardProps {
|
|
5
|
+
children: React.ReactNode | React.ReactNode[];
|
|
6
|
+
height: 's' | 'm';
|
|
7
|
+
leftAddOn: JSX.Element | JSX.Element[];
|
|
8
|
+
leftProp: JSX.Element | JSX.Element[];
|
|
9
|
+
rightProp: JSX.Element[];
|
|
10
|
+
subText: string[];
|
|
11
|
+
subIcons: JSX.Element | JSX.Element[];
|
|
12
|
+
details: string[];
|
|
13
|
+
theme: Theme;
|
|
14
|
+
value: number;
|
|
15
|
+
expandable: boolean;
|
|
16
|
+
expandedContent: JSX.Element | JSX.Element[];
|
|
17
|
+
cardContent: JSX.Element | JSX.Element[];
|
|
18
|
+
}
|
|
19
|
+
export declare const cardPropsTypes: {
|
|
20
|
+
/**
|
|
21
|
+
* card height
|
|
22
|
+
*/
|
|
23
|
+
height: {
|
|
24
|
+
defaultValue<T = unknown>(arg: T): {
|
|
25
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
26
|
+
};
|
|
27
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* Defines mobile card title
|
|
31
|
+
*/
|
|
32
|
+
children: import("react-desc").PropTypesDescValidator;
|
|
33
|
+
/**
|
|
34
|
+
* Wheter if the card is expandable or not
|
|
35
|
+
*/
|
|
36
|
+
expandable: {
|
|
37
|
+
defaultValue<T = unknown>(arg: T): {
|
|
38
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
39
|
+
};
|
|
40
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
41
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* content to display in expand card section
|
|
44
|
+
*/
|
|
45
|
+
expandedContent: {
|
|
46
|
+
defaultValue<T = unknown>(arg: T): {
|
|
47
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
48
|
+
};
|
|
49
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
50
|
+
};
|
|
51
|
+
/**
|
|
52
|
+
* Icon to the left of the card. Size is adjusted automatically.
|
|
53
|
+
*/
|
|
54
|
+
leftAddOn: {
|
|
55
|
+
defaultValue<T = unknown>(arg: T): {
|
|
56
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
57
|
+
};
|
|
58
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
59
|
+
};
|
|
60
|
+
/**
|
|
61
|
+
* Pass an element to render left. For example a Button with an icon
|
|
62
|
+
*/
|
|
63
|
+
leftProp: {
|
|
64
|
+
defaultValue<T = unknown>(arg: T): {
|
|
65
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
66
|
+
};
|
|
67
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
68
|
+
};
|
|
69
|
+
/**
|
|
70
|
+
* Pass an array of 1 or 2 elements to render right. For example a Button with an icon
|
|
71
|
+
*/
|
|
72
|
+
rightProp: {
|
|
73
|
+
defaultValue<T = unknown>(arg: T): {
|
|
74
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
75
|
+
};
|
|
76
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
77
|
+
};
|
|
78
|
+
/**
|
|
79
|
+
* Pass an array of 1 or 2 strings
|
|
80
|
+
*/
|
|
81
|
+
subText: {
|
|
82
|
+
defaultValue<T = unknown>(arg: T): {
|
|
83
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
84
|
+
};
|
|
85
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
86
|
+
};
|
|
87
|
+
/**
|
|
88
|
+
* SubIcons component
|
|
89
|
+
*/
|
|
90
|
+
subIcons: {
|
|
91
|
+
defaultValue<T = unknown>(arg: T): {
|
|
92
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
93
|
+
};
|
|
94
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
95
|
+
};
|
|
96
|
+
/**
|
|
97
|
+
* Pass an array of 1, 2 or 3 strings
|
|
98
|
+
*/
|
|
99
|
+
details: {
|
|
100
|
+
defaultValue<T = unknown>(arg: T): {
|
|
101
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
102
|
+
};
|
|
103
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
104
|
+
};
|
|
105
|
+
theme: import("react-desc").PropTypesDescValidator;
|
|
106
|
+
value: {
|
|
107
|
+
defaultValue<T = unknown>(arg: T): {
|
|
108
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
109
|
+
};
|
|
110
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
111
|
+
};
|
|
112
|
+
cardContent: {
|
|
113
|
+
defaultValue<T = unknown>(arg: T): {
|
|
114
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
115
|
+
};
|
|
116
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
117
|
+
};
|
|
118
|
+
};
|
package/types/Tabs/index.d.ts
CHANGED
|
@@ -1,9 +1,24 @@
|
|
|
1
|
-
/// <reference
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
import type { WeakValidationMap } from 'react';
|
|
3
|
+
import type { DSTabsPropsT, DSTabPropsT } from '@elliemae/ds-tabs';
|
|
4
|
+
declare type DSMobileTabsPropsT = Omit<DSTabsPropsT, 'animated' | 'enableMouseEvents' | 'allowTextSelection' | 'type' | 'isDSMobile' | 'withCarousel'>;
|
|
5
|
+
declare type DSMobileTabPropsT = Omit<DSTabPropsT, 'isDSMobile'>;
|
|
6
|
+
export declare const DSMobileTabs: {
|
|
7
|
+
({ children, ...props }: DSMobileTabsPropsT): JSX.Element;
|
|
8
|
+
propTypes: WeakValidationMap<unknown>;
|
|
9
|
+
};
|
|
10
|
+
export declare const DSMobileTab: {
|
|
11
|
+
({ children, ...props }: DSMobileTabPropsT): JSX.Element;
|
|
12
|
+
propTypes: WeakValidationMap<unknown>;
|
|
13
|
+
};
|
|
14
|
+
declare const DSMobileTabsWithSchema: {
|
|
15
|
+
(props?: DSMobileTabsPropsT | undefined): JSX.Element;
|
|
16
|
+
propTypes: unknown;
|
|
17
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
18
|
+
};
|
|
19
|
+
declare const DSMobileTabWithSchema: {
|
|
20
|
+
(props?: DSMobileTabPropsT | undefined): JSX.Element;
|
|
21
|
+
propTypes: unknown;
|
|
22
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
23
|
+
};
|
|
24
|
+
export { DSMobileTabsWithSchema, DSMobileTabWithSchema };
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
export declare const MobileTabPropTypes: {
|
|
3
|
+
tabId: {
|
|
4
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
5
|
+
};
|
|
6
|
+
title: {
|
|
7
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
8
|
+
};
|
|
9
|
+
required: {
|
|
10
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
11
|
+
};
|
|
12
|
+
disabled: {
|
|
13
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const MobileTabsPropTypes: {
|
|
17
|
+
onTabChange: {
|
|
18
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
19
|
+
};
|
|
20
|
+
tabBarExtraContent: {
|
|
21
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
22
|
+
};
|
|
23
|
+
onlyRenderActiveTab: {
|
|
24
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
25
|
+
};
|
|
26
|
+
fixedTabsHeaders: {
|
|
27
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
28
|
+
};
|
|
29
|
+
activeTab: {
|
|
30
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
31
|
+
};
|
|
32
|
+
children: import("react-desc").PropTypesDescValidator;
|
|
33
|
+
tabsListAriaLabel: {
|
|
34
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
35
|
+
};
|
|
36
|
+
containerProps: {
|
|
37
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
38
|
+
};
|
|
39
|
+
innerRef: {
|
|
40
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
41
|
+
};
|
|
42
|
+
};
|