@desynova-digital/components 9.0.26 → 9.1.0

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 (170) hide show
  1. package/_helpers/globals.js +9 -10
  2. package/_helpers/pagination.js +10 -15
  3. package/_helpers/story-example.js +16 -39
  4. package/_helpers/story-helpers.js +15 -14
  5. package/_helpers/story-stack.js +22 -43
  6. package/_helpers/uniqueId.js +2 -5
  7. package/_helpers/utils.js +28 -4
  8. package/atoms/avatar/avatar.js +19 -42
  9. package/atoms/avatar/avatar.story.js +25 -58
  10. package/atoms/avatar/index.js +13 -11
  11. package/atoms/badge/badge.js +14 -37
  12. package/atoms/badge/badge.story.js +45 -103
  13. package/atoms/badge/index.js +12 -10
  14. package/atoms/button/button.js +85 -161
  15. package/atoms/button/button.story.js +354 -508
  16. package/atoms/button/index.js +5 -9
  17. package/atoms/card/card.js +26 -55
  18. package/atoms/card/card.story.js +39 -88
  19. package/atoms/card/index.js +12 -10
  20. package/atoms/cardStack/cardStack.js +88 -147
  21. package/atoms/cardStack/cardStack.story.js +106 -210
  22. package/atoms/cardStack/index.js +12 -10
  23. package/atoms/cardV2/cardV2.js +57 -106
  24. package/atoms/cardV2/cardV2.story.js +184 -232
  25. package/atoms/cardV2/content.js +154 -256
  26. package/atoms/cardV2/index.js +4 -8
  27. package/atoms/cardV2/thumbnail.js +138 -208
  28. package/atoms/cardV2/timeline.js +167 -123
  29. package/atoms/checkbox/checkbox.js +85 -157
  30. package/atoms/checkbox/checkbox.story.js +237 -365
  31. package/atoms/checkbox/index.js +4 -9
  32. package/atoms/customSelect/customSelect.js +136 -215
  33. package/atoms/customSelect/customSelect.story.js +745 -851
  34. package/atoms/customSelect/index.js +4 -8
  35. package/atoms/datePicker/datePicker.js +299 -431
  36. package/atoms/datePicker/datePicker.story.js +453 -501
  37. package/atoms/datePicker/index.js +4 -8
  38. package/atoms/dateTime/dateTime.js +3 -6
  39. package/atoms/dateTime/dateTime.story.js +17 -63
  40. package/atoms/dateTime/index.js +5 -9
  41. package/atoms/draftInputText/draftInputText.js +121 -189
  42. package/atoms/draftInputText/draftInputText.story.js +200 -249
  43. package/atoms/draftInputText/index.js +5 -9
  44. package/atoms/dropdown/dropdown.js +38 -66
  45. package/atoms/dropdown/dropdown.story.js +102 -262
  46. package/atoms/dropdown/index.js +4 -8
  47. package/atoms/dropdownList/dropdownList.js +78 -108
  48. package/atoms/dropdownList/dropdownList.story.js +1546 -1621
  49. package/atoms/dropdownList/index.js +4 -8
  50. package/atoms/graphs/barGraph/barGraph.js +95 -146
  51. package/atoms/graphs/barGraph/barGraph.story.js +65 -87
  52. package/atoms/graphs/barGraph/index.js +4 -8
  53. package/atoms/graphs/circleDonut/circleDonut.js +177 -229
  54. package/atoms/graphs/circleDonut/circleDonut.story.js +328 -394
  55. package/atoms/graphs/circleDonut/index.js +5 -9
  56. package/atoms/graphs/circleGraph/circleGraph.js +60 -90
  57. package/atoms/graphs/circleGraph/circleGraph.story.js +36 -54
  58. package/atoms/graphs/circleGraph/index.js +4 -8
  59. package/atoms/graphs/circleNested/circleNested.js +216 -262
  60. package/atoms/graphs/circleNested/circleNested.story.js +91 -116
  61. package/atoms/graphs/circleNested/index.js +5 -9
  62. package/atoms/graphs/pieChart/index.js +4 -8
  63. package/atoms/graphs/pieChart/pieChart.js +162 -191
  64. package/atoms/graphs/pieChart/pieChart.story.js +147 -176
  65. package/atoms/graphs/verticalBarGraph/index.js +5 -9
  66. package/atoms/graphs/verticalBarGraph/verticalBarGraph.js +75 -98
  67. package/atoms/graphs/verticalBarGraph/verticalBarGraph.story.js +26 -45
  68. package/atoms/icon/icon.js +41 -72
  69. package/atoms/icon/icon.story.js +831 -260
  70. package/atoms/icon/index.js +19 -12
  71. package/atoms/image/image.js +18 -32
  72. package/atoms/image/image.story.js +10 -19
  73. package/atoms/image/index.js +4 -8
  74. package/atoms/inputText/index.js +4 -8
  75. package/atoms/inputText/inputText.js +86 -131
  76. package/atoms/inputText/inputText.story.js +191 -255
  77. package/atoms/label/index.js +4 -8
  78. package/atoms/label/label.js +25 -50
  79. package/atoms/label/label.story.js +42 -83
  80. package/atoms/loader/CircleLoader.js +29 -63
  81. package/atoms/loader/ShimmerComponent/CollabShimmerCard.js +39 -50
  82. package/atoms/loader/ShimmerComponent/CollabShimmerCardTray.js +41 -42
  83. package/atoms/loader/ShimmerComponent/FiltersShimmer.js +30 -30
  84. package/atoms/loader/ShimmerComponent/GraphDetailShimmer.js +21 -34
  85. package/atoms/loader/ShimmerComponent/GraphTitleShimmer.js +30 -34
  86. package/atoms/loader/ShimmerComponent/GraphsComponentShimmer.js +23 -32
  87. package/atoms/loader/ShimmerComponent/Shimmer.js +24 -32
  88. package/atoms/loader/ThreeDotLoader.js +14 -29
  89. package/atoms/loader/index.js +13 -11
  90. package/atoms/loader/loader.js +34 -58
  91. package/atoms/loader/loader.story.js +48 -52
  92. package/atoms/loader/spinningLoader.js +23 -34
  93. package/atoms/popup/index.js +5 -9
  94. package/atoms/popup/popup.js +123 -208
  95. package/atoms/popup/popup.story.js +97 -131
  96. package/atoms/radio/index.js +18 -11
  97. package/atoms/radio/radio.js +58 -112
  98. package/atoms/radio/radio.story.js +197 -420
  99. package/atoms/select/index.js +4 -8
  100. package/atoms/select/select.js +48 -86
  101. package/atoms/sideBar/index.js +5 -9
  102. package/atoms/sideBar/sidebar.js +89 -140
  103. package/atoms/switch/index.js +4 -8
  104. package/atoms/switch/switch.js +56 -86
  105. package/atoms/switch/switch.story.js +268 -415
  106. package/atoms/tag/index.js +12 -10
  107. package/atoms/tag/tag.js +29 -63
  108. package/atoms/tag/tag.story.js +135 -209
  109. package/atoms/textarea/index.js +5 -9
  110. package/atoms/textarea/textarea.js +55 -99
  111. package/atoms/textarea/textarea.story.js +48 -41
  112. package/atoms/thematicBreak/index.js +12 -10
  113. package/atoms/thematicBreak/thematicBreak.js +20 -38
  114. package/atoms/thematicBreak/thematicBreak.story.js +25 -37
  115. package/atoms/timeCodeInput/index.js +4 -8
  116. package/atoms/timeCodeInput/timCodeInput.story.js +21 -35
  117. package/atoms/timeCodeInput/timeCodeInput.js +33 -51
  118. package/atoms/timer/index.js +5 -9
  119. package/atoms/timer/timer.js +57 -108
  120. package/atoms/timer/timer.story.js +13 -26
  121. package/atoms/toast/index.js +5 -9
  122. package/atoms/toast/toast.js +81 -116
  123. package/atoms/toast/toast.story.js +50 -76
  124. package/atoms/videoCard/index.js +12 -10
  125. package/atoms/videoCard/videoCard.js +265 -447
  126. package/atoms/videoCard/videoCard.story.js +495 -710
  127. package/components.js +411 -294
  128. package/index.js +350 -61
  129. package/molecules/carousel/carousel.js +121 -207
  130. package/molecules/carousel/carousel.story.js +240 -223
  131. package/molecules/carousel/index.js +5 -9
  132. package/molecules/errorScreen/CollabErrorScreen.js +35 -66
  133. package/molecules/errorScreen/TableErrorScreen.js +109 -102
  134. package/molecules/errorScreen/TableErrorScreen.jsx +7 -6
  135. package/molecules/errorScreen/errorScreen.js +41 -94
  136. package/molecules/filter/constants.js +1 -0
  137. package/molecules/filter/filter.js +378 -562
  138. package/molecules/filter/filter.story.js +79 -104
  139. package/molecules/filter/index.js +5 -9
  140. package/molecules/graphCard/graphCard.js +97 -193
  141. package/molecules/graphCard/graphCard.story.js +159 -191
  142. package/molecules/graphCard/index.js +4 -8
  143. package/molecules/graphCard/loader.js +28 -68
  144. package/molecules/graphDetailCard/graphDetailCard.js +115 -183
  145. package/molecules/graphDetailCard/graphDetailCard.story.js +218 -254
  146. package/molecules/graphDetailCard/index.js +5 -9
  147. package/molecules/pageHeader/index.js +12 -10
  148. package/molecules/pageHeader/pageHeader.js +38 -79
  149. package/molecules/pageHeader/pageHeader.story.js +34 -55
  150. package/molecules/pagination/index.js +4 -8
  151. package/molecules/pagination/pagination.js +126 -202
  152. package/molecules/pagination/pagination.story.js +40 -52
  153. package/molecules/richTextInput/RichTextInput.js +354 -0
  154. package/molecules/richTextInput/RichTextInput.story.js +50 -0
  155. package/molecules/richTextInput/index.js +9 -0
  156. package/molecules/table/index.js +4 -8
  157. package/molecules/table/table-column.js +10 -16
  158. package/molecules/table/table-header.js +31 -72
  159. package/molecules/table/table.js +743 -1075
  160. package/molecules/table/table.story.js +274 -304
  161. package/molecules/tabs/index.js +4 -8
  162. package/molecules/tabs/tabs.js +112 -184
  163. package/molecules/tabs/tabs.story.js +66 -133
  164. package/molecules/videoCardList/index.js +4 -8
  165. package/molecules/videoCardList/videoCardList.js +24 -41
  166. package/molecules/videoCardList/videoCardList.story.js +449 -664
  167. package/molecules/videoPlayer/index.js +4 -8
  168. package/molecules/videoPlayer/videoPlayer.js +1019 -1097
  169. package/molecules/videoPlayer/videoPlayer.story.js +10 -21
  170. package/package.json +2 -2
