@desynova-digital/components 8.19.18 → 8.19.19
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/atoms/icon/icons.json
CHANGED
|
@@ -1425,6 +1425,13 @@
|
|
|
1425
1425
|
],
|
|
1426
1426
|
"width": 12,
|
|
1427
1427
|
"height": 10
|
|
1428
|
+
},
|
|
1429
|
+
"collab_error_icon": {
|
|
1430
|
+
"paths": [
|
|
1431
|
+
"M57.1756 50.8457H53.562L52.2813 49.6108C56.7639 44.3964 59.4626 37.6268 59.4626 30.2625C59.4626 13.8417 46.1521 0.53125 29.7313 0.53125C13.3105 0.53125 0 13.8417 0 30.2625C0 46.6834 13.3105 59.9938 29.7313 59.9938C37.0955 59.9938 43.8651 57.2951 49.0795 52.8125L50.3145 54.0933V57.7068L73.1847 80.5312L80 73.716L57.1756 50.8457ZM29.7313 50.8457C18.3419 50.8457 9.14809 41.6519 9.14809 30.2625C9.14809 18.8732 18.3419 9.67934 29.7313 9.67934C41.1207 9.67934 50.3145 18.8732 50.3145 30.2625C50.3145 41.6519 41.1207 50.8457 29.7313 50.8457Z"
|
|
1432
|
+
],
|
|
1433
|
+
"width": 80,
|
|
1434
|
+
"height": 80
|
|
1428
1435
|
}
|
|
1429
1436
|
}
|
|
1430
1437
|
}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
|
|
7
|
+
var _templateObject = _taggedTemplateLiteral(["\n height: 500px;\n width: 700px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n"], ["\n height: 500px;\n width: 700px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n"]),
|
|
8
|
+
_templateObject2 = _taggedTemplateLiteral(["\n height: 200px;\n width: 700px; \n position: relative;\n display: flex;\n justify-content: center;\n\n .rectangeDiv {\n width: 104px;\n height: 126px;\n position: absolute;\n z-index: 2;\n top: 0px;\n }\n .circleDiv {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n background:rgba(255, 255, 255, 0.20);\n position: absolute;\n bottom: 0px;\n display: flex;\n justify-content: center;\n }\n .ellipse {\n width: 104px;\n \n height: 7px;\n border-radius: 50%;\n background-color: #FFFFFF33\n position: absolute;\n bottom: 30px;\n }\n .div1 {\n position:absolute;\n background: #ccc;\n border-radius: 15px;\n width: 104px;\n height: 126px;\n \n\n }\n .div2 {\n position:absolute;\n width: 104px;\n height: 126px;\n border-radius:15px;\n background: #FFFFFF33;\n transform: rotate(-12.151deg);\n }\n"], ["\n height: 200px;\n width: 700px; \n position: relative;\n display: flex;\n justify-content: center;\n\n .rectangeDiv {\n width: 104px;\n height: 126px;\n position: absolute;\n z-index: 2;\n top: 0px;\n }\n .circleDiv {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n background:rgba(255, 255, 255, 0.20);\n position: absolute;\n bottom: 0px;\n display: flex;\n justify-content: center;\n }\n .ellipse {\n width: 104px;\n \n height: 7px;\n border-radius: 50%;\n background-color: #FFFFFF33\n position: absolute;\n bottom: 30px;\n }\n .div1 {\n position:absolute;\n background: #ccc;\n border-radius: 15px;\n width: 104px;\n height: 126px;\n \n\n }\n .div2 {\n position:absolute;\n width: 104px;\n height: 126px;\n border-radius:15px;\n background: #FFFFFF33;\n transform: rotate(-12.151deg);\n }\n"]),
|
|
9
|
+
_templateObject3 = _taggedTemplateLiteral(["\n height: 100px;\n width: 700px;\n\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 10px;\n .text1 {\n color: var(--color-text-color-text-300, #ccc);\n font-family: \"SFUIText-Medium\";\n font-size: 40px;\n font-style: normal;\n font-weight: 500;\n line-height: 50px;\n }\n\n .text2 {\n color: var(--color-text-color-text-300, #ccc);\n font-family: \"SFUIText-Medium\";\n font-size: 14px;\n font-style: normal;\n font-weight: 300;\n line-height: 21px;\n }\n"], ["\n height: 100px;\n width: 700px;\n\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 10px;\n .text1 {\n color: var(--color-text-color-text-300, #ccc);\n font-family: \"SFUIText-Medium\";\n font-size: 40px;\n font-style: normal;\n font-weight: 500;\n line-height: 50px;\n }\n\n .text2 {\n color: var(--color-text-color-text-300, #ccc);\n font-family: \"SFUIText-Medium\";\n font-size: 14px;\n font-style: normal;\n font-weight: 300;\n line-height: 21px;\n }\n"]);
|
|
10
|
+
|
|
11
|
+
var _react = require("react");
|
|
12
|
+
|
|
13
|
+
var _react2 = _interopRequireDefault(_react);
|
|
14
|
+
|
|
15
|
+
var _styledComponents = require("styled-components");
|
|
16
|
+
|
|
17
|
+
var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
|
18
|
+
|
|
19
|
+
var _components = require("@desynova-digital/components");
|
|
20
|
+
|
|
21
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
22
|
+
|
|
23
|
+
function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
24
|
+
|
|
25
|
+
var OuterDiv = _styledComponents2.default.div(_templateObject);
|
|
26
|
+
|
|
27
|
+
var IconDiv = _styledComponents2.default.div(_templateObject2);
|
|
28
|
+
var TextDiv = _styledComponents2.default.div(_templateObject3);
|
|
29
|
+
|
|
30
|
+
var CollabErrorScreen = function CollabErrorScreen() {
|
|
31
|
+
return _react2.default.createElement(
|
|
32
|
+
OuterDiv,
|
|
33
|
+
null,
|
|
34
|
+
_react2.default.createElement(
|
|
35
|
+
IconDiv,
|
|
36
|
+
null,
|
|
37
|
+
_react2.default.createElement(
|
|
38
|
+
"div",
|
|
39
|
+
{ style: { zIndex: "3", position: "absolute", top: "25px" } },
|
|
40
|
+
_react2.default.createElement(_components.Icon, { name: "collab_error_icon", color: "#303F51" })
|
|
41
|
+
),
|
|
42
|
+
_react2.default.createElement(
|
|
43
|
+
"div",
|
|
44
|
+
{ className: "rectangeDiv" },
|
|
45
|
+
_react2.default.createElement("div", { className: "div1" }),
|
|
46
|
+
_react2.default.createElement("div", { className: "div2" })
|
|
47
|
+
),
|
|
48
|
+
_react2.default.createElement(
|
|
49
|
+
"div",
|
|
50
|
+
{ className: "circleDiv" },
|
|
51
|
+
_react2.default.createElement("div", { className: "ellipse" })
|
|
52
|
+
)
|
|
53
|
+
),
|
|
54
|
+
_react2.default.createElement(
|
|
55
|
+
TextDiv,
|
|
56
|
+
null,
|
|
57
|
+
_react2.default.createElement(
|
|
58
|
+
"h2",
|
|
59
|
+
{ className: "text1" },
|
|
60
|
+
"No Data Available"
|
|
61
|
+
),
|
|
62
|
+
_react2.default.createElement(
|
|
63
|
+
"p",
|
|
64
|
+
{ className: "text2" },
|
|
65
|
+
"Sorry, no data at the moment. Stay tuned for updates."
|
|
66
|
+
)
|
|
67
|
+
)
|
|
68
|
+
);
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
exports.default = CollabErrorScreen;
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
import { Icon } from "@desynova-digital/components";
|
|
4
|
+
|
|
5
|
+
const OuterDiv = styled.div`
|
|
6
|
+
height: 500px;
|
|
7
|
+
width: 700px;
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
justify-content: center;
|
|
11
|
+
flex-direction: column;
|
|
12
|
+
`;
|
|
13
|
+
|
|
14
|
+
const IconDiv = styled.div`
|
|
15
|
+
height: 200px;
|
|
16
|
+
width: 700px;
|
|
17
|
+
position: relative;
|
|
18
|
+
display: flex;
|
|
19
|
+
justify-content: center;
|
|
20
|
+
|
|
21
|
+
.rectangeDiv {
|
|
22
|
+
width: 104px;
|
|
23
|
+
height: 126px;
|
|
24
|
+
position: absolute;
|
|
25
|
+
z-index: 2;
|
|
26
|
+
top: 0px;
|
|
27
|
+
}
|
|
28
|
+
.circleDiv {
|
|
29
|
+
width: 150px;
|
|
30
|
+
height: 150px;
|
|
31
|
+
border-radius: 50%;
|
|
32
|
+
background:rgba(255, 255, 255, 0.20);
|
|
33
|
+
position: absolute;
|
|
34
|
+
bottom: 0px;
|
|
35
|
+
display: flex;
|
|
36
|
+
justify-content: center;
|
|
37
|
+
}
|
|
38
|
+
.ellipse {
|
|
39
|
+
width: 104px;
|
|
40
|
+
|
|
41
|
+
height: 7px;
|
|
42
|
+
border-radius: 50%;
|
|
43
|
+
background-color: #FFFFFF33
|
|
44
|
+
position: absolute;
|
|
45
|
+
bottom: 30px;
|
|
46
|
+
}
|
|
47
|
+
.div1 {
|
|
48
|
+
position:absolute;
|
|
49
|
+
background: #ccc;
|
|
50
|
+
border-radius: 15px;
|
|
51
|
+
width: 104px;
|
|
52
|
+
height: 126px;
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
}
|
|
56
|
+
.div2 {
|
|
57
|
+
position:absolute;
|
|
58
|
+
width: 104px;
|
|
59
|
+
height: 126px;
|
|
60
|
+
border-radius:15px;
|
|
61
|
+
background: #FFFFFF33;
|
|
62
|
+
transform: rotate(-12.151deg);
|
|
63
|
+
}
|
|
64
|
+
`;
|
|
65
|
+
const TextDiv = styled.div`
|
|
66
|
+
height: 100px;
|
|
67
|
+
width: 700px;
|
|
68
|
+
|
|
69
|
+
z-index: 2;
|
|
70
|
+
display: flex;
|
|
71
|
+
flex-direction: column;
|
|
72
|
+
align-items: center;
|
|
73
|
+
justify-content: center;
|
|
74
|
+
gap: 10px;
|
|
75
|
+
.text1 {
|
|
76
|
+
color: var(--color-text-color-text-300, #ccc);
|
|
77
|
+
font-family: "SFUIText-Medium";
|
|
78
|
+
font-size: 40px;
|
|
79
|
+
font-style: normal;
|
|
80
|
+
font-weight: 500;
|
|
81
|
+
line-height: 50px;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.text2 {
|
|
85
|
+
color: var(--color-text-color-text-300, #ccc);
|
|
86
|
+
font-family: "SFUIText-Medium";
|
|
87
|
+
font-size: 14px;
|
|
88
|
+
font-style: normal;
|
|
89
|
+
font-weight: 300;
|
|
90
|
+
line-height: 21px;
|
|
91
|
+
}
|
|
92
|
+
`;
|
|
93
|
+
|
|
94
|
+
const CollabErrorScreen = () => {
|
|
95
|
+
return (
|
|
96
|
+
<OuterDiv>
|
|
97
|
+
<IconDiv>
|
|
98
|
+
<div style={{ zIndex: "3", position: "absolute", top: "25px" }}>
|
|
99
|
+
<Icon name="collab_error_icon" color="#303F51" />
|
|
100
|
+
</div>
|
|
101
|
+
<div className="rectangeDiv">
|
|
102
|
+
<div className="div1"></div>
|
|
103
|
+
<div className="div2"></div>
|
|
104
|
+
</div>
|
|
105
|
+
<div className="circleDiv">
|
|
106
|
+
<div className="ellipse"></div>
|
|
107
|
+
</div>
|
|
108
|
+
</IconDiv>
|
|
109
|
+
<TextDiv>
|
|
110
|
+
<h2 className="text1">No Data Available</h2>
|
|
111
|
+
<p className="text2">
|
|
112
|
+
Sorry, no data at the moment. Stay tuned for updates.
|
|
113
|
+
</p>
|
|
114
|
+
</TextDiv>
|
|
115
|
+
</OuterDiv>
|
|
116
|
+
);
|
|
117
|
+
};
|
|
118
|
+
|
|
119
|
+
export default CollabErrorScreen;
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@desynova-digital/components",
|
|
3
|
-
"version": "8.19.
|
|
3
|
+
"version": "8.19.19",
|
|
4
4
|
"description": "Components for Desynova Digital",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"author": "desynova-digital",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"repository": "desynova-digital",
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@desynova-digital/tokens": "8.19.
|
|
10
|
+
"@desynova-digital/tokens": "8.19.19",
|
|
11
11
|
"prop-types": "^15.7.2",
|
|
12
12
|
"styled-components": "^4.3.2"
|
|
13
13
|
},
|