@elliemae/ds-mobile 3.5.0-rc.1 → 3.5.0-rc.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.
|
@@ -41,14 +41,14 @@ const Label = import_ds_system.styled.p`
|
|
|
41
41
|
color: ${(props2) => props2.theme.colors.neutral["600"]};
|
|
42
42
|
font-size: ${(props2) => props2.theme.space.xs};
|
|
43
43
|
font-weight: ${(props2) => props2.theme.fontWeights.semibold};
|
|
44
|
-
min-width: 132px;
|
|
45
44
|
`;
|
|
46
|
-
const DSMobileEmptyState = ({ label = "No search results found." }) => /* @__PURE__ */ import_react.default.createElement(Wrapper, null, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
|
|
45
|
+
const DSMobileEmptyState = ({ label = "No search results found.", Icon }) => /* @__PURE__ */ import_react.default.createElement(Wrapper, null, Icon ? /* @__PURE__ */ import_react.default.createElement(Icon, null) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
|
|
47
46
|
size: "xxl",
|
|
48
47
|
color: ["neutral", 400]
|
|
49
48
|
}), /* @__PURE__ */ import_react.default.createElement(Label, null, label));
|
|
50
49
|
const props = {
|
|
51
|
-
label: import_ds_utilities.PropTypes.string.description("empty state label")
|
|
50
|
+
label: import_ds_utilities.PropTypes.string.description("empty state label"),
|
|
51
|
+
icon: import_ds_utilities.PropTypes.node.description("empty state icon")
|
|
52
52
|
};
|
|
53
53
|
DSMobileEmptyState.propTypes = props;
|
|
54
54
|
DSMobileEmptyState.displayName = "DSMobileEmptyState";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/MobileEmtpyState/MobileEmptyState.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { Search } from '@elliemae/ds-icons';\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100%;\n`;\n\nconst Label = styled.p`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => props.theme.space.xs};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,0BAAoC;AACpC,sBAAuB;AAEvB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,QAAQ,wBAAO;AAAA,WACV,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA,iBAC3B,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { Search } from '@elliemae/ds-icons';\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100%;\n`;\n\nconst Label = styled.p`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => props.theme.space.xs};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\ninterface EmptyStateT {\n label: string;\n Icon: () => JSX.Element;\n}\n\nconst DSMobileEmptyState: React.ComponentType<EmptyStateT> = ({ label = 'No search results found.', Icon }) => (\n <Wrapper>\n {Icon ? <Icon /> : <Search size=\"xxl\" color={['neutral', 400]} />}\n <Label>{label}</Label>\n </Wrapper>\n);\n\nconst props = {\n /** empty state label */\n label: PropTypes.string.description('empty state label'),\n icon: PropTypes.node.description('empty state icon'),\n};\n\nDSMobileEmptyState.propTypes = props;\nDSMobileEmptyState.displayName = 'DSMobileEmptyState';\nconst DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);\nDSMobileEmptyStateWithSchema.propTypes = props;\n\nexport { DSMobileEmptyState, DSMobileEmptyStateWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,0BAAoC;AACpC,sBAAuB;AAEvB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,QAAQ,wBAAO;AAAA,WACV,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA,iBAC3B,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAQpD,MAAM,qBAAuD,CAAC,EAAE,QAAQ,4BAA4B,WAClG,mDAAC,eACE,OAAO,mDAAC,UAAK,IAAK,mDAAC;AAAA,EAAO,MAAK;AAAA,EAAM,OAAO,CAAC,WAAW,GAAG;AAAA,CAAG,GAC/D,mDAAC,aAAO,KAAM,CAChB;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,8BAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,MAAM,8BAAU,KAAK,YAAY,kBAAkB;AACrD;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,kCAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -14,14 +14,14 @@ const Label = styled.p`
|
|
|
14
14
|
color: ${(props2) => props2.theme.colors.neutral["600"]};
|
|
15
15
|
font-size: ${(props2) => props2.theme.space.xs};
|
|
16
16
|
font-weight: ${(props2) => props2.theme.fontWeights.semibold};
|
|
17
|
-
min-width: 132px;
|
|
18
17
|
`;
|
|
19
|
-
const DSMobileEmptyState = ({ label = "No search results found." }) => /* @__PURE__ */ React2.createElement(Wrapper, null, /* @__PURE__ */ React2.createElement(Search, {
|
|
18
|
+
const DSMobileEmptyState = ({ label = "No search results found.", Icon }) => /* @__PURE__ */ React2.createElement(Wrapper, null, Icon ? /* @__PURE__ */ React2.createElement(Icon, null) : /* @__PURE__ */ React2.createElement(Search, {
|
|
20
19
|
size: "xxl",
|
|
21
20
|
color: ["neutral", 400]
|
|
22
21
|
}), /* @__PURE__ */ React2.createElement(Label, null, label));
|
|
23
22
|
const props = {
|
|
24
|
-
label: PropTypes.string.description("empty state label")
|
|
23
|
+
label: PropTypes.string.description("empty state label"),
|
|
24
|
+
icon: PropTypes.node.description("empty state icon")
|
|
25
25
|
};
|
|
26
26
|
DSMobileEmptyState.propTypes = props;
|
|
27
27
|
DSMobileEmptyState.displayName = "DSMobileEmptyState";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileEmtpyState/MobileEmptyState.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { Search } from '@elliemae/ds-icons';\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100%;\n`;\n\nconst Label = styled.p`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => props.theme.space.xs};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,QAAQ,OAAO;AAAA,WACV,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA,iBAC3B,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { Search } from '@elliemae/ds-icons';\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100%;\n`;\n\nconst Label = styled.p`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => props.theme.space.xs};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\ninterface EmptyStateT {\n label: string;\n Icon: () => JSX.Element;\n}\n\nconst DSMobileEmptyState: React.ComponentType<EmptyStateT> = ({ label = 'No search results found.', Icon }) => (\n <Wrapper>\n {Icon ? <Icon /> : <Search size=\"xxl\" color={['neutral', 400]} />}\n <Label>{label}</Label>\n </Wrapper>\n);\n\nconst props = {\n /** empty state label */\n label: PropTypes.string.description('empty state label'),\n icon: PropTypes.node.description('empty state icon'),\n};\n\nDSMobileEmptyState.propTypes = props;\nDSMobileEmptyState.displayName = 'DSMobileEmptyState';\nconst DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);\nDSMobileEmptyStateWithSchema.propTypes = props;\n\nexport { DSMobileEmptyState, DSMobileEmptyStateWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,QAAQ,OAAO;AAAA,WACV,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA,iBAC3B,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAQpD,MAAM,qBAAuD,CAAC,EAAE,QAAQ,4BAA4B,WAClG,qCAAC,eACE,OAAO,qCAAC,UAAK,IAAK,qCAAC;AAAA,EAAO,MAAK;AAAA,EAAM,OAAO,CAAC,WAAW,GAAG;AAAA,CAAG,GAC/D,qCAAC,aAAO,KAAM,CAChB;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,MAAM,UAAU,KAAK,YAAY,kBAAkB;AACrD;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-mobile",
|
|
3
|
-
"version": "3.5.0-rc.
|
|
3
|
+
"version": "3.5.0-rc.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - System",
|
|
6
6
|
"files": [
|
|
@@ -435,21 +435,21 @@
|
|
|
435
435
|
"typeSafety": false
|
|
436
436
|
},
|
|
437
437
|
"dependencies": {
|
|
438
|
-
"@elliemae/ds-accordion": "3.5.0-rc.
|
|
439
|
-
"@elliemae/ds-backdrop": "3.5.0-rc.
|
|
440
|
-
"@elliemae/ds-button": "3.5.0-rc.
|
|
441
|
-
"@elliemae/ds-circular-progress-indicator": "3.5.0-rc.
|
|
442
|
-
"@elliemae/ds-form": "3.5.0-rc.
|
|
443
|
-
"@elliemae/ds-form-checkbox": "3.5.0-rc.
|
|
444
|
-
"@elliemae/ds-grid": "3.5.0-rc.
|
|
445
|
-
"@elliemae/ds-icon": "3.5.0-rc.
|
|
446
|
-
"@elliemae/ds-icons": "3.5.0-rc.
|
|
447
|
-
"@elliemae/ds-indeterminate-progress-indicator": "3.5.0-rc.
|
|
448
|
-
"@elliemae/ds-shared": "3.5.0-rc.
|
|
449
|
-
"@elliemae/ds-system": "3.5.0-rc.
|
|
450
|
-
"@elliemae/ds-tabs": "3.5.0-rc.
|
|
451
|
-
"@elliemae/ds-truncated-expandable-text": "3.5.0-rc.
|
|
452
|
-
"@elliemae/ds-utilities": "3.5.0-rc.
|
|
438
|
+
"@elliemae/ds-accordion": "3.5.0-rc.2",
|
|
439
|
+
"@elliemae/ds-backdrop": "3.5.0-rc.2",
|
|
440
|
+
"@elliemae/ds-button": "3.5.0-rc.2",
|
|
441
|
+
"@elliemae/ds-circular-progress-indicator": "3.5.0-rc.2",
|
|
442
|
+
"@elliemae/ds-form": "3.5.0-rc.2",
|
|
443
|
+
"@elliemae/ds-form-checkbox": "3.5.0-rc.2",
|
|
444
|
+
"@elliemae/ds-grid": "3.5.0-rc.2",
|
|
445
|
+
"@elliemae/ds-icon": "3.5.0-rc.2",
|
|
446
|
+
"@elliemae/ds-icons": "3.5.0-rc.2",
|
|
447
|
+
"@elliemae/ds-indeterminate-progress-indicator": "3.5.0-rc.2",
|
|
448
|
+
"@elliemae/ds-shared": "3.5.0-rc.2",
|
|
449
|
+
"@elliemae/ds-system": "3.5.0-rc.2",
|
|
450
|
+
"@elliemae/ds-tabs": "3.5.0-rc.2",
|
|
451
|
+
"@elliemae/ds-truncated-expandable-text": "3.5.0-rc.2",
|
|
452
|
+
"@elliemae/ds-utilities": "3.5.0-rc.2",
|
|
453
453
|
"polished": "~3.6.7",
|
|
454
454
|
"prop-types": "~15.8.1",
|
|
455
455
|
"react-window": "~1.8.7",
|