package/atoms/graphs/circleDonut/circleDonut.story.js CHANGED
@@ -1,398 +1,332 @@
1
- 'use strict';
1
+ "use strict";
2
2
 
3
- var _react = require('react');
4
-
5
- var _react2 = _interopRequireDefault(_react);
6
-
7
- var _react3 = require('@storybook/react');
8
-
9
- var _storyHelpers = require('../../../_helpers/story-helpers');
10
-
11
- var _components = require('../../../../components');
12
-
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
-
15
- (0, _react3.storiesOf)('CircleDonut').add('light theme', function () {
16
- return _react2.default.createElement(
17
- _storyHelpers.Example,
18
- { title: 'Appearances' },
19
- _react2.default.createElement(
20
- _storyHelpers.Stack,
21
- null,
22
- _react2.default.createElement(
23
- 'div',
24
- null,
25
- _react2.default.createElement(
26
- 'div',
27
- { style: { width: '295px', height: '295px' } },
28
- _react2.default.createElement(_components.CircleDonut, {
29
- data: {
30
- graph_name: 'vertical-bar',
31
- graph_type: 'donutThin',
32
- data: {
33
- from_date: 1609698600000,
34
- to_date: 1610389799000,
35
- name: 'Ingest',
36
- total: 10,
37
- values: [{
38
- name: 'Finished',
39
- value: 'ingested',
40
- index: 1,
41
- data: 3,
42
- processed: 66
43
- }, {
44
- name: 'In Progress',
45
- value: 'started',
46
- index: 2,
47
- data: 5,
48
- inprogress: 7
49
- }, {
50
- name: 'In Queue',
51
- value: 'inqueue',
52
- index: 3,
53
- data: 4,
54
- pending: 0
55
- }, {
56
- name: 'Failed',
57
- value: 'failed',
58
- index: 4,
59
- data: 1,
60
- pending: 17
61
- }]
62
- }
63
- },
64
- graphColors: [['#00C8E7', '#00E6B9'], ['#FFE259', '#FFA751'], ['#FF8D29', '#F6462C'], ['#FFFFFF', '#DDDDDD']],
65
- graphPlaceholder: false,
66
- valueSub: 'Assets'
67
- })
68
- )
69
- )
70
- )
71
- );
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _react = _interopRequireDefault(require("react"));
5
+ var _react2 = require("@storybook/react");
6
+ var _storyHelpers = require("../../../_helpers/story-helpers");
7
+ var _components = require("../../../../components");
8
+ (0, _react2.storiesOf)('CircleDonut').add('light theme', function () {
9
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
10
+ title: "Appearances"
11
+ }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
12
+ style: {
13
+ width: '295px',
14
+ height: '295px'
15
+ }
16
+ }, /*#__PURE__*/_react["default"].createElement(_components.CircleDonut, {
17
+ data: {
18
+ graph_name: 'vertical-bar',
19
+ graph_type: 'donutThin',
20
+ data: {
21
+ from_date: 1609698600000,
22
+ to_date: 1610389799000,
23
+ name: 'Ingest',
24
+ total: 10,
25
+ values: [{
26
+ name: 'Finished',
27
+ value: 'ingested',
28
+ index: 1,
29
+ data: 3,
30
+ processed: 66
31
+ }, {
32
+ name: 'In Progress',
33
+ value: 'started',
34
+ index: 2,
35
+ data: 5,
36
+ inprogress: 7
37
+ }, {
38
+ name: 'In Queue',
39
+ value: 'inqueue',
40
+ index: 3,
41
+ data: 4,
42
+ pending: 0
43
+ }, {
44
+ name: 'Failed',
45
+ value: 'failed',
46
+ index: 4,
47
+ data: 1,
48
+ pending: 17
49
+ }]
50
+ }
51
+ },
52
+ graphColors: [['#00C8E7', '#00E6B9'], ['#FFE259', '#FFA751'], ['#FF8D29', '#F6462C'], ['#FFFFFF', '#DDDDDD']],
53
+ graphPlaceholder: false,
54
+ valueSub: 'Assets'
55
+ })))));
72
56
  });
