@elliemae/ds-mobile 2.3.0-next.0 → 2.3.0-next.13
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/package.json +16 -17
- package/types/LoadingPage/Page.d.ts +1 -11
- package/types/MobileActionToolbar/MobileActionToolbar.d.ts +2 -8
- package/types/MobileBanner/utils/styleHelpers.d.ts +4 -4
- package/types/MobileCard/Card.d.ts +2 -17
- package/types/MobileCard/Group.d.ts +2 -8
- package/types/MobileCard/index.d.ts +1 -17
- package/types/MobileContextMenu/MobileContextMenu.d.ts +2 -8
- package/types/MobileListItem/MobileListItem.d.ts +2 -8
- package/types/MobilePageHeader/MobilePageHeader.d.ts +2 -8
- package/types/MobileSelectList/MobileSelectList.d.ts +1 -17
- package/types/MobileTouchable/MobileTouchable.d.ts +1 -7
- package/types/Modal/styled.d.ts +1 -1
- package/types/PageList/PageList.d.ts +2 -15
- package/types/PageSearch/PageSearch.d.ts +2 -15
- package/cjs/MobileTimePicker/MobileTimePicker.stories.js +0 -35
- package/esm/MobileTimePicker/MobileTimePicker.stories.js +0 -26
- package/types/MobileTimePicker/MobileTimePicker.stories.d.ts +0 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-mobile",
|
|
3
|
-
"version": "2.3.0-next.
|
|
3
|
+
"version": "2.3.0-next.13",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - System",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -433,20 +433,19 @@
|
|
|
433
433
|
"generateSubmodules": true
|
|
434
434
|
},
|
|
435
435
|
"dependencies": {
|
|
436
|
-
"@elliemae/ds-accordion": "2.3.0-next.
|
|
437
|
-
"@elliemae/ds-backdrop": "2.3.0-next.
|
|
438
|
-
"@elliemae/ds-button": "2.3.0-next.
|
|
439
|
-
"@elliemae/ds-circular-progress-indicator": "2.3.0-next.
|
|
440
|
-
"@elliemae/ds-
|
|
441
|
-
"@elliemae/ds-
|
|
442
|
-
"@elliemae/ds-
|
|
443
|
-
"@elliemae/ds-
|
|
444
|
-
"@elliemae/ds-
|
|
445
|
-
"@elliemae/ds-
|
|
446
|
-
"@elliemae/ds-
|
|
447
|
-
"@elliemae/ds-
|
|
448
|
-
"@elliemae/ds-
|
|
449
|
-
"@elliemae/ds-truncated-expandable-text": "2.3.0-next.0",
|
|
436
|
+
"@elliemae/ds-accordion": "2.3.0-next.13",
|
|
437
|
+
"@elliemae/ds-backdrop": "2.3.0-next.13",
|
|
438
|
+
"@elliemae/ds-button": "2.3.0-next.13",
|
|
439
|
+
"@elliemae/ds-circular-progress-indicator": "2.3.0-next.13",
|
|
440
|
+
"@elliemae/ds-form": "2.3.0-next.13",
|
|
441
|
+
"@elliemae/ds-grid": "2.3.0-next.13",
|
|
442
|
+
"@elliemae/ds-icon": "2.3.0-next.13",
|
|
443
|
+
"@elliemae/ds-icons": "2.3.0-next.13",
|
|
444
|
+
"@elliemae/ds-indeterminate-progress-indicator": "2.3.0-next.13",
|
|
445
|
+
"@elliemae/ds-shared": "2.3.0-next.13",
|
|
446
|
+
"@elliemae/ds-system": "2.3.0-next.13",
|
|
447
|
+
"@elliemae/ds-tabs": "2.3.0-next.13",
|
|
448
|
+
"@elliemae/ds-truncated-expandable-text": "2.3.0-next.13",
|
|
450
449
|
"@xstyled/styled-components": "~3.1.1",
|
|
451
450
|
"polished": "~3.6.7",
|
|
452
451
|
"prop-types": "~15.7.2",
|
|
@@ -455,7 +454,7 @@
|
|
|
455
454
|
"react-window-infinite-loader": "~1.0.5"
|
|
456
455
|
},
|
|
457
456
|
"devDependencies": {
|
|
458
|
-
"@elliemae/pui-theme": "~2.
|
|
457
|
+
"@elliemae/pui-theme": "~2.3.0",
|
|
459
458
|
"@testing-library/jest-dom": "~5.15.0",
|
|
460
459
|
"@testing-library/react": "~12.1.2",
|
|
461
460
|
"@testing-library/user-event": "~13.5.0",
|
|
@@ -463,7 +462,7 @@
|
|
|
463
462
|
"styled-system": "~5.1.5"
|
|
464
463
|
},
|
|
465
464
|
"peerDependencies": {
|
|
466
|
-
"@elliemae/pui-theme": "
|
|
465
|
+
"@elliemae/pui-theme": "~2.3.0",
|
|
467
466
|
"lodash": "^4.17.21",
|
|
468
467
|
"react": "~17.0.2",
|
|
469
468
|
"react-dom": "^17.0.2",
|
|
@@ -1,12 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
declare const DSMobileLoadingPage: React.ForwardRefExoticComponent<{
|
|
3
|
-
children: any;
|
|
4
|
-
type?: string | undefined;
|
|
5
|
-
zIndex?: number | undefined;
|
|
6
|
-
backdropZIndex: any;
|
|
7
|
-
loader: any;
|
|
8
|
-
loading: any;
|
|
9
|
-
} & {
|
|
10
|
-
theme?: import("styled-components").DefaultTheme | undefined;
|
|
11
|
-
}>;
|
|
1
|
+
declare const DSMobileLoadingPage: any;
|
|
12
2
|
export { DSMobileLoadingPage };
|
|
@@ -1,13 +1,7 @@
|
|
|
1
1
|
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
-
|
|
2
|
+
/// <reference types="react" />
|
|
3
3
|
import ToolbarItem from './MobileActionToolbarItem';
|
|
4
|
-
declare const DSMobileActionToolbar:
|
|
5
|
-
[x: string]: any;
|
|
6
|
-
[x: number]: any;
|
|
7
|
-
[x: symbol]: any;
|
|
8
|
-
} & {
|
|
9
|
-
theme?: import("styled-components").DefaultTheme | undefined;
|
|
10
|
-
}>;
|
|
4
|
+
declare const DSMobileActionToolbar: any;
|
|
11
5
|
declare const DSMobileActionToolbarWithSchema: {
|
|
12
6
|
(props?: unknown): JSX.Element;
|
|
13
7
|
propTypes: unknown;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { FlattenSimpleInterpolation } from 'styled-components';
|
|
2
2
|
import type { MobileBannerTypesT } from '../index.d';
|
|
3
|
-
export declare const slideIn:
|
|
4
|
-
export declare const slideOut:
|
|
5
|
-
export declare const spanContainer: (height: number) =>
|
|
6
|
-
export declare const shrinkContainer: (height: number) =>
|
|
3
|
+
export declare const slideIn: any;
|
|
4
|
+
export declare const slideOut: any;
|
|
5
|
+
export declare const spanContainer: (height: number) => any;
|
|
6
|
+
export declare const shrinkContainer: (height: number) => any;
|
|
7
7
|
export declare const handleBorderColor: (type: MobileBannerTypesT, { colors }: {
|
|
8
8
|
colors: any;
|
|
9
9
|
}) => string;
|
|
@@ -1,25 +1,10 @@
|
|
|
1
1
|
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
-
|
|
2
|
+
/// <reference types="react" />
|
|
3
3
|
declare const DSMobileCardWithSchema: {
|
|
4
4
|
(props?: unknown): JSX.Element;
|
|
5
5
|
propTypes: unknown;
|
|
6
6
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
7
7
|
};
|
|
8
8
|
export { DSMobileCardWithSchema };
|
|
9
|
-
declare const _default:
|
|
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
|
-
}>;
|
|
9
|
+
declare const _default: any;
|
|
25
10
|
export default _default;
|
|
@@ -1,16 +1,10 @@
|
|
|
1
1
|
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
-
|
|
2
|
+
/// <reference types="react" />
|
|
3
3
|
declare const DSMobileCardGroupWithSchema: {
|
|
4
4
|
(props?: unknown): JSX.Element;
|
|
5
5
|
propTypes: unknown;
|
|
6
6
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
7
7
|
};
|
|
8
8
|
export { DSMobileCardGroupWithSchema };
|
|
9
|
-
declare const _default:
|
|
10
|
-
[x: string]: any;
|
|
11
|
-
[x: number]: any;
|
|
12
|
-
[x: symbol]: any;
|
|
13
|
-
} & {
|
|
14
|
-
theme?: import("styled-components").DefaultTheme | undefined;
|
|
15
|
-
}>;
|
|
9
|
+
declare const _default: any;
|
|
16
10
|
export default _default;
|
|
@@ -1,23 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import MobileCard, { DSMobileCardWithSchema } from './Card';
|
|
3
2
|
import { DSMobileCardGroupWithSchema } from './Group';
|
|
4
3
|
import { ActionAddon } from './ActionAddon';
|
|
5
|
-
declare const DSMobileCard:
|
|
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
|
-
}>;
|
|
4
|
+
declare const DSMobileCard: any;
|
|
21
5
|
export { DSMobileCard, ActionAddon, DSMobileCardWithSchema, DSMobileCardGroupWithSchema, };
|
|
22
6
|
export * from './CardIcons';
|
|
23
7
|
export default MobileCard;
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
-
|
|
3
|
-
declare const DSMobileContextMenu:
|
|
4
|
-
[x: string]: any;
|
|
5
|
-
[x: number]: any;
|
|
6
|
-
[x: symbol]: any;
|
|
7
|
-
} & {
|
|
8
|
-
theme?: import("styled-components").DefaultTheme | undefined;
|
|
9
|
-
}>;
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
declare const DSMobileContextMenu: any;
|
|
10
4
|
declare const DSMobileContextMenuWithSchema: {
|
|
11
5
|
(props?: unknown): JSX.Element;
|
|
12
6
|
propTypes: unknown;
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
-
|
|
3
|
-
declare const DSMobileListItem:
|
|
4
|
-
[x: string]: any;
|
|
5
|
-
[x: number]: any;
|
|
6
|
-
[x: symbol]: any;
|
|
7
|
-
} & {
|
|
8
|
-
theme?: import("styled-components").DefaultTheme | undefined;
|
|
9
|
-
}>;
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
declare const DSMobileListItem: any;
|
|
10
4
|
declare const ListItemWithSchema: {
|
|
11
5
|
(props?: unknown): JSX.Element;
|
|
12
6
|
propTypes: unknown;
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
-
|
|
2
|
+
/// <reference types="react" />
|
|
3
3
|
declare const PageHeaderWithSchema: {
|
|
4
4
|
(props?: unknown): JSX.Element;
|
|
5
5
|
propTypes: unknown;
|
|
6
6
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
7
7
|
};
|
|
8
|
-
declare const DSMobilePageHeader:
|
|
9
|
-
[x: string]: any;
|
|
10
|
-
[x: number]: any;
|
|
11
|
-
[x: symbol]: any;
|
|
12
|
-
} & {
|
|
13
|
-
theme?: import("styled-components").DefaultTheme | undefined;
|
|
14
|
-
}>;
|
|
8
|
+
declare const DSMobilePageHeader: any;
|
|
15
9
|
export { DSMobilePageHeader, PageHeaderWithSchema };
|
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
declare const DSMobileSelectList: React.ForwardRefExoticComponent<{
|
|
3
|
-
children: any;
|
|
4
|
-
header?: null | undefined;
|
|
5
|
-
onChange?: ((...args: any[]) => void) | undefined;
|
|
6
|
-
zIndex?: number | undefined;
|
|
7
|
-
dataTestid?: string | undefined;
|
|
8
|
-
open?: boolean | undefined;
|
|
9
|
-
multiple?: boolean | undefined;
|
|
10
|
-
buttonFooter?: null | undefined;
|
|
11
|
-
onApply?: ((...args: any[]) => void) | undefined;
|
|
12
|
-
selecteds?: never[] | undefined;
|
|
13
|
-
useSearch: any;
|
|
14
|
-
onSearch?: ((...args: any[]) => void) | undefined;
|
|
15
|
-
} & {
|
|
16
|
-
theme?: import("styled-components").DefaultTheme | undefined;
|
|
17
|
-
}>;
|
|
1
|
+
declare const DSMobileSelectList: any;
|
|
18
2
|
export { DSMobileSelectList };
|
|
@@ -1,8 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
declare const DSMobileTouchable: React.ForwardRefExoticComponent<{
|
|
3
|
-
[x: string]: any;
|
|
4
|
-
[x: number]: any;
|
|
5
|
-
} & {
|
|
6
|
-
theme?: import("styled-components").DefaultTheme | undefined;
|
|
7
|
-
}>;
|
|
1
|
+
declare const DSMobileTouchable: any;
|
|
8
2
|
export { DSMobileTouchable };
|
package/types/Modal/styled.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const BodyFix:
|
|
2
|
+
export declare const BodyFix: any;
|
|
3
3
|
export declare const ModalBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
4
4
|
export declare const ModalPosition: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
5
5
|
export declare const BackShadow: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,16 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
declare const
|
|
3
|
-
[x: string]: any;
|
|
4
|
-
[x: number]: any;
|
|
5
|
-
[x: symbol]: any;
|
|
6
|
-
} & {
|
|
7
|
-
theme?: import("styled-components").DefaultTheme | undefined;
|
|
8
|
-
}>;
|
|
9
|
-
declare const DSPageList: React.ForwardRefExoticComponent<{
|
|
10
|
-
[x: string]: any;
|
|
11
|
-
[x: number]: any;
|
|
12
|
-
[x: symbol]: any;
|
|
13
|
-
} & {
|
|
14
|
-
theme?: import("styled-components").DefaultTheme | undefined;
|
|
15
|
-
}>;
|
|
1
|
+
declare const DSMobilePageList: any;
|
|
2
|
+
declare const DSPageList: any;
|
|
16
3
|
export { DSPageList, DSMobilePageList };
|
|
@@ -1,16 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
declare const
|
|
3
|
-
[x: string]: any;
|
|
4
|
-
[x: number]: any;
|
|
5
|
-
[x: symbol]: any;
|
|
6
|
-
} & {
|
|
7
|
-
theme?: import("styled-components").DefaultTheme | undefined;
|
|
8
|
-
}>;
|
|
9
|
-
declare const DSPageSearch: React.ForwardRefExoticComponent<{
|
|
10
|
-
[x: string]: any;
|
|
11
|
-
[x: number]: any;
|
|
12
|
-
[x: symbol]: any;
|
|
13
|
-
} & {
|
|
14
|
-
theme?: import("styled-components").DefaultTheme | undefined;
|
|
15
|
-
}>;
|
|
1
|
+
declare const DSMobilePageSearch: any;
|
|
2
|
+
declare const DSPageSearch: any;
|
|
16
3
|
export { DSPageSearch, DSMobilePageSearch };
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
-
require('react');
|
|
7
|
-
var dsGrid = require('@elliemae/ds-grid');
|
|
8
|
-
var dsDevutils = require('@elliemae/ds-devutils');
|
|
9
|
-
var MobileTimePicker = require('./MobileTimePicker.js');
|
|
10
|
-
|
|
11
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
-
|
|
13
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
14
|
-
|
|
15
|
-
var MobileTimePicker_stories = {
|
|
16
|
-
title: dsDevutils.PATH_MOBILE_TIME_PICKER
|
|
17
|
-
};
|
|
18
|
-
const Basic = () => {
|
|
19
|
-
// KNOBS
|
|
20
|
-
const {
|
|
21
|
-
value,
|
|
22
|
-
onChange
|
|
23
|
-
} = dsDevutils.useMobileTimePicker(); // KNOBS
|
|
24
|
-
|
|
25
|
-
return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
|
|
26
|
-
m: "xs"
|
|
27
|
-
}, void 0, /*#__PURE__*/_jsx__default["default"](MobileTimePicker.DSMobileTimePicker, {
|
|
28
|
-
value: value,
|
|
29
|
-
onChange: onChange
|
|
30
|
-
}));
|
|
31
|
-
};
|
|
32
|
-
dsDevutils.addDefaultMobileView(Basic);
|
|
33
|
-
|
|
34
|
-
exports.Basic = Basic;
|
|
35
|
-
exports["default"] = MobileTimePicker_stories;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'react';
|
|
3
|
-
import { Grid } from '@elliemae/ds-grid';
|
|
4
|
-
import { addDefaultMobileView, PATH_MOBILE_TIME_PICKER, useMobileTimePicker } from '@elliemae/ds-devutils';
|
|
5
|
-
import { DSMobileTimePicker } from './MobileTimePicker.js';
|
|
6
|
-
|
|
7
|
-
var MobileTimePicker_stories = {
|
|
8
|
-
title: PATH_MOBILE_TIME_PICKER
|
|
9
|
-
};
|
|
10
|
-
const Basic = () => {
|
|
11
|
-
// KNOBS
|
|
12
|
-
const {
|
|
13
|
-
value,
|
|
14
|
-
onChange
|
|
15
|
-
} = useMobileTimePicker(); // KNOBS
|
|
16
|
-
|
|
17
|
-
return /*#__PURE__*/_jsx(Grid, {
|
|
18
|
-
m: "xs"
|
|
19
|
-
}, void 0, /*#__PURE__*/_jsx(DSMobileTimePicker, {
|
|
20
|
-
value: value,
|
|
21
|
-
onChange: onChange
|
|
22
|
-
}));
|
|
23
|
-
};
|
|
24
|
-
addDefaultMobileView(Basic);
|
|
25
|
-
|
|
26
|
-
export { Basic, MobileTimePicker_stories as default };
|