@elliemae/ds-datagrids 3.14.0-next.9 → 3.14.0-rc.1
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -46,7 +46,7 @@ const Icon = (0, import_ds_system2.styled)(import_ds_icons.WarningTriangle)`
|
|
|
46
46
|
`;
|
|
47
47
|
const PrimaryMessage = import_ds_system2.styled.p`
|
|
48
48
|
text-align: center;
|
|
49
|
-
font-weight:
|
|
49
|
+
font-weight: 600;
|
|
50
50
|
font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.value[400])};
|
|
51
51
|
color: ${(props) => props.theme.colors.neutral[600]};
|
|
52
52
|
margin-top: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.s)};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/EmptyState.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\nimport { styled } from '@elliemae/ds-system';\n\nconst EmptyStateWrapper = styled(Grid)`\n min-width: 132px; /* fixed size in px according to specs */\n max-width: 384px; /* fixed size in px according to specs */\n height: fit-content;\n`;\nconst Icon = styled(WarningTriangle)`\n fill: ${(props) => props.theme.colors.neutral[300]};\n color: ${(props) => props.theme.colors.neutral[300]};\n justify-self: center;\n`;\nconst PrimaryMessage = styled.p`\n text-align: center;\n font-weight:
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\nimport { styled } from '@elliemae/ds-system';\n\nconst EmptyStateWrapper = styled(Grid)`\n min-width: 132px; /* fixed size in px according to specs */\n max-width: 384px; /* fixed size in px according to specs */\n height: fit-content;\n`;\n\nconst Icon = styled(WarningTriangle)`\n fill: ${(props) => props.theme.colors.neutral[300]};\n color: ${(props) => props.theme.colors.neutral[300]};\n justify-self: center;\n`;\n\nconst PrimaryMessage = styled.p`\n text-align: center;\n font-weight: 600;\n font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])};\n color: ${(props) => props.theme.colors.neutral[600]};\n margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n margin-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n`;\nconst SecondaryMessage = styled.p`\n text-align: center;\n font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])}; /* 13px */\n color: ${(props) => props.theme.colors.neutral[500]};\n margin: 0;\n`;\nconst Button = styled(DSButton)`\n margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n justify-self: center;\n width: fit-content;\n`;\n\nexport const EmptyState = ({\n primaryMessage = 'No Results Found',\n secondaryMessage,\n buttonLabel,\n onButtonClick = () => {},\n}) => (\n <EmptyStateWrapper>\n <Icon size=\"xxl\" />\n {primaryMessage && <PrimaryMessage>{primaryMessage}</PrimaryMessage>}\n {secondaryMessage && <SecondaryMessage>{secondaryMessage}</SecondaryMessage>}\n {buttonLabel && <Button buttonType=\"secondary\" labelText={buttonLabel} onClick={onButtonClick} />}\n </EmptyStateWrapper>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6CrB;AA5CF,qBAAqB;AACrB,sBAAgC;AAChC,uBAAmD;AACnD,uBAAyB;AACzB,IAAAA,oBAAuB;AAEvB,MAAM,wBAAoB,0BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAM,WAAO,0BAAO,+BAAe;AAAA,UACzB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,iBAAiB,yBAAO;AAAA;AAAA;AAAA,eAGf,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA,mBACpD,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3E,MAAM,mBAAmB,yBAAO;AAAA;AAAA,eAEjB,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,aAAS,0BAAO,yBAAQ;AAAA,gBACd,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAKhE,MAAM,aAAa,CAAC;AAAA,EACzB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AAAA,EAAC;AACzB,MACE,6CAAC,qBACC;AAAA,8CAAC,QAAK,MAAK,OAAM;AAAA,EAChB,kBAAkB,4CAAC,kBAAgB,0BAAe;AAAA,EAClD,oBAAoB,4CAAC,oBAAkB,4BAAiB;AAAA,EACxD,eAAe,4CAAC,UAAO,YAAW,aAAY,WAAW,aAAa,SAAS,eAAe;AAAA,GACjG;",
|
|
6
6
|
"names": ["import_ds_system"]
|
|
7
7
|
}
|
|
@@ -17,7 +17,7 @@ const Icon = styled(WarningTriangle)`
|
|
|
17
17
|
`;
|
|
18
18
|
const PrimaryMessage = styled.p`
|
|
19
19
|
text-align: center;
|
|
20
|
-
font-weight:
|
|
20
|
+
font-weight: 600;
|
|
21
21
|
font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])};
|
|
22
22
|
color: ${(props) => props.theme.colors.neutral[600]};
|
|
23
23
|
margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/EmptyState.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\nimport { styled } from '@elliemae/ds-system';\n\nconst EmptyStateWrapper = styled(Grid)`\n min-width: 132px; /* fixed size in px according to specs */\n max-width: 384px; /* fixed size in px according to specs */\n height: fit-content;\n`;\nconst Icon = styled(WarningTriangle)`\n fill: ${(props) => props.theme.colors.neutral[300]};\n color: ${(props) => props.theme.colors.neutral[300]};\n justify-self: center;\n`;\nconst PrimaryMessage = styled.p`\n text-align: center;\n font-weight:
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\nimport { styled } from '@elliemae/ds-system';\n\nconst EmptyStateWrapper = styled(Grid)`\n min-width: 132px; /* fixed size in px according to specs */\n max-width: 384px; /* fixed size in px according to specs */\n height: fit-content;\n`;\n\nconst Icon = styled(WarningTriangle)`\n fill: ${(props) => props.theme.colors.neutral[300]};\n color: ${(props) => props.theme.colors.neutral[300]};\n justify-self: center;\n`;\n\nconst PrimaryMessage = styled.p`\n text-align: center;\n font-weight: 600;\n font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])};\n color: ${(props) => props.theme.colors.neutral[600]};\n margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n margin-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n`;\nconst SecondaryMessage = styled.p`\n text-align: center;\n font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])}; /* 13px */\n color: ${(props) => props.theme.colors.neutral[500]};\n margin: 0;\n`;\nconst Button = styled(DSButton)`\n margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n justify-self: center;\n width: fit-content;\n`;\n\nexport const EmptyState = ({\n primaryMessage = 'No Results Found',\n secondaryMessage,\n buttonLabel,\n onButtonClick = () => {},\n}) => (\n <EmptyStateWrapper>\n <Icon size=\"xxl\" />\n {primaryMessage && <PrimaryMessage>{primaryMessage}</PrimaryMessage>}\n {secondaryMessage && <SecondaryMessage>{secondaryMessage}</SecondaryMessage>}\n {buttonLabel && <Button buttonType=\"secondary\" labelText={buttonLabel} onClick={onButtonClick} />}\n </EmptyStateWrapper>\n);\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AC6CrB,SACE,KADF;AA5CF,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,0BAA0B,gBAAgB;AACnD,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAM,OAAO,OAAO,eAAe;AAAA,UACzB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,eAGf,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA,mBACpD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3E,MAAM,mBAAmB,OAAO;AAAA;AAAA,eAEjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,SAAS,OAAO,QAAQ;AAAA,gBACd,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAKhE,MAAM,aAAa,CAAC;AAAA,EACzB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AAAA,EAAC;AACzB,MACE,qBAAC,qBACC;AAAA,sBAAC,QAAK,MAAK,OAAM;AAAA,EAChB,kBAAkB,oBAAC,kBAAgB,0BAAe;AAAA,EAClD,oBAAoB,oBAAC,oBAAkB,4BAAiB;AAAA,EACxD,eAAe,oBAAC,UAAO,YAAW,aAAY,WAAW,aAAa,SAAS,eAAe;AAAA,GACjG;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-datagrids",
|
|
3
|
-
"version": "3.14.0-
|
|
3
|
+
"version": "3.14.0-rc.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Data Grids",
|
|
6
6
|
"files": [
|
|
@@ -556,24 +556,24 @@
|
|
|
556
556
|
"sortabular": "~1.6.0",
|
|
557
557
|
"stylesheet-helpers": "~0.2.2",
|
|
558
558
|
"uuid": "~8.3.2",
|
|
559
|
-
"@elliemae/ds-button": "3.14.0-
|
|
560
|
-
"@elliemae/ds-classnames": "3.14.0-
|
|
561
|
-
"@elliemae/ds-controlled-form": "3.14.0-
|
|
562
|
-
"@elliemae/ds-datagrids": "3.14.0-
|
|
563
|
-
"@elliemae/ds-dropdownmenu": "3.14.0-
|
|
564
|
-
"@elliemae/ds-filterbar": "3.14.0-
|
|
565
|
-
"@elliemae/ds-form": "3.14.0-
|
|
566
|
-
"@elliemae/ds-grid": "3.14.0-
|
|
567
|
-
"@elliemae/ds-icons": "3.14.0-
|
|
568
|
-
"@elliemae/ds-menu": "3.14.0-
|
|
569
|
-
"@elliemae/ds-popper": "3.14.0-
|
|
570
|
-
"@elliemae/ds-separator": "3.14.0-
|
|
571
|
-
"@elliemae/ds-shared": "3.14.0-
|
|
572
|
-
"@elliemae/ds-spinner": "3.14.0-
|
|
573
|
-
"@elliemae/ds-system": "3.14.0-
|
|
574
|
-
"@elliemae/ds-toolbar": "3.14.0-
|
|
575
|
-
"@elliemae/ds-truncated-tooltip-text": "3.14.0-
|
|
576
|
-
"@elliemae/ds-utilities": "3.14.0-
|
|
559
|
+
"@elliemae/ds-button": "3.14.0-rc.1",
|
|
560
|
+
"@elliemae/ds-classnames": "3.14.0-rc.1",
|
|
561
|
+
"@elliemae/ds-controlled-form": "3.14.0-rc.1",
|
|
562
|
+
"@elliemae/ds-datagrids": "3.14.0-rc.1",
|
|
563
|
+
"@elliemae/ds-dropdownmenu": "3.14.0-rc.1",
|
|
564
|
+
"@elliemae/ds-filterbar": "3.14.0-rc.1",
|
|
565
|
+
"@elliemae/ds-form": "3.14.0-rc.1",
|
|
566
|
+
"@elliemae/ds-grid": "3.14.0-rc.1",
|
|
567
|
+
"@elliemae/ds-icons": "3.14.0-rc.1",
|
|
568
|
+
"@elliemae/ds-menu": "3.14.0-rc.1",
|
|
569
|
+
"@elliemae/ds-popper": "3.14.0-rc.1",
|
|
570
|
+
"@elliemae/ds-separator": "3.14.0-rc.1",
|
|
571
|
+
"@elliemae/ds-shared": "3.14.0-rc.1",
|
|
572
|
+
"@elliemae/ds-spinner": "3.14.0-rc.1",
|
|
573
|
+
"@elliemae/ds-system": "3.14.0-rc.1",
|
|
574
|
+
"@elliemae/ds-toolbar": "3.14.0-rc.1",
|
|
575
|
+
"@elliemae/ds-truncated-tooltip-text": "3.14.0-rc.1",
|
|
576
|
+
"@elliemae/ds-utilities": "3.14.0-rc.1"
|
|
577
577
|
},
|
|
578
578
|
"devDependencies": {
|
|
579
579
|
"@testing-library/jest-dom": "~5.16.4",
|