73
-
74
- (0, _react3.storiesOf)('CircleDonut').add('dark theme', function () {
75
- return _react2.default.createElement(
76
- _storyHelpers.Example,
77
- { title: 'Tag', background: 'dark' },
78
- _react2.default.createElement(
79
- _storyHelpers.Stack,
80
- null,
81
- _react2.default.createElement(
82
- 'div',
83
- null,
84
- _react2.default.createElement(
85
- 'div',
86
- { style: { width: '295px', height: '295px' } },
87
- _react2.default.createElement(_components.CircleDonut, {
88
- data: {
89
- graph_name: 'circle-donut',
90
- graph_type: 'donutDefault',
91
- data: {
92
- from_date: 1609698600000,
93
- to_date: 1610389799000,
94
- name: 'Ingest',
95
- total: 10,
96
- values: [{
97
- name: 'Finished',
98
- value: 'ingested',
99
- index: 1,
100
- data: 3,
101
- processed: 66
102
- }, {
103
- name: 'In Progress',
104
- value: 'started',
105
- index: 2,
106
- data: 2,
107
- inprogress: 7
108
- }, {
109
- name: 'In Queue',
110
- value: 'inqueue',
111
- index: 3,
112
- data: 4,
113
- pending: 0
114
- }, {
115
- name: 'Failed',
116
- value: 'failed',
117
- index: 4,
118
- data: 1,
119
- pending: 17
120
- }]
121
- }
122
- },
123
- graphColors: [['#00C8E7', '#00E6B9'], ['#FFE259', '#FFA751'], ['#FF8D29', '#F6462C'], ['#FFFFFF', '#DDDDDD']],
124
- graphPlaceholder: false,
125
- valueSub: 'Asset'
126
- })
127
- )
128
- )
129
- ),
130
- _react2.default.createElement(
131
- _storyHelpers.Stack,
132
- null,
133
- _react2.default.createElement(
134
- 'div',
135
- null,
136
- _react2.default.createElement(
137
- 'div',
138
- { style: { width: '295px', height: '295px' } },
139
- _react2.default.createElement(_components.CircleDonut, {
140
- data: {
141
- graph_name: 'circle-donut',
142
- graph_type: 'donutThin',
143
- data: {
144
- from_date: 1609698600000,
145
- to_date: 1610389799000,
146
- name: 'Ingest',
147
- total: 10,
148
- values: [{
149
- name: 'Finished',
150
- value: 'ingested',
151
- index: 1,
152
- data: 3,
153
- processed: 66
154
- }, {
155
- name: 'In Progress',
156
- value: 'started',
157
- index: 2,
158
- data: 2,
159
- inprogress: 7
160
- }, {
161
- name: 'In Queue',
162
- value: 'inqueue',
163
- index: 3,
164
- data: 4,
165
- pending: 0
166
- }, {
167
- name: 'Failed',
168
- value: 'failed',
169
- index: 4,
170
- data: 1,
171
- pending: 17
172
- }]
173
- }
174
- },
175
- graphColors: [['#00C8E7', '#00E6B9'], ['#FFE259', '#FFA751'], ['#FF8D29', '#F6462C'], ['#FFFFFF', '#DDDDDD']],
176
- graphPlaceholder: false,
177
- valueSub: 'Asset'
178
- })
179
- )
180
- )
181
- ),
182
- _react2.default.createElement(
183
- _storyHelpers.Stack,
184
- null,
185
- _react2.default.createElement(
186
- 'div',
187
- null,
188
- _react2.default.createElement(
189
- 'div',
190
- { style: { width: '295px', height: '295px' } },
191
- _react2.default.createElement(_components.CircleDonut, {
192
- data: {
193
- graph_name: 'circle-donut',
194
- graph_type: 'donutThick',
195
- data: {
196
- from_date: 1609698600000,
197
- to_date: 1610389799000,
198
- name: 'Ingest',
199
- total: 10,
200
- values: [{
201
- name: 'Finished',
202
- value: 'ingested',
203
- index: 1,
204
- data: 3,
205
- processed: 66
206
- }, {
207
- name: 'In Progress',
208
- value: 'started',
209
- index: 2,
210
- data: 2,
211
- inprogress: 7
212
- }, {
213
- name: 'In Queue',
214
- value: 'inqueue',
215
- index: 3,
216
- data: 4,
217
- pending: 0
218
- }, {
219
- name: 'Failed',
220
- value: 'failed',
221
- index: 4,
222
- data: 1,
223
- pending: 17
224
- }]
225
- }
226
- },
227
- graphColors: [['#00C8E7', '#00E6B9'], ['#FFE259', '#FFA751'], ['#FF8D29', '#F6462C'], ['#FFFFFF', '#DDDDDD']],
228
- graphPlaceholder: false,
229
- valueSub: 'Asset'
230
- })
231
- )
232
- )
233
- )
234
- );
57
+ (0, _react2.storiesOf)('CircleDonut').add('dark theme', function () {
58
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
59
+ title: "Tag",
60
+ background: "dark"
61
+ }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
62
+ style: {
63
+ width: '295px',
64
+ height: '295px'
65
+ }
66
+ }, /*#__PURE__*/_react["default"].createElement(_components.CircleDonut, {
67
+ data: {
68
+ graph_name: 'circle-donut',
69
+ graph_type: 'donutDefault',
70
+ data: {
71
+ from_date: 1609698600000,
72
+ to_date: 1610389799000,
73
+ name: 'Ingest',
74
+ total: 10,
75
+ values: [{
76
+ name: 'Finished',
77
+ value: 'ingested',
78
+ index: 1,
79
+ data: 3,
80
+ processed: 66
81
+ }, {
82
+ name: 'In Progress',
83
+ value: 'started',
84
+ index: 2,
85
+ data: 2,
86
+ inprogress: 7
87
+ }, {
88
+ name: 'In Queue',
89
+ value: 'inqueue',
90
+ index: 3,
91
+ data: 4,
92
+ pending: 0
93
+ }, {
94
+ name: 'Failed',
95
+ value: 'failed',
96
+ index: 4,
97
+ data: 1,
98
+ pending: 17
99
+ }]
100
+ }
101
+ },
102
+ graphColors: [['#00C8E7', '#00E6B9'], ['#FFE259', '#FFA751'], ['#FF8D29', '#F6462C'], ['#FFFFFF', '#DDDDDD']],
103
+ graphPlaceholder: false,
104
+ valueSub: 'Asset'
105
+ })))), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
106
+ style: {
107
+ width: '295px',
108
+ height: '295px'
109
+ }
110
+ }, /*#__PURE__*/_react["default"].createElement(_components.CircleDonut, {
111
+ data: {
112
+ graph_name: 'circle-donut',
113
+ graph_type: 'donutThin',
114
+ data: {
115
+ from_date: 1609698600000,
116
+ to_date: 1610389799000,
117
+ name: 'Ingest',
118
+ total: 10,
119
+ values: [{
120
+ name: 'Finished',
121
+ value: 'ingested',
122
+ index: 1,
123
+ data: 3,
124
+ processed: 66
125
+ }, {
126
+ name: 'In Progress',
127
+ value: 'started',
128
+ index: 2,
129
+ data: 2,
130
+ inprogress: 7
131
+ }, {
132
+ name: 'In Queue',
133
+ value: 'inqueue',
134
+ index: 3,
135
+ data: 4,
136
+ pending: 0
137
+ }, {
138
+ name: 'Failed',
139
+ value: 'failed',
140
+ index: 4,
141
+ data: 1,
142
+ pending: 17
143
+ }]
144
+ }
145
+ },
146
+ graphColors: [['#00C8E7', '#00E6B9'], ['#FFE259', '#FFA751'], ['#FF8D29', '#F6462C'], ['#FFFFFF', '#DDDDDD']],
147
+ graphPlaceholder: false,
148
+ valueSub: 'Asset'
149
+ })))), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
150
+ style: {
151
+ width: '295px',
152
+ height: '295px'
153
+ }
154
+ }, /*#__PURE__*/_react["default"].createElement(_components.CircleDonut, {
155
+ data: {
156
+ graph_name: 'circle-donut',
157
+ graph_type: 'donutThick',
158
+ data: {
159
+ from_date: 1609698600000,
160
+ to_date: 1610389799000,
161
+ name: 'Ingest',
162
+ total: 10,
163
+ values: [{
164
+ name: 'Finished',
165
+ value: 'ingested',
166
+ index: 1,
167
+ data: 3,
168
+ processed: 66
169
+ }, {
170
+ name: 'In Progress',
171
+ value: 'started',
172
+ index: 2,
173
+ data: 2,
174
+ inprogress: 7
175
+ }, {
176
+ name: 'In Queue',
177
+ value: 'inqueue',
178
+ index: 3,
179
+ data: 4,
180
+ pending: 0
181
+ }, {
182
+ name: 'Failed',
183
+ value: 'failed',
184
+ index: 4,
185
+ data: 1,
186
+ pending: 17
187
+ }]
188
+ }
189
+ },
190
+ graphColors: [['#00C8E7', '#00E6B9'], ['#FFE259', '#FFA751'], ['#FF8D29', '#F6462C'], ['#FFFFFF', '#DDDDDD']],
191
+ graphPlaceholder: false,
192
+ valueSub: 'Asset'
193
+ })))));
235
194
  });
