@zohodesk/svg 1.1.11 → 1.1.12
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/README.md +301 -297
- package/deprecated/june_2022/ErrorUnauthorizedLogin.js +127 -127
- package/es/Loader/__tests__/__snapshots__/Loader.spec.js.snap +54 -54
- package/es/SVG/SVG.module.css +34 -34
- package/es/SVG/__tests__/__snapshots__/SVG.spec.js.snap +328 -328
- package/es/css/EmptyStateVariables.module.css +38 -38
- package/es/emptystate/version1/__tests__/__snapshots__/version1.spec.js.snap +24 -24
- package/es/emptystate/version2/__tests__/__snapshots__/version2.spec.js.snap +208 -208
- package/es/emptystate/version3/__tests__/__snapshots__/version3.spec.js.snap +5968 -5968
- package/es/errorstate/version1/__tests__/__snapshots__/version1.spec.js.snap +162 -162
- package/es/errorstate/version2/__tests__/__snapshots__/version2.spec.js.snap +63 -63
- package/es/errorstate/version3/__tests__/__snapshots__/version3.spec.js.snap +698 -698
- package/es/v1/emptystate/version3/EmptyTrophy.js +66 -0
- package/images/EmptyBusinessHoliday.svg +50 -50
- package/images/EmptyBusinessHour.svg +42 -42
- package/images/EmptyContactInfo.svg +27 -27
- package/images/EmptyCustomDomain.svg +85 -85
- package/images/EmptyFilter.svg +62 -62
- package/images/EmptyFromAddress.svg +41 -41
- package/images/EmptyImportHistory.svg +43 -43
- package/images/EmptyNetwork.svg +50 -50
- package/images/EmptyRecycleBin.svg +58 -58
- package/images/EmptyRoles.svg +30 -30
- package/images/EmptySkills.svg +83 -83
- package/images/EmptyWebhook.svg +44 -44
- package/images/FailureLog.svg +46 -46
- package/images/Inconvenience.svg +719 -719
- package/images/NoRequestFound.svg +247 -247
- package/images/PageNotFound.svg +405 -405
- package/images/ReguestUrlNotFound.svg +267 -267
- package/images/UnableToProcess.svg +752 -752
- package/images/UnauthorizedLogin.svg +1047 -1047
- package/images/WillBack.svg +633 -633
- package/install.md +11 -11
- package/lib/Loader/__tests__/__snapshots__/Loader.spec.js.snap +54 -54
- package/lib/SVG/SVG.module.css +34 -34
- package/lib/SVG/__tests__/__snapshots__/SVG.spec.js.snap +328 -328
- package/lib/css/EmptyStateVariables.module.css +38 -38
- package/lib/emptystate/version1/__tests__/__snapshots__/version1.spec.js.snap +24 -24
- package/lib/emptystate/version2/__tests__/__snapshots__/version2.spec.js.snap +208 -208
- package/lib/emptystate/version3/__tests__/__snapshots__/version3.spec.js.snap +5968 -5968
- package/lib/errorstate/version1/__tests__/__snapshots__/version1.spec.js.snap +162 -162
- package/lib/errorstate/version2/__tests__/__snapshots__/version2.spec.js.snap +63 -63
- package/lib/errorstate/version3/__tests__/__snapshots__/version3.spec.js.snap +698 -698
- package/lib/v1/emptystate/version3/EmptyTrophy.js +123 -0
- package/package.json +60 -60
- package/postPublish.js +8 -8
- package/prePublish.js +70 -0
- package/react-cli.config.js +19 -19
- package/result.json +1 -1
package/install.md
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
- For New :
|
|
2
|
-
|
|
3
|
-
# npm i
|
|
4
|
-
# npm run common_package_build
|
|
5
|
-
|
|
6
|
-
For Update:
|
|
7
|
-
|
|
8
|
-
# npm run download
|
|
9
|
-
# npm run common_package_build
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
- For New :
|
|
2
|
+
|
|
3
|
+
# npm i
|
|
4
|
+
# npm run common_package_build
|
|
5
|
+
|
|
6
|
+
For Update:
|
|
7
|
+
|
|
8
|
+
# npm run download
|
|
9
|
+
# npm run common_package_build
|
|
10
|
+
|
|
11
|
+
|
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Loader componet sholud render the basic strucutr of Loader 1`] = `
|
|
4
|
-
<DocumentFragment>
|
|
5
|
-
<div
|
|
6
|
-
class="center"
|
|
7
|
-
>
|
|
8
|
-
<div
|
|
9
|
-
aria-hidden="true"
|
|
10
|
-
class=" loaderWrapper default svgCenter "
|
|
11
|
-
>
|
|
12
|
-
<svg
|
|
13
|
-
data-id="loader"
|
|
14
|
-
data-test-id="loader"
|
|
15
|
-
height="100%"
|
|
16
|
-
style="animation: loaderone 2s linear infinite;"
|
|
17
|
-
viewBox="0 0 40 40"
|
|
18
|
-
width="100%"
|
|
19
|
-
>
|
|
20
|
-
<defs>
|
|
21
|
-
<style>
|
|
22
|
-
@keyframes circleAnimation_1{to{stroke-dashoffset:-82}}@keyframes circleAnimation_2{to{stroke-dashoffset:-50}}@keyframes loaderone{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
|
|
23
|
-
</style>
|
|
24
|
-
</defs>
|
|
25
|
-
<circle
|
|
26
|
-
cx="20"
|
|
27
|
-
cy="20"
|
|
28
|
-
fill="none"
|
|
29
|
-
r="13"
|
|
30
|
-
stroke="#089949"
|
|
31
|
-
stroke-dasharray="82"
|
|
32
|
-
stroke-dashoffset="82"
|
|
33
|
-
stroke-linecap="round"
|
|
34
|
-
stroke-linejoin="round"
|
|
35
|
-
stroke-width="2"
|
|
36
|
-
style="animation: circleAnimation_1 1.5s linear infinite; transform-origin: center;"
|
|
37
|
-
/>
|
|
38
|
-
<circle
|
|
39
|
-
cx="20"
|
|
40
|
-
cy="20"
|
|
41
|
-
fill="none"
|
|
42
|
-
r="8"
|
|
43
|
-
stroke="#17c662"
|
|
44
|
-
stroke-dasharray="50"
|
|
45
|
-
stroke-dashoffset="50"
|
|
46
|
-
stroke-linecap="round"
|
|
47
|
-
stroke-linejoin="round"
|
|
48
|
-
style="animation: circleAnimation_2 1.2s linear infinite; transform-origin: center;"
|
|
49
|
-
/>
|
|
50
|
-
</svg>
|
|
51
|
-
</div>
|
|
52
|
-
</div>
|
|
53
|
-
</DocumentFragment>
|
|
54
|
-
`;
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`Loader componet sholud render the basic strucutr of Loader 1`] = `
|
|
4
|
+
<DocumentFragment>
|
|
5
|
+
<div
|
|
6
|
+
class="center"
|
|
7
|
+
>
|
|
8
|
+
<div
|
|
9
|
+
aria-hidden="true"
|
|
10
|
+
class=" loaderWrapper default svgCenter "
|
|
11
|
+
>
|
|
12
|
+
<svg
|
|
13
|
+
data-id="loader"
|
|
14
|
+
data-test-id="loader"
|
|
15
|
+
height="100%"
|
|
16
|
+
style="animation: loaderone 2s linear infinite;"
|
|
17
|
+
viewBox="0 0 40 40"
|
|
18
|
+
width="100%"
|
|
19
|
+
>
|
|
20
|
+
<defs>
|
|
21
|
+
<style>
|
|
22
|
+
@keyframes circleAnimation_1{to{stroke-dashoffset:-82}}@keyframes circleAnimation_2{to{stroke-dashoffset:-50}}@keyframes loaderone{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
|
|
23
|
+
</style>
|
|
24
|
+
</defs>
|
|
25
|
+
<circle
|
|
26
|
+
cx="20"
|
|
27
|
+
cy="20"
|
|
28
|
+
fill="none"
|
|
29
|
+
r="13"
|
|
30
|
+
stroke="#089949"
|
|
31
|
+
stroke-dasharray="82"
|
|
32
|
+
stroke-dashoffset="82"
|
|
33
|
+
stroke-linecap="round"
|
|
34
|
+
stroke-linejoin="round"
|
|
35
|
+
stroke-width="2"
|
|
36
|
+
style="animation: circleAnimation_1 1.5s linear infinite; transform-origin: center;"
|
|
37
|
+
/>
|
|
38
|
+
<circle
|
|
39
|
+
cx="20"
|
|
40
|
+
cy="20"
|
|
41
|
+
fill="none"
|
|
42
|
+
r="8"
|
|
43
|
+
stroke="#17c662"
|
|
44
|
+
stroke-dasharray="50"
|
|
45
|
+
stroke-dashoffset="50"
|
|
46
|
+
stroke-linecap="round"
|
|
47
|
+
stroke-linejoin="round"
|
|
48
|
+
style="animation: circleAnimation_2 1.2s linear infinite; transform-origin: center;"
|
|
49
|
+
/>
|
|
50
|
+
</svg>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
</DocumentFragment>
|
|
54
|
+
`;
|
package/lib/SVG/SVG.module.css
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
.cover {
|
|
2
|
-
height: 100% ;
|
|
3
|
-
}
|
|
4
|
-
.large {
|
|
5
|
-
height: var(--zd_size160) ;
|
|
6
|
-
width: var(--zd_size160) ;
|
|
7
|
-
}
|
|
8
|
-
.small {
|
|
9
|
-
height: var(--zd_size130) ;
|
|
10
|
-
width: var(--zd_size130) ;
|
|
11
|
-
}
|
|
12
|
-
[dir=ltr] .svgCenter {
|
|
13
|
-
margin-left: auto ;
|
|
14
|
-
margin-right: auto ;
|
|
15
|
-
}
|
|
16
|
-
[dir=rtl] .svgCenter {
|
|
17
|
-
margin-right: auto ;
|
|
18
|
-
margin-left: auto ;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.loaderWrapper {
|
|
22
|
-
height: var(--zd_size40) ;
|
|
23
|
-
width: var(--zd_size40) ;
|
|
24
|
-
}
|
|
25
|
-
.loader {
|
|
26
|
-
width: 100% ;
|
|
27
|
-
display: flex;
|
|
28
|
-
align-items: center;
|
|
29
|
-
justify-content: center;
|
|
30
|
-
}
|
|
31
|
-
.center {
|
|
32
|
-
height: 100% ;
|
|
33
|
-
composes: loader
|
|
34
|
-
}
|
|
1
|
+
.cover {
|
|
2
|
+
height: 100% ;
|
|
3
|
+
}
|
|
4
|
+
.large {
|
|
5
|
+
height: var(--zd_size160) ;
|
|
6
|
+
width: var(--zd_size160) ;
|
|
7
|
+
}
|
|
8
|
+
.small {
|
|
9
|
+
height: var(--zd_size130) ;
|
|
10
|
+
width: var(--zd_size130) ;
|
|
11
|
+
}
|
|
12
|
+
[dir=ltr] .svgCenter {
|
|
13
|
+
margin-left: auto ;
|
|
14
|
+
margin-right: auto ;
|
|
15
|
+
}
|
|
16
|
+
[dir=rtl] .svgCenter {
|
|
17
|
+
margin-right: auto ;
|
|
18
|
+
margin-left: auto ;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.loaderWrapper {
|
|
22
|
+
height: var(--zd_size40) ;
|
|
23
|
+
width: var(--zd_size40) ;
|
|
24
|
+
}
|
|
25
|
+
.loader {
|
|
26
|
+
width: 100% ;
|
|
27
|
+
display: flex;
|
|
28
|
+
align-items: center;
|
|
29
|
+
justify-content: center;
|
|
30
|
+
}
|
|
31
|
+
.center {
|
|
32
|
+
height: 100% ;
|
|
33
|
+
composes: loader
|
|
34
|
+
}
|