@zohodesk/svg 1.0.0-beta.38 → 1.0.0-beta.39

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.
Files changed (153) hide show
  1. package/README.md +3 -0
  2. package/lib/Provider.js +12 -12
  3. package/lib/index.js +1 -1
  4. package/package.json +3 -3
  5. package/preprocess/json/svgAppearanceVariableJson.js +146 -158
  6. package/preprocess/json/svgThemeVariableJson.js +66 -80
  7. package/preprocess/svgAppearanceColors.js +36 -33
  8. package/preprocess/svgThemeColors.js +50 -48
  9. package/src/Provider.js +12 -12
  10. package/src/index.js +1 -1
  11. package/build/Unusedfiles.json +0 -1
  12. package/es/Provider.js +0 -140
  13. package/es/index.js +0 -9
  14. package/es/svg/Appearance/dark/mode/darkEmptyStates.module.css +0 -37
  15. package/es/svg/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +0 -10
  16. package/es/svg/Appearance/dark/themes/green/greenDarkCTATheme.module.css +0 -10
  17. package/es/svg/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +0 -10
  18. package/es/svg/Appearance/dark/themes/red/redDarkCTATheme.module.css +0 -10
  19. package/es/svg/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +0 -10
  20. package/es/svg/Appearance/default/mode/defaultEmptyStates.module.css +0 -37
  21. package/es/svg/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +0 -10
  22. package/es/svg/Appearance/default/themes/green/greenDefaultCTATheme.module.css +0 -10
  23. package/es/svg/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +0 -10
  24. package/es/svg/Appearance/default/themes/red/redDefaultCTATheme.module.css +0 -10
  25. package/es/svg/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +0 -10
  26. package/es/svg/EmptyAccounts.js +0 -101
  27. package/es/svg/EmptyActiveCalls.js +0 -72
  28. package/es/svg/EmptyActivity.js +0 -72
  29. package/es/svg/EmptyAgent.js +0 -72
  30. package/es/svg/EmptyAgentQueue.js +0 -78
  31. package/es/svg/EmptyApproval.js +0 -78
  32. package/es/svg/EmptyArchived.js +0 -80
  33. package/es/svg/EmptyAttach.js +0 -72
  34. package/es/svg/EmptyBlueprint.js +0 -87
  35. package/es/svg/EmptyBusinessHoliday.js +0 -39
  36. package/es/svg/EmptyBusinessHour.js +0 -39
  37. package/es/svg/EmptyCallHistory.js +0 -74
  38. package/es/svg/EmptyCollision.js +0 -72
  39. package/es/svg/EmptyColumn.js +0 -78
  40. package/es/svg/EmptyContact.js +0 -72
  41. package/es/svg/EmptyContract.js +0 -68
  42. package/es/svg/EmptyConversation.js +0 -72
  43. package/es/svg/EmptyCrm.js +0 -72
  44. package/es/svg/EmptyCrmNotes.js +0 -83
  45. package/es/svg/EmptyCrmPotential.js +0 -86
  46. package/es/svg/EmptyCustomDomain.js +0 -39
  47. package/es/svg/EmptyDashboard.js +0 -78
  48. package/es/svg/EmptyDepartment.js +0 -72
  49. package/es/svg/EmptyError.js +0 -94
  50. package/es/svg/EmptyFeed.js +0 -75
  51. package/es/svg/EmptyFollowers.js +0 -73
  52. package/es/svg/EmptyFrame.js +0 -71
  53. package/es/svg/EmptyFromAddress.js +0 -39
  54. package/es/svg/EmptyHappiness.js +0 -72
  55. package/es/svg/EmptyHistory.js +0 -72
  56. package/es/svg/EmptyImportHistory.js +0 -39
  57. package/es/svg/EmptyInconvenience.js +0 -42
  58. package/es/svg/EmptyInvoice.js +0 -77
  59. package/es/svg/EmptyNetwork.js +0 -39
  60. package/es/svg/EmptyNotification.js +0 -72
  61. package/es/svg/EmptyProducts.js +0 -75
  62. package/es/svg/EmptyRecycleBin.js +0 -39
  63. package/es/svg/EmptyReply.js +0 -67
  64. package/es/svg/EmptyReports.js +0 -78
  65. package/es/svg/EmptyRoles.js +0 -39
  66. package/es/svg/EmptySchedule.js +0 -114
  67. package/es/svg/EmptySearch.js +0 -82
  68. package/es/svg/EmptySkills.js +0 -120
  69. package/es/svg/EmptySla.js +0 -67
  70. package/es/svg/EmptySnippet.js +0 -82
  71. package/es/svg/EmptyStateVariables.module.css +0 -39
  72. package/es/svg/EmptyTag.js +0 -75
  73. package/es/svg/EmptyTask.js +0 -88
  74. package/es/svg/EmptyTeams.js +0 -72
  75. package/es/svg/EmptyTemplate.js +0 -84
  76. package/es/svg/EmptyTicket.js +0 -75
  77. package/es/svg/EmptyTimeEntry.js +0 -78
  78. package/es/svg/EmptyTimeline.js +0 -72
  79. package/es/svg/EmptyTopic.js +0 -78
  80. package/es/svg/EmptyUnauthorizedLogin.js +0 -47
  81. package/es/svg/EmptyWebhook.js +0 -39
  82. package/es/svg/EmptyWillBeRightBack.js +0 -42
  83. package/es/svg/ErrorInconvenience.js +0 -113
  84. package/es/svg/ErrorOopsSomethingMiss.js +0 -114
  85. package/es/svg/ErrorUnableToProcessRequest.js +0 -114
  86. package/es/svg/ErrorUnauthorizedLogin.js +0 -113
  87. package/es/svg/ErrorUrlNotFound.js +0 -114
  88. package/es/svg/ErrorWillBeRightBack.js +0 -113
  89. package/es/svg/Extractor.js +0 -66
  90. package/es/svg/FailureLog.js +0 -39
  91. package/es/svg/Import.js +0 -82
  92. package/es/svg/Loader.js +0 -71
  93. package/es/svg/NoRequestFound.js +0 -42
  94. package/es/svg/NotImpossible.js +0 -79
  95. package/es/svg/PageNotFound.js +0 -43
  96. package/es/svg/Predictor.js +0 -73
  97. package/es/svg/SVG.js +0 -78
  98. package/es/svg/SVG.module.css +0 -26
  99. package/es/svg/SvgLoader.js +0 -28
  100. package/es/svg/UnableToProcessRequest.js +0 -43
  101. package/es/svg/UnauthorizedLogin.js +0 -43
  102. package/es/svg/UrlNotFound.js +0 -43
  103. package/es/svg/WillBeRightBack.js +0 -43
  104. package/es/svg/ZiaAnamoly.js +0 -67
  105. package/es/svg/docs/SVG__common.docs.js +0 -49
  106. package/es/svg/docs/SVG__default.docs.js +0 -327
  107. package/es/svg/docs/SVG__errorstate.docs.js +0 -74
  108. package/es/svg/docs/SVGdocstyle.module.css +0 -8
  109. package/es/svg/images/EmptyBusinessHoliday.svg +0 -50
  110. package/es/svg/images/EmptyBusinessHour.svg +0 -42
  111. package/es/svg/images/EmptyContactInfo.svg +0 -27
  112. package/es/svg/images/EmptyCustomDomain.svg +0 -85
  113. package/es/svg/images/EmptyFilter.svg +0 -62
  114. package/es/svg/images/EmptyFromAddress.svg +0 -41
  115. package/es/svg/images/EmptyImportHistory.svg +0 -43
  116. package/es/svg/images/EmptyNetwork.svg +0 -50
  117. package/es/svg/images/EmptyRecycleBin.svg +0 -58
  118. package/es/svg/images/EmptyRoles.svg +0 -30
  119. package/es/svg/images/EmptySkills.svg +0 -83
  120. package/es/svg/images/EmptyWebhook.svg +0 -44
  121. package/es/svg/images/FailureLog.svg +0 -46
  122. package/es/svg/images/Inconvenience.svg +0 -719
  123. package/es/svg/images/NoRequestFound.svg +0 -247
  124. package/es/svg/images/PageNotFound.svg +0 -405
  125. package/es/svg/images/ReguestUrlNotFound.svg +0 -267
  126. package/es/svg/images/UnableToProcess.svg +0 -752
  127. package/es/svg/images/UnauthorizedLogin.svg +0 -1047
  128. package/es/svg/images/WillBack.svg +0 -633
  129. package/es/svg/utils.js +0 -14
  130. package/lib/svg/Appearance/dark/mode/darkEmptyStates.module.css +0 -37
  131. package/lib/svg/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +0 -10
  132. package/lib/svg/Appearance/dark/themes/green/greenDarkCTATheme.module.css +0 -10
  133. package/lib/svg/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +0 -10
  134. package/lib/svg/Appearance/dark/themes/red/redDarkCTATheme.module.css +0 -10
  135. package/lib/svg/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +0 -10
  136. package/lib/svg/Appearance/default/mode/defaultEmptyStates.module.css +0 -37
  137. package/lib/svg/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +0 -10
  138. package/lib/svg/Appearance/default/themes/green/greenDefaultCTATheme.module.css +0 -10
  139. package/lib/svg/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +0 -10
  140. package/lib/svg/Appearance/default/themes/red/redDefaultCTATheme.module.css +0 -10
  141. package/lib/svg/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +0 -10
  142. package/src/svg/Appearance/dark/mode/darkEmptyStates.module.css +0 -37
  143. package/src/svg/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +0 -10
  144. package/src/svg/Appearance/dark/themes/green/greenDarkCTATheme.module.css +0 -10
  145. package/src/svg/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +0 -10
  146. package/src/svg/Appearance/dark/themes/red/redDarkCTATheme.module.css +0 -10
  147. package/src/svg/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +0 -10
  148. package/src/svg/Appearance/default/mode/defaultEmptyStates.module.css +0 -37
  149. package/src/svg/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +0 -10
  150. package/src/svg/Appearance/default/themes/green/greenDefaultCTATheme.module.css +0 -10
  151. package/src/svg/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +0 -10
  152. package/src/svg/Appearance/default/themes/red/redDefaultCTATheme.module.css +0 -10
  153. package/src/svg/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +0 -10