236
-
237
- (0, _react3.storiesOf)('CircleDonut').add('nexc theme', function () {
238
- return _react2.default.createElement(
239
- _storyHelpers.Example,
240
- { title: 'Tag', background: 'dark' },
241
- _react2.default.createElement(
242
- _storyHelpers.Stack,
243
- null,
244
- _react2.default.createElement(
245
- 'div',
246
- null,
247
- _react2.default.createElement(
248
- 'div',
249
- { style: { width: '295px', height: '295px' } },
250
- _react2.default.createElement(_components.CircleDonut, {
251
- data: {
252
- graph_name: 'circle-donut',
253
- graph_type: 'donutDefault',
254
- data: {
255
- from_date: 1609698600000,
256
- to_date: 1610389799000,
257
- name: 'Ingest',
258
- total: 10,
259
- values: [{
260
- name: 'Finished',
261
- value: 'ingested',
262
- index: 1,
263
- data: 3,
264
- processed: 66
265
- }, {
266
- name: 'In Progress',
267
- value: 'started',
268
- index: 2,
269
- data: 2,
270
- inprogress: 7
271
- }, {
272
- name: 'In Queue',
273
- value: 'inqueue',
274
- index: 3,
275
- data: 4,
276
- pending: 0
277
- }, {
278
- name: 'Failed',
279
- value: 'failed',
280
- index: 4,
281
- data: 1,
282
- pending: 17
283
- }]
284
- }
285
- },
286
- graphColors: [['#60BEF8', '#60BEF8'], ['#FFE259', '#FFA751'], ['#FF8D29', '#F6462C'], ['#FFFFFF', '#DDDDDD']],
287
- graphPlaceholder: false,
288
- valueSub: 'Asset'
289
- })
290
- )
291
- )
292
- ),
293
- _react2.default.createElement(
294
- _storyHelpers.Stack,
295
- null,
296
- _react2.default.createElement(
297
- 'div',
298
- null,
299
- _react2.default.createElement(
300
- 'div',
301
- { style: { width: '295px', height: '295px' } },
302
- _react2.default.createElement(_components.CircleDonut, {
303
- data: {
304
- graph_name: 'circle-donut',
305
- graph_type: 'donutThin',
306
- data: {
307
- from_date: 1609698600000,
308
- to_date: 1610389799000,
309
- name: 'Ingest',
310
- total: 10,
311
- values: [{
312
- name: 'Finished',
313
- value: 'ingested',
314
- index: 1,
315
- data: 3,
316
- processed: 66
317
- }, {
318
- name: 'In Progress',
319
- value: 'started',
320
- index: 2,
321
- data: 2,
322
- inprogress: 7
323
- }, {
324
- name: 'In Queue',
325
- value: 'inqueue',
326
- index: 3,
327
- data: 4,
328
- pending: 0
329
- }, {
330
- name: 'Failed',
331
- value: 'failed',
332
- index: 4,
333
- data: 1,
334
- pending: 17
335
- }]
336
- }
337
- },
338
- graphColors: [['#60BEF8', '#60BEF8'], ['#FFE259', '#FFA751'], ['#FF8D29', '#F6462C'], ['#FFFFFF', '#DDDDDD']],
339
- graphPlaceholder: false,
340
- valueSub: 'Asset'
341
- })
342
- )
343
- )
344
- ),
345
- _react2.default.createElement(
346
- _storyHelpers.Stack,
347
- null,
348
- _react2.default.createElement(
349
- 'div',
350
- null,
351
- _react2.default.createElement(
352
- 'div',
353
- { style: { width: '295px', height: '295px' } },
354
- _react2.default.createElement(_components.CircleDonut, {
355
- data: {
356
- graph_name: 'circle-donut',
357
- graph_type: 'donutThick',
358
- data: {
359
- from_date: 1609698600000,
360
- to_date: 1610389799000,
361
- name: 'Ingest',
362
- total: 10,
363
- values: [{
364
- name: 'Finished',
365
- value: 'ingested',
366
- index: 1,
367
- data: 3,
368
- processed: 66
369
- }, {
370
- name: 'In Progress',
371
- value: 'started',
372
- index: 2,
373
- data: 2,
374
- inprogress: 7
375
- }, {
376
- name: 'In Queue',
377
- value: 'inqueue',
378
- index: 3,
379
- data: 4,
380
- pending: 0
381
- }, {
382
- name: 'Failed',
383
- value: 'failed',
384
- index: 4,
385
- data: 1,
386
- pending: 17
387
- }]
388
- }
389
- },
390
- graphColors: [['#60BEF8', '#60BEF8'], ['#FFE259', '#FFA751'], ['#FF8D29', '#F6462C'], ['#FFFFFF', '#DDDDDD']],
391
- graphPlaceholder: false,
392
- valueSub: 'Asset'
393
- })
394
- )
395
- )
396
- )
397
- );
195
+ (0, _react2.storiesOf)('CircleDonut').add('nexc theme', function () {
196
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
197
+ title: "Tag",
198
+ background: "dark"
199
+ }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
200
+ style: {
201
+ width: '295px',
202
+ height: '295px'
203
+ }
204
+ }, /*#__PURE__*/_react["default"].createElement(_components.CircleDonut, {
205
+ data: {
206
+ graph_name: 'circle-donut',
207
+ graph_type: 'donutDefault',
208
+ data: {
209
+ from_date: 1609698600000,
210
+ to_date: 1610389799000,
211
+ name: 'Ingest',
212
+ total: 10,
213
+ values: [{
214
+ name: 'Finished',
215
+ value: 'ingested',
216
+ index: 1,
217
+ data: 3,
218
+ processed: 66
219
+ }, {
220
+ name: 'In Progress',
221
+ value: 'started',
222
+ index: 2,
223
+ data: 2,
224
+ inprogress: 7
225
+ }, {
226
+ name: 'In Queue',
227
+ value: 'inqueue',
228
+ index: 3,
229
+ data: 4,
230
+ pending: 0
231
+ }, {
232
+ name: 'Failed',
233
+ value: 'failed',
234
+ index: 4,
235
+ data: 1,
236
+ pending: 17
237
+ }]
238
+ }
239
+ },
240
+ graphColors: [['#60BEF8', '#60BEF8'], ['#FFE259', '#FFA751'], ['#FF8D29', '#F6462C'], ['#FFFFFF', '#DDDDDD']],
241
+ graphPlaceholder: false,
242
+ valueSub: 'Asset'
243
+ })))), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
244
+ style: {
245
+ width: '295px',
246
+ height: '295px'
247
+ }
248
+ }, /*#__PURE__*/_react["default"].createElement(_components.CircleDonut, {
249
+ data: {
250
+ graph_name: 'circle-donut',
251
+ graph_type: 'donutThin',
252
+ data: {
253
+ from_date: 1609698600000,
254
+ to_date: 1610389799000,
255
+ name: 'Ingest',
256
+ total: 10,
257
+ values: [{
258
+ name: 'Finished',
259
+ value: 'ingested',
260
+ index: 1,
261
+ data: 3,
262
+ processed: 66
263
+ }, {
264
+ name: 'In Progress',
265
+ value: 'started',
266
+ index: 2,
267
+ data: 2,
268
+ inprogress: 7
269
+ }, {
270
+ name: 'In Queue',
271
+ value: 'inqueue',
272
+ index: 3,
273
+ data: 4,
274
+ pending: 0
275
+ }, {
276
+ name: 'Failed',
277
+ value: 'failed',
278
+ index: 4,
279
+ data: 1,
280
+ pending: 17
281
+ }]
282
+ }
283
+ },
284
+ graphColors: [['#60BEF8', '#60BEF8'], ['#FFE259', '#FFA751'], ['#FF8D29', '#F6462C'], ['#FFFFFF', '#DDDDDD']],
285
+ graphPlaceholder: false,
286
+ valueSub: 'Asset'
287
+ })))), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
288
+ style: {
289
+ width: '295px',
290
+ height: '295px'
291
+ }
292
+ }, /*#__PURE__*/_react["default"].createElement(_components.CircleDonut, {
293
+ data: {
294
+ graph_name: 'circle-donut',
295
+ graph_type: 'donutThick',
296
+ data: {
297
+ from_date: 1609698600000,
298
+ to_date: 1610389799000,
299
+ name: 'Ingest',
300
+ total: 10,
301
+ values: [{
302
+ name: 'Finished',
303
+ value: 'ingested',
304
+ index: 1,
305
+ data: 3,
306
+ processed: 66
307
+ }, {
308
+ name: 'In Progress',
309
+ value: 'started',
310
+ index: 2,
311
+ data: 2,
312
+ inprogress: 7
313
+ }, {
314
+ name: 'In Queue',
315
+ value: 'inqueue',
316
+ index: 3,
317
+ data: 4,
318
+ pending: 0
319
+ }, {
320
+ name: 'Failed',
321
+ value: 'failed',
322
+ index: 4,
323
+ data: 1,
324
+ pending: 17
325
+ }]
326
+ }
327
+ },
328
+ graphColors: [['#60BEF8', '#60BEF8'], ['#FFE259', '#FFA751'], ['#FF8D29', '#F6462C'], ['#FFFFFF', '#DDDDDD']],
329
+ graphPlaceholder: false,
330
+ valueSub: 'Asset'
331
+ })))));
398
332
  });