@elliemae/ds-mobile 2.3.0-alpha.8 → 2.3.0-alpha.9
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/dist/types/Accordion/Accordion.d.ts +23 -0
- package/dist/types/Accordion/index.d.ts +1 -0
- package/dist/types/Accordion/propTypes.d.ts +73 -0
- package/dist/types/CategoryBox/CategoryBox.d.ts +59 -0
- package/dist/types/CategoryBox/index.d.ts +1 -0
- package/dist/types/CollectionBox/CollectionBox.d.ts +59 -0
- package/dist/types/CollectionBox/index.d.ts +1 -0
- package/dist/types/FullPageContainer/FullPageContainer.d.ts +12 -0
- package/dist/types/FullPageContainer/FullPageContainerScroll.d.ts +14 -0
- package/dist/types/FullPageContainer/index.d.ts +2 -0
- package/dist/types/FullPageContainer/useMobileHeight.d.ts +1 -0
- package/dist/types/GlobalHeader/MobileGlobalHeader.d.ts +67 -0
- package/dist/types/GlobalHeader/index.d.ts +1 -0
- package/dist/types/GlobalHeader/styles.d.ts +6 -0
- package/dist/types/GroupBox/GroupBox.d.ts +69 -0
- package/dist/types/GroupBox/index.d.ts +1 -0
- package/dist/types/Icons/EM_logo.d.ts +3 -0
- package/dist/types/InfiniteLoader/Infiniteloader.d.ts +41 -0
- package/dist/types/InfiniteLoader/Loader.d.ts +10 -0
- package/dist/types/InfiniteLoader/VirtualizedInfiniteLoader.d.ts +70 -0
- package/dist/types/InfiniteLoader/index.d.ts +2 -0
- package/dist/types/InfiniteLoader/styled.d.ts +1 -0
- package/dist/types/LoadingPage/Page.d.ts +12 -0
- package/dist/types/LoadingPage/index.d.ts +3 -0
- package/dist/types/LoadingPage/tests/LoadingPage.test.d.ts +1 -0
- package/dist/types/MobileActionToolbar/MobileActionToolbar.d.ts +17 -0
- package/dist/types/MobileActionToolbar/MobileActionToolbarItem.d.ts +25 -0
- package/dist/types/MobileActionToolbar/index.d.ts +3 -0
- package/dist/types/MobileBanner/MobileBanner.d.ts +93 -0
- package/dist/types/MobileBanner/defaultProps.d.ts +13 -0
- package/dist/types/MobileBanner/index.d.ts +2 -0
- package/dist/types/MobileBanner/propTypes.d.ts +69 -0
- package/dist/types/MobileBanner/styles.d.ts +11 -0
- package/dist/types/MobileBanner/tests/MobileBanner.events.test.d.ts +1 -0
- package/dist/types/MobileBanner/tests/MobileBanner.test.d.ts +1 -0
- package/dist/types/MobileBanner/utils/bannerTypes.d.ts +6 -0
- package/dist/types/MobileBanner/utils/icons.d.ts +7 -0
- package/dist/types/MobileBanner/utils/styleHelpers.d.ts +10 -0
- package/dist/types/MobileCard/ActionAddon.d.ts +23 -0
- package/dist/types/MobileCard/Card.d.ts +25 -0
- package/dist/types/MobileCard/CardIcons.d.ts +18 -0
- package/dist/types/MobileCard/ExpandChevron.d.ts +23 -0
- package/dist/types/MobileCard/ExpandableRegion.d.ts +12 -0
- package/dist/types/MobileCard/Group.d.ts +16 -0
- package/dist/types/MobileCard/StyledCard.d.ts +3 -0
- package/dist/types/MobileCard/index.d.ts +23 -0
- package/dist/types/MobileCard/props.d.ts +118 -0
- package/dist/types/MobileCard/useHeight.d.ts +1 -0
- package/dist/types/MobileContextMenu/MobileContextMenu.d.ts +15 -0
- package/dist/types/MobileContextMenu/MobileContextMenuGroup.d.ts +57 -0
- package/dist/types/MobileContextMenu/MobileContextMenuItem.d.ts +82 -0
- package/dist/types/MobileContextMenu/index.d.ts +3 -0
- package/dist/types/MobileDatePicker/Input.d.ts +5 -0
- package/dist/types/MobileDatePicker/MobileDatePicker.d.ts +69 -0
- package/dist/types/MobileDatePicker/index.d.ts +1 -0
- package/dist/types/MobileDropdownMenu/MobileDropdownInput.d.ts +16 -0
- package/dist/types/MobileDropdownMenu/MobileDropdownMenu.d.ts +53 -0
- package/dist/types/MobileDropdownMenu/index.d.ts +2 -0
- package/dist/types/MobileEmtpyState/MobileEmptyState.d.ts +22 -0
- package/dist/types/MobileEmtpyState/index.d.ts +3 -0
- package/dist/types/MobileFilterbar/Filterbar.d.ts +16 -0
- package/dist/types/MobileFilterbar/FilterbarItem.d.ts +23 -0
- package/dist/types/MobileFilterbar/FilterbarSort.d.ts +16 -0
- package/dist/types/MobileFilterbar/index.d.ts +4 -0
- package/dist/types/MobileFooter/Action.d.ts +34 -0
- package/dist/types/MobileFooter/Footer.d.ts +20 -0
- package/dist/types/MobileFooter/Text.d.ts +16 -0
- package/dist/types/MobileFooter/index.d.ts +4 -0
- package/dist/types/MobileFooter/tests/MobileFooter.test.d.ts +1 -0
- package/dist/types/MobileListItem/MobileListItem.d.ts +15 -0
- package/dist/types/MobileListItem/index.d.ts +1 -0
- package/dist/types/MobilePageHeader/MobilePageHeader.d.ts +15 -0
- package/dist/types/MobilePageHeader/index.d.ts +1 -0
- package/dist/types/MobileSelectList/MobileSelectList.d.ts +18 -0
- package/dist/types/MobileSelectList/index.d.ts +1 -0
- package/dist/types/MobileSelectList/styled.d.ts +8 -0
- package/dist/types/MobileSeparator/Separator.d.ts +31 -0
- package/dist/types/MobileSeparator/index.d.ts +3 -0
- package/dist/types/MobileTimePicker/Input.d.ts +5 -0
- package/dist/types/MobileTimePicker/MobileTimePicker.d.ts +66 -0
- package/dist/types/MobileTimePicker/MobileTimePicker.stories.d.ts +5 -0
- package/dist/types/MobileTimePicker/index.d.ts +1 -0
- package/dist/types/MobileTouchable/MobileTouchable.d.ts +8 -0
- package/dist/types/MobileTouchable/index.d.ts +1 -0
- package/dist/types/Modal/Modal.d.ts +57 -0
- package/dist/types/Modal/index.d.ts +1 -0
- package/dist/types/Modal/styled.d.ts +8 -0
- package/dist/types/PageFilter/PageFilter.d.ts +39 -0
- package/dist/types/PageForm/PageForm.d.ts +27 -0
- package/dist/types/PageList/PageList.d.ts +16 -0
- package/dist/types/PageList/index.d.ts +1 -0
- package/dist/types/PageSearch/PageSearch.d.ts +16 -0
- package/dist/types/PageSummary/PageSummary.d.ts +21 -0
- package/dist/types/PageSummary/Tags.d.ts +4 -0
- package/dist/types/SideNav/SideNav.d.ts +53 -0
- package/dist/types/SideNav/index.d.ts +1 -0
- package/dist/types/SideNav/styles.d.ts +8 -0
- package/dist/types/SwipeToRefresh/ProgressIndicator.d.ts +10 -0
- package/dist/types/SwipeToRefresh/ProgressLoader.d.ts +2 -0
- package/dist/types/SwipeToRefresh/SwipeToRefresh.d.ts +33 -0
- package/dist/types/SwipeToRefresh/styled.d.ts +5 -0
- package/dist/types/SwipeToRefresh/useSwipe.d.ts +13 -0
- package/dist/types/Tabs/index.d.ts +24 -0
- package/dist/types/Tabs/propTypes.d.ts +42 -0
- package/dist/types/index.d.ts +35 -0
- package/package.json +15 -15
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
import type { MobileBannerPropsT } from './index.d';
|
|
4
|
+
declare const DSMobileBanner: {
|
|
5
|
+
({ type, isOpen, closeButtonOnClick, label, body, actionLinkLabel, actionLinkHref, actionLinkOnClick, showCloseButton, containerProps, focusOnOpen, }: MobileBannerPropsT): JSX.Element;
|
|
6
|
+
defaultProps: {
|
|
7
|
+
type: "success";
|
|
8
|
+
isOpen: boolean;
|
|
9
|
+
closeButtonOnClick: () => null;
|
|
10
|
+
actionLinkLabel: null;
|
|
11
|
+
actionLinkHref: null;
|
|
12
|
+
actionLinkOnClick: () => null;
|
|
13
|
+
label: string;
|
|
14
|
+
body: string;
|
|
15
|
+
showCloseButton: boolean;
|
|
16
|
+
containerProps: {};
|
|
17
|
+
focusOnOpen: boolean;
|
|
18
|
+
};
|
|
19
|
+
propTypes: {
|
|
20
|
+
type: {
|
|
21
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
22
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
23
|
+
};
|
|
24
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
25
|
+
};
|
|
26
|
+
isOpen: {
|
|
27
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
28
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
29
|
+
};
|
|
30
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
31
|
+
};
|
|
32
|
+
closeButtonOnClick: {
|
|
33
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
34
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
35
|
+
};
|
|
36
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
37
|
+
};
|
|
38
|
+
actionLinkLabel: {
|
|
39
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
40
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
41
|
+
};
|
|
42
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
43
|
+
};
|
|
44
|
+
actionLinkHref: {
|
|
45
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
46
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
47
|
+
};
|
|
48
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
49
|
+
};
|
|
50
|
+
actionLinkOnClick: {
|
|
51
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
52
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
53
|
+
};
|
|
54
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
55
|
+
};
|
|
56
|
+
label: {
|
|
57
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
58
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
59
|
+
};
|
|
60
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
61
|
+
};
|
|
62
|
+
body: {
|
|
63
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
64
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
65
|
+
};
|
|
66
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
67
|
+
};
|
|
68
|
+
showCloseButton: {
|
|
69
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
70
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
71
|
+
};
|
|
72
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
73
|
+
};
|
|
74
|
+
containerProps: {
|
|
75
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
76
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
77
|
+
};
|
|
78
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
79
|
+
};
|
|
80
|
+
focusOnOpen: {
|
|
81
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
82
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
83
|
+
};
|
|
84
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
declare const DSMobileBannerWithSchema: {
|
|
89
|
+
(props?: unknown): JSX.Element;
|
|
90
|
+
propTypes: unknown;
|
|
91
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
92
|
+
};
|
|
93
|
+
export { DSMobileBanner, DSMobileBannerWithSchema };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const defaultProps: {
|
|
2
|
+
type: "success";
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
closeButtonOnClick: () => null;
|
|
5
|
+
actionLinkLabel: null;
|
|
6
|
+
actionLinkHref: null;
|
|
7
|
+
actionLinkOnClick: () => null;
|
|
8
|
+
label: string;
|
|
9
|
+
body: string;
|
|
10
|
+
showCloseButton: boolean;
|
|
11
|
+
containerProps: {};
|
|
12
|
+
focusOnOpen: boolean;
|
|
13
|
+
};
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
export declare const propTypes: {
|
|
3
|
+
type: {
|
|
4
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
5
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
6
|
+
};
|
|
7
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
8
|
+
};
|
|
9
|
+
isOpen: {
|
|
10
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
11
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
12
|
+
};
|
|
13
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
14
|
+
};
|
|
15
|
+
closeButtonOnClick: {
|
|
16
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
17
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
18
|
+
};
|
|
19
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
20
|
+
};
|
|
21
|
+
actionLinkLabel: {
|
|
22
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
23
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
24
|
+
};
|
|
25
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
26
|
+
};
|
|
27
|
+
actionLinkHref: {
|
|
28
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
29
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
30
|
+
};
|
|
31
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
32
|
+
};
|
|
33
|
+
actionLinkOnClick: {
|
|
34
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
35
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
36
|
+
};
|
|
37
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
38
|
+
};
|
|
39
|
+
label: {
|
|
40
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
41
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
42
|
+
};
|
|
43
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
44
|
+
};
|
|
45
|
+
body: {
|
|
46
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
47
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
48
|
+
};
|
|
49
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
50
|
+
};
|
|
51
|
+
showCloseButton: {
|
|
52
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
53
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
54
|
+
};
|
|
55
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
56
|
+
};
|
|
57
|
+
containerProps: {
|
|
58
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
59
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
60
|
+
};
|
|
61
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
62
|
+
};
|
|
63
|
+
focusOnOpen: {
|
|
64
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
65
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
66
|
+
};
|
|
67
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';
|
|
2
|
+
export declare const StyledInnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledInnerContainerT, never>;
|
|
3
|
+
export declare const StyledTextContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const StyledTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const StyledSubTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledContentT, never>;
|
|
8
|
+
export declare const StyledCloseButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
9
|
+
export declare const StyledCloseButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
|
|
10
|
+
export declare const StyledActionLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
|
|
11
|
+
export declare const StyledBannerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledBannerContainerT, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { FlattenSimpleInterpolation } from 'styled-components';
|
|
2
|
+
import type { MobileBannerTypesT } from '../index.d';
|
|
3
|
+
export declare const slideIn: import("styled-components").Keyframes;
|
|
4
|
+
export declare const slideOut: import("styled-components").Keyframes;
|
|
5
|
+
export declare const spanContainer: (height: number) => import("styled-components").Keyframes;
|
|
6
|
+
export declare const shrinkContainer: (height: number) => import("styled-components").Keyframes;
|
|
7
|
+
export declare const handleBorderColor: (type: MobileBannerTypesT, { colors }: {
|
|
8
|
+
colors: any;
|
|
9
|
+
}) => string;
|
|
10
|
+
export declare const handleAnimation: (isAnimating: boolean, isOpen: boolean, height?: number | null) => FlattenSimpleInterpolation;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
export declare const ActionAddon: {
|
|
4
|
+
({ label, onClick, icon }: {
|
|
5
|
+
label: any;
|
|
6
|
+
onClick: any;
|
|
7
|
+
icon: any;
|
|
8
|
+
}): JSX.Element;
|
|
9
|
+
propTypes: {
|
|
10
|
+
/**
|
|
11
|
+
* Addon label
|
|
12
|
+
*/
|
|
13
|
+
label: PropTypes.Requireable<string>;
|
|
14
|
+
/**
|
|
15
|
+
* On click callback
|
|
16
|
+
*/
|
|
17
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
18
|
+
/**
|
|
19
|
+
* Icon to display after the label
|
|
20
|
+
*/
|
|
21
|
+
icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare const DSMobileCardWithSchema: {
|
|
4
|
+
(props?: unknown): JSX.Element;
|
|
5
|
+
propTypes: unknown;
|
|
6
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
7
|
+
};
|
|
8
|
+
export { DSMobileCardWithSchema };
|
|
9
|
+
declare const _default: React.ForwardRefExoticComponent<{
|
|
10
|
+
height: "s" | "m";
|
|
11
|
+
children: ((string | number | boolean | {} | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | React.ReactNode[]) & (boolean | React.ReactChild | React.ReactFragment | React.ReactPortal)) | null | undefined;
|
|
12
|
+
details: string[];
|
|
13
|
+
leftProp: JSX.Element | JSX.Element[];
|
|
14
|
+
rightProp: JSX.Element[];
|
|
15
|
+
value: number;
|
|
16
|
+
leftAddOn: JSX.Element | JSX.Element[];
|
|
17
|
+
subText: string[];
|
|
18
|
+
subIcons: JSX.Element | JSX.Element[];
|
|
19
|
+
expandable: boolean;
|
|
20
|
+
expandedContent: JSX.Element | JSX.Element[];
|
|
21
|
+
cardContent: JSX.Element | JSX.Element[];
|
|
22
|
+
} & {
|
|
23
|
+
theme?: import("styled-components").DefaultTheme | undefined;
|
|
24
|
+
}>;
|
|
25
|
+
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
export declare const SubIcons: {
|
|
4
|
+
({ icons, colors }: {
|
|
5
|
+
icons?: never[] | undefined;
|
|
6
|
+
colors?: never[] | undefined;
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
propTypes: {
|
|
9
|
+
/**
|
|
10
|
+
* Array of Icons
|
|
11
|
+
*/
|
|
12
|
+
icons: PropTypes.Requireable<(((...args: any[]) => any) | null | undefined)[]>;
|
|
13
|
+
/**
|
|
14
|
+
* Color Types: muted, warn, error, success
|
|
15
|
+
*/
|
|
16
|
+
colors: PropTypes.Requireable<(string | null | undefined)[]>;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
export declare const ExpandChevron: {
|
|
4
|
+
({ isExpanded, onClick, align }: {
|
|
5
|
+
isExpanded: any;
|
|
6
|
+
onClick: any;
|
|
7
|
+
align: any;
|
|
8
|
+
}): JSX.Element;
|
|
9
|
+
propTypes: {
|
|
10
|
+
/**
|
|
11
|
+
* Whether if the chevron is expanded or not
|
|
12
|
+
*/
|
|
13
|
+
isExpanded: PropTypes.Requireable<boolean>;
|
|
14
|
+
/**
|
|
15
|
+
* click callback
|
|
16
|
+
*/
|
|
17
|
+
onClick: PropTypes.Validator<(...args: any[]) => any>;
|
|
18
|
+
/**
|
|
19
|
+
* top or center
|
|
20
|
+
*/
|
|
21
|
+
align: PropTypes.Validator<string>;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
export declare const ExpandableRegion: {
|
|
4
|
+
({ show, content }: {
|
|
5
|
+
show: boolean;
|
|
6
|
+
content: JSX.Element | JSX.Element[];
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
propTypes: {
|
|
9
|
+
show: PropTypes.Requireable<boolean>;
|
|
10
|
+
content: PropTypes.Requireable<PropTypes.ReactElementLike>;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare const DSMobileCardGroupWithSchema: {
|
|
4
|
+
(props?: unknown): JSX.Element;
|
|
5
|
+
propTypes: unknown;
|
|
6
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
7
|
+
};
|
|
8
|
+
export { DSMobileCardGroupWithSchema };
|
|
9
|
+
declare const _default: React.ForwardRefExoticComponent<{
|
|
10
|
+
[x: string]: any;
|
|
11
|
+
[x: number]: any;
|
|
12
|
+
[x: symbol]: any;
|
|
13
|
+
} & {
|
|
14
|
+
theme?: import("styled-components").DefaultTheme | undefined;
|
|
15
|
+
}>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import MobileCard, { DSMobileCardWithSchema } from './Card';
|
|
3
|
+
import { DSMobileCardGroupWithSchema } from './Group';
|
|
4
|
+
import { ActionAddon } from './ActionAddon';
|
|
5
|
+
declare const DSMobileCard: import("react").ForwardRefExoticComponent<{
|
|
6
|
+
height: "s" | "m";
|
|
7
|
+
children: ((string | number | boolean | {} | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("react").ReactNode[]) & (boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal)) | null | undefined;
|
|
8
|
+
details: string[];
|
|
9
|
+
leftProp: JSX.Element | JSX.Element[];
|
|
10
|
+
rightProp: JSX.Element[];
|
|
11
|
+
value: number;
|
|
12
|
+
leftAddOn: JSX.Element | JSX.Element[];
|
|
13
|
+
subText: string[];
|
|
14
|
+
subIcons: JSX.Element | JSX.Element[];
|
|
15
|
+
expandable: boolean;
|
|
16
|
+
expandedContent: JSX.Element | JSX.Element[];
|
|
17
|
+
cardContent: JSX.Element | JSX.Element[];
|
|
18
|
+
} & {
|
|
19
|
+
theme?: import("styled-components").DefaultTheme | undefined;
|
|
20
|
+
}>;
|
|
21
|
+
export { DSMobileCard, ActionAddon, DSMobileCardWithSchema, DSMobileCardGroupWithSchema, };
|
|
22
|
+
export * from './CardIcons';
|
|
23
|
+
export default MobileCard;
|
|
@@ -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(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
25
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
26
|
+
};
|
|
27
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* Defines mobile card title
|
|
31
|
+
*/
|
|
32
|
+
children: import("react-desc").PropTypesDescValue;
|
|
33
|
+
/**
|
|
34
|
+
* Wheter if the card is expandable or not
|
|
35
|
+
*/
|
|
36
|
+
expandable: {
|
|
37
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
38
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
39
|
+
};
|
|
40
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
41
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* content to display in expand card section
|
|
44
|
+
*/
|
|
45
|
+
expandedContent: {
|
|
46
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
47
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
48
|
+
};
|
|
49
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
50
|
+
};
|
|
51
|
+
/**
|
|
52
|
+
* Icon to the left of the card. Size is adjusted automatically.
|
|
53
|
+
*/
|
|
54
|
+
leftAddOn: {
|
|
55
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
56
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
57
|
+
};
|
|
58
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
59
|
+
};
|
|
60
|
+
/**
|
|
61
|
+
* Pass an element to render left. For example a Button with an icon
|
|
62
|
+
*/
|
|
63
|
+
leftProp: {
|
|
64
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
65
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
66
|
+
};
|
|
67
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
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(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
74
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
75
|
+
};
|
|
76
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
77
|
+
};
|
|
78
|
+
/**
|
|
79
|
+
* Pass an array of 1 or 2 strings
|
|
80
|
+
*/
|
|
81
|
+
subText: {
|
|
82
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
83
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
84
|
+
};
|
|
85
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
86
|
+
};
|
|
87
|
+
/**
|
|
88
|
+
* SubIcons component
|
|
89
|
+
*/
|
|
90
|
+
subIcons: {
|
|
91
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
92
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
93
|
+
};
|
|
94
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
95
|
+
};
|
|
96
|
+
/**
|
|
97
|
+
* Pass an array of 1, 2 or 3 strings
|
|
98
|
+
*/
|
|
99
|
+
details: {
|
|
100
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
101
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
102
|
+
};
|
|
103
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
104
|
+
};
|
|
105
|
+
theme: import("react-desc").PropTypesDescValue;
|
|
106
|
+
value: {
|
|
107
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
108
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
109
|
+
};
|
|
110
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
111
|
+
};
|
|
112
|
+
cardContent: {
|
|
113
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
114
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
115
|
+
};
|
|
116
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
117
|
+
};
|
|
118
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useHeight(ref: any): string;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare const DSMobileContextMenu: React.ForwardRefExoticComponent<{
|
|
4
|
+
[x: string]: any;
|
|
5
|
+
[x: number]: any;
|
|
6
|
+
[x: symbol]: any;
|
|
7
|
+
} & {
|
|
8
|
+
theme?: import("styled-components").DefaultTheme | undefined;
|
|
9
|
+
}>;
|
|
10
|
+
declare const DSMobileContextMenuWithSchema: {
|
|
11
|
+
(props?: unknown): JSX.Element;
|
|
12
|
+
propTypes: unknown;
|
|
13
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
14
|
+
};
|
|
15
|
+
export { DSMobileContextMenu, DSMobileContextMenuWithSchema };
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
declare const DSMobileContextMenuGroup: {
|
|
4
|
+
({ title, isMulti, singleSelect, children, value: groupValue, selectedItems }: {
|
|
5
|
+
title: any;
|
|
6
|
+
isMulti: any;
|
|
7
|
+
singleSelect: any;
|
|
8
|
+
children: any;
|
|
9
|
+
value: any;
|
|
10
|
+
selectedItems: any;
|
|
11
|
+
}): JSX.Element;
|
|
12
|
+
propTypes: {
|
|
13
|
+
/**
|
|
14
|
+
* Group title
|
|
15
|
+
*/
|
|
16
|
+
title: any;
|
|
17
|
+
/**
|
|
18
|
+
* Array of MobileContextMenuItem
|
|
19
|
+
*/
|
|
20
|
+
children: any;
|
|
21
|
+
/** multi select */
|
|
22
|
+
isMulti: {
|
|
23
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
24
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
25
|
+
};
|
|
26
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
27
|
+
};
|
|
28
|
+
/** single select */
|
|
29
|
+
singleSelect: {
|
|
30
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
31
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
32
|
+
};
|
|
33
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
34
|
+
};
|
|
35
|
+
/** value for select */
|
|
36
|
+
value: {
|
|
37
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
38
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
39
|
+
};
|
|
40
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
41
|
+
};
|
|
42
|
+
/** selected items, array for multi, string for single */
|
|
43
|
+
selectedItems: {
|
|
44
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
45
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
46
|
+
};
|
|
47
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
componentType: string;
|
|
51
|
+
};
|
|
52
|
+
declare const DSMobileContextMenuGroupWithSchema: {
|
|
53
|
+
(props?: unknown): JSX.Element;
|
|
54
|
+
propTypes: unknown;
|
|
55
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
56
|
+
};
|
|
57
|
+
export { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
interface DSMobileContextMenuItemPropsT {
|
|
4
|
+
label: string;
|
|
5
|
+
title: string;
|
|
6
|
+
leftProp: JSX.Element;
|
|
7
|
+
isGroup: boolean;
|
|
8
|
+
isMulti: boolean;
|
|
9
|
+
isSelected: boolean;
|
|
10
|
+
singleSelect: boolean;
|
|
11
|
+
onClick: (e: any) => void;
|
|
12
|
+
value: string;
|
|
13
|
+
}
|
|
14
|
+
declare const DSMobileContextMenuItem: {
|
|
15
|
+
({ label, title, leftProp, isGroup, isMulti, singleSelect, isSelected, onClick, value, }: DSMobileContextMenuItemPropsT): JSX.Element;
|
|
16
|
+
propTypes: {
|
|
17
|
+
/** label */
|
|
18
|
+
label: {
|
|
19
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
20
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
21
|
+
};
|
|
22
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
23
|
+
};
|
|
24
|
+
/** menu item title */
|
|
25
|
+
title: any;
|
|
26
|
+
/** */
|
|
27
|
+
leftProp: {
|
|
28
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
29
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
30
|
+
};
|
|
31
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
32
|
+
};
|
|
33
|
+
/** multi select */
|
|
34
|
+
isMulti: {
|
|
35
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
36
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
37
|
+
};
|
|
38
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
39
|
+
};
|
|
40
|
+
/** */
|
|
41
|
+
singleSelect: {
|
|
42
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
43
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
44
|
+
};
|
|
45
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
46
|
+
};
|
|
47
|
+
/** */
|
|
48
|
+
isGroup: {
|
|
49
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
50
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
51
|
+
};
|
|
52
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
53
|
+
};
|
|
54
|
+
/** on click handler */
|
|
55
|
+
onClick: {
|
|
56
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
57
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
58
|
+
};
|
|
59
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
60
|
+
};
|
|
61
|
+
/** value for select */
|
|
62
|
+
value: {
|
|
63
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
64
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
65
|
+
};
|
|
66
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
67
|
+
};
|
|
68
|
+
/** selected value */
|
|
69
|
+
isSelected: {
|
|
70
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
71
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
72
|
+
};
|
|
73
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
declare const DSMobileContextMenuItemWithSchema: {
|
|
78
|
+
(props?: unknown): JSX.Element;
|
|
79
|
+
propTypes: unknown;
|
|
80
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
81
|
+
};
|
|
82
|
+
export { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };
|