package/es/svg/Loader.js DELETED
@@ -1,71 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import SVG from './SVG';
4
- import cssStyle from './SVG.module.css';
5
- export default class Loader extends React.PureComponent {
6
- constructor(props) {
7
- super(props);
8
- this.viewBoxStyle = {
9
- animation: "loaderone 2s linear infinite"
10
- };
11
- this.defsStyle = {
12
- animation: "circleAnimation_1 1.5s linear infinite",
13
- transformOrigin: "center"
14
- };
15
- this.circleStyle = {
16
- animation: "circleAnimation_2 1.2s linear infinite",
17
- transformOrigin: "center"
18
- };
19
- }
20
-
21
- render() {
22
- let {
23
- dataId
24
- } = this.props;
25
- return /*#__PURE__*/React.createElement("div", {
26
- className: cssStyle.center
27
- }, /*#__PURE__*/React.createElement(SVG, {
28
- viewBox: "0 0 40 40",
29
- name: "Loader",
30
- className: `${cssStyle.loaderWrapper}`,
31
- dataId: dataId,
32
- styleName: this.viewBoxStyle
33
- }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, "@keyframes circleAnimation_1{to{stroke-dashoffset:-82}}@keyframes circleAnimation_2{to{stroke-dashoffset:-50}}@keyframes loaderone{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}")), /*#__PURE__*/React.createElement("title", null, "loader"), /*#__PURE__*/React.createElement("circle", {
34
- fill: "none",
35
- stroke: "#089949",
36
- strokeWidth: 2,
37
- strokeLinecap: "round",
38
- strokeLinejoin: "round",
39
- cx: 20,
40
- cy: 20,
41
- r: 13,
42
- style: this.defsStyle,
43
- strokeDasharray: 82,
44
- strokeDashoffset: 82
45
- }), /*#__PURE__*/React.createElement("circle", {
46
- fill: "none",
47
- stroke: "#17c662",
48
- strokeLinecap: "round",
49
- strokeLinejoin: "round",
50
- cx: 20,
51
- cy: 20,
52
- r: 8,
53
- style: this.circleStyle,
54
- strokeDasharray: 50,
55
- strokeDashoffset: 50
56
- })));
57
- }
58
-
59
- }
60
- Loader.propTypes = {
61
- dataId: PropTypes.string
62
- };
63
- Loader.defaultProps = {
64
- dataId: 'loader'
65
- };
66
-
67
- if (false) {
68
- Loader.docs = {
69
- componentGroup: 'SVG'
70
- };
71
- }
@@ -1,42 +0,0 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
- import React from 'react';
4
- import PropTypes from 'prop-types';
5
- import SVG from './SVG';
6
- import image from './images/NoRequestFound.svg';
7
- export default class NoRequestFound extends React.Component {
8
- render() {
9
- let {
10
- isFluid
11
- } = this.props;
12
- return /*#__PURE__*/React.createElement(SVG, _extends({
13
- viewBox: "0 0 476.5 297.6",
14
- name: "NoRequestFound",
15
- isFluid: isFluid
16
- }, this.props), /*#__PURE__*/React.createElement("image", {
17
- xlinkHref: image,
18
- height: "100%",
19
- width: "100%"
20
- }));
21
- }
22
-
23
- }
24
- NoRequestFound.propTypes = {
25
- alignHorizontal: PropTypes.bool,
26
- className: PropTypes.string,
27
- dataId: PropTypes.string,
28
- isFluid: PropTypes.bool,
29
- isRender: PropTypes.bool
30
- };
31
- NoRequestFound.defaultProps = {
32
- alignHorizontal: true,
33
- isRender: true,
34
- className: '',
35
- dataId: 'noRequestFound'
36
- };
37
-
38
- if (false) {
39
- NoRequestFound.docs = {
40
- componentGroup: 'SVG'
41
- };
42
- }
@@ -1,79 +0,0 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
- import React from 'react';
4
- import PropTypes from 'prop-types';
5
- import SVG from './SVG';
6
- export default class NotImpossible extends React.Component {
7
- render() {
8
- return /*#__PURE__*/React.createElement(SVG, _extends({
9
- viewBox: "0 0 316.9 200",
10
- name: "NotImpossible"
11
- }, this.props), /*#__PURE__*/React.createElement("style", null, ".NotImpossible_svg__st2{fill:none;stroke:var(--zd_emptysvg_tiny_circle);stroke-miterlimit:10}.NotImpossible_svg__st4{fill:none;stroke:var(--zd_emptysvg_cross);stroke-miterlimit:10}.NotImpossible_svg__st3{fill:none;stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}"), /*#__PURE__*/React.createElement("path", {
12
- d: "M174 53.9s46.9-30.9 70.7-21.6 40 87.4-26.1 122.4-95.9-41.2-96.1-54.7c-.3-13-.1-44.2 51.5-46.1z",
13
- opacity: 0.05,
14
- fill: "var(--zd_emptysvg_primary_fill)"
15
- }), /*#__PURE__*/React.createElement("circle", {
16
- cx: 243.5,
17
- cy: 23.1,
18
- fill: "none",
19
- stroke: "var(--zd_emptysvg_medium_circle)",
20
- strokeMiterlimit: 10,
21
- r: 3.5
22
- }), /*#__PURE__*/React.createElement("circle", {
23
- className: "NotImpossible_svg__st2",
24
- cx: 167.1,
25
- cy: 21,
26
- r: 2.1
27
- }), /*#__PURE__*/React.createElement("path", {
28
- className: "NotImpossible_svg__st3",
29
- d: "M110.7 72.3l-.3 6.1M107.4 75.2l6.3.3"
30
- }), /*#__PURE__*/React.createElement("circle", {
31
- cx: 253.3,
32
- cy: 145.5,
33
- fill: "none",
34
- stroke: "var(--zd_emptysvg_small_circle)",
35
- strokeLinecap: "round",
36
- strokeLinejoin: "round",
37
- r: 2.4
38
- }), /*#__PURE__*/React.createElement("path", {
39
- className: "NotImpossible_svg__st4",
40
- d: "M134 157.2l4.1 4.6M133.7 161.5l4.7-4.1"
41
- }), /*#__PURE__*/React.createElement("circle", {
42
- cx: 209.7,
43
- cy: 179.2,
44
- fill: "#e46370",
45
- r: 2.1
46
- }), /*#__PURE__*/React.createElement("path", {
47
- d: "M16 140.6s46.9 7 49.7-6.6 30.8-22.5 110.9 10.1c0 0 48-24.1 48-25s-27.6-4.6-42.2 18.4c0 0-62-19.2-73.2-19.2 0 0 39.3-33.4 48.2-32s-31 2.1-55.6 21.6c0 0 52.1 14.2 73.7 24.1 0 0 26.2-23 49.1-17.7 0 0 2.5-.1 1.2-2.7s-27.3-21.3-65.4-25.5c0 0 .2-21.4 14.9-39 0 0-6.7 12.2 3.8 12.3l4.1-.5s-3.2 6.3 2.2 8.4l-.5 2.4s4.4-2.4 5.1.5l5.6-.7s-1.7 2.6-.9 3.8 6.5 3.2 6.5 3.2.3 6.2 1.9 6.5 3.4-1.9 5.1-.7 5.8-2.4 6.7-.5-.4 5.3 2.6 6 2.6 3.3 2.4 6.5 1.7 6.5 4.4 6.5 4.6 4.4 4.6 4.4 11.5-19 44.6-22.4c-20.7-13.7-43.1-24.5-66.7-32.3 0 0-18.6 1.6-42.9 32 0 0 59.6 12.6 66.4 30.6 0 0 0 4.7-2.8 5.8 0 0 9.2-1.8 8.8-6.5s-7.5-4.8.8-11.8 37-8.3 38.8-10.5 0-3.6 0-3.6l6.3 5.9-44.4 15.8s-.6 4.1 3.6 2.9 5.3-13.6 7.5-26.3 7.8-35.8 32.2-40.5c4.2-.7 10.8-.4 17.7 0",
48
- fill: "none",
49
- stroke: "var(--zd_emptysvg_primary_stroke)",
50
- strokeWidth: 0.5,
51
- strokeLinecap: "round",
52
- strokeLinejoin: "round"
53
- }), /*#__PURE__*/React.createElement("path", {
54
- d: "M160.3 86.3s1.3-22.4 14.9-39c0 0-8.9 13.1 4.2 16.2 0 0 2.5 4.7 3.7 4.6l1 3.6s3.1-1.9 4.1-.9 2.9.8 4.9.3c0 0-3.2 3.4 6.7 6.9 0 0 .6 7.6 3.8 7.2s3.3-1.9 5.5-.9 3.5-1.3 4.3-.6.3 5.1 3 5.5 2.4 4.1 2.5 9 5.7 3.3 7 4.9 1.3 5.2 1.3 5.2l-1.3 3.4c.2-1.5-31-23.5-65.6-25.4z",
55
- fill: "var(--zd_emptysvg_secondary_fill)"
56
- }));
57
- }
58
-
59
- }
60
- NotImpossible.propTypes = {
61
- alignHorizontal: PropTypes.bool,
62
- className: PropTypes.string,
63
- dataId: PropTypes.string,
64
- isRender: PropTypes.bool,
65
- palette: PropTypes.oneOf(['default', 'dark'])
66
- };
67
- NotImpossible.defaultProps = {
68
- alignHorizontal: true,
69
- isRender: true,
70
- className: '',
71
- dataId: 'emptyAccounts',
72
- palette: 'default'
73
- };
74
-
75
- if (false) {
76
- NotImpossible.docs = {
77
- componentGroup: 'SVG'
78
- };
79
- }
@@ -1,43 +0,0 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
- import React from 'react';
4
- import PropTypes from 'prop-types';
5
- import SVG from './SVG';
6
- import image from './images/PageNotFound.svg';
7
- export default class PageNotFound extends React.Component {
8
- render() {
9
- let {
10
- isFluid
11
- } = this.props;
12
- return /*#__PURE__*/React.createElement(SVG, _extends({
13
- viewBox: "0 0 508.8 324.8",
14
- name: "PageNotFound"
15
- }, this.props, {
16
- isFluid: isFluid
17
- }), /*#__PURE__*/React.createElement("image", {
18
- xlinkHref: image,
19
- height: "100%",
20
- width: "100%"
21
- }));
22
- }
23
-
24
- }
25
- PageNotFound.propTypes = {
26
- alignHorizontal: PropTypes.bool,
27
- className: PropTypes.string,
28
- dataId: PropTypes.string,
29
- isFluid: PropTypes.bool,
30
- isRender: PropTypes.bool
31
- };
32
- PageNotFound.defaultProps = {
33
- alignHorizontal: true,
34
- isRender: true,
35
- className: '',
36
- dataId: 'pageNotFound'
37
- };
38
-
39
- if (false) {
40
- PageNotFound.docs = {
41
- componentGroup: 'SVG'
42
- };
43
- }
@@ -1,73 +0,0 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
- import React from 'react';
4
- import PropTypes from 'prop-types';
5
- import SVG from './SVG';
6
- export default class Predictor extends React.Component {
7
- render() {
8
- return /*#__PURE__*/React.createElement(SVG, _extends({
9
- viewBox: "0 0 200 200",
10
- name: "predictor"
11
- }, this.props), /*#__PURE__*/React.createElement("style", null, ".Predictor_svg__st0{fill:none}.Predictor_svg__st1{opacity:.1;fill:var(--zd_emptysvg_primary_fill);enable-background:new}.Predictor_svg__st2{fill:var(--zd_emptysvg_plus)}.Predictor_svg__st3{fill:var(--zd_emptysvg_medium_circle)}.Predictor_svg__st4{fill:var(--zd_emptysvg_cross)}"), /*#__PURE__*/React.createElement("path", {
12
- className: "Predictor_svg__st0",
13
- d: "M0 0h200v200H0z"
14
- }), /*#__PURE__*/React.createElement("path", {
15
- className: "Predictor_svg__st0",
16
- d: "M10 22h180v160H10z"
17
- }), /*#__PURE__*/React.createElement("path", {
18
- className: "Predictor_svg__st1",
19
- d: "M80.2 58.2s46.7-31.2 70.3-21.8 39.7 88.3-25.9 123.7c-65.6 35.4-95.4-41.6-95.7-55.2-.2-13.3 0-44.7 51.3-46.7z"
20
- }), /*#__PURE__*/React.createElement("path", {
21
- className: "Predictor_svg__st2",
22
- d: "M14 119.3s-.1 0 0 0c-.3 0-.5-.3-.5-.5l.4-7.5c0-.3.2-.5.5-.5s.5.2.5.5l-.4 7.5c-.1.3-.3.5-.5.5z"
23
- }), /*#__PURE__*/React.createElement("path", {
24
- className: "Predictor_svg__st2",
25
- d: "M17.8 115.8l-7.4-.4c-.3 0-.5-.3-.5-.5 0-.3.3-.5.5-.5l7.3.4c.3 0 .5.3.5.5.1.3-.1.5-.4.5z"
26
- }), /*#__PURE__*/React.createElement("path", {
27
- className: "Predictor_svg__st3",
28
- d: "M171.2 22.8c-2.6 0-4.7 2.1-4.7 4.7s2.1 4.7 4.7 4.7 4.7-2.1 4.7-4.7-2.2-4.7-4.7-4.7zm0 8.5c-2 0-3.7-1.7-3.7-3.8s1.7-3.8 3.7-3.8 3.7 1.7 3.7 3.8-1.7 3.8-3.7 3.8zM124.4 175.1c-1.9 0-3.4 1.5-3.4 3.4s1.5 3.4 3.4 3.4 3.4-1.5 3.4-3.4c0-1.8-1.5-3.4-3.4-3.4zm0 5.9c-1.3 0-2.4-1.1-2.4-2.5s1.1-2.5 2.4-2.5c1.3 0 2.4 1.1 2.4 2.5s-1.1 2.5-2.4 2.5z"
29
- }), /*#__PURE__*/React.createElement("path", {
30
- className: "Predictor_svg__st4",
31
- d: "M80.9 22c-1.7 0-3 1.4-3 3s1.3 3 3 3 3-1.4 3-3-1.3-3-3-3zm0 5.1c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM189.8 131.8c-.2-.2-.5-.2-.7 0l-2.4 2.2-2.1-2.4c-.2-.2-.5-.2-.7 0-.2.2-.2.5 0 .7l2.1 2.4-2.4 2.2c-.2.2-.2.5 0 .7.1.1.2.2.4.2.1 0 .2 0 .3-.1l2.4-2.2 2.1 2.4c.1.1.2.2.4.2.1 0 .2 0 .3-.1.2-.2.2-.5 0-.7l-2.1-2.4 2.4-2.2c.2-.3.2-.7 0-.9z"
32
- }), /*#__PURE__*/React.createElement("path", {
33
- className: "Predictor_svg__st1",
34
- d: "M115.8 67S78.5 42.1 59.6 49.6s-31.8 70.6 20.7 98.9c52.5 28.3 76.3-33.3 76.5-44.2.2-10.6 0-35.8-41-37.3z"
35
- }), /*#__PURE__*/React.createElement("path", {
36
- className: "Predictor_svg__st0",
37
- d: "M3 36h193.5v127.5H3z"
38
- }), /*#__PURE__*/React.createElement("path", {
39
- d: "M65.5 111.2c.1-13.7-12.5-6.1-16.6-10.7-6.2-6.9-10.7-17.4 2.7-28.3 23.1-18.7 64.2-21.7 72.7 19S75 152 61.8 133.7c-5-6.9 3.7-18.6 3.7-22.5z",
40
- fill: "var(--zd_emptysvg_secondary_fill)"
41
- }), /*#__PURE__*/React.createElement("path", {
42
- d: "M196 117.3s-24.5-5.4-29.3-2.1c-4.8 3.3-18.4 0-24.5 1.5-6 1.5-17.5 3.3-17.5 3.3M3.5 38.8s28.6 0 38.7 4S70.6 31 74.6 38.5 63.3 54.1 53.5 51.2c-9.8-2.9 33 3.8 38.2 11 5.2 7.2-5.8 6.6-9.8 5.2s-21.7-5.5-26.6-2S70.5 77.4 75 88c4.6 10.6-5 5.1-5.8 4.7-.8-.4-23.4-19.9-22.9-18.4s17.1 24 17.3 25.9c.2 1.9-1.9 7.9-7.2 3.9-5.2-3.9-21.3-23.1-20.8-24.3.5-1.2 4.8 3.8 4.8 16.1s-2.5 17.7-5.6 15.3c-3.1-2.4-5-28.4-9.8-32.2S9 63.7 3.5 63.5m38 41.6s5.2 31.4 31 35.3c24.7 3.8 35.6-6 35.6-6l.2 6.4s-21.9 11.9-51.9-.5l.5 7.2s26.5 13.8 62.8-1.2l.1 8.4s-24 17.8-70 .9c0 0-.6-9.9.2-10.1s3.2-2.8 5.3-2.7c0 0-.1-5.2 5.5-5.9 0 0 18.7 13 45.9.9 6.8-3 11.4-9.5 14.5-17.6 0 0-4.3-3.2-1.2-6.6 3.1-3.3 25.3-5 25.2-9.3-.1-4.3-36.2 3.1-37.8.3-1.7-2.8-2.1-8.3 3.1-9.2 0 0 33.3-8.2 33.5-6 .3 2.3-22.8-4.8-32.5-1.8-9.6 3-16-4.5-10.8-8.1 0 0 8.5-.9 11.3-2.3 2.7-1.4 26.8.6 27.3.7.6.1-23-2.6-23-2.6s-11.4 3.3-13.6 2c-2.2-1.3-3-5.8.6-6.8s8.5-1 8.5-1-10.7-9.4-20.4-10.1c0 0 11.4.3 25.2 9.7l11.7-.7s14.6 1.4 17.1 4.2c2.5 2.7 19.5 13.9 25.3 13.9s8.8.6 8.8.6",
43
- fill: "none",
44
- stroke: "var(--zd_emptysvg_primary_stroke)",
45
- strokeLinecap: "round",
46
- strokeLinejoin: "round",
47
- strokeMiterlimit: 10
48
- }));
49
- }
50
-
51
- }
52
- Predictor.propTypes = {
53
- alignHorizontal: PropTypes.bool,
54
- className: PropTypes.string,
55
- dataId: PropTypes.string,
56
- isRender: PropTypes.bool,
57
- size: PropTypes.oneOf(['small', 'large']),
58
- palette: PropTypes.oneOf(['default', 'dark'])
59
- };
60
- Predictor.defaultProps = {
61
- size: 'large',
62
- alignHorizontal: true,
63
- isRender: true,
64
- className: '',
65
- dataId: 'predictor',
66
- palette: 'default'
67
- };
68
-
69
- if (false) {
70
- Predictor.docs = {
71
- componentGroup: 'SVG'
72
- };
73
- }
package/es/svg/SVG.js DELETED
@@ -1,78 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import style from './SVG.module.css';
4
- import styles from './EmptyStateVariables.module.css';
5
- export default class SVG extends React.Component {
6
- render() {
7
- let {
8
- viewBox,
9
- children,
10
- name,
11
- isRender,
12
- isSymbol,
13
- size,
14
- className,
15
- alignHorizontal,
16
- isFluid,
17
- dataId,
18
- palette,
19
- styleName
20
- } = this.props;
21
- return /*#__PURE__*/React.createElement(React.Fragment, null, isSymbol ? /*#__PURE__*/React.createElement("div", {
22
- hidden: true
23
- }, /*#__PURE__*/React.createElement("svg", null, /*#__PURE__*/React.createElement("symbol", {
24
- id: name,
25
- viewBox: viewBox
26
- }, children))) : null, isRender && isSymbol ? /*#__PURE__*/React.createElement("div", {
27
- className: `${size === 'large' ? style.large : size === 'small' ? style.small : isFluid ? style.cover : ''} ${className} ${styles[palette]} ${alignHorizontal ? style.svgCenter : ''} `,
28
- "aria-hidden": "true"
29
- }, /*#__PURE__*/React.createElement("svg", {
30
- height: "100%",
31
- width: "100%",
32
- "data-id": dataId
33
- }, /*#__PURE__*/React.createElement("use", {
34
- xlinkHref: `#${name}`
35
- }))) : isRender ? /*#__PURE__*/React.createElement("div", {
36
- className: `${size === 'large' ? style.large : size === 'small' ? style.small : isFluid ? style.cover : ''} ${className} ${styles[palette]} ${alignHorizontal ? style.svgCenter : ''} `,
37
- "aria-hidden": "true"
38
- }, /*#__PURE__*/React.createElement("svg", {
39
- height: "100%",
40
- width: "100%",
41
- viewBox: viewBox,
42
- "data-id": dataId,
43
- style: styleName
44
- }, children)) : null);
45
- }
46
-
47
- }
48
- SVG.propTypes = {
49
- alignHorizontal: PropTypes.bool,
50
- children: PropTypes.node,
51
- className: PropTypes.string,
52
- dataId: PropTypes.string,
53
- isFluid: PropTypes.bool,
54
- isRender: PropTypes.bool,
55
- isSymbol: PropTypes.bool,
56
- name: PropTypes.string,
57
- size: PropTypes.oneOf(['small', 'large']),
58
- viewBox: PropTypes.string,
59
- palette: PropTypes.oneOf(['default', 'dark']),
60
- styleName: PropTypes.node
61
- };
62
- SVG.defaultProps = {
63
- alignHorizontal: true,
64
- isRender: true,
65
- className: '',
66
- dataId: 'SVG',
67
- name: '',
68
- viewBox: '',
69
- isSymbol: false,
70
- isFluid: false,
71
- palette: 'default'
72
- };
73
-
74
- if (false) {
75
- SVG.docs = {
76
- componentGroup: 'SVG'
77
- };
78
- }
@@ -1,26 +0,0 @@
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
- .svgCenter {
13
- margin-left: auto;
14
- margin-right: auto;
15
- }
16
- .loaderWrapper {
17
- height: var(--zd_size40);
18
- width: var(--zd_size40);
19
- }
20
- .center {
21
- height: 100%;
22
- width: 100%;
23
- display: flex;
24
- align-items: center;
25
- justify-content: center;
26
- }
@@ -1,28 +0,0 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
- import React, { useEffect, useState } from 'react';
4
- export default function SvgLoader(props) {
5
- let uiProps = {};
6
- Object.keys(props).filter(prop => prop != "imageUrl").map(prop => {
7
- uiProps[prop] = props[prop];
8
- });
9
-
10
- let image = require(`./images/${props.imageUrl}`);
11
-
12
- return /*#__PURE__*/React.createElement("image", _extends({
13
- xlinkHref: image
14
- }, uiProps));
15
- }
16
- export function StaticSvg(props) {
17
- let uiProps = {},
18
- [image, setImage] = useState(null);
19
- Object.keys(props).filter(prop => prop != "getImage").map(prop => {
20
- uiProps[prop] = props[prop];
21
- });
22
- useEffect(() => {
23
- props.getImage().then(image => setImage(image));
24
- }, [props.getImage]);
25
- return image ? /*#__PURE__*/React.createElement("image", _extends({
26
- xlinkHref: image.default
27
- }, uiProps)) : null;
28
- }
@@ -1,43 +0,0 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
- import React from 'react';
4
- import PropTypes from 'prop-types';
5
- import SVG from './SVG';
6
- import image from './images/UnableToProcess.svg';
7
- export default class UnableToProcessRequest extends React.Component {
8
- render() {
9
- let {
10
- isFluid
11
- } = this.props;
12
- return /*#__PURE__*/React.createElement(SVG, _extends({
13
- viewBox: "0 0 587.1 331.1",
14
- name: "UnableToProcessRequest"
15
- }, this.props, {
16
- isFluid: isFluid
17
- }), /*#__PURE__*/React.createElement("image", {
18
- xlinkHref: image,
19
- height: "100%",
20
- width: "100%"
21
- }));
22
- }
23
-
24
- }
25
- UnableToProcessRequest.propTypes = {
26
- alignHorizontal: PropTypes.bool,
27
- className: PropTypes.string,
28
- dataId: PropTypes.string,
29
- isFluid: PropTypes.bool,
30
- isRender: PropTypes.bool
31
- };
32
- UnableToProcessRequest.defaultProps = {
33
- alignHorizontal: true,
34
- isRender: true,
35
- className: '',
36
- dataId: 'unableToProcessRequest'
37
- };
38
-
39
- if (false) {
40
- UnableToProcessRequest.docs = {
41
- componentGroup: 'SVG'
42
- };
43
- }
@@ -1,43 +0,0 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
- import React from 'react';
4
- import PropTypes from 'prop-types';
5
- import SVG from './SVG';
6
- import image from './images/UnauthorizedLogin.svg';
7
- export default class UnauthorizedLogin extends React.Component {
8
- render() {
9
- let {
10
- isFluid
11
- } = this.props;
12
- return /*#__PURE__*/React.createElement(SVG, _extends({
13
- viewBox: "0 0 519.3 288.6",
14
- name: "UnauthorizedLogin"
15
- }, this.props, {
16
- isFluid: isFluid
17
- }), /*#__PURE__*/React.createElement("image", {
18
- xlinkHref: image,
19
- height: "100%",
20
- width: "100%"
21
- }));
22
- }
23
-
24
- }
25
- UnauthorizedLogin.propTypes = {
26
- alignHorizontal: PropTypes.bool,
27
- className: PropTypes.string,
28
- dataId: PropTypes.string,
29
- isFluid: PropTypes.bool,
30
- isRender: PropTypes.bool
31
- };
32
- UnauthorizedLogin.defaultProps = {
33
- alignHorizontal: true,
34
- isRender: true,
35
- className: '',
36
- dataId: 'unauthorizedLogin'
37
- };
38
-
39
- if (false) {
40
- UnauthorizedLogin.docs = {
41
- componentGroup: 'SVG'
42
- };
43
- }
@@ -1,43 +0,0 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
- import React from 'react';
4
- import PropTypes from 'prop-types';
5
- import SVG from './SVG';
6
- import image from './images/ReguestUrlNotFound.svg';
7
- export default class UrlNotFound extends React.Component {
8
- render() {
9
- let {
10
- isFluid
11
- } = this.props;
12
- return /*#__PURE__*/React.createElement(SVG, _extends({
13
- viewBox: "0 0 614.2 310.2",
14
- name: "UrlNotFound"
15
- }, this.props, {
16
- isFluid: isFluid
17
- }), /*#__PURE__*/React.createElement("image", {
18
- xlinkHref: image,
19
- height: "100%",
20
- width: "100%"
21
- }));
22
- }
23
-
24
- }
25
- UrlNotFound.propTypes = {
26
- alignHorizontal: PropTypes.bool,
27
- className: PropTypes.string,
28
- dataId: PropTypes.string,
29
- isFluid: PropTypes.bool,
30
- isRender: PropTypes.bool
31
- };
32
- UrlNotFound.defaultProps = {
33
- alignHorizontal: true,
34
- isRender: true,
35
- className: '',
36
- dataId: 'urlNotFound'
37
- };
38
-
39
- if (false) {
40
- UrlNotFound.docs = {
41
- componentGroup: 'SVG'
42
- };
43
- }
@@ -1,43 +0,0 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
- import React from 'react';
4
- import PropTypes from 'prop-types';
5
- import SVG from './SVG';
6
- import image from './images/WillBack.svg';
7
- export default class WillBeRightBack extends React.Component {
8
- render() {
9
- let {
10
- isFluid
11
- } = this.props;
12
- return /*#__PURE__*/React.createElement(SVG, _extends({
13
- viewBox: "0 0 889 490.6",
14
- name: "WillBeRightBack"
15
- }, this.props, {
16
- isFluid: isFluid
17
- }), /*#__PURE__*/React.createElement("image", {
18
- xlinkHref: image,
19
- height: "100%",
20
- width: "100%"
21
- }));
22
- }
23
-
24
- }
25
- WillBeRightBack.propTypes = {
26
- alignHorizontal: PropTypes.bool,
27
- className: PropTypes.string,
28
- dataId: PropTypes.string,
29
- isFluid: PropTypes.bool,
30
- isRender: PropTypes.bool
31
- };
32
- WillBeRightBack.defaultProps = {
33
- alignHorizontal: true,
34
- isRender: true,
35
- className: '',
36
- dataId: 'willBeRightBack'
37
- };
38
-
39
- if (false) {
40
- WillBeRightBack.docs = {
41
- componentGroup: 'SVG'
42
- };
43